:root{--color-paper: oklch(97% .012 95);--color-paper-2: oklch(94% .016 95);--color-paper-3: oklch(91% .02 95);--color-ink: oklch(20% .012 250);--color-ink-2: oklch(33% .018 250);--color-muted: oklch(48% .022 250);--color-accent: oklch(86% .18 95);--color-accent-deep: oklch(66% .16 95);--color-accent-2: oklch(66% .18 235);--color-accent-3: oklch(68% .24 18);--color-mint: oklch(80% .16 150);--color-lavender: oklch(74% .16 305);--color-focus: oklch(45% .18 250);--color-accent-ink: var(--color-ink);--color-game-sky: oklch(52% .18 255);--color-game-deep: oklch(35% .15 258);--color-game-yellow: oklch(88% .18 88);--color-game-red: oklch(63% .21 31);--color-game-green: oklch(72% .17 145);--color-game-navy: oklch(25% .08 258);--color-light: oklch(99% .005 95);--color-light-muted: oklch(88% .02 250);--color-game-border: oklch(95% .01 250 / .18);--color-game-faint: oklch(95% .01 250 / .25);--color-game-text-muted: oklch(84% .02 250);--color-shadow: oklch(8% .01 260 / .75);--color-danger: oklch(52% .2 25);--font-display: "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif;--font-body: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;--font-label: "Segoe UI", Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.4rem;--text-2xl: clamp(1.65rem, 3vw, 2.4rem);--text-display: clamp(2.4rem, 5vw, 4.8rem);--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-input: .75rem;--radius-card: 1.25rem;--radius-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-normal: .22s;--dur-slow: .6s;--rule-soft: 1px solid oklch(20% .012 250 / .14)}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0;overflow-x:clip}body{min-width:320px;background:var(--color-game-deep);color:var(--color-ink);font-family:var(--font-body);font-size:calc(16px * var(--ui-scale, 1));font-synthesis:none}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app{--nav-height: 72px;min-height:100dvh;background:var(--color-paper)}.nav-slab{min-height:var(--nav-height);height:var(--nav-height);display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) clamp(1rem,4vw,4rem);border-bottom:2px solid var(--color-ink);background:var(--color-paper);position:relative;z-index:2}.brand,.nav-slab nav button,.icon-button{appearance:none;border:0;background:transparent;cursor:pointer;min-height:44px}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;font-size:var(--text-lg);white-space:nowrap}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--color-ink);background:var(--color-accent);box-shadow:0 3px 0 var(--color-accent-deep)}.nav-slab nav{display:flex;gap:clamp(.15rem,2vw,1.25rem);margin-left:auto}.nav-slab nav button{padding:.4rem .5rem;font-family:var(--font-label);font-size:.7rem;letter-spacing:.08em;font-weight:700;white-space:nowrap}.nav-slab nav button:hover{color:var(--color-accent-2)}.icon-button{width:44px;border-radius:50%;font-size:1.4rem;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast)}.icon-button:hover{transform:rotate(18deg);background:var(--color-paper-2)}.hero{min-height:min(600px,calc(100dvh - 62px));display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--space-xl);padding:clamp(2rem,7vw,6rem) clamp(1rem,7vw,8rem);background:var(--color-paper);overflow:hidden}.hero>div:first-child{max-width:680px;position:relative;z-index:1}.mono-label{display:block;font-family:var(--font-label);font-size:.7rem;letter-spacing:.1em;font-weight:700;color:var(--color-muted)}.hero h1,.page-heading h1,.results-panel h1{margin:.5rem 0 1rem;font-family:var(--font-display);font-size:var(--text-display);line-height:.92;letter-spacing:-.05em;overflow-wrap:anywhere;min-width:0;font-style:normal}.hero p,.page-heading p{max-width:53ch;margin:0;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.6}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xl)}.btn{--btn-face: var(--color-accent);--btn-edge: var(--color-accent-deep);--btn-cast: oklch(76% .2 95 / .45);display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:.55rem;padding:.78rem 1.3rem;border:0;border-radius:var(--radius-pill);color:var(--color-accent-ink);background:var(--btn-face);cursor:pointer;font-weight:750;white-space:nowrap;box-shadow:0 4px 0 var(--btn-edge),0 6px 12px -3px var(--btn-cast);transform:translateY(0);transition:transform .14s cubic-bezier(.2,.7,.3,1),box-shadow .14s cubic-bezier(.2,.7,.3,1),background-color var(--dur-normal)}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--btn-edge),0 12px 22px -4px var(--btn-cast)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-edge),0 2px 6px -2px var(--btn-cast);transition-duration:70ms}.btn--pear{--btn-face: var(--color-accent);--btn-edge: var(--color-accent-deep)}.btn--outline{background:transparent;box-shadow:none;border:var(--rule-soft);color:var(--color-ink)}.btn--outline:hover{background:var(--color-paper-2);box-shadow:none}.hero-cannon{display:none;position:relative;width:min(34vw,420px);height:min(34vw,420px);border-radius:50%;background:var(--color-accent-2);transform:rotate(-12deg);box-shadow:22px 22px 0 var(--color-lavender)}.hero-wheel{position:absolute;width:130px;aspect-ratio:1;border:28px solid var(--color-ink);border-radius:50%;left:26%;bottom:12%;background:var(--color-accent)}.hero-barrel{position:absolute;width:54%;height:70px;top:33%;left:36%;border-radius:0 99px 99px 0;background:var(--color-ink)}.hero-cannon i{position:absolute;right:4%;top:6%;color:var(--color-accent-3);font-size:5rem;font-style:normal;animation:twinkle 1.8s var(--ease-spring) infinite}.orbit{position:absolute;border-radius:50%;border:2px dashed var(--color-ink);opacity:.45}.orbit--one{width:85%;height:85%;left:-15%;top:-12%}.orbit--two{width:46%;height:46%;right:-16%;bottom:-8%}.bento{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);max-width:1400px;margin:0 auto;padding:var(--space-xl) clamp(1rem,4vw,4rem) var(--space-3xl)}.tile{min-height:195px;padding:clamp(1.25rem,3vw,2rem);border-radius:28px;background:var(--color-paper-2);box-shadow:0 14px 32px -20px #12171b59;transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal),background-color var(--dur-normal)}.tile:hover{transform:translateY(-4px);box-shadow:0 20px 36px -20px #12171b66}.tile h2{margin:.45rem 0 1rem;font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.04em}.tile p{color:var(--color-ink-2);margin:.5rem 0}.tile--level{background:var(--color-accent);color:var(--color-ink)}.tile--level .mono-label{color:var(--color-ink-2)}.tile--level strong,.tile--vocab strong{display:block;margin:.3rem 0;font-family:var(--font-display);font-size:clamp(4rem,8vw,7rem);line-height:.85;letter-spacing:-.07em}.progress{height:9px;border-radius:var(--radius-pill);overflow:hidden;background:#12171b2e}.progress i{display:block;height:100%;border-radius:inherit;background:var(--color-ink)}.tile--mode{background:var(--color-accent-2)}.difficulty-options,.filter-row{display:flex;flex-wrap:wrap;gap:.5rem}.difficulty-options button,.filter-row button{min-height:36px;border:1px solid oklch(20% .012 250 / .2);background:#ffffff47;border-radius:var(--radius-pill);padding:.35rem .7rem;cursor:pointer;font-size:.8rem;white-space:nowrap}.difficulty-options button.is-selected,.filter-row button.is-selected{background:var(--color-ink);color:var(--color-paper)}.tile--tips{background:var(--color-lavender)}.tile--tips ol{display:grid;gap:.65rem;padding:0;margin:1rem 0 0;list-style:none}.tile--tips b{display:inline-block;width:2.4rem;font-family:var(--font-label);font-size:.75rem}.tile--vocab{background:var(--color-mint)}.text-link,.danger-link{min-height:40px;border:0;padding:0;color:var(--color-ink);background:transparent;cursor:pointer;font-weight:750;text-decoration:underline;text-underline-offset:.2em;white-space:nowrap}.game-shell{position:relative;max-width:1440px;min-height:calc(100dvh - 62px);margin:0 auto;padding:clamp(.75rem,2vw,1.5rem);background:var(--color-game-deep);color:var(--color-light)}.hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-md);min-height:56px;padding:0 var(--space-md);color:var(--color-light)}.hud strong{display:block;font-family:var(--font-display);font-size:1.7rem;line-height:1}.hud .mono-label{color:var(--color-light-muted)}.hud-center{text-align:center}.combo{display:block;font-family:var(--font-label);font-size:.8rem;color:var(--color-accent)}.hearts{justify-self:end;color:var(--color-accent-3);font-size:1.5rem;letter-spacing:.1rem}.hearts span{color:var(--color-game-faint)}.game-canvas-frame{position:relative}.game-canvas{display:block;width:100%;height:min(68dvh,700px);min-height:390px;border:1px solid var(--color-game-border);border-radius:var(--radius-card);background:var(--color-game-sky)}.canvas-learning-badge,.mobile-keyboard{display:none}.game-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.8rem .2rem 0;color:var(--color-game-text-muted);font-size:.8rem}.game-bottom kbd{border-radius:.3rem;padding:.12rem .3rem;color:var(--color-light);background:var(--color-game-faint);font-family:var(--font-label)}.learning-card{position:absolute;z-index:1;bottom:4.2rem;left:50%;display:flex;align-items:center;gap:.8rem;min-width:min(300px,calc(100% - 2rem));padding:.7rem 1rem;border-radius:var(--radius-card);transform:translate(-50%);background:var(--color-paper);color:var(--color-ink);box-shadow:0 18px 42px -16px var(--color-shadow);animation:card-in var(--dur-slow) var(--ease-spring)}.learning-card>span{font-size:2rem}.learning-card strong,.learning-card small{display:block}.learning-card small{color:var(--color-muted)}.learning-card button{margin-left:auto;width:40px;height:40px;border:0;border-radius:50%;background:var(--color-paper-2);cursor:pointer}.results-panel{position:absolute;z-index:3;inset:50% auto auto 50%;width:min(560px,calc(100% - 2rem));padding:clamp(1.5rem,5vw,3rem);border-radius:28px;transform:translate(-50%,-50%);background:var(--color-paper);color:var(--color-ink);box-shadow:0 24px 70px -20px var(--color-shadow);text-align:center}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.results-grid p{display:grid;gap:.25rem;margin:0;padding:1rem;border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-muted);font-size:.8rem}.results-grid strong{color:var(--color-ink);font-family:var(--font-display);font-size:2rem}.page-section{max-width:1400px;min-height:calc(100dvh - 62px);margin:0 auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,4rem)}.page-heading{max-width:680px}.filter-row{margin:var(--space-xl) 0}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:.75rem}.vocab-card{display:flex;align-items:center;gap:.7rem;padding:.85rem;border-radius:var(--radius-input);background:var(--color-paper-2)}.vocab-card>span{font-size:1.6rem}.vocab-card strong,.vocab-card small{display:block}.vocab-card small{color:var(--color-muted);font-size:.75rem}.vocab-card em{margin-left:auto;color:var(--color-accent-3);font-size:.75rem;font-style:normal}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:var(--space-md);margin-top:var(--space-xl)}.stats-grid article{min-height:170px;padding:1.4rem;border-radius:var(--radius-card);background:var(--color-paper-2)}.stats-grid article:nth-child(2){background:var(--color-accent-2)}.stats-grid article:nth-child(3){background:var(--color-accent)}.stats-grid article:nth-child(4){background:var(--color-mint)}.stats-grid span{font-family:var(--font-label);font-size:.7rem;letter-spacing:.08em}.stats-grid strong{display:block;margin-top:.7rem;font-family:var(--font-display);font-size:4rem;letter-spacing:-.07em}.modal{position:fixed;inset:0;width:min(530px,calc(100% - 2rem));height:fit-content;max-height:min(80dvh,44rem);margin:auto;padding:1.25rem;border:0;border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);box-shadow:0 24px 70px -20px var(--color-shadow)}.modal::backdrop{background:var(--color-shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal h2{margin:0;font-family:var(--font-display);font-size:var(--text-2xl)}.settings-list{display:grid;gap:.35rem;margin:1rem 0}.settings-list label{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:46px;padding:.5rem .2rem;border-bottom:var(--rule-soft)}.settings-list input[type=checkbox]{width:22px;height:22px;accent-color:var(--color-accent-2)}.settings-list input[type=range]{accent-color:var(--color-accent-2)}.danger-link{color:var(--color-danger)}.help-list{display:grid;gap:1rem;padding:0;list-style:none}.help-list li{display:grid;gap:.2rem;padding:1rem;border-radius:var(--radius-input);background:var(--color-paper-2)}.help-list span{color:var(--color-ink-2);line-height:1.5}.foot-marquee{overflow:hidden;border-top:2px solid var(--color-ink);background:var(--color-accent);color:var(--color-ink)}.foot-marquee__track{display:flex;gap:var(--space-2xl);width:max-content;padding-block:var(--space-md);font-family:var(--font-display);font-weight:800;letter-spacing:.08em;font-size:clamp(1rem,2.5vw,1.5rem);white-space:nowrap;animation:marquee 28s linear infinite}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.high-contrast{--color-paper: oklch(100% 0 0);--color-paper-2: oklch(96% 0 0);--color-ink: oklch(8% 0 0);--color-muted: oklch(30% 0 0)}@keyframes twinkle{50%{transform:scale(1.18) rotate(20deg)}}@keyframes card-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes marquee{to{transform:translate(-50%)}}@media(min-width:46rem){.hero{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr)}.hero-cannon{display:block;justify-self:end}.bento{grid-template-columns:repeat(4,minmax(0,1fr))}.tile--level,.tile--mode{grid-column:span 2}.tile--tips{grid-column:span 3}.tile--vocab{grid-column:span 1}}@media(max-width:46rem){.game-shell{padding:.55rem}.game-canvas{height:min(46dvh,440px);min-height:270px}.canvas-learning-badge{position:absolute;right:.7rem;bottom:.7rem;z-index:1;display:flex;align-items:center;gap:.38rem;max-width:min(132px,calc(50% - 1rem));min-height:48px;padding:.32rem .45rem;border:3px solid var(--color-game-navy);border-radius:12px;background:var(--color-game-yellow);color:var(--color-game-navy);box-shadow:0 3px 0 var(--color-game-red)}.canvas-learning-badge>span{display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;border:2px solid var(--color-game-navy);border-radius:8px;background:var(--color-light);font-size:1.4rem}.canvas-learning-badge div{min-width:0}.canvas-learning-badge strong,.canvas-learning-badge small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-learning-badge strong{font-size:.77rem}.canvas-learning-badge small{font-size:.62rem;font-weight:750}.mobile-keyboard{display:grid;gap:.36rem;margin-top:.65rem;padding:.6rem;border:4px solid var(--color-game-navy);border-radius:18px;background:var(--color-game-navy);box-shadow:0 5px 0 var(--color-game-red)}.mobile-keyboard__row{display:grid;gap:.3rem}.mobile-keyboard__row--1{grid-template-columns:repeat(10,minmax(0,1fr))}.mobile-keyboard__row--2{grid-template-columns:repeat(9,minmax(0,1fr));margin-inline:4.5%}.mobile-keyboard__row--3{grid-template-columns:repeat(7,minmax(0,1fr));margin-inline:12%}.mobile-keyboard button{min-height:42px;padding:.25rem 0;border:0;border-radius:9px;color:var(--color-game-navy);background:var(--color-light);box-shadow:0 3px 0 var(--color-game-yellow-deep, #e49c00);cursor:pointer;font-family:var(--font-label);font-size:clamp(.7rem,3.4vw,.92rem);font-weight:900}.mobile-keyboard button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--color-game-yellow-deep, #e49c00)}.mobile-keyboard button.is-next{color:var(--color-game-navy);background:var(--color-game-yellow);box-shadow:0 3px 0 var(--color-game-red)}.mobile-keyboard button:disabled{cursor:not-allowed;opacity:.62}.learning-card{display:none}}@media(max-width:40rem){.nav-slab{padding-inline:.7rem}.nav-slab nav button{font-size:.6rem;padding-inline:.2rem}.brand>span:last-child{display:none}.hud{grid-template-columns:minmax(0,1fr) auto}.hud-center{display:none}.game-canvas{min-height:270px}.game-bottom{font-size:.7rem}.learning-card{bottom:3.7rem}.learning-card button{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tile:hover,.btn:hover{transform:none}}.campaign-page{padding-bottom:var(--space-3xl)}.campaign-chapter{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:4px solid var(--color-game-navy)}.campaign-chapter h2{margin:.3rem 0 1rem;font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.03em}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:var(--space-md)}.level-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:104px;gap:.75rem;padding:.8rem;border:4px solid var(--color-game-navy);border-radius:var(--radius-card);background:var(--color-game-yellow);color:var(--color-game-navy);cursor:pointer;text-align:left;box-shadow:0 5px 0 var(--color-game-red);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast)}.level-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 var(--color-game-red)}.level-card:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--color-game-red)}.level-card.is-locked{background:var(--color-paper-3);color:var(--color-muted);border-color:var(--color-muted);box-shadow:none;cursor:not-allowed;opacity:.75}.level-number{display:grid;place-items:center;width:48px;height:48px;border:3px solid currentColor;border-radius:50%;font-family:var(--font-display);font-size:1.5rem}.level-info{display:grid;gap:.15rem}.level-info strong{font-size:1rem}.level-info small{font-size:.72rem}.level-card em{font-size:1.15rem;font-style:normal;white-space:nowrap}.mission-card{position:absolute;z-index:2;top:5.4rem;right:clamp(1rem,3vw,2.5rem);display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:.35rem .85rem;width:min(470px,calc(100% - 2rem));padding:.8rem 1rem;border:4px solid var(--color-game-navy);border-radius:var(--radius-card);background:var(--color-game-yellow);color:var(--color-game-navy);box-shadow:0 5px 0 var(--color-game-red)}.mission-card strong{display:block;margin-top:.15rem;font-size:.9rem}.mission-card .mono-label{color:var(--color-game-navy)}.mission-goal{grid-row:span 2;display:grid;place-items:center;min-width:58px;border-left:3px solid var(--color-game-navy);text-align:center}.mission-goal b{font-family:var(--font-display);font-size:1.35rem;line-height:1}.mission-goal span,.mission-rule,.mission-timer{font-size:.72rem;font-weight:750}.mission-rule{padding:.15rem .4rem;border-radius:var(--radius-pill);background:var(--color-light)}.mission-rule.is-met{background:var(--color-game-green)}.mission-timer{grid-column:1 / -1;color:var(--color-light);background:var(--color-game-red);border-radius:var(--radius-pill);padding:.2rem .45rem;text-align:center}.mission-card{position:static;margin:0 auto .75rem}.nav-slab{border-bottom:4px solid var(--color-game-navy);background:var(--color-game-red);color:var(--color-light)}.brand-mark{width:34px;height:34px;border:3px solid var(--color-game-navy);color:var(--color-game-navy);background:var(--color-game-yellow);box-shadow:0 3px 0 var(--color-game-navy)}.nav-slab nav button:hover{color:var(--color-game-yellow)}.icon-button:hover{background:var(--color-game-red);border-color:var(--color-game-yellow)}.btn--pear{--btn-face: var(--color-game-yellow);--btn-edge: var(--color-game-red);--btn-cast: var(--color-game-navy)}.hero-cannon{border:8px solid var(--color-game-navy);border-radius:32%;background:var(--color-game-sky);box-shadow:22px 22px 0 var(--color-game-red)}.hero-wheel{background:var(--color-game-yellow)}.hero-barrel{border:5px solid var(--color-game-navy);background:var(--color-game-red)}.tile--level{background:var(--color-game-yellow);color:var(--color-game-navy);border:4px solid var(--color-game-navy)}.tile--mode{background:var(--color-game-sky);color:var(--color-light);border:4px solid var(--color-game-navy)}.tile--tips{background:var(--color-game-red);color:var(--color-light);border:4px solid var(--color-game-navy)}.tile--vocab{background:var(--color-game-green);color:var(--color-game-navy);border:4px solid var(--color-game-navy)}.difficulty-options button,.filter-row button{border:2px solid var(--color-game-navy);background:var(--color-light)}.difficulty-options button.is-selected,.filter-row button.is-selected{background:var(--color-game-red);color:var(--color-light)}.text-link{color:inherit}.game-canvas{border:5px solid var(--color-game-navy);background:var(--color-game-sky);box-shadow:0 8px 0 var(--color-game-red)}.game-bottom kbd{background:var(--color-game-navy)}.learning-card{gap:1rem;min-width:min(340px,calc(100% - 2rem));padding:.85rem 1.2rem;border:4px solid var(--color-game-navy);background:var(--color-game-yellow);color:var(--color-game-navy);box-shadow:0 8px 0 var(--color-game-red)}.learning-card>span{display:grid;place-items:center;width:58px;height:58px;border:3px solid var(--color-game-navy);border-radius:50%;background:var(--color-light);font-size:2.65rem}.learning-card strong{font-size:1.25rem}.learning-card small{color:var(--color-game-navy);font-weight:700}.learning-card button{width:44px;height:44px;border:3px solid var(--color-game-navy);background:var(--color-game-red);color:var(--color-light)}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr));gap:.85rem}.vocab-card{gap:.85rem;min-height:106px;border:3px solid var(--color-game-navy);box-shadow:0 4px 0 var(--color-game-yellow)}.vocab-card>span{display:grid;flex:0 0 auto;place-items:center;width:68px;height:68px;border:3px solid var(--color-game-navy);border-radius:50%;background:var(--color-light);font-size:3.2rem}.vocab-card strong{font-size:1.12rem}.vocab-card small{font-size:.82rem;font-weight:700}.vocab-card em{color:var(--color-game-red)}.home-screen{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:calc(100dvh - var(--nav-height));overflow:hidden;background:var(--color-paper)}.home-launch{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);align-items:center;gap:clamp(1.5rem,5vw,6rem);width:min(1320px,100%);min-height:0;margin:0 auto;padding:clamp(1.5rem,4vw,3.75rem) clamp(1rem,5vw,4.5rem) 1.2rem}.home-copy{position:relative;z-index:1;max-width:640px}.home-copy h1{margin:.38rem 0 .85rem;color:var(--color-game-navy);font-family:var(--font-display);font-size:clamp(3.25rem,7.2vw,6.3rem);line-height:.86;letter-spacing:-.065em}.home-copy p{max-width:47ch;margin:0;color:var(--color-ink-2);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.5}.home-copy .button-row{margin-top:clamp(1rem,2.5vw,1.8rem)}.home-link{min-height:44px;padding:.6rem .35rem;border:0;background:transparent;color:var(--color-game-navy);cursor:pointer;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.28em}.home-stage{position:relative;align-self:stretch;min-height:280px;overflow:hidden;border:5px solid var(--color-game-navy);border-radius:30px 30px 10px 10px;background:var(--color-game-sky);box-shadow:9px 9px 0 var(--color-game-red)}.home-stage:before{position:absolute;inset:0;content:"";opacity:.24;background-image:radial-gradient(var(--color-light) 1.5px,transparent 1.8px);background-size:19px 19px}.home-stage .hero-cannon{position:absolute;right:clamp(.85rem,4vw,2.6rem);bottom:2.3rem;display:block;width:min(26vw,280px);height:min(26vw,280px);max-width:72%;max-height:72%;border-width:7px;box-shadow:13px 13px 0 var(--color-game-red)}.home-stage .hero-wheel{width:36%;border-width:clamp(12px,2.1vw,23px)}.home-stage .hero-barrel{height:clamp(38px,4.5vw,54px);border-width:4px}.home-stage .hero-cannon i{font-size:clamp(2.6rem,5vw,4.2rem)}.home-cloud{position:absolute;z-index:1;width:96px;height:23px;border-radius:99px;background:var(--color-light);box-shadow:20px -13px 0 -3px var(--color-light),47px -7px 0 -4px var(--color-light);opacity:.92}.home-cloud--one{top:20%;left:9%}.home-cloud--two{top:46%;right:50%;transform:scale(.72)}.home-star{position:absolute;z-index:1;color:var(--color-game-yellow);font-size:clamp(1.8rem,4vw,3.3rem);line-height:1;text-shadow:2px 2px 0 var(--color-game-navy)}.home-star--one{top:13%;right:15%}.home-star--two{top:52%;left:17%;font-size:1.55rem}.home-ground{position:absolute;z-index:1;right:0;bottom:0;left:0;height:2.2rem;border-top:5px solid var(--color-game-navy);background:repeating-linear-gradient(90deg,var(--color-game-green) 0 34px,#64be48 34px 68px)}.home-console{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(360px,1.35fr) minmax(235px,.93fr);gap:.85rem;width:min(1320px,calc(100% - 2rem));margin:0 auto clamp(1rem,2.4vw,2rem)}.home-panel{min-width:0;border:4px solid var(--color-game-navy);border-radius:18px;padding:.9rem 1rem;color:var(--color-game-navy);box-shadow:0 5px 0 var(--color-game-navy)}.home-panel .mono-label{color:currentColor;font-size:.62rem}.home-profile{background:var(--color-game-yellow)}.home-level{display:flex;align-items:center;gap:.55rem;margin:.25rem 0 .55rem}.home-level strong{font-family:var(--font-display);font-size:clamp(2.7rem,4vw,4.3rem);line-height:.75;letter-spacing:-.07em}.home-level span{font-size:.72rem;font-weight:750;line-height:1.25}.home-level b{font-size:.82rem}.home-profile .progress{height:8px;background:#12171b33}.home-profile .progress i{background:var(--color-game-red)}.home-difficulty{display:grid;grid-template-columns:minmax(118px,.55fr) minmax(0,1.45fr);align-items:center;gap:1rem;background:var(--color-light)}.home-difficulty strong{display:block;margin-top:.2rem;font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,2rem);line-height:.92;letter-spacing:-.04em}.home-difficulty .difficulty-options{justify-content:flex-end}.home-difficulty .difficulty-options button{min-height:32px;padding:.28rem .55rem;font-size:.72rem}.home-route{display:grid;align-content:center;background:var(--color-game-green)}.home-route>strong{display:block;margin:.18rem 0;font-family:var(--font-display);font-size:clamp(2rem,3vw,3rem);line-height:.9;letter-spacing:-.06em}.home-route>strong small{margin-left:.2rem;font-family:var(--font-body);font-size:.8rem;letter-spacing:0}.home-route p{margin:.3rem 0 .6rem;font-size:.73rem;font-weight:700;line-height:1.25}.home-route>div{display:flex;flex-wrap:wrap;gap:.75rem}.home-panel-link{padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font-size:.76rem;font-weight:850;text-decoration:underline;text-underline-offset:.22em}@media(max-width:58rem){.home-launch{grid-template-columns:minmax(0,1fr) minmax(255px,.7fr);gap:1.8rem}.home-console{grid-template-columns:minmax(170px,.72fr) minmax(0,1.25fr)}.home-route{grid-column:1 / -1;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem 1rem}.home-route .mono-label{grid-row:span 2}.home-route>strong{margin:0}.home-route p{margin:0}.home-route>div{justify-self:end}}@media(max-width:40rem){.home-screen{display:block;min-height:calc(100dvh - var(--nav-height));overflow:visible}.home-launch{grid-template-columns:1fr;gap:1rem;padding-block:1.25rem}.home-copy h1{font-size:clamp(3.1rem,18vw,4.6rem)}.home-stage{min-height:190px;max-height:230px}.home-stage .hero-cannon{width:185px;height:185px}.home-console{grid-template-columns:1fr;width:calc(100% - 1.4rem);margin-bottom:1.5rem}.home-difficulty{grid-template-columns:1fr;gap:.6rem}.home-difficulty .difficulty-options{justify-content:flex-start}.home-route{grid-column:auto;grid-template-columns:1fr;gap:.35rem}.home-route .mono-label{grid-row:auto}.home-route>div{justify-self:start}}