:root{color:#f6eedc;background:#0b1620;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;color-scheme:dark;--ink-950: #0b1620;--ink-800: #26363d;--paper: #f6eedc;--teal: #35a99b;--yellow: #f2c14e;--cyan: #55d6e2;--lime: #a6cf55;--coral: #f06a5d;--safe-top: max(.75rem, env(safe-area-inset-top));--safe-right: max(.75rem, env(safe-area-inset-right));--safe-bottom: max(.75rem, env(safe-area-inset-bottom));--safe-left: max(.75rem, env(safe-area-inset-left));--glass: rgb(11 22 32 / 82%);--glass-strong: rgb(11 22 32 / 94%);--line: rgb(246 238 220 / 18%);--shadow: 0 .85rem 2.25rem rgb(0 0 0 / 30%)}*{box-sizing:border-box}html,body,.game-shell,#scene-container{width:100%;height:100%;min-height:100%;margin:0}html{background:var(--ink-950);overscroll-behavior:none}body{min-height:100svh;min-height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none;background:var(--ink-950);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{border:0}[hidden]{display:none!important}.game-shell{position:relative;min-height:100svh;min-height:100dvh;overflow:hidden;isolation:isolate}#scene-container{position:fixed;z-index:0;inset:0;overflow:hidden;touch-action:none;background:radial-gradient(circle at 50% 42%,rgb(53 169 155 / 18%),transparent 34rem),linear-gradient(155deg,var(--ink-950) 0%,var(--ink-800) 58%,var(--ink-950) 100%)}#scene-container canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}#scene-container:focus-visible{outline:3px solid var(--yellow);outline-offset:-6px}.game-hud{position:fixed;z-index:10;inset:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow:hidden;pointer-events:none}.hud-topline{display:flex;align-items:center;gap:.6rem;width:max-content;max-width:100%}.brand-lockup,.progress-chip,#status,#xr-status,#loading-state,#caption,.keyboard-hint{border:1px solid var(--line);background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%)}.brand-lockup{display:inline-flex;align-items:center;gap:.65rem;min-height:3rem;padding:.55rem .85rem .55rem .7rem;border-radius:1rem}.brand-lockup h1{margin:0;color:var(--teal);font-size:clamp(1rem,1.4vw,1.22rem);font-weight:950;line-height:1;letter-spacing:.08em;white-space:nowrap}.brand-lockup h1 span{color:var(--paper)}.brand-mark{position:relative;display:grid;place-items:end center;width:1.9rem;height:1.9rem;flex:0 0 1.9rem}.brand-mark:before{width:1.62rem;height:1.38rem;border:2px solid rgb(246 238 220 / 30%);border-radius:58% 58% 42% 42%;background:var(--teal);box-shadow:inset -.3rem -.24rem #0b16203b;content:""}.brand-mark:after{position:absolute;right:.44rem;bottom:.55rem;width:.23rem;height:.23rem;border-radius:50%;background:var(--ink-950);box-shadow:-.54rem 0 0 var(--ink-950);content:""}.brand-mark span{position:absolute;top:0;width:.48rem;height:.48rem;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--yellow)}.brand-mark span:nth-child(1){left:.18rem;transform:rotate(-20deg)}.brand-mark span:nth-child(2){left:.7rem;top:-.14rem;background:var(--lime)}.brand-mark span:nth-child(3){right:.16rem;transform:rotate(20deg);background:var(--coral)}.progress-chip{display:inline-flex;align-items:center;gap:.58rem;min-height:2.55rem;padding:.52rem .8rem;border-radius:999px;color:var(--paper);font-size:.74rem;font-weight:850;letter-spacing:.04em;white-space:nowrap}#level-label{color:var(--yellow);text-transform:uppercase}#progress-label{font-variant-numeric:tabular-nums}.chip-divider{width:.28rem;height:.28rem;border-radius:50%;background:var(--teal);box-shadow:0 0 0 .2rem #35a99b29}.utility-dock{position:absolute;top:var(--safe-top);right:var(--safe-right);display:flex;align-items:center;gap:.42rem;pointer-events:auto}.utility-dock button,#concepts-link{--control-accent: var(--paper);appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-width:3rem;min-height:3rem;margin:0;padding:.6rem .74rem;border:1px solid var(--line);border-radius:.9rem;color:var(--paper);background:var(--glass);box-shadow:0 .55rem 1.4rem #0000003d;font-size:.76rem;font-weight:800;line-height:1;letter-spacing:.01em;text-decoration:none;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.utility-dock svg{width:1.2rem;height:1.2rem;flex:0 0 1.2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#enter-xr{--control-accent: var(--cyan)}#toggle-motion{--control-accent: var(--yellow)}#reset-lab{--control-accent: var(--coral)}#toggle-audio{--control-accent: var(--teal)}#replay-narration{--control-accent: var(--lime)}#concepts-link{--control-accent: var(--cyan)}.utility-dock button[aria-pressed=true]{border-color:var(--control-accent);color:var(--ink-950);background:var(--control-accent);box-shadow:0 .55rem 1.4rem #00000038,0 0 1.2rem color-mix(in srgb,var(--control-accent) 30%,transparent)}.utility-dock button:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.45)}.utility-dock button:focus-visible,#concepts-link:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-color:var(--paper);box-shadow:0 0 0 6px var(--ink-950),var(--shadow)}#status{position:absolute;top:calc(var(--safe-top) + 3.65rem);left:var(--safe-left);display:-webkit-box;width:max-content;max-width:min(30rem,calc(100vw - var(--safe-left) - var(--safe-right)));margin:0;padding:.62rem .85rem .62rem 2rem;overflow:hidden;border-radius:999px;color:#f6eedce0;font-size:.78rem;font-weight:700;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2;pointer-events:none}#status:before{position:absolute;top:50%;left:.78rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--teal);box-shadow:0 0 0 .25rem #35a99b26;content:"";transform:translateY(-50%)}#status:empty{display:none}#xr-status{position:absolute;top:calc(var(--safe-top) + 6.55rem);left:var(--safe-left);width:max-content;max-width:min(30rem,calc(100vw - var(--safe-left) - var(--safe-right)));margin:0;padding:.52rem .78rem;border-radius:.75rem;color:#f6eedcc7;font-size:.7rem;font-weight:680;line-height:1.25;pointer-events:none}#xr-status:empty{display:none}#loading-state{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;gap:.7rem;max-width:calc(100vw - 2rem);padding:.72rem 1rem;border-radius:999px;color:var(--paper);font-size:.8rem;font-weight:800;letter-spacing:.02em;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%)}.loading-spinner{width:1rem;height:1rem;flex:0 0 1rem;border:2px solid rgb(246 238 220 / 24%);border-top-color:var(--yellow);border-radius:50%;animation:spin .85s linear infinite}#caption{position:absolute;left:50%;bottom:var(--safe-bottom);width:max-content;max-width:min(46rem,calc(100vw - 2rem));margin:0;padding:.7rem 1.05rem;border-color:#55d6e247;border-radius:999px;color:var(--paper);font-size:clamp(.88rem,1.35vw,1rem);font-weight:720;line-height:1.35;text-align:center;text-wrap:balance;pointer-events:none!important;transform:translate(-50%);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}#caption:empty{visibility:hidden;opacity:0;transform:translate(-50%,.5rem)}.keyboard-hint{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 4.25rem);width:max-content;max-width:min(44rem,calc(100vw - 2rem));margin:0;padding:.62rem .9rem;border-color:#f2c14e73;border-radius:.8rem;color:var(--paper);font-size:.82rem;font-weight:760;line-height:1.3;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,.45rem);transition:opacity .15s ease,transform .15s ease}body[data-keyboard-focus=true] .keyboard-hint{opacity:1;transform:translate(-50%)}.switch-actions{position:absolute;z-index:20;left:var(--safe-left);bottom:var(--safe-bottom);display:flex;flex-wrap:wrap;gap:.45rem;max-width:min(42rem,calc(100vw - var(--safe-left) - var(--safe-right)));pointer-events:auto}.switch-actions:not(:focus-within){width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.switch-actions:focus-within{padding:.65rem;border:1px solid var(--yellow);border-radius:.9rem;background:var(--glass-strong);box-shadow:var(--shadow)}.switch-actions button{min-height:2.75rem;padding:.62rem .8rem;border:1px solid var(--line);border-radius:.7rem;color:var(--paper);background:var(--ink-800);font-size:.78rem;font-weight:760;line-height:1.25;text-align:left}.switch-actions button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;pointer-events:none!important}@keyframes spin{to{transform:rotate(1turn)}}@media(hover:hover)and (pointer:fine){.utility-dock button:hover:not(:disabled),#concepts-link:hover{border-color:var(--control-accent);color:var(--control-accent);background:var(--glass-strong);box-shadow:0 .7rem 1.7rem #00000047,inset 0 -2px 0 var(--control-accent);transform:translateY(-2px)}.utility-dock button:active:not(:disabled),#concepts-link:active{transform:translateY(0) scale(.97)}}@media(max-width:1100px)and (min-width:761px){.utility-dock button,#concepts-link{width:3rem;padding-inline:0}.utility-dock button>span,#concepts-link>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@media(max-width:840px){.game-hud{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.hud-topline{flex-direction:column;align-items:flex-start;gap:.42rem}.brand-lockup{min-height:2.75rem;padding:.44rem .68rem .44rem .55rem;border-radius:.85rem}.brand-lockup h1{font-size:.92rem}.brand-mark{width:1.7rem;height:1.7rem;flex-basis:1.7rem;transform:scale(.9)}.progress-chip{max-width:calc(100vw - var(--safe-left) - var(--safe-right));min-height:2.35rem;gap:.44rem;padding:.44rem .65rem;font-size:.66rem}.utility-dock{top:auto;right:var(--safe-right);bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(3,3.15rem);gap:.38rem}.utility-dock button,#concepts-link{width:3.15rem;min-width:3.15rem;min-height:3.15rem;padding:0;border-radius:.86rem}.utility-dock button>span,#concepts-link>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.utility-dock svg{width:1.35rem;height:1.35rem}#status{top:calc(var(--safe-top) + 5.85rem);max-width:min(28rem,calc(100vw - var(--safe-left) - var(--safe-right)));border-radius:.8rem}#xr-status{top:calc(var(--safe-top) + 9.15rem);max-width:min(28rem,calc(100vw - var(--safe-left) - var(--safe-right)))}#caption{bottom:calc(var(--safe-bottom) + 7.45rem);width:calc(100vw - var(--safe-left) - var(--safe-right));max-width:34rem;padding:.64rem .86rem;border-radius:1rem}.keyboard-hint{bottom:calc(var(--safe-bottom) + 11rem);max-width:calc(100vw - var(--safe-left) - var(--safe-right))}}@media(max-width:380px){.brand-lockup{gap:.42rem}.brand-lockup h1{font-size:.8rem;letter-spacing:.05em}.progress-chip{gap:.32rem;padding-inline:.5rem;font-size:.61rem}}@media(max-height:520px)and (pointer:coarse){.utility-dock{width:min(21rem,calc(100vw - var(--safe-left) - var(--safe-right)));grid-template-columns:repeat(6,minmax(0,1fr))}.utility-dock button,#concepts-link{width:100%;min-width:0;min-height:2.75rem}#caption{bottom:calc(var(--safe-bottom) + 3.7rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}