@font-face{font-family:Inter;src:url(Inter-Regular.otf) format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(Inter-ExtraBold.otf) format('opentype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--lime:#ccff00;--muted:#90979e;--line:#252a31}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080a0e;color:#f4f4f3;font-family:Inter,Arial,sans-serif}button,select,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}a:focus-visible,button:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.demo-header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand svg{width:28px;height:28px;color:var(--lime);overflow:visible}.brand-name{display:flex;flex-direction:column}.brand-name strong{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.brand-name>span{font-size:10px;color:#888;letter-spacing:.08em;line-height:1.5}.story-link{color:#c4c7ca;font-size:12px}.story-link span{color:var(--lime);margin-left:14px}main{max-width:1680px;margin:auto;padding:36px 4vw 0}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--lime);margin:0 0 12px}h1{font-size:clamp(27px,3vw,50px);font-weight:400;letter-spacing:-.055em;margin:0}h1 em{font-family:Georgia,serif;color:#c8ccd2;font-weight:400}.intro-note{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 4px}.stage-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.13em;color:#a6adb3;padding:12px 0}.stage-meta b{font-weight:400;color:#424a52;margin:0 8px}.live-dot{display:inline-block;border-radius:50%;background:var(--lime);width:5px;height:5px;margin-right:7px;vertical-align:2px}.stage{position:relative;aspect-ratio:5/2;background:#050a13;overflow:hidden;border:1px solid #222a35;border-radius:3px 3px 0 0}.stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.wall-brand{position:absolute;pointer-events:none;display:flex;gap:clamp(5px,.8vw,14px);align-items:center;right:5.5%;top:12%;filter:drop-shadow(0 2px 8px #000)}.wall-brand svg{width:clamp(18px,3vw,46px);height:clamp(18px,3vw,46px);color:var(--lime);overflow:visible}.wall-brand>span{display:flex;flex-direction:column}.wall-brand strong{font-size:clamp(13px,2.2vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1.1}.wall-brand small{font-size:clamp(7px,1vw,15px);color:#aaa;letter-spacing:.1em}.stage[data-visitor="true"] .wall-brand{right:15.8%;top:21%;transform:scale(.769);transform-origin:top right}.loading,.error-panel{position:absolute;inset:0;background:#080a0e;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;z-index:3;gap:15px}.loading svg{color:var(--lime);width:40px;height:40px}.loading strong{font-size:17px;letter-spacing:-.03em}.loading span,.error-panel p{color:var(--muted);font-size:12px;line-height:1.6}.error-panel h2{font-size:20px;margin:0}.error-panel a{color:var(--lime);font-size:12px}.error-panel button{padding:8px 15px}.interaction-bar{border:1px solid var(--line);border-top:0;background:#10141a;display:flex;gap:24px;justify-content:space-between;align-items:center;padding:16px 20px}.mouse-instruction{display:flex;gap:12px;align-items:center;font-size:12px;line-height:1.7;margin:0;color:#a5acb4}.mouse-instruction strong{font-weight:800;color:#e5e9ed}.mouse-icon{font-size:25px;color:var(--lime);font-weight:400}.quick-controls{display:flex;gap:8px;flex-shrink:0}button,select{border:1px solid #353c46;border-radius:3px;background:transparent;color:#e7eaed;padding:10px 13px;font-size:11px;line-height:1.4}button:hover:not(:disabled),select:hover{border-color:#8c999f;background:#18202a}button[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}kbd{font-family:inherit;display:inline-block;color:var(--lime);font-weight:800;margin-right:9px}.status-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:10px;min-height:42px}.status-row p{font-size:11px;line-height:1.7;color:#b1b8bf;margin:0}.status-row button{padding:5px 10px;flex-shrink:0;font-size:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0 18px}.privacy-note{font-size:10px;line-height:1.65;color:#7f8994;max-width:390px}.settings-controls{display:flex;align-items:center;gap:7px}.settings-controls label{font-size:10px;color:var(--muted);margin-right:3px}.settings-controls button,.settings-controls select{font-size:10px;padding:7px 9px}select option{background:#12171e}.experience-note{font-size:10px;line-height:1.8;color:#7d8894;margin:14px 0 22px}.experience-note>span:first-child{color:#bcc3cb}.demo-footer{max-width:1680px;margin:auto;padding:12px 4vw 28px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.08em;color:#77818b}.demo-footer a{color:var(--lime);font-size:11px;letter-spacing:0}.noscript{position:fixed;inset:0;background:#080a0e;z-index:10;display:grid;place-content:center;padding:24px;line-height:2}.noscript a{color:var(--lime)}
@media(min-width:800px) and (min-height:600px){.demo-header{height:68px}main{padding-top:22px}.intro{margin-bottom:18px}.experience{max-width:min(100%,calc((100dvh - 310px)*2.5));margin-inline:auto}}@media(max-width:760px){.demo-header{height:72px;padding:0 20px}.story-link{font-size:10px;max-width:135px;text-align:right}.story-link span{margin-left:2px}main{padding:30px 16px 0}.intro{display:block;margin-bottom:22px}.intro-note{margin-top:12px;font-size:11px}.interaction-bar{align-items:flex-start;flex-direction:column;gap:14px;padding:15px}.quick-controls{width:100%;gap:8px}.quick-controls button{flex:1;padding:11px 8px;font-size:10px}.stage-meta{font-size:8px;letter-spacing:.07em}.settings-row{align-items:flex-start;flex-direction:column;gap:13px}.settings-controls{width:100%;flex-wrap:wrap}.settings-controls select{flex:1}.privacy-note{max-width:none}.experience-note{font-size:10px}.demo-footer{padding:10px 16px 28px;align-items:flex-start}.demo-footer>span{max-width:110px;line-height:1.8}.error-panel{gap:8px;padding:8px}.error-panel h2{font-size:13px}.error-panel p{font-size:10px;margin:0}.error-panel a,.error-panel button{font-size:10px}.loading{gap:7px}.loading svg{width:24px;height:24px}.loading strong{font-size:13px}.loading span{font-size:10px}.visitor-note{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#visitor-model-status:not(:empty)::after{content:" · "}
.experience:fullscreen{max-width:none;width:100%;height:100%;margin:0;padding:16px 24px;background:#080a0e;overflow:auto;display:flex;flex-direction:column;justify-content:center}.experience:fullscreen .stage{align-self:center;width:min(100%,calc((100dvh - 215px)*2.5));flex-shrink:0}.experience:fullscreen .interaction-bar{flex-shrink:0}.experience-note a{color:#b7c39f;text-decoration:underline;text-underline-offset:3px}