:root{color:#263c3a;font-synthesis:none;--ink:#263c3a;--muted:#6d7871;--paper:#f6f3eaf2;--line:#dcded3;--accent:#dce2c9;background:#d9d5c9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:4px;outline:3px solid #619c91}button:disabled{opacity:.4;cursor:wait}kbd{background:#ffffff40;border:1px solid #b9c1b8;border-radius:4px;padding:3px 5px;font:11px ui-monospace,SFMono-Regular,monospace;display:inline-block}#app,#scene{width:100%;height:100%;position:fixed;inset:0}#scene{touch-action:none;outline:none;display:block}.topbar{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;gap:20px;display:flex;position:fixed;top:24px;left:28px;right:28px}.brand{background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffffa0;border-radius:14px;align-items:center;gap:12px;padding:12px 18px;display:flex;box-shadow:0 8px 35px #2330280d}.brand-mark{width:34px;height:34px;color:var(--ink);place-items:center;font-size:48px;line-height:1;display:grid;transform:rotate(180deg)}.brand strong{letter-spacing:-.5px;font-family:Georgia,serif;font-size:22px;font-weight:400;display:block}.brand span:not(.brand-mark){letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-top:5px;font-size:10px;display:block}.top-actions{pointer-events:auto;align-items:center;gap:8px;display:flex}.tag{background:var(--paper);white-space:nowrap;border:1px solid #f1f2e8;border-radius:30px;padding:11px 14px;font-size:11px}.button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:12px;transition:background .15s,transform .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.subtle{background:var(--paper);color:var(--ink);padding:11px 15px;font-size:12px;box-shadow:0 4px 15px #243b2d08}.primary{background:var(--ink);color:#f8f8ec;padding:17px 21px;font-size:14px}.primary:hover{background:#3b5750}.primary span{font-size:22px}.welcome{background:var(--paper);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:4;border:1px solid #ffffffb0;border-radius:20px;width:min(430px,100vw - 40px);padding:34px 36px 24px;position:fixed;top:50%;left:7vw;transform:translateY(-46%);box-shadow:0 18px 80px #24372a20}.eyebrow{letter-spacing:2px;color:#6c786b;font-size:10px;font-weight:600}h1{letter-spacing:-1.3px;margin:18px 0;font:36px/1.15 Georgia,serif}p{color:var(--muted);font-size:13px;line-height:1.7}.control-guide{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:25px 0;padding:20px 0;display:flex}.control-guide>div{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:65px;display:flex}.control-guide>div>span:last-child{color:var(--muted);font-size:10px}.keyset{text-align:center;line-height:1.7}.keyset kbd{margin:0 1px;padding:2px 5px}.mouse-icon{border:1.5px solid #7d8c7c;border-radius:12px;width:20px;height:29px;display:block;position:relative}.mouse-icon:after{content:"";background:#7d8c7c;width:2px;height:7px;position:absolute;top:4px;left:8px}.welcome>.primary{justify-content:space-between;width:100%}.text-button{color:var(--muted);text-underline-offset:4px;background:0 0;border:0;padding:10px 4px;font-size:11px;text-decoration:underline}.welcome>.text-button{margin:8px auto 0;display:block}.privacy-note{text-align:center;margin:12px 0 0;font-size:10px}.plan-card{background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;border:1px solid #ffffffa0;border-radius:14px;width:208px;padding:14px 16px 10px;position:fixed;bottom:88px;right:28px;box-shadow:0 5px 30px #243b2d12}.plan-heading{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.plan-heading strong{color:var(--ink);font-size:11px;font-weight:500}#minimap{width:100%;height:155px;margin:7px 0 1px;display:block}.plan-foot{text-align:center;letter-spacing:.3px;color:#8b9285;font-size:9px}.bottom-bar{background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;border:1px solid #ffffffa0;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;min-height:44px;padding:8px 17px;display:flex;position:fixed;bottom:24px;left:28px;right:28px}#control-state{color:#556d5a;font-size:11px}.bottom-help{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.bottom-help kbd{font-size:9px}.bottom-help span{color:#adb4a7}.bottom-bar>.text-button{padding:5px;font-size:10px}.inspection{background:var(--paper);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;border:1px solid #fff;border-radius:14px;width:300px;padding:22px;position:fixed;bottom:88px;right:254px;box-shadow:0 10px 50px #263c3a15}.inspection h2{margin:0 0 8px;font:22px Georgia,serif}.inspection p{margin:0 0 18px;font-size:11px}.switch{align-items:center;gap:8px;margin-bottom:20px;font-size:11px;display:flex}.switch input{accent-color:#476b5a}.range-label{justify-content:space-between;font-size:11px;display:flex}input[type=range]{accent-color:#476b5a;width:100%;margin:12px 0 18px}.inspection-data{color:#778374;font:10px/1.8 ui-monospace,monospace}.inspection-data span{display:block}.notice{background:var(--ink);color:#fff;z-index:8;border-radius:8px;max-width:80vw;padding:12px 18px;font-size:12px;position:fixed;top:112px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0002}.error-panel{z-index:20;background:#f6f3ea;border-radius:20px;padding:40px;position:fixed;inset:15%}.error-panel h1{font-size:30px}.error-panel p{white-space:pre-wrap}#qa-result{white-space:pre-wrap;max-height:130px;font-size:9px;overflow:auto}body.playing .welcome{display:none}[hidden]{display:none!important}@media (width<=760px){.topbar{top:14px;left:14px;right:14px}.brand{padding:10px 12px}.brand strong{font-size:18px}.brand-mark,.tag{display:none}.subtle{padding:9px 11px}.welcome{max-height:calc(100vh - 180px);padding:26px;top:48%;left:20px;overflow:auto}h1{font-size:31px}.plan-card{width:150px;padding:10px;bottom:77px;right:14px}#minimap{height:110px}.bottom-bar{min-height:46px;padding:10px;bottom:14px;left:14px;right:14px}.bottom-help{display:none}.inspection{width:min(300px,100vw - 28px);bottom:235px;right:14px}.welcome~.plan-card{opacity:.6}body.playing .plan-card{opacity:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.comparison-controls{gap:8px;margin:14px 0 20px;display:grid}.comparison-controls label{color:var(--muted);font-size:11px}.comparison-controls select{text-align:left;width:100%}.inspection{max-height:calc(100vh - 120px);overflow:auto}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,#scene:focus-visible{outline-offset:3px;outline:3px solid #267060}.button,.text-button{min-height:40px}.bottom-actions{flex-shrink:0;gap:10px;display:flex}.bottom-actions .text-button{font-size:11px}.quick-views{z-index:2;gap:6px;display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.quick-views button{box-shadow:0 3px 20px #263c3a18}.inspection,.controls-panel{overscroll-behavior:contain;width:320px;max-height:calc(100dvh - 190px);bottom:88px;right:28px}.panel-close{margin:-12px -6px 6px auto;display:block}.panel-buttons{flex-wrap:wrap;gap:8px;display:flex}.keyboard-hint{text-align:center;margin:12px 0;font-size:11px}.touch-controls{z-index:3;grid-template-columns:repeat(3,44px);gap:6px;display:none;position:fixed;bottom:140px;left:28px}.touch-controls button{background:var(--paper);width:44px;height:44px;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #ffffffa0;border-radius:10px;font-size:22px}.touch-controls button:active{background:#dce2c9}body.playing.screen-controls-visible .touch-controls{display:grid}body.panel-open .plan-card,body.panel-open .quick-views,body.panel-open .touch-controls{display:none}.welcome{max-height:calc(100dvh - 170px);overflow:auto}.switch input{min-width:20px;min-height:20px}.comparison-controls select{min-width:0}.notice{pointer-events:none}@media (width<=1050px){.bottom-help{display:none}.quick-views{left:28px;transform:none}}@media (width<=760px){.inspection,.controls-panel{width:min(320px,100vw - 28px);max-height:calc(100dvh - 165px);bottom:80px;right:14px}.quick-views{bottom:80px;left:14px}.quick-views button{padding:9px 10px}.touch-controls{bottom:138px;left:14px}.bottom-bar{gap:8px;padding:6px 10px}#control-state{min-width:0;font-size:10px}.bottom-actions{gap:8px}.brand span:not(.brand-mark){letter-spacing:1px;font-size:9px}}@media (width<=480px){.topbar{gap:6px;top:12px;left:12px;right:12px}.brand{min-width:0;padding:10px}.brand strong{white-space:nowrap;font-size:15px}.brand span:not(.brand-mark){display:none}.top-actions{gap:4px}.top-actions .button{gap:0;padding:9px 8px;font-size:11px}#reset kbd{display:none}.welcome{width:calc(100vw - 28px);padding:24px;top:49%;left:14px}.welcome h1{font-size:30px}.control-guide{margin:18px 0;padding:12px 0}.bottom-actions .text-button{font-size:10px}.plan-card{bottom:136px}.notice{width:max-content;max-width:calc(100vw - 28px);top:78px}}@media (height<=540px){.welcome{max-height:calc(100dvh - 150px);top:50%;transform:translateY(-50%)}.inspection,.controls-panel{max-height:none;top:76px;bottom:76px}.plan-card{width:140px;bottom:80px}#minimap{height:95px}.touch-controls{bottom:130px}.notice{top:76px}}body.panel-open .welcome,body.playing.screen-controls-visible.panel-open .touch-controls{display:none}#perf-result{white-space:pre-wrap;max-height:160px;font:9px/1.5 ui-monospace,monospace;overflow:auto}#qa-pixel-ratio{max-width:100%;margin:8px 0}