:root{--bg:#0d131bcc;--bg-solid:#0d131b;--line:#ffffff1a;--text:#e8eef4;--muted:#9db0c2;--accent:#f0b429;--accent-ink:#1a1405;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--text);background:#9fb4c8;margin:0;overflow:hidden}[hidden]{display:none!important}#scene{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}button,select,input{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;background:#ffffff12;border-radius:8px;padding:7px 12px;transition:background .15s,border-color .15s}button:hover{background:#ffffff24}button[aria-pressed=true],button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.primary:hover{filter:brightness(1.08)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{text-align:center;background:#ffffff14;border:1px solid #ffffff47;border-bottom-width:2px;border-radius:5px;min-width:1.5em;margin:0 1px;padding:1px 6px;font-size:.85em;display:inline-block}.muted{color:var(--muted);margin:0;font-size:.85rem}.screen{z-index:20;place-items:center;display:grid;position:fixed;inset:0}#loading{color:var(--muted);z-index:40;background:#0d131b}#start{background:linear-gradient(90deg,#080d14e0 0%,#080d148c 42%,#080d1400 75%);place-items:center start;padding:4vw}.start-card{max-width:520px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.8rem}h1{margin:0 0 14px;font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.1}.lead{color:#cbd7e2;margin:0 0 24px;font-size:1.05rem;line-height:1.5}.start-actions{flex-wrap:wrap;gap:10px;display:flex}.start-actions button{padding:12px 18px;font-size:1rem}.keys-hint{color:var(--muted);margin:22px 0 0;font-size:.9rem}.disclaimer{color:#8ea1b3;max-width:460px;margin:14px 0 0;font-size:.78rem;line-height:1.45}#hud{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:.88rem;display:flex;position:fixed;top:10px;left:10px;right:10px}.hud-left{align-items:baseline;gap:10px;min-width:0;display:flex}.brand{white-space:nowrap;font-weight:600}.mode-name{color:var(--accent);white-space:nowrap}.modes,.hud-right{flex-wrap:wrap;gap:6px;display:flex}.hud-right button{padding:6px 10px}.panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;padding:12px 14px}#settings{gap:12px;width:280px;font-size:.88rem;display:grid;position:fixed;top:66px;right:10px}#settings label{gap:5px;display:grid}#settings label.check{align-items:center;gap:8px;display:flex}select{border:1px solid var(--line);background:#17202b;border-radius:7px;padding:6px 8px}input[type=range]{width:100%;accent-color:var(--accent)}#inspect-bar{flex-wrap:wrap;align-items:end;gap:10px;max-width:min(640px,100% - 20px);font-size:.88rem;display:flex;position:fixed;bottom:10px;left:10px}#inspect-bar label{gap:4px;display:grid}#inspect-bar .muted{flex-basis:100%}#crosshair{z-index:9;pointer-events:none;background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #00000080}.prompt{background:var(--bg);border:1px solid var(--accent);z-index:10;pointer-events:none;white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:.9rem;position:fixed;top:calc(50% + 28px);left:50%;transform:translate(-50%)}.lockhint{background:var(--bg);border:1px solid var(--line);color:var(--muted);z-index:10;pointer-events:none;border-radius:999px;padding:6px 12px;font-size:.82rem;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.info{width:min(340px,100% - 20px);max-height:calc(100% - 90px);font-size:.9rem;line-height:1.5;position:fixed;top:66px;right:10px;overflow:auto}.info h2{margin:6px 0;padding-right:24px;font-size:1.15rem;line-height:1.25}.info p{margin:0 0 10px}.info .role{color:#d5e0ea;font-weight:500}.info .note{color:#e3d3a8;background:#f0b42914;border:1px solid #f0b42947;border-radius:8px;margin:0;padding:8px 10px;font-size:.82rem}.chip{border:1px solid var(--line);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 9px;font-size:.74rem;display:inline-block;margin:0!important}.close{width:28px;height:28px;padding:0;font-size:1.1rem;line-height:1;position:absolute;top:8px;right:8px}.tour{width:min(720px,100% - 20px);position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.tour h2{margin:0 0 4px;font-size:1.02rem}.tour p{color:#d0dbe5;margin:0;font-size:.9rem;line-height:1.45}.tour-progress{background:#ffffff1f;border-radius:2px;height:3px;margin:10px 0;overflow:hidden}.tour-progress span{background:var(--accent);width:0;height:100%;transition:width .4s;display:block}.tour-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tour-controls .muted{margin-left:auto}.toast{background:var(--bg-solid);border:1px solid var(--line);z-index:30;border-radius:999px;padding:8px 14px;font-size:.88rem;position:fixed;top:72px;left:50%;transform:translate(-50%)}.unhide{z-index:15;opacity:.55;font-size:.8rem;position:fixed;top:10px;right:10px}.unhide:hover,.unhide:focus-visible{opacity:1}body.ui-hidden #hud,body.ui-hidden #stick-hint,body.ui-hidden #settings,body.ui-hidden #inspect-bar,body.ui-hidden #info,body.ui-hidden #tour-bar,body.ui-hidden #prompt,body.ui-hidden #lockhint{display:none!important}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#05090eb3}.modal-card{background:var(--bg-solid);border:1px solid var(--line);border-radius:14px;width:min(560px,100% - 28px);padding:22px}.modal-card h2{margin:0 0 14px}.modal-card table{border-collapse:collapse;width:100%;margin-bottom:18px;font-size:.9rem}.modal-card th,.modal-card td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:7px 8px}.modal-card th{white-space:nowrap;width:40%;font-weight:500}.tc,body.touch .kb{display:none}body.touch p.tc{display:block}body.touch tr.tc{display:table-row}#scene,#touch-ui{touch-action:none}button{touch-action:manipulation}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#touch-ui{z-index:5;pointer-events:none;position:fixed;inset:0}#stick-zone,#look-zone{pointer-events:auto;position:absolute;top:0;bottom:0}#stick-zone{width:45%;left:0}#look-zone{width:55%;right:0}#stick-hint,#stick-base{pointer-events:none;background:#0d131b4d;border:2px solid #fff6;border-radius:50%;width:112px;height:112px;position:absolute}#stick-hint{left:calc(34px + env(safe-area-inset-left));bottom:calc(46px + env(safe-area-inset-bottom))}#stick-hint:after{content:"";background:#ffffff38;border-radius:50%;position:absolute;inset:34px}#stick-base{margin:-56px 0 0 -56px}#stick-knob{background:#f0b429e0;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000059}#btn-interact{right:calc(22px + env(safe-area-inset-right));bottom:calc(34px + env(safe-area-inset-bottom));pointer-events:auto;background:#0d131bb3;border:2px solid #ffffff59;border-radius:32px;min-width:96px;max-width:46vw;min-height:64px;padding:10px 18px;font-size:1rem;position:absolute}#btn-interact.ready{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}body.touch #prompt{display:none!important}#btn-more{display:none}body.compact #btn-more{display:inline-block}body.compact #hud{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));flex-wrap:wrap;justify-content:space-between;padding:6px 8px;font-size:.82rem}body.compact .hud-left{display:none}body.compact .modes{order:2}body.compact .hud-right{display:contents}body.compact .hud-right button{order:4;padding:6px 10px;display:none}body.compact #hud.open .hud-right button,body.compact .hud-right #btn-menu,body.compact .hud-right #btn-more{display:inline-block}body.compact .hud-right #btn-menu{order:1}body.compact .hud-right #btn-more{order:3}body.compact button{min-height:40px}body.compact #start{place-items:start;overflow:auto}@media (max-width:760px){#start{background:#080d14b3}}body.compact #settings{top:70px}body.compact .info{max-height:calc(100% - 190px);top:70px;bottom:auto}body.compact .close{width:40px;height:40px;top:4px;right:4px}body.compact .tour{bottom:max(8px, env(safe-area-inset-bottom));max-height:55%;overflow:auto}body.compact #inspect-bar{bottom:max(10px, env(safe-area-inset-bottom))}body.compact #inspect-bar select{max-width:62vw;min-height:40px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}