*{box-sizing:border-box}:root{color-scheme:dark;--cyan: #8ef9ff;--cyan-dim: #4bb8c2;--amber: #eeb46a;--ink: #02070c;--panel: rgba(3, 12, 18, .64)}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#edfaff}button{font:inherit;color:inherit}#experience{position:relative;width:100%;height:100dvh;min-height:420px;overflow:hidden;background:#031018;isolation:isolate}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.grade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 58% 42%,transparent 0 33%,rgba(0,4,9,.1) 58%,rgba(0,3,8,.74) 108%),linear-gradient(90deg,rgba(0,6,12,.56) 0%,transparent 32%,transparent 70%,rgba(0,3,8,.28) 100%);mix-blend-mode:multiply;z-index:2}.letterbox{position:absolute;left:0;right:0;height:clamp(12px,2.4vh,28px);background:#000307ed;z-index:3;pointer-events:none}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.masthead{position:absolute;z-index:5;top:max(42px,calc(env(safe-area-inset-top) + 34px));left:clamp(22px,4.3vw,76px);right:clamp(22px,4.3vw,76px);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:clamp(9px,.68vw,12px);letter-spacing:.18em;text-transform:uppercase;color:#d4f9ffb8;pointer-events:none}.build{color:#89d8e280}.title-lockup{position:absolute;z-index:5;left:clamp(22px,4.3vw,76px);bottom:clamp(82px,10vh,108px);width:min(390px,35vw);text-shadow:0 3px 18px rgba(0,0,0,.8);pointer-events:none}.chapter{margin:0 0 8px;color:var(--amber);font-size:clamp(10px,.76vw,13px);letter-spacing:.28em}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,5vw,82px);font-weight:400;line-height:.86;letter-spacing:-.045em;color:#eefeff}.subtitle{max-width:440px;margin:18px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(14px,1.12vw,19px);line-height:1.35;color:#e5f9fcb3}.controls{position:absolute;z-index:7;right:clamp(22px,4.3vw,76px);bottom:clamp(70px,9vh,100px);display:flex;gap:9px;align-items:center;padding:8px;background:var(--panel);border:1px solid rgba(126,229,239,.2);backdrop-filter:blur(12px);box-shadow:0 15px 42px #00000047}.motion-switch{display:flex;gap:4px}.controls button{border:1px solid transparent;background:transparent;padding:9px 12px;cursor:pointer;font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:color .18s,border-color .18s,background .18s}.controls button:hover,.controls button:focus-visible{outline:none;color:#fff;border-color:#8ef9ff73}.motion-switch button.active{background:#5cd8e429;border-color:#8ef9ff7a;color:var(--cyan)}.icon-button{color:#daf3f79e}.prompt{position:absolute;z-index:5;right:clamp(22px,4.3vw,76px);top:max(72px,calc(env(safe-area-inset-top) + 64px));display:flex;align-items:center;gap:10px;color:#d2f4f885;font-size:9px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.prompt-line{display:inline-block;width:34px;height:1px;background:#8ef9ff73}.loading{position:absolute;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;gap:15px;background:radial-gradient(circle at 50% 44%,#0b3342,#02070c 70%);transition:opacity .7s ease,visibility .7s ease}.loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading p{margin:0;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#daf8fbb8}.loading-mark{width:38px;height:38px;border:1px solid rgba(142,249,255,.4);transform:rotate(45deg);box-shadow:inset 0 0 18px #40dfea26,0 0 24px #40dfea1f;animation:pulse 1.7s ease-in-out infinite}.loading-track{width:180px;height:2px;overflow:hidden;background:#ffffff1a}.loading-track span{display:block;width:0;height:100%;background:var(--cyan);transition:width .2s}@keyframes pulse{50%{opacity:.4;transform:rotate(45deg) scale(.82)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#qaSummary{position:fixed;z-index:30;left:50%;top:34px;transform:translate(-50%);padding:8px 12px;border:1px solid var(--cyan);background:#00090ee6;color:#eaffff;font-size:10px;letter-spacing:.08em;white-space:nowrap}@media(max-width:720px){.letterbox{height:13px}.masthead{top:max(29px,calc(env(safe-area-inset-top) + 22px));font-size:8px}.build{display:none}.prompt{top:max(56px,calc(env(safe-area-inset-top) + 48px));left:22px;right:auto;font-size:8px}.title-lockup{left:22px;bottom:max(88px,calc(env(safe-area-inset-bottom) + 76px));width:78vw}h1{font-size:clamp(46px,16vw,66px)}.subtitle{max-width:300px;font-size:13px;margin-top:12px}.controls{right:14px;left:14px;bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));justify-content:center;gap:2px;padding:5px}.controls button{padding:8px 9px;font-size:8px}}@media(max-height:620px)and (orientation:landscape){.title-lockup{bottom:48px}.subtitle{display:none}.controls{bottom:42px}h1{font-size:64px}}@media(prefers-reduced-motion:reduce){.loading-mark{animation:none}}