@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color-scheme:dark;font-family:Manrope,system-ui,sans-serif;--color-bg: #071019;--color-text: #f4fbff;--color-muted: #96adba;--color-primary: #5ce9ff;--color-secondary: #b68cff;--color-success: #a7f542;--color-warning: #ffcc66;--color-error: #ff7185;--color-hardware: #a7aaa9;--color-hardware-light: #d2d4d1;--color-hardware-dark: #686d6e;--color-hardware-edge: #373c3d;--color-keycap: #282c2d;--color-keycap-face: #3b3f40;--color-action: #f05b0d;--color-action-bright: #ff7a2f;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 10px;--radius-md: 16px;--motion-fast: .12s;--motion-standard: .22s;--shadow-hardware: 0 7px 0 #34393a, 0 14px 24px rgba(0, 0, 0, .38), inset 0 2px rgba(255, 255, 255, .55), inset 0 -3px rgba(33, 38, 39, .24);--shadow-inset-display: inset 0 3px 9px rgba(0, 0, 0, .82), 0 1px rgba(255, 255, 255, .42)}*{box-sizing:border-box}html{min-width:320px;background:var(--color-bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--color-text);background:radial-gradient(circle at 15% 0%,rgba(36,129,161,.2),transparent 30%),radial-gradient(circle at 85% 20%,rgba(115,71,173,.15),transparent 28%),linear-gradient(180deg,#081520,#050b11)}.loading-screen{position:fixed;z-index:1000;inset:0;display:grid;padding:var(--space-4);place-items:center;background:radial-gradient(circle at 50% 38%,rgba(240,91,13,.12),transparent 26%),linear-gradient(180deg,#111719,#05090a);opacity:1;transition:opacity .32s ease,visibility .32s ease}.loading-screen[hidden]{display:none}.loading-screen.is-ready{visibility:hidden;opacity:0}.loading-module{position:relative;display:grid;width:min(330px,100%);padding:24px;place-items:center;color:#1a1e1f;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px),linear-gradient(155deg,var(--color-hardware-light),var(--color-hardware) 52%,var(--color-hardware-dark));border:1px solid #e5e7e3;border-bottom-color:#383d3e;border-radius:10px;box-shadow:var(--shadow-hardware),0 30px 80px #00000075}.loading-module:before,.loading-module:after{position:absolute;top:9px;width:8px;height:8px;background:radial-gradient(circle at 35% 30%,#d9ddda,#555b5b 46%,#1e2324 54%);border:1px solid #2b3031;border-radius:50%;content:""}.loading-module:before{left:9px}.loading-module:after{right:9px}.loading-module__logo{width:112px;height:112px;margin-bottom:var(--space-3);object-fit:cover;border:5px solid #e8e9e5;border-radius:50%;box-shadow:0 6px #555b5b,0 12px 22px #00000052,inset 0 2px #ffffffb3}.loading-module>strong{font:800 26px/1 Space Grotesk,sans-serif}.loading-module>span{margin-top:5px;color:#7b2d0b;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.loading-module>small{margin-top:3px;color:#404647;font-size:11px;font-weight:700}.loading-track{width:100%;height:13px;margin-top:var(--space-6);padding:3px;overflow:hidden;background:#111516;border:1px solid #050707;border-radius:3px;box-shadow:var(--shadow-inset-display)}.loading-track>div{width:0;height:100%;background:linear-gradient(90deg,var(--color-action),var(--color-action-bright));box-shadow:0 0 12px #f05b0d8a;transition:width .1s linear}.loading-module>p{display:flex;width:100%;justify-content:space-between;margin:var(--space-2) 0 0;color:#303536;font:800 10px/1.2 Space Grotesk,sans-serif;letter-spacing:.1em}button{font:inherit}.skip-link{position:fixed;z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);color:#041018;background:var(--color-primary);border-radius:var(--radius-sm);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(100%,1540px);min-height:100vh;margin-inline:auto;padding:var(--space-4)}.topbar{position:relative;display:grid;grid-template-columns:minmax(230px,1fr) minmax(360px,1.6fr) auto;align-items:center;gap:var(--space-4);margin-bottom:18px;padding:12px 14px;color:#171b1c;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px),linear-gradient(155deg,var(--color-hardware-light),var(--color-hardware) 45%,var(--color-hardware-dark));border:1px solid #e3e5e1;border-bottom-color:var(--color-hardware-edge);border-radius:11px;box-shadow:var(--shadow-hardware)}.topbar:before,.topbar:after{position:absolute;top:7px;width:7px;height:7px;background:radial-gradient(circle at 35% 30%,#d9ddda,#555b5b 45%,#1e2324 52%);border:1px solid #2b3031;border-radius:50%;content:""}.topbar:before{left:7px}.topbar:after{right:7px}.brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.brand__text{min-width:0}.brand__name,.brand__eyebrow{display:block}.brand__name{color:#171b1c;font:700 clamp(20px,2vw,26px)/1 "Space Grotesk",sans-serif;letter-spacing:-.04em}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.brand__eyebrow{margin-top:5px;padding-left:7px;color:#351004;border-left:3px solid var(--color-action);font-size:12px;font-weight:900;letter-spacing:.06em;line-height:1.15;text-shadow:0 1px rgba(255,255,255,.38)}.eyebrow{color:var(--color-primary)}.mission{min-width:0;padding:var(--space-2) var(--space-4);color:#f0f3ef;background:linear-gradient(180deg,#24292a,#111516);border:1px solid #080b0c;border-radius:6px;box-shadow:var(--shadow-inset-display)}.mission__line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:7px}.mission__title{overflow:hidden;font:600 13px/1.2 Space Grotesk,sans-serif;text-overflow:ellipsis;white-space:nowrap}.mission__count{flex:0 0 auto;color:var(--color-muted);font-size:12px;font-weight:700}.progress-track{height:8px;overflow:hidden;padding:2px;background:#111516;border:1px solid #050707;border-radius:999px;box-shadow:inset 0 2px 4px #000000db,0 1px #ffffff2e}.progress-track__fill{width:0%;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-success));border-radius:inherit;box-shadow:0 0 16px #5ce9ff8c;transition:width var(--motion-standard) ease-out}.topbar__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.icon-button{display:grid;width:48px;height:48px;padding:0;place-items:center;color:var(--color-text);background:linear-gradient(145deg,var(--color-keycap-face),var(--color-keycap) 58%,#171a1b);border:1px solid #111415;border-top-color:#686d6d;border-radius:6px;box-shadow:0 5px #111415,0 8px 10px #00000047,inset 0 2px #ffffff2b;cursor:pointer;transition:border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast)}.icon-button:hover{color:#fff;border-color:#ffb481;box-shadow:0 5px #111415,0 8px 10px #00000047,0 0 12px #f05b0d3d,inset 0 2px #ffffff2b}.icon-button:active,.icon-button[aria-pressed=true]{color:#fff;background:linear-gradient(145deg,var(--color-action-bright),var(--color-action));transform:translateY(4px);box-shadow:0 1px #7e2907,inset 0 3px 6px #5a16025c}.icon-button:focus-visible,.primary-button:focus-visible{outline:3px solid var(--color-warning);outline-offset:3px}.game-frame{position:relative;overflow:hidden;background:var(--color-hardware-dark);border:5px solid #838988;border-top-color:#d6d9d5;border-left-color:#b8bcba;border-radius:14px;box-shadow:0 8px #303536,0 20px 46px #00000070,inset 0 1px #ffffff6b}.stats-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));width:100%;gap:6px;padding:8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 5px),linear-gradient(180deg,#9da2a0,#686e6e);border-top:2px solid #cfd2cf;border-bottom:2px solid #363b3c;box-shadow:inset 0 2px #ffffff61,inset 0 -3px #1a1f2040}.stat{position:relative;padding:10px var(--space-4);text-align:center;background:linear-gradient(180deg,#242a2b,#101516);border:1px solid #080b0c;border-radius:5px;box-shadow:var(--shadow-inset-display)}.stat+.stat:before{content:none}.stat__label,.stat__value{display:block}.stat__label{margin-bottom:2px;color:var(--color-muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.stat__value{font:700 20px/1.1 Space Grotesk,sans-serif}.stat__value--primary{color:var(--color-primary)}.stat__value--success{color:var(--color-success)}.stat__value--secondary{color:var(--color-secondary)}.stage{position:relative;min-height:410px;background:#081925}#game-canvas{position:absolute;inset:0}#game-canvas canvas{display:block;width:100%!important;height:100%!important}.sentence-panel{position:absolute;z-index:4;top:20px;left:50%;width:min(1120px,calc(100% - 48px));min-height:116px;padding:12px 32px 14px;text-align:center;background:linear-gradient(180deg,#212f36f5,#081116fa),repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.012) 25px);border:4px solid #737a7a;border-top-color:#b8bfbd;border-left-color:#969d9b;border-radius:9px;box-shadow:0 16px 34px #0000006b,inset 0 2px #ffffff17,inset 0 -5px 10px #0000007a,0 0 0 2px #000000c2;transform:translate(-50%);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.sentence-panel:before,.sentence-panel:after{position:absolute;top:11px;width:7px;height:7px;background:radial-gradient(circle at 35% 30%,#aab8ba,#364247 52%,#11181b 56%);border:1px solid #05090b;border-radius:50%;content:""}.sentence-panel:before{left:12px}.sentence-panel:after{right:12px}.sentence-panel__label{display:block;margin-bottom:7px;color:#ffb07a;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.continue-prompt{position:absolute;z-index:7;bottom:24px;left:50%;display:grid;grid-template-columns:auto auto;min-width:min(330px,calc(100% - 32px));min-height:70px;padding:10px 12px;align-items:center;gap:2px 12px;color:#171b1c;background:linear-gradient(145deg,rgba(255,255,255,.25),transparent 24%),linear-gradient(155deg,var(--color-hardware-light),var(--color-hardware) 58%,var(--color-hardware-dark));border:1px solid #e4e6e2;border-bottom-color:#424748;border-radius:8px;box-shadow:var(--shadow-hardware),0 0 0 2px #090d0ec7;cursor:pointer;transform:translate(-50%);animation:continue-enter .36s cubic-bezier(.2,.78,.24,1.12) both}.continue-prompt[hidden]{display:none}.continue-prompt:before,.continue-prompt:after{position:absolute;top:7px;width:6px;height:6px;background:radial-gradient(circle at 35% 30%,#d9ddda,#555b5b 48%,#1e2324 54%);border:1px solid #2b3031;border-radius:50%;content:""}.continue-prompt:before{left:7px}.continue-prompt:after{right:7px}.continue-prompt__status,.continue-prompt__action{grid-column:1;text-align:right;text-transform:uppercase}.continue-prompt__status{align-self:end;color:#5d2108;font-size:10px;font-weight:800;letter-spacing:.12em}.continue-prompt__action{align-self:start;color:#34393a;font-size:12px;font-weight:700;letter-spacing:.08em}.continue-prompt kbd{grid-row:1 / 3;grid-column:2;display:grid;min-width:106px;min-height:46px;padding:0 14px;place-items:center;color:#fff8f2;background:linear-gradient(145deg,var(--color-action-bright),var(--color-action));border:1px solid #ffc092;border-radius:5px;box-shadow:0 5px #792606,0 8px 12px #0000004d,inset 0 2px #ffffff70;font:800 14px/1 Space Grotesk,sans-serif;letter-spacing:.12em}.continue-prompt:hover kbd{filter:brightness(1.08)}.continue-prompt:active kbd{box-shadow:0 1px #792606,inset 0 3px 6px #5a160261;transform:translateY(4px)}.continue-prompt:focus-visible{outline:3px solid var(--color-warning);outline-offset:4px}@keyframes continue-enter{0%{opacity:0;transform:translate(-50%,18px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.sentence{display:grid;min-height:72px;min-width:0;place-content:center;gap:7px;overflow:hidden;font-family:Space Grotesk,sans-serif}.assembly-sentence{display:flex;width:100%;min-width:0;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:3px 4px 7px;scrollbar-color:var(--color-action) #111516;scrollbar-width:thin;scroll-behavior:smooth}.assembly-sentence>:first-child{margin-left:auto}.assembly-sentence>:last-child{margin-right:auto}.assembly-sentence::-webkit-scrollbar,.vocab-trail::-webkit-scrollbar,.modal-vocab::-webkit-scrollbar,.control-deck::-webkit-scrollbar{width:8px;height:8px}.assembly-sentence::-webkit-scrollbar-track,.vocab-trail::-webkit-scrollbar-track,.modal-vocab::-webkit-scrollbar-track,.control-deck::-webkit-scrollbar-track{background:#111516;border-radius:2px;box-shadow:inset 0 2px 4px #000000b3}.assembly-sentence::-webkit-scrollbar-thumb,.vocab-trail::-webkit-scrollbar-thumb,.modal-vocab::-webkit-scrollbar-thumb,.control-deck::-webkit-scrollbar-thumb{background:linear-gradient(145deg,var(--color-action-bright),var(--color-action));border:1px solid #8a3009;border-radius:2px}.assembly-token{display:inline-grid;min-height:36px;padding:5px 12px;place-items:center;color:#081216;background:linear-gradient(155deg,#f2f7f3,#b9cbc7 72%);border:1px solid #eafff9;border-radius:7px;box-shadow:0 4px #526461,0 7px 11px #0000004d,inset 0 2px #ffffffe6,inset 0 -2px #364b4b38;font-size:18px;font-weight:800}.assembly-token.is-new-word{animation:word-lock .36s cubic-bezier(.16,.82,.24,1.18) both}.assembly-space{display:inline-flex;min-height:36px;padding:4px 10px 5px;align-items:center;gap:7px;color:#fff8f1;background:linear-gradient(160deg,var(--color-action-bright),var(--color-action) 68%);border:1px solid #ffb47e;border-radius:6px;box-shadow:0 4px #7f2b08,0 7px 12px #00000052,inset 0 2px #ffffff6b,inset 0 -2px #5d19034d;animation:space-ready .7s ease-in-out infinite alternate}.assembly-space small{font-size:8px;font-weight:800;letter-spacing:.12em}.assembly-space strong{font-size:13px;letter-spacing:.08em}.assembly-space>span{color:#4f1604;font-size:15px;font-weight:900}.assembly-word{display:flex;min-height:42px;justify-content:center;gap:6px}.assembly-word.is-entering{animation:word-enter .26s cubic-bezier(.2,.75,.28,1) both}.assembly-letter{display:grid;width:34px;height:40px;place-items:center;color:transparent;background:linear-gradient(180deg,#071015,#111e24);border:1px solid #39505a;border-radius:6px;box-shadow:inset 0 3px 7px #000c,0 1px #ffffff0d;font-size:23px;font-weight:800;line-height:1;text-transform:lowercase}.assembly-letter.is-filled{color:#081216;background:linear-gradient(155deg,#f2f7f3,#b9cbc7 72%);border-color:#eafff9;box-shadow:0 4px #526461,0 7px 11px #00000061,inset 0 2px #ffffffe6,inset 0 -2px #364b4b38;text-shadow:0 1px rgba(255,255,255,.65)}.assembly-letter.is-new{animation:letter-rise .34s cubic-bezier(.16,.82,.24,1.18) both}.assembly-meaning{min-height:20px;color:transparent;font-size:13px}.assembly-meaning.is-revealed{color:#d9e7e7;animation:meaning-lock .33s ease-out both}.assembly-meaning strong{margin-right:9px;color:var(--color-success);font-size:16px}.assembly-meaning span{color:#a9c1c6;font-size:12px}.assembly-preview{display:flex;min-height:16px;align-items:center;justify-content:center;gap:7px;color:#8fa7ad;font-size:11px}.assembly-preview span{color:#7e969d;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.assembly-preview strong{color:#d4e1e0;font-weight:700}.assembly-preview i{color:#5ce9ff;font-style:normal}.assembly-sentence.is-complete .assembly-token{min-height:32px;padding-block:4px;font-size:clamp(14px,1.35vw,18px)}.assembly-translation{color:var(--color-success);font-size:clamp(12px,1.15vw,15px);font-weight:650}@keyframes letter-rise{0%{opacity:0;transform:translateY(130px) scale(.76) rotate(5deg);filter:blur(2px)}68%{opacity:1;transform:translateY(-5px) scale(1.05) rotate(-1deg);filter:blur(0)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes meaning-lock{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes word-enter{0%{opacity:0;transform:translate(34px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes word-lock{0%{opacity:0;transform:translateY(28px) scale(.82)}70%{opacity:1;transform:translateY(-3px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes space-ready{0%{transform:translateY(0);filter:brightness(1)}to{transform:translateY(-2px);filter:brightness(1.08)}}.control-deck{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(480px,2.4fr) minmax(190px,.8fr);gap:var(--space-3);padding:var(--space-3);background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),linear-gradient(155deg,#a7aaa9,#686d6e 76%);border-top:2px solid #d0d3cf;box-shadow:inset 0 2px #ffffff61,inset 0 -4px #1c212242}.panel{min-width:0;padding:var(--space-4);background:linear-gradient(160deg,#20292d,#0c1519 72%);border:3px solid #4a5152;border-top-color:#8f9694;border-left-color:#6e7574;border-radius:8px;box-shadow:var(--shadow-inset-display),0 3px #34393a}.panel>.eyebrow{color:#ffb07a}.vocab-card__intro{margin:var(--space-2) 0 var(--space-3);color:var(--color-muted);font-size:11px;line-height:1.45}.vocab-trail{display:grid;max-height:270px;gap:5px;overflow-y:auto;padding-right:4px;scrollbar-color:var(--color-action) #111516;scrollbar-width:thin}.vocab-trail__empty{margin:0;padding:var(--space-4) var(--space-3);color:#9fc3d2b8;background:#0d1518;border:1px dashed #526064;border-radius:5px;box-shadow:inset 0 3px 8px #0000009e;font-size:11px;line-height:1.5}.vocab-item{display:flex;gap:8px;align-items:center;min-height:32px;padding:5px 8px;background:linear-gradient(180deg,#1d292d,#0c1518);border:1px solid #3c494d;border-radius:4px;box-shadow:inset 0 2px #ffffff0a,inset 0 -2px 4px #00000070}.vocab-item.is-new{background:#a7f54214;border-color:#a7f54261}.vocab-item__check{color:var(--color-success);font-size:13px;font-weight:800}.vocab-item__content{display:grid;min-width:0}.vocab-item__content strong{color:var(--color-text);font-size:12px;line-height:1.15}.vocab-item__content span{overflow:hidden;color:var(--color-muted);font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.keyboard-panel{padding:14px 16px 20px;color:#171b1c;background:linear-gradient(145deg,rgba(226,229,226,.2),transparent 22%),linear-gradient(155deg,var(--color-hardware),var(--color-hardware-dark) 78%);border:1px solid #c8cdcb;border-bottom-color:#3c4142;border-radius:11px;box-shadow:0 7px #34393a,0 14px 24px #00000061,inset 0 2px #ffffff8c,inset 0 -3px #2126273d}.typing-coach{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:42px;margin:0 auto 13px;padding:5px var(--space-3);color:#e7ece9;background:linear-gradient(180deg,#252a2b,#131718);border:1px solid #080b0c;border-radius:6px;box-shadow:inset 0 3px 8px #000000c7,0 1px #ffffff6b;font-size:11px;font-weight:700}.hand-diagram{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 3px 2px rgba(0,0,0,.42))}.hand-outline{fill:#e0e5e20f;stroke:#cad2ce;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hand-detail{fill:none;stroke:#7f8b87;stroke-width:1.4;stroke-linecap:round}.hand-fingertip{fill:transparent;stroke:transparent;stroke-width:2;transform-box:fill-box;transform-origin:center;transition:fill var(--motion-fast),stroke var(--motion-fast),transform var(--motion-fast)}.hand-fingertip.is-active-finger{fill:var(--color-action-bright);stroke:#fff4e9;filter:drop-shadow(0 0 5px rgba(255,112,35,.9));animation:fingertip-pulse .62s ease-in-out infinite alternate}.hand-diagram.is-active-hand .hand-outline{stroke:#fff1e5;stroke-width:2.4}.keyboard-workspace{position:relative;display:grid;grid-template-columns:minmax(58px,84px) minmax(0,720px) minmax(58px,84px);max-width:900px;margin-inline:auto;align-items:center;gap:var(--space-2)}.keyboard-side-hand{display:grid;width:100%;max-width:76px;justify-self:center;justify-items:center;gap:4px;color:#4d5553;transition:color var(--motion-fast)}.keyboard-side-hand small{font:800 9px/1 Space Grotesk,sans-serif;letter-spacing:.08em;white-space:nowrap}.keyboard-side-hand:has(.is-active-hand){color:#28130b}@keyframes fingertip-pulse{0%{transform:scale(.78)}to{transform:scale(1.08)}}.typing-coach__label{color:#f5f6f2;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.typing-coach__key{display:inline-grid;min-width:34px;min-height:30px;padding:0 9px;place-items:center;color:#fffaf4;background:linear-gradient(155deg,var(--color-action-bright),var(--color-action));border:1px solid #ffb481;border-radius:5px;box-shadow:0 3px #7e2907,inset 0 2px #ffffff6b;font:800 14px/1 Space Grotesk,sans-serif;transition:min-width var(--motion-fast),transform var(--motion-fast)}.typing-coach__key.is-space{min-width:88px;letter-spacing:.12em}.typing-coach__finger{color:#bcc7c3;white-space:nowrap}.keyboard{position:relative;display:grid;gap:8px;max-width:720px;margin-inline:auto;padding:13px 14px 17px;background:radial-gradient(circle at 10px 10px,#313536 0 2px,#929695 2.5px 4px,transparent 4.5px),radial-gradient(circle at calc(100% - 10px) 10px,#313536 0 2px,#929695 2.5px 4px,transparent 4.5px),linear-gradient(145deg,#939796,#777c7c);border:1px solid #484d4e;border-radius:8px;box-shadow:inset 0 2px #ffffff57,inset 0 -3px #1d212240}.keyboard__row{position:relative;z-index:1;display:flex;justify-content:center;gap:7px}.keyboard__row--space{margin-top:2px}.key{position:relative;display:grid;width:clamp(32px,4.1vw,52px);height:clamp(36px,4.3vw,50px);padding:0;place-items:center;color:#f4f2ea;background:linear-gradient(145deg,var(--color-keycap-face),var(--color-keycap) 52%,#171a1b);border:1px solid #111415;border-top-color:#666b6b;border-radius:5px;box-shadow:0 5px #111415,0 8px 10px #00000057,inset 0 2px #ffffff2e,inset 0 -2px #0006;font:700 clamp(12px,1.5vw,18px)/1 "Space Grotesk",sans-serif;transition:transform var(--motion-fast),color var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}.key--space{width:min(240px,44%);color:#242829;background:linear-gradient(155deg,#f3f1eb,#c7cac6 72%);border-color:#6b7070;border-top-color:#fff;box-shadow:0 5px #656969,0 8px 10px #0000004d,inset 0 2px #ffffffeb,inset 0 -2px #3b42413d;font-size:11px;letter-spacing:.14em}.key--home:after{position:absolute;bottom:5px;width:10px;height:2px;background:#ffffff52;border-radius:999px;content:""}.key.is-curriculum{border-color:#a88d48;box-shadow:0 5px #111516,0 8px 10px #00000057,inset 0 2px #ffeeb433,inset 0 -2px #0006}.key.is-target{z-index:1;color:#fffaf4;background:linear-gradient(145deg,var(--color-action-bright),var(--color-action));border-color:#ffc296;box-shadow:0 5px #7e2907,0 8px 10px #00000057,0 0 18px #ff691880,inset 0 2px #ffffff6b;transform:translateY(-2px)}.key.is-hit{color:#06131b;background:var(--color-primary);box-shadow:0 1px #165e6c,0 0 22px #5ce9ff8a;transform:translateY(3px) scale(.96)}.key.is-error{color:#fff;background:var(--color-error);border-color:#ffb2bc;box-shadow:0 1px #7a2934,0 0 18px #ff71856b;transform:translateY(3px)}.progress-card{display:flex;flex-direction:column;justify-content:space-between}.progress-card__value{margin:4px 0 var(--space-3);font:700 24px/1.2 Space Grotesk,sans-serif}.progress-card__value span{color:var(--color-action-bright)}.curriculum-stage{margin:var(--space-2) 0 0;color:var(--color-warning);font:800 13px/1.25 Space Grotesk,sans-serif;letter-spacing:.04em}.progress-card__hint{display:flex;gap:var(--space-2);align-items:flex-start;margin:var(--space-4) 0 0;padding:var(--space-3);color:var(--color-muted);background:#0b1316;border:1px solid #39464a;border-radius:5px;box-shadow:inset 0 3px 8px #000000a3,0 1px #ffffff0d;font-size:12px;line-height:1.5}.progress-card__hint strong{display:block;color:var(--color-text)}.progress-card__hint strong b{display:inline-grid;min-width:24px;min-height:24px;margin-left:3px;place-items:center;color:#fffaf4;background:linear-gradient(145deg,var(--color-action-bright),var(--color-action));border:1px solid #ffc092;border-radius:3px;box-shadow:0 3px #792606,inset 0 1px #ffffff61;font:900 14px/1 Space Grotesk,sans-serif}.status-icon{color:var(--color-warning);font-size:18px}.modal{position:fixed;z-index:20;inset:0;display:grid;padding:var(--space-4);place-items:center;background:#020608d1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal[hidden]{display:none}.modal__card{position:relative;width:min(460px,100%);max-height:min(88vh,760px);padding:var(--space-8);overflow:hidden;text-align:center;color:#1a1e1f;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 5px),linear-gradient(155deg,var(--color-hardware-light),var(--color-hardware) 48%,var(--color-hardware-dark));border:1px solid #e6e8e4;border-bottom-color:#3d4243;border-radius:10px;box-shadow:0 10px #34393a,0 30px 90px #0009,inset 0 2px #ffffff8c,inset 0 -3px #2126273d}.modal__card:before,.modal__card:after{position:absolute;top:10px;width:8px;height:8px;background:radial-gradient(circle at 35% 30%,#d9ddda,#555b5b 46%,#1e2324 54%);border:1px solid #2b3031;border-radius:50%;content:""}.modal__card:before{left:10px}.modal__card:after{right:10px}.modal .eyebrow{color:#6d2709}.modal__score{margin:var(--space-3) 0 var(--space-4);padding:var(--space-3);color:var(--color-success);background:linear-gradient(180deg,#202627,#0d1112);border:1px solid #050707;border-radius:6px;box-shadow:var(--shadow-inset-display);font:700 clamp(44px,10vw,72px)/1 "Space Grotesk",sans-serif;text-shadow:0 0 28px rgba(167,245,66,.25)}.modal[data-mode=gameover] .modal__score{color:var(--color-error);text-shadow:0 0 28px rgba(255,113,133,.26)}.modal__title{margin:var(--space-2) 0;font:700 26px/1.2 Space Grotesk,sans-serif}.modal__copy{margin:0 0 var(--space-6);color:#303637;font-weight:650;line-height:1.6}.modal-vocab{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:248px;margin:calc(var(--space-3) * -1) 0 var(--space-6);padding:2px 4px 7px 2px;overflow-y:auto;scrollbar-color:var(--color-action) #111516;scrollbar-width:thin;text-align:left}.modal-vocab[hidden]{display:none}.modal-vocab__item{display:grid;padding:7px 9px;background:linear-gradient(180deg,#252b2c,#111516);border:1px solid #080b0c;border-radius:5px;box-shadow:inset 0 3px 7px #000000b3,0 1px #ffffff4d}.modal-vocab__item strong{color:var(--color-success);font-size:12px}.modal-vocab__item span{color:var(--color-muted);font-size:10px}.settings-card{width:min(520px,100%);overflow-y:auto;text-align:left;scrollbar-color:var(--color-action) #727777;scrollbar-width:thin}.settings-close{position:absolute;z-index:1;top:16px;right:16px;display:grid;width:44px;height:44px;padding:0;place-items:center;color:#f5f2eb;background:linear-gradient(145deg,var(--color-keycap-face),var(--color-keycap) 58%,#171a1b);border:1px solid #111415;border-top-color:#686d6d;border-radius:5px;box-shadow:0 4px #111415,inset 0 2px #ffffff2b;font-size:24px;cursor:pointer}.settings-close:hover{color:#ffb07a}.settings-close:active{box-shadow:0 1px #111415;transform:translateY(3px)}.settings-close:focus-visible{outline:3px solid var(--color-warning);outline-offset:3px}.settings-card .modal__title{max-width:calc(100% - 48px);text-align:left}.settings-copy{margin:0 0 var(--space-4);color:#303637;font-size:13px;font-weight:650;line-height:1.55}.word-count-control,.feedback-control{margin:0 0 var(--space-4);padding:var(--space-3);background:linear-gradient(180deg,#252b2c,#111516);border:1px solid #080b0c;border-radius:6px;box-shadow:var(--shadow-inset-display)}.word-count-control legend,.feedback-control legend{padding:0 7px;color:#6d2709;background:#a9acab;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.word-count-grid{display:grid;grid-template-columns:repeat(6,minmax(48px,1fr));gap:8px}.word-count-option{position:relative;display:block;min-width:0;cursor:pointer}.word-count-option input{position:absolute;width:1px;height:1px;opacity:0}.word-count-option span{display:grid;min-height:48px;place-items:center;color:#f3f1e9;background:linear-gradient(145deg,var(--color-keycap-face),var(--color-keycap) 58%,#171a1b);border:1px solid #0b0e0f;border-top-color:#666b6b;border-radius:5px;box-shadow:0 4px #090c0d,inset 0 2px #ffffff29;font:800 14px/1 Space Grotesk,sans-serif;transition:transform var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}.word-count-option input:checked+span{color:#fffaf4;background:linear-gradient(145deg,var(--color-action-bright),var(--color-action));border-color:#ffc092;box-shadow:0 4px #792606,0 0 12px #f05b0d52,inset 0 2px #ffffff6b}.word-count-option input:focus-visible+span{outline:3px solid var(--color-warning);outline-offset:3px}.word-count-option:active span{box-shadow:0 1px #090c0d,inset 0 3px 5px #0000005c;transform:translateY(3px)}.feedback-control{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-switch{display:flex;min-height:48px;padding:8px 10px;align-items:center;justify-content:space-between;gap:8px;color:#ecf0ed;background:#151b1d;border:1px solid #3d4749;border-radius:5px;font-size:12px;font-weight:700;cursor:pointer}.settings-switch input{position:absolute;opacity:0}.settings-switch i{position:relative;width:40px;height:22px;flex:0 0 auto;background:#090d0e;border:1px solid #050707;border-radius:3px;box-shadow:inset 0 3px 5px #000000b8}.settings-switch i:after{position:absolute;top:3px;left:3px;width:14px;height:14px;background:linear-gradient(145deg,#ecece6,#999e9b);border-radius:2px;box-shadow:0 2px 3px #0006;content:"";transition:transform var(--motion-fast),background var(--motion-fast)}.settings-switch input:checked+i:after{background:linear-gradient(145deg,var(--color-action-bright),var(--color-action));transform:translate(18px)}.settings-switch input:focus-visible+i{outline:3px solid var(--color-warning);outline-offset:3px}.dataset-status{display:flex;margin:0 0 var(--space-4);align-items:center;gap:6px;color:#303637;font-size:12px;font-weight:650}.dataset-status>span:first-child{color:var(--color-success);text-shadow:0 0 8px rgba(167,245,66,.5)}.primary-button{min-height:48px;padding:0 var(--space-6);color:#fffaf4;background:linear-gradient(145deg,var(--color-action-bright),var(--color-action));border:1px solid #ffc092;border-radius:5px;box-shadow:0 5px #792606,0 12px 22px #571a0442,inset 0 2px #ffffff70;font-weight:800;cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 7px #792606,0 16px 28px #571a044d,inset 0 2px #ffffff70}.primary-button:active{transform:translateY(4px);box-shadow:0 1px #792606,inset 0 3px 6px #5a160261}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1023px){.app-shell{padding:var(--space-3)}.topbar{grid-template-columns:1fr auto}.mission{grid-column:1 / -1;grid-row:2}.control-deck{display:flex;align-items:stretch;overflow-x:auto;scroll-padding-inline:var(--space-3);scroll-snap-type:x mandatory;scrollbar-color:var(--color-action) #111516;scrollbar-width:thin}.control-deck>.panel{flex:0 0 min(680px,88%);scroll-snap-align:start}.keyboard-panel{order:1}.vocab-card{order:2}.progress-card{order:3}}@media(max-width:599px){.app-shell{padding:var(--space-2)}.topbar{gap:6px;padding-inline:12px}.brand{gap:5px}.brand__name{font-size:17px}.brand__eyebrow{margin-top:3px;font-size:12px}#audio-toggle,#motion-toggle{display:none}.topbar__actions{gap:5px}.topbar__actions .icon-button{width:44px;height:44px}.mission{padding-inline:var(--space-3)}.game-frame{border-radius:var(--radius-md)}.stage{min-height:380px}.stats-strip{grid-template-columns:repeat(4,1fr)}.stat{padding:9px var(--space-2)}.stat__value{font-size:17px}.sentence-panel{top:12px;width:calc(100% - 16px);min-height:112px;padding:10px var(--space-3) 12px}.sentence{min-height:70px;gap:6px}.assembly-sentence{gap:6px}.assembly-token{min-height:31px;padding:4px 9px;font-size:15px}.assembly-space{min-height:31px;padding:3px 8px 4px;gap:5px}.assembly-space small{display:none}.assembly-space strong{font-size:11px}.assembly-word{gap:4px}.assembly-letter{width:30px;height:36px;font-size:20px}.assembly-meaning strong{font-size:14px}.assembly-meaning span{font-size:10px}.control-deck{padding:var(--space-2);scroll-padding-inline:var(--space-2)}.control-deck>.panel{flex-basis:94%}.keyboard-panel{overflow:hidden}.typing-coach{gap:7px;min-height:42px;padding-inline:8px}.typing-coach__label,.typing-coach__finger{font-size:9px}.typing-coach__key{min-width:31px;min-height:29px}.typing-coach__key.is-space{min-width:72px}.keyboard-workspace{display:block}.keyboard-side-hand{position:absolute;z-index:2;bottom:7px;width:clamp(30px,10vw,38px)}.keyboard-side-hand small{display:none}.keyboard-side-hand--left{left:5px}.keyboard-side-hand--right{right:5px}.keyboard{width:100%;padding:11px 8px 14px}.key{width:calc((100% - 36px)*.1);height:40px;border-radius:4px}.key--space{width:48%}.keyboard,.keyboard__row{gap:4px}.panel{padding:var(--space-3)}.vocab-trail{max-height:225px}.continue-prompt{min-width:calc(100% - 28px)}.modal__card{padding:var(--space-6)}.modal-vocab{grid-template-columns:1fr;max-height:230px}.word-count-grid{grid-template-columns:repeat(3,minmax(48px,1fr))}.feedback-control{grid-template-columns:1fr}.settings-card{padding-top:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.motion-reduced *,body.motion-reduced *:before,body.motion-reduced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}