.audio-gate{background:var(--bg);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.audio-gate__inner{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}.audio-gate__title{color:var(--ink);letter-spacing:.01em;font-size:1.5rem;font-weight:400}.audio-gate__button{min-width:220px;min-height:64px;font-family:var(--font-body);color:var(--bg);background:linear-gradient(180deg, var(--focal-choc-2) 0%, var(--focal-choc-1) 100%);border:2px solid var(--focal-highlight);cursor:pointer;border-radius:14px;padding:1rem 2.5rem;font-size:1.375rem;font-weight:700;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s;box-shadow:0 0 #e8b04b00}.audio-gate__button:hover{box-shadow:0 0 24px #e8b04b40}.audio-gate__button:active{transform:scale(.97)}.audio-gate__button:focus-visible{outline:3px solid var(--focal-highlight);outline-offset:4px}.audio-gate__hint{color:var(--ink-muted);font-size:1rem}.shell{gap:clamp(12px,2vw,24px);width:100%;height:100%;display:grid}@media (orientation:landscape){.shell{grid-template-rows:100%;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}}@media (orientation:portrait){.shell{grid-template-rows:minmax(0,1.5fr) minmax(0,1fr);grid-template-columns:100%}}.manipulative-stage,.tutor-panel{background:var(--surface);border-radius:16px;min-width:0;min-height:0;overflow:hidden}.manipulative-stage{justify-content:center;align-items:center;display:flex}.tutor-panel{flex-direction:column;display:flex}.tutor-transcript{flex:auto;min-height:0;padding:clamp(16px,2.5vw,28px)}.tutor-response{border-top:1px solid var(--line);flex:none;padding:clamp(12px,2vw,20px)}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/atkinson-hyperlegible-regular-BrHNak5F.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/atkinson-hyperlegible-bold-GZI4o3u0.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1a1a;--surface:#242424;--ink:#f5f4f1;--ink-muted:#9a9a95;--focal-choc-1:#5a3a22;--focal-choc-2:#7b4a28;--focal-highlight:#e8b04b;--accent-correct:#6fbf8e;--accent-attention:#c8835a;--line:#3a3a3a;--safe-top:max(12px, env(safe-area-inset-top));--safe-right:max(12px, env(safe-area-inset-right));--safe-bottom:max(12px, env(safe-area-inset-bottom));--safe-left:max(12px, env(safe-area-inset-left));--font-body:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;background:var(--bg);height:100dvh;color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:18px;line-height:1.6;overflow:hidden}body{width:100%;position:fixed;inset:0}#root{height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.no-select,.manipulative-stage,button,[role=button]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.manipulative-stage{touch-action:none}.tutor-transcript{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}