@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage.woff2)format("woff2");font-weight:600 800;font-display:swap}:root{--bg:#e8edf5;--surface-2:#dae2ee;--surface:#f8fafe;--surface-hi:#fff;--highlight:#fff;--ink:#0e2443;--ink-2:#4d5c72;--line:#ccd5e2;--line-strong:#939fb1;--accent:var(--ink);--accent-ink:#fff;--en:#0068a5;--en-soft:#daeeff;--ett:#a27900;--ett-soft:#fdeec1;--ett-ink:#775300;--on-ett:#0e2443;--ett-fill:#f6d653;--good:#008240;--good-soft:#d8f3de;--bad:#c12535;--bad-soft:#ffe4e2;--flame:#cf5604;--berry:#b23471;--part-front:#84573e;--part-subject:#6d47b8;--part-verb:#b23471;--part-adverb:#017b80;--part-link:#b74b21;--rarity-common:#0f9293;--rarity-rare:#7a59c3;--rarity-epic:#bf397a;--rarity-legendary:#e3ae28;--flag-se-blue:#006aa7;--flag-se-yellow:#fecc02;--flag-dk-red:#c8102e;--flag-no-red:#ba0c2f;--flag-no-blue:#00205b;--on-flag:#fff;--shadow:0 1px 2px rgba(14,36,67,.1),0 3px 6px rgba(14,36,67,.07);--shadow-lg:0 2px 4px rgba(14,36,67,.1),0 10px 24px rgba(14,36,67,.12);--inset:inset 0 1px 3px rgba(14,36,67,.12);--ease:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.3,.8,.2,1.3);--ease-bounce:cubic-bezier(.3,1.6,.5,1);--t-fast:.12s;--t:.24s;--t-slow:.9s;--font-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--font-body:"Atkinson Hyperlegible","Segoe UI",system-ui,-apple-system,sans-serif;--step--1:.875rem;--step-0:1rem;--step-1:1.2rem;--step-2:1.5rem;--step-3:2rem;--step-4:2.75rem;--space-xs:6px;--space-s:10px;--space:18px;--space-l:32px;--radius-xs:4px;--radius-s:10px;--radius:14px;--radius-l:20px;--pill:999px;--nav-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root{--bg:lab(93.5867% -.75388 -4.44884);--surface-2:lab(89.5079% -1.09231 -6.65263);--surface:lab(98.2467% -.325412 -1.86015);--surface-hi:lab(100% 0 0);--highlight:lab(100% 0 0);--ink:lab(13.6924% 1.11331 -22.7181);--ink-2:lab(38.3594% -1.60761 -14.4403);--line:lab(84.861% -1.19421 -7.38174);--line-strong:lab(65.1015% -1.60825 -10.9853);--accent-ink:lab(100% 0 0);--en:lab(41.5387% -7.39598 -42.1181);--en-soft:lab(93.0394% -4.52405 -11.9316);--ett:lab(53.7258% 10.0041 60.6688);--ett-soft:lab(94.4812% .103265 23.6574);--ett-ink:lab(38.5069% 11.0022 48.611);--on-ett:lab(13.6924% 1.11331 -22.7181);--ett-fill:lab(86.6381% 1.51196 66.1321);--good:lab(47.2456% -43.6532 26.3441);--good-soft:lab(93.5764% -12.0794 7.08629);--bad:lab(43.4901% 60.7091 32.8011);--bad-soft:lab(92.6988% 10.97 5.14953);--flame:lab(52.3543% 46.6056 61.3737);--berry:lab(43.2604% 54.5758 -4.93438);--part-front:lab(41.6264% 16.7578 22.3839);--part-subject:lab(39.2865% 36.0468 -54.8531);--part-verb:lab(43.2604% 54.5758 -4.93438);--part-adverb:lab(46.3492% -28.1566 -11.5564);--part-link:lab(46.6028% 42.9786 45.9653);--rarity-common:lab(54.6575% -32.7152 -9.82956);--rarity-rare:lab(45.4047% 32.3507 -51.7853);--rarity-epic:lab(46.6098% 57.7813 -5.2243);--rarity-legendary:lab(74.664% 11.4553 69.676);--shadow:0 1px 2px lab(13.6924% 1.11331 -22.7181/.1),0 3px 6px lab(13.6924% 1.11331 -22.7181/.07);--shadow-lg:0 2px 4px lab(13.6924% 1.11331 -22.7181/.1),0 10px 24px lab(13.6924% 1.11331 -22.7181/.12);--inset:inset 0 1px 3px lab(13.6924% 1.11331 -22.7181/.12)}}@media (prefers-color-scheme:dark){:root{--bg:#09121f;--surface-2:#07101c;--surface:#121d2d;--surface-hi:#1c2738;--highlight:#374355;--ink:#eaeff5;--ink-2:#a6b2c5;--line:#253142;--line-strong:#495669;--accent-ink:#09121f;--en:#5cb4ef;--en-soft:#0c2e47;--ett:#f9cc21;--ett-soft:#413007;--ett-ink:var(--ett);--ett-fill:#f1ca3f;--good:#6ad18a;--good-soft:#16321f;--bad:#fd7273;--bad-soft:#451e1d;--flame:#fc9252;--berry:#fa86b6;--part-front:#d1a78f;--part-subject:#b7a0fb;--part-verb:#fa86b6;--part-adverb:#5dcbd1;--part-link:#fc9b6f;--rarity-common:#41b2b2;--rarity-rare:#a083ea;--rarity-epic:#e96fa3;--rarity-legendary:#f0bb3b;--shadow:0 2px 2px rgba(0,0,0,.25),0 4px 8px rgba(0,0,0,.18);--shadow-lg:0 2px 4px rgba(0,0,0,.3),0 12px 28px rgba(0,0,0,.35);--inset:inset 0 1px 2px rgba(0,0,0,.22);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root{--bg:lab(5.14365% -.283241 -9.87845);--surface-2:lab(4.32323% -.184536 -9.26376);--surface:lab(10.4964% -.621162 -12.4243);--surface-hi:lab(15.1512% -.890389 -12.4864);--highlight:lab(27.9351% -1.32692 -12.6093);--ink:lab(94.1726% -.63473 -3.71097);--ink-2:lab(72.0633% -1.63972 -10.9994);--line:lab(19.802% -1.08682 -12.538);--line-strong:lab(36.064% -1.48961 -12.6636);--accent-ink:lab(5.14365% -.283241 -9.87845);--en:lab(69.7798% -14.4249 -37.7918);--en-soft:lab(17.4814% -4.54038 -19.5846);--ett:lab(84.2162% 5.96243 79.8484);--ett-soft:lab(21.1976% 4.51513 27.0252);--ett-fill:lab(83.083% 3.92628 70.192);--good:lab(76.2862% -43.0329 25.6193);--good-soft:lab(18.2863% -15.3525 9.13136);--bad:lab(65.7858% 54.0082 27.0547);--bad-soft:lab(17.0319% 19.0309 9.41006);--flame:lab(71.2834% 37.1743 51.0733);--berry:lab(70.2065% 48.9675 -4.40532);--part-front:lab(71.8734% 13.7619 18.3392);--part-subject:lab(70.499% 23.2307 -42.675);--part-verb:lab(70.2065% 48.9675 -4.40532);--part-adverb:lab(75.454% -31.3976 -12.9418);--part-link:lab(73.6389% 33.9445 39.0435);--rarity-common:lab(66.2601% -32.6982 -9.87129);--rarity-rare:lab(60.8329% 28.2473 -48.8905);--rarity-epic:lab(63.1149% 51.9983 -4.6851);--rarity-legendary:lab(79.3236% 11.1274 68.2268);--shadow:0 2px 2px lab(0% 0 0/.25),0 4px 8px lab(0% 0 0/.18);--shadow-lg:0 2px 4px lab(0% 0 0/.3),0 12px 28px lab(0% 0 0/.35);--inset:inset 0 1px 2px lab(0% 0 0/.22)}}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 var(--step-0)/1.6 var(--font-body);-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.15}p{margin:0}a{color:var(--accent)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--en);outline-offset:2px;border-radius:var(--radius-xs)}.tnum{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-2);font-size:var(--step--1);line-height:1.5}.icon{vertical-align:-.17em;flex:none;width:1.1em;height:1.1em}.display{font-family:var(--font-display);font-weight:800;font-size:var(--step-4);letter-spacing:-.02em;line-height:1}.page-title{font-size:var(--step-3)}.eyebrow{font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:700}.lede{color:var(--ink-2);font-size:var(--step-1)}.section-title{font-family:var(--font-display);font-size:var(--step-1);margin-bottom:10px;font-weight:700}.page{max-width:540px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:calc(20px + env(safe-area-inset-top,0px))calc(var(--nav-h) + 32px + env(safe-area-inset-bottom,0px));gap:var(--space);flex-direction:column;margin:0 auto;display:flex}.page>*{min-width:0}.page-head{gap:var(--space-xs);display:grid}.progress-head{gap:var(--space-s);display:grid}:where(.card,.btn,.path-card,.opt,.tile,.sheet,.stat,.badge,.play-cta,.close,.note,.segmented button){--s:var(--surface);--s-hi:var(--surface-hi);--s-line:var(--line);--s-edge:var(--highlight);background:linear-gradient(180deg,var(--s-hi),var(--s)70%);border:1px solid var(--s-line);box-shadow:inset 0 1px 0 var(--s-edge),var(--shadow)}:where(.btn-primary,.play-cta,.done-today,.opt-en,.opt-ett,.tile-placed,.tile.parted,.sheet.good,.sheet.bad,.step-up,.note,.spin-teaser,.prize,.book-toggle.read){--tint-soft:color-mix(in oklab,var(--tint)12%,var(--surface));--s:var(--tint-soft);--s-hi:oklch(from var(--tint-soft)calc(l + .03)c h);--s-line:color-mix(in oklab,var(--tint)35%,var(--tint-soft));--s-edge:oklch(from var(--tint-soft)calc(l + .07)c h)}.btn-primary,.play-cta,.done-today,.opt-ett{--tint:var(--ett);--tint-soft:var(--ett-soft)}.btn-primary,.play-cta{--s:var(--ett-fill);--s-hi:oklch(from var(--ett-fill)calc(l + .05)calc(c - .03)h);--s-line:oklch(from var(--ett-fill)calc(l - .09)c calc(h - 4));--s-edge:oklch(from var(--ett-fill)calc(l + .09)calc(c - .06)h);color:var(--on-ett)}.opt-en,.tile-placed,.sheet.good,.step-up{--tint:var(--en);--tint-soft:var(--en-soft)}.sheet.bad{--tint:var(--bad);--tint-soft:var(--bad-soft)}.note{--tint:var(--berry)}.spin-teaser{--tint:var(--rarity-legendary)}.tile.parted{--tint:var(--p)}.book-toggle.read{--tint:var(--good);--tint-soft:var(--good-soft);color:var(--good)}:where(.btn,.path-card,.opt,.tile,.play-cta,.close,.segmented button,.spin-teaser){transition:transform var(--t-fast)var(--ease-spring),background var(--t-fast)var(--ease),border-color var(--t-fast)var(--ease),box-shadow var(--t-fast)var(--ease),opacity var(--t)var(--ease)}:where(.btn,a.path-card,.opt,.tile,.play-cta,.close,.segmented button,.spin-teaser):active:not(:disabled){box-shadow:inset 0 1px 0 var(--s-edge);transform:scale(.97)}@media (hover:hover){:where(.btn,a.path-card,.opt,.tile,.play-cta,.close,.segmented button):hover:not(:is(:disabled,:active)){background:linear-gradient(180deg,var(--s-hi),var(--s));box-shadow:inset 0 1px 0 var(--s-edge),var(--shadow-lg);transform:translateY(-1px)}:where(.btn,a.path-card,.opt,.tile,.close):not(:where(.btn-primary,.opt-en,.opt-ett,.tile-placed,.tile.parted)):hover:not(:disabled){--s-line:var(--line-strong)}:where(.opt-en,.opt-ett,.tile-placed,.tile.parted):hover:not(:disabled){--s-line:color-mix(in oklab,var(--tint)70%,transparent)}}:where(.slots,.type-line,.login-form input,.path-locked .path-card,.badge.locked){background:var(--surface-2);box-shadow:var(--inset);border:1px solid transparent}.card{border-radius:var(--radius);padding:16px}.btn{border-radius:var(--pill);min-height:48px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-primary{color:var(--on-ett)}.chip-en,.chip-ett{border-radius:var(--radius-xs);padding:0 .45em;font-weight:700;line-height:1.5;display:inline-block}.chip-en{background:var(--en-soft);color:var(--en)}.chip-ett{background:var(--ett-soft);color:var(--ett-ink)}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;height:60vh;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.loading{text-align:center;color:var(--ink-2);padding:40vh 0 0;font-weight:700}.error-card{gap:12px;display:grid}.bottom-nav{z-index:20;padding:8px max(8px,env(safe-area-inset-right,0px))calc(8px + env(safe-area-inset-bottom,0px))max(8px,env(safe-area-inset-left,0px));background:color-mix(in oklab,var(--surface)92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line);justify-content:center;gap:4px;display:flex;position:fixed;inset:auto 0 0}.nav-item{text-align:center;border-radius:var(--radius-s);min-width:0;max-width:130px;min-height:44px;line-height:1.2;font-size:var(--step--1);color:var(--ink-2);flex:1 1 0;place-items:center;padding:2px 4px;font-weight:700;text-decoration:none;display:grid;position:relative}@media (hover:hover){.nav-item:hover{color:var(--ink);background:color-mix(in oklab,var(--surface-2)60%,transparent)}}.nav-item[aria-current=page]{color:var(--accent);background:var(--surface-2);box-shadow:var(--inset)}.nav-item+.nav-item:before{content:"";background:var(--line);width:1px;position:absolute;top:25%;bottom:25%;left:-3px}.nav-item[aria-current=page]:before,.nav-item[aria-current=page]+.nav-item:before{opacity:0}.nav-login{color:var(--ett-ink)}.nav-top .bottom-nav{padding-top:calc(8px + env(safe-area-inset-top,0px));border-top:0;border-bottom:1px solid var(--line);padding-bottom:8px;inset:0 0 auto}.nav-top .page:has(~.bottom-nav:not([hidden])){padding-block:calc(var(--nav-h) + 24px + env(safe-area-inset-top,0px))calc(32px + env(safe-area-inset-bottom,0px))}.login{text-align:center;align-items:center;padding-top:14vh}.login-mark{font-size:var(--step-2);gap:8px;display:flex;transform:rotate(-4deg)}.login-mark .chip-ett{transform:translateY(6px)rotate(6deg)}.login-form{text-align:left;gap:10px;width:100%;display:grid}.login-form label{font-weight:700}.login-form input{border-radius:var(--radius-s);min-height:52px;color:var(--ink);font:inherit;font-size:var(--step-1);padding:0 14px}.login-form input:focus{border-color:var(--en);outline:none}.form-error{color:var(--bad);font-weight:700}.hello .display{font-size:clamp(2.4rem,11vw,3.4rem)}.hello{align-items:center;gap:12px;display:flex;position:relative}.hello-moose{flex:none;width:76px}.hello-moose .moose-bubble{left:0;transform:none}.hello-moose .moose-bubble:before{left:30px}.hello>div{min-width:0}.special{color:var(--ett-ink);border-left:4px solid var(--ett);font-weight:700}.today{align-items:center;gap:16px;display:flex}.today-text{gap:6px;min-width:0;display:grid}.today-text h2{font-family:var(--font-display);font-size:var(--step-2)}.streak{color:var(--flame);align-items:baseline;gap:6px;font-weight:700;display:flex}.streak.cold{color:var(--ink-2)}.combo-live{color:var(--en);font-weight:700;font-size:var(--step--1)}.ring{aspect-ratio:1;flex:none;width:112px;max-width:100%;position:relative}.ring-small{width:72px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:10px}.ring-track{stroke:var(--surface-2)}.ring-fill{stroke:var(--flame);stroke-linecap:round;transition:stroke-dashoffset var(--t-slow)var(--ease)}.ring-done .ring-fill{stroke:var(--good)}.ring-label{text-align:center;place-content:center;line-height:1.1;display:grid;position:absolute;inset:0}.ring-label strong{font-family:var(--font-display);font-size:var(--step-2)}.ring-label span{color:var(--ink-2);font-size:.72rem}.ring-small .ring-label strong{font-size:var(--step-0)}.ring-small .ring-label span{display:none}.levelbar{gap:6px;display:grid}.levelbar-top{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.level-num{font-family:var(--font-display);font-weight:800;font-size:var(--step-1)}.level-title{color:var(--accent);font-weight:700}.level-xp{font-size:var(--step--1);color:var(--ink-2);margin-left:auto}.bar{border-radius:var(--pill);background:var(--surface-2);height:12px;box-shadow:var(--inset);overflow:hidden}.bar-fill{border-radius:var(--pill);background:linear-gradient(90deg,var(--en)calc(100% - 8px),var(--ett)calc(100% - 8px));height:100%;transition:width var(--t-slow)var(--ease)}.home-rail,.home-main{gap:var(--space-s);flex-direction:column;min-width:0;display:flex}.home-main{gap:var(--space-l)}.page.home{gap:var(--space-s)}.home .today,.home .spin-teaser,.home .notes-teaser{margin-top:var(--space)}.play-cta{border-radius:var(--radius-l);gap:2px;padding:22px 64px 22px 22px;text-decoration:none;display:grid;position:relative}.play-cta-eyebrow{font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:oklch(from var(--on-ett)l c h/.75);font-weight:700}.play-cta-title{font-family:var(--font-display);font-weight:800;font-size:var(--step-4);letter-spacing:-.02em;line-height:1.05}.play-cta-focus{color:oklch(from var(--on-ett)l c h/.75);font-weight:700}.play-cta-go{font-size:var(--step-3);font-weight:800;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.path-list{gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.path-list:before{content:"";border-left:4px dotted var(--line);position:absolute;top:22px;bottom:22px;left:20px}.path-node{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;display:grid;position:relative}.path-marker{aspect-ratio:1;width:44px;font-family:var(--font-display);background:var(--surface-2);color:var(--ink-2);border:3px solid var(--line);z-index:1;border-radius:50%;place-items:center;font-weight:800;display:grid;position:relative}.path-done .path-marker{background:var(--en);border-color:var(--en);color:var(--surface)}.path-open .path-marker{background:var(--surface);border-color:var(--en);color:var(--en)}.path-here .path-marker{background:var(--ett);border-color:var(--ett);color:var(--on-ett);box-shadow:0 0 0 6px color-mix(in oklab,var(--ett)25%,transparent);animation:2.4s ease-in-out infinite beckon}@keyframes beckon{50%{box-shadow:0 0 0 11px color-mix(in oklab,var(--ett)10%,transparent)}}.path-card{border-radius:var(--radius);color:var(--ink);gap:4px;padding:12px 16px;text-decoration:none;display:grid}.path-here .path-card{--s-line:var(--ett);--s-edge:var(--ett)}.path-locked .path-card{color:var(--ink-2)}.path-locked{opacity:.75}.path-side{margin-left:44px}.path-side:before{content:"";border-top:4px dotted var(--line);width:22px;position:absolute;top:20px;right:100%}.path-far .path-marker{width:32px;font-size:var(--step--1);margin:0 6px}.path-far .path-card{border:0;padding:4px 14px}.path-far .mode-name{font-size:var(--step-0)}.path-next{color:var(--en);font-weight:700}.mode-head{justify-content:space-between;align-items:baseline;display:flex}.mode-name{font-family:var(--font-display);font-weight:700;font-size:var(--step-1)}.mode-go{color:var(--ink-2);font-weight:800}.mode-blurb{color:var(--ink-2)}.mode-meta{font-size:var(--step--1);color:var(--ink-2)}.mode-en-ett:not(.path-locked) .mode-name{background:linear-gradient(90deg,var(--en)0 45%,var(--ett)55% 100%);color:transparent;-webkit-background-clip:text;background-clip:text}.mastery{border-radius:var(--pill);background:var(--surface-2);gap:2px;height:8px;display:flex;overflow:hidden}.mastery span{height:100%;display:block}.m-mastered{background:var(--good)}.m-learning{background:var(--ett)}.notes-teaser{color:var(--berry);align-items:center;gap:12px;font-weight:700;text-decoration:none;display:flex}.notes-teaser .icon{width:1.8em;height:1.8em}.spin-teaser{width:100%;color:var(--ink);text-align:left;cursor:pointer;align-items:center;gap:12px;font-weight:700;display:flex}.spin-teaser-wheel{border:2px solid var(--surface-hi);width:2.2em;height:2.2em;box-shadow:var(--shadow);background:conic-gradient(var(--rarity-common)0 25%,var(--rarity-rare)0 50%,var(--rarity-common)0 75%,var(--rarity-legendary)0);border-radius:50%;flex:none;animation:6s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.play{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));gap:14px}.play-main{flex-direction:column;gap:14px;min-width:0;display:flex}.play-top{align-items:center;gap:12px;display:flex}.close{width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;font-size:1.6rem;text-decoration:none;display:grid}.dots{flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.dot{border-radius:var(--pill);background:var(--surface-2);height:8px;box-shadow:var(--inset);transition:background-color var(--t)var(--ease);flex:1}.dot.now{background:var(--line)}.dot.good{background:var(--good);box-shadow:none}.dot.bad{background:var(--bad);box-shadow:none}.round-xp{color:var(--ett-ink);justify-content:flex-end;align-items:center;gap:2px;font-weight:800;display:flex}.combo-slot{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:34px;display:flex}.goal-met{font-size:var(--step--1);color:var(--ink-2);font-weight:700}.combo{border-radius:var(--pill);background:var(--ett-soft);color:var(--ett-ink);animation:pop .32s var(--ease-bounce);align-items:center;gap:4px;padding:4px 12px;font-weight:800;display:inline-flex}.combo.hot{background:color-mix(in oklab,var(--flame)18%,var(--surface));color:var(--flame)}.combo.blazing{background:var(--flame);color:var(--surface);box-shadow:0 0 0 4px color-mix(in oklab,var(--flame)25%,transparent)}.record{text-align:center;font-weight:700}.record-new{color:var(--good);background:var(--good-soft)}.level-toast{border-radius:var(--pill);background:var(--accent);color:var(--accent-ink);animation:pop .4s var(--ease-bounce);padding:4px 12px;font-weight:800}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.question{text-align:center;gap:10px;display:grid}.q-lead{font-size:var(--step--1);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);font-weight:700}.q-prompt{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;padding-block:10px 2px;font-size:clamp(2rem,10vw,3.2rem);font-weight:800}.q-ordfoljd .q-prompt,.q-stavning .q-prompt{font-family:var(--font-body);font-weight:700;font-size:var(--step-2);letter-spacing:0}.q-hint{color:var(--ink-2)}.clock{width:min(56vw,200px);margin:6px auto 0;display:block}.clock-face{fill:var(--surface-hi);stroke:var(--ink);stroke-width:2.5px}.clock-tick{stroke:var(--line-strong);stroke-width:.8px}.clock-tick.major{stroke:var(--ink);stroke-width:1.8px}.clock-num{fill:var(--ink);font-family:var(--font-body);text-anchor:middle;dominant-baseline:central;font-size:8px;font-weight:700}.clock-hand-h,.clock-hand-m{stroke:var(--ink);stroke-linecap:round}.clock-hand-h{stroke-width:4.5px}.clock-hand-m{stroke-width:2.6px}.clock-pin{fill:var(--ink)}.gap{border-bottom:4px solid var(--ink-2);min-width:2.6em;margin-inline:.15em;line-height:1;display:inline-block}.gap.filled{border-color:var(--good);color:var(--good);animation:pop var(--t)var(--ease-spring)}.options{gap:10px;margin-top:14px;display:grid}.options-gender{grid-template-columns:1fr 1fr}.opt{border-radius:var(--radius);min-height:60px;font-size:var(--step-1);cursor:pointer;padding:10px 16px;font-weight:700;position:relative}.opt-key{color:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-xs);padding:0 5px;font-size:.75rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}@media (hover:none){.opt-key{display:none}}.opt-en,.opt-ett{min-height:120px;font-family:var(--font-display);font-size:var(--step-4);font-weight:800}.opt-en{color:var(--en)}.opt-ett{color:var(--ett)}.opt.right,.opt.wrong{--bar:12px;background:linear-gradient(var(--cross)0 0)0 50%/100% var(--bar)no-repeat,linear-gradient(var(--cross)0 0)30% 0/var(--bar)100% no-repeat,var(--field);border-color:var(--field);color:var(--on-flag)}:is(.slots,.type-line):is(.flag-se,.flag-dk,.flag-no){--bar:12px;background:linear-gradient(var(--cross)0 0)0 50%/100% var(--bar)no-repeat,linear-gradient(var(--cross)0 0)30% 0/var(--bar)100% no-repeat,var(--field);border-color:var(--field);color:var(--on-flag)}.opt.right{--field:var(--flag-se-blue);--cross:var(--flag-se-yellow)}:is(.slots,.type-line).flag-se{--field:var(--flag-se-blue);--cross:var(--flag-se-yellow)}.opt.wrong{--field:var(--flag-dk-red);--cross:var(--on-flag)}:is(.slots,.type-line).flag-dk{--field:var(--flag-dk-red);--cross:var(--on-flag)}:is(.slots,.type-line).flag-no{--field:var(--flag-no-red);--cross:var(--on-flag);background:linear-gradient(var(--flag-no-blue)0 0)0 50%/100% calc(var(--bar)/2)no-repeat,linear-gradient(var(--flag-no-blue)0 0)30% 0/calc(var(--bar)/2)100% no-repeat,linear-gradient(var(--cross)0 0)0 50%/100% var(--bar)no-repeat,linear-gradient(var(--cross)0 0)30% 0/var(--bar)100% no-repeat,var(--field)}.opt-en.right,.opt-en.wrong,.opt-ett.right,.opt-ett.wrong{--bar:22px}.opt.right{animation:bounce .38s var(--ease-bounce)}.opt.wrong{animation:shake .38s var(--ease)}.opt.right .opt-key,.opt.wrong .opt-key{display:none}.opt.right .opt-text,.opt.wrong .opt-text{border-radius:var(--radius-s);background:rgba(0,0,0,.45);background:lab(0% 0 0/.45);padding:0 .3em}.type-line[class*=flag-] .type-input{color:var(--on-flag);border-radius:var(--radius-s);background:rgba(0,0,0,.45);background:lab(0% 0 0/.45);padding:6px 10px}.type-line[class*=flag-] .tile-locked{color:var(--on-flag);box-shadow:none;background:rgba(0,0,0,.45);background:lab(0% 0 0/.45)}.opt.dim{opacity:.45}.opt:disabled{cursor:default}@keyframes bounce{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.builder{gap:16px;margin-top:8px;display:grid}.slots{border-radius:var(--radius);text-align:left;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:112px;padding:12px;display:flex}.slots.full{border-color:var(--en)}.caret{background:var(--en);border-radius:2px;width:3px;height:40px;animation:1s steps(2,end) infinite blink}.slots.full .caret{display:none}@keyframes blink{50%{opacity:0}}.pool{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tile{border-radius:var(--radius-s);min-height:44px;font-size:var(--step-1);cursor:pointer;animation:pop var(--t)var(--ease-spring);padding:6px 14px;font-weight:700}.tile.used{visibility:hidden}.tile-placed{color:var(--en)}.tile-locked{background:var(--surface-2);color:var(--ink-2);cursor:default;box-shadow:var(--inset);border-color:transparent;align-items:center;display:inline-flex}.part-front{--p:var(--part-front)}.part-subject{--p:var(--part-subject)}.part-verb,.part-more-verb{--p:var(--part-verb)}.part-adverb{--p:var(--part-adverb)}.part-link{--p:var(--part-link)}.part-rest{--p:var(--ink-2)}.tile.parted{color:var(--p)}.tile.parted.part-more-verb{border-style:dashed}.tile.parted.tile-placed{--tint-soft:color-mix(in oklab,var(--p)22%,var(--surface))}.w{color:var(--p);font-weight:700}.legend{flex-wrap:wrap;gap:6px;display:flex}.legend-chip{border-radius:var(--pill);border:1.5px solid color-mix(in oklab,var(--p)45%,var(--surface));background:color-mix(in oklab,var(--p)10%,var(--surface));color:var(--p);font-weight:700;font-size:var(--step--1);padding:1px 8px}.legend-chip.part-more-verb{border-style:dashed}.type-line{border-radius:var(--radius);align-items:center;gap:8px;padding:10px 12px;display:flex}.type-line:focus-within{border-color:var(--en)}.type-input{min-width:0;font:700 var(--step-1)/1.3 var(--font-body);color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:6px 0}.type-input:disabled{color:var(--ink-2)}.word-bank{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:6px 14px;font-weight:700;display:flex}.check{justify-self:center;min-width:200px}.xp-gain-slot{width:2.6em;height:1.4em;margin-left:2px;position:relative}.xp-gain{font-family:var(--font-display);white-space:nowrap;color:var(--good);pointer-events:none;opacity:0;animation:xp-gain var(--t-slow)var(--ease)forwards;font-weight:800;position:absolute;top:50%;left:0}@keyframes xp-gain{0%{opacity:0;transform:translate(6px,-50%)scale(.6)}18%{opacity:1;transform:translateY(-50%)scale(1.2)}30%{opacity:1;transform:translateY(-50%)scale(1)}60%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translate(-1.6em,-50%)scale(.5)}}.round-xp-num{transition:transform var(--t-fast)var(--ease-spring);display:inline-block}.round-xp-num.bump{transform:scale(1.25)}.sheet{border-radius:var(--radius);scroll-margin-bottom:calc(16px + env(safe-area-inset-bottom,0px));animation:unfold var(--t)var(--ease);align-content:start;gap:10px;padding:16px 18px 18px;display:grid}.sheet h2{font-family:var(--font-display);font-size:var(--step-2)}.sheet.good h2{color:var(--en)}.sheet p{color:var(--ink-2)}.sheet.bad h2{color:var(--bad)}.sheet-answer strong{font-size:var(--step-1);color:var(--ink)}.sheet-tip{max-width:65ch}.sheet-tip-quiet{color:var(--ink-2);font-size:var(--step--1)}.btn-next{width:100%}.btn-listen{justify-self:start;align-items:center;gap:6px;display:inline-flex}.feedback-slot.reserved{display:grid}.feedback-slot.reserved>*{grid-area:1/1}.sheet-ghost{visibility:hidden;animation:none}.rule-card{font-size:var(--step--1);color:var(--ink-2);gap:10px;display:grid}.rule-card .rule-list{gap:6px}.rule-card table{font-size:inherit}.step-change{text-align:center;gap:4px;display:grid}.step-change h2{font-family:var(--font-display);font-size:var(--step-1)}.step-change p{color:var(--ink-2)}.step-up h2{color:var(--en)}.summary{gap:var(--space);text-align:center;display:grid}.summary-head{justify-items:center;gap:6px;padding-top:24px;display:grid}.summary-moose{width:120px}.tagline{color:var(--ink-2);font-style:italic}.done-today{gap:6px;display:grid}.done-today p{color:var(--ink-2)}.done-today h2{font-family:var(--font-display);font-size:var(--step-2);color:var(--ett-ink)}.score{font-size:var(--step-1);color:var(--ink-2)}.score strong{font-family:var(--font-display);font-size:var(--step-3);letter-spacing:-.01em;color:var(--ink)}.summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{border-radius:var(--radius);text-align:center;align-content:start;justify-items:center;gap:2px;padding:12px 6px;display:grid}.stat-num{font-family:var(--font-display);font-weight:800;font-size:var(--step-2);align-items:center;gap:2px;display:flex}.stat-num .icon{color:var(--flame)}.stat-label{font-size:var(--step--1);color:var(--ink-2);font-weight:700}.stat-sub{color:var(--ink-2);font-size:.75rem}.summary .levelbar,.summary section{text-align:left}.levelup{--s:var(--accent);--s-hi:color-mix(in oklab,var(--accent),var(--accent-ink)14%);--s-line:var(--accent);--s-edge:var(--s-hi);text-align:left;color:var(--accent-ink);animation:pop .5s var(--ease-bounce);align-items:center;gap:16px;display:flex}.levelup .eyebrow{color:inherit;opacity:.8}.levelup h2{font-family:var(--font-display);font-size:var(--step-2)}.levelup-num{background:var(--accent-ink);width:64px;height:64px;color:var(--accent);font-family:var(--font-display);font-weight:800;font-size:var(--step-3);letter-spacing:-.01em;border-radius:50%;flex:none;place-items:center;display:grid}.summary-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.summary-actions .btn{flex:1;max-width:220px}.mistakes ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mistakes li{border-bottom:1px solid var(--line);gap:2px;padding-bottom:8px;display:grid}.mistakes li:last-child{border-bottom:0;padding-bottom:0}.mistakes .asked{color:var(--ink-2);font-size:var(--step--1)}.mistakes .right{font-weight:700}.badges{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.badge{border-radius:var(--radius);text-align:center;align-content:start;justify-items:center;gap:4px;padding:12px 6px;display:grid}.medal{background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--ett)60%,var(--surface)),var(--ett));width:56px;height:56px;color:var(--surface);font-family:var(--font-display);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),var(--shadow),0 0 0 3px var(--ett-soft);border-radius:50%;place-items:center;font-size:.95rem;font-weight:800;display:grid}@supports (color:lab(0% 0 0)){.medal{box-shadow:inset 0 1px 0 lab(100% 0 0/.5),var(--shadow),0 0 0 3px var(--ett-soft)}}.badge-name{font-weight:700;font-size:var(--step--1);overflow-wrap:anywhere;max-width:100%;line-height:1.2}.badge-desc{color:var(--ink-2);font-size:.75rem;line-height:1.25}.badge.locked .medal{background:var(--surface-2);color:var(--ink-2);box-shadow:none}.badge.locked .badge-name{color:var(--ink-2)}.new-notes{gap:10px;display:grid}#brev{gap:10px;scroll-margin-top:20px;display:grid}.note{border-radius:var(--radius);text-align:left;overflow:hidden}.note-seal{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.note-seal .icon{width:2em;height:2em;color:var(--berry)}.note:not(.open) .note-seal .icon{animation:2.4s ease-in-out infinite wiggle}.note-title{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);flex:1;min-width:0}.note-date{font-size:var(--step--1);color:var(--ink-2)}.note-body{max-width:65ch;animation:unfold var(--t)var(--ease);gap:10px;padding:0 18px 18px 60px;display:grid}.note-from{color:var(--berry);font-weight:700}@keyframes wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-10deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}@keyframes unfold{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.chart{gap:6px;margin:0;display:grid}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart-readout{font-weight:700;font-size:var(--step--1)}.chart-hit{fill:transparent;cursor:pointer}.chart-bar{fill:color-mix(in oklab,var(--en)55%,var(--surface));transition:fill var(--t-fast)var(--ease)}.chart-bar.reached{fill:var(--en)}.chart-bar.sel{fill:var(--ett)}.chart-base{stroke:var(--line);stroke-width:1px}.chart-goal{stroke:var(--ink-2);stroke-width:1px;stroke-dasharray:3 4;opacity:.7}.chart-goal-label{fill:var(--ink-2);font-size:10px}.chart-day{fill:var(--ink-2);font-size:11px}.chart-day.today{fill:var(--ink);font-weight:700}.mode-stats{gap:14px;margin:0;padding:0;list-style:none;display:grid}.mode-stats li{gap:6px;display:grid}.mode-stats-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mode-stats .mode-name{font-size:var(--step-0)}.legend{font-size:var(--step--1);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;display:flex}.key{border-radius:var(--radius-xs);width:10px;height:10px;margin-right:-4px;display:inline-block}.key-mastered{background:var(--good)}.key-learning{background:var(--ett)}.key-new{background:var(--surface-2);border:1px solid var(--line)}.books .card{gap:12px;display:grid}.books h2{font-family:var(--font-display);font-size:var(--step-2)}.book-level-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.book-badge{border-radius:var(--radius-xs);background:var(--en-soft);color:var(--en);font-size:var(--step--1);white-space:nowrap;padding:0 .5em;font-weight:700;line-height:1.6}.book-intro{color:var(--ink-2)}.book-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.book{border-top:1px solid var(--line);align-content:start;gap:2px;padding:12px 0;display:grid}.book h3{font-size:var(--step-0);font-weight:700}.book-by{font-size:var(--step--1);color:var(--ink-2)}.book-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.book-toggle{min-height:34px;font-size:var(--step--1);flex:none;gap:6px;padding:0 14px}.book-toggle:before{content:"";opacity:.45;border:2px solid;border-radius:50%;width:12px;height:12px}.book-toggle.read:before{content:"✓";opacity:1;border:0;width:auto;height:auto}.book-count{font-size:var(--step--1);color:var(--good);font-weight:700}.books-total{font-weight:700}.rules .card{gap:12px;display:grid}.rules h2{font-family:var(--font-display);font-size:var(--step-2)}.rules-group{grid-column:1/-1;margin-top:16px}.rules .rule-section{display:block}.rule-section>summary{cursor:pointer;gap:8px;list-style:none;display:grid}.rule-section>summary::-webkit-details-marker{display:none}.rule-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.rule-toggle{font-size:var(--step--1);color:var(--accent);flex:none;font-weight:700}.rule-toggle:after{content:"Visa allt ▾"}.rule-section[open] .rule-toggle:after{content:"Visa mindre ▴"}.rule-short{color:var(--ink-2);gap:4px;margin:0;padding-left:1.1em;display:grid}.rule-section[open] .rule-short{display:none}.rule-full{gap:12px;margin-top:12px;display:grid}.table-wrap{overflow-x:auto}.affixes td:first-child{white-space:nowrap}table{border-collapse:collapse;width:100%;font-size:var(--step--1)}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}th{color:var(--ink-2);font-weight:700}.rule-list{gap:8px;margin:0;padding-left:1.1em;display:grid}.rule-list em{color:var(--en);font-style:normal;font-weight:700}.rule-list em.ex{color:var(--ink)}.segmented{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.segmented button{border-radius:var(--radius-s);cursor:pointer;min-height:48px;font-weight:700}.segmented button.on{--s:var(--accent);--s-hi:var(--accent);--s-line:var(--accent);--s-edge:var(--accent);color:var(--accent-ink)}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.switch>span{gap:2px;display:grid}.switch input{width:52px;height:30px;accent-color:var(--accent);flex:none}.settings-list{gap:var(--space);align-content:start;display:grid}.settings-list .saved{margin-block:calc(-1*var(--space))}.settings-list .card>.btn{margin-top:var(--space-s)}.install h3{margin:var(--space-s)0 4px;font-size:1rem}.install ol{gap:2px;margin:0;padding-left:1.4em;display:grid}@media (display-mode:standalone){.install{display:none}}.saved{text-align:center;min-height:1.5em;color:var(--good);font-weight:700}.closet{gap:var(--space-s);text-align:center;justify-items:center;display:grid}.closet .section-title{justify-self:start;margin-bottom:0}.closet-moose{width:120px}.closet-rows{gap:var(--space-xs);width:100%;max-width:360px;display:grid}.closet-row{align-items:center;gap:var(--space-s);grid-template-columns:44px minmax(0,1fr) 44px;display:grid}.closet-arrow{width:44px;min-height:44px;padding:0}.closet-pick{line-height:1.3;display:grid}.closet-slot{font-size:var(--step--1);color:var(--ink-2);font-weight:700}.closet-item{font-weight:700}.closet-count{max-width:34ch}.wheel-card{text-align:center;justify-items:center;gap:12px;display:grid}.wheel{width:min(280px,100%)}.wheel svg{width:100%;height:auto;display:block;overflow:visible}.wedge{stroke:var(--surface-hi);stroke-width:1.5px}.wedge-common{fill:var(--rarity-common)}.wedge-rare{fill:var(--rarity-rare)}.wedge-epic{fill:var(--rarity-epic)}.wedge-legendary{fill:var(--rarity-legendary)}.wedge-pips{fill:#fff;letter-spacing:-1px;font-size:11px}.wheel-rim{fill:none;stroke:var(--en);stroke-width:7px}.wheel-bulb{fill:var(--flag-se-yellow);animation:.9s step-end infinite bulb}.wheel-bulb.odd{animation-delay:.45s}@keyframes bulb{50%{fill:#fff6c8}}.wheel-hub{fill:var(--en);stroke:var(--flag-se-yellow);stroke-width:3px}.wheel-pointer{fill:var(--bad);stroke:var(--surface-hi);stroke-width:2px;stroke-linejoin:round}.wheel-lede{color:var(--ink-2);max-width:34ch}.wheel-go{min-width:180px}.wheel-error{color:var(--bad);font-weight:700}.popup{z-index:30;padding:var(--space)16px;backdrop-filter:blur(4px);animation:fade var(--t)var(--ease);background:rgba(9,18,31,.55);background:lab(5.14365% -.283241 -9.87845/.55);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.popup-body{width:min(400px,100%);animation:pop var(--t)var(--ease-spring);position:relative}.popup-body>.wheel-card{padding-top:20px}.popup-close{z-index:1;position:absolute;top:8px;right:8px}@keyframes fade{0%{opacity:0}}.prize{--tint:var(--rarity-color);border-radius:var(--radius);width:100%;animation:pop .5s var(--ease-bounce);justify-items:center;gap:4px;padding:14px 16px 16px;display:grid}.prize-common{--rarity-color:var(--rarity-common)}.prize-rare{--rarity-color:var(--rarity-rare)}.prize-epic{--rarity-color:var(--rarity-epic)}.prize-legendary{--rarity-color:var(--rarity-legendary)}.prize-moose{width:110px;padding-top:10px}.prize-rarity{font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklab,var(--rarity-color),var(--ink)30%);font-weight:800}.prize-name{font-family:var(--font-display);font-size:var(--step-2)}.prize-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.confetti{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{top:-20px;left:var(--x);width:var(--w);height:calc(var(--w)*1.6);opacity:0;animation:fall var(--dur)cubic-bezier(.25,.6,.4,1)var(--delay)forwards;border-radius:2px;position:absolute}@keyframes fall{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:.9;transform:translate(var(--drift),105vh)rotate(var(--rot))}}@media (width<=959px){.home-rail{display:contents}.home-main{margin-top:var(--space-l);order:2}.home .notes-teaser{order:3}}@media (width>=960px){.page.home,.page.progress,.page.rules,.page.books{max-width:1120px}.book-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.page.play{max-width:680px}.page:has(>.skeleton)>.skeleton{grid-column:1/-1}.page.home{grid-template-columns:340px minmax(0,1fr);align-items:start;column-gap:48px;display:grid}.home-rail{top:calc(var(--nav-h) + 24px);position:sticky}.home .spin-teaser+.notes-teaser{margin-top:0}.play-cta{padding:28px 80px 28px 28px}.page.play:has(>.rule-card){grid-template-columns:minmax(0,1fr) 380px;align-items:start;column-gap:48px;max-width:1120px;display:grid}.play:has(>.rule-card)>.play-top{grid-column:1/-1}.play:has(>.rule-card)>.combo-slot{grid-column:1/-1}.play:has(>.rule-card)>.play-main{grid-area:3/1}.play>.rule-card{grid-area:3/2;position:sticky;top:24px}.play-main .sheet-ghost{display:none}.page.progress{gap:var(--space-l)24px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.progress>*{grid-column:1/-1}.progress>.xp-card,.progress>.mistakes{grid-column:1}.progress>.per-mode{grid-area:span 2/2}.page.rules{gap:var(--space);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.page.settings{gap:var(--space)32px;grid-template-columns:360px minmax(0,1fr);align-items:start;max-width:960px;display:grid}.settings>.page-title,.settings>.skeleton{grid-column:1/-1}}.moose-wrap{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:var(--radius-s);position:relative}.moose-wrap:focus-visible{outline-offset:4px}.moose{transform-origin:50% 100%;width:100%;height:auto;animation:3.2s ease-in-out infinite bob;display:block;overflow:visible}.moose-mys{animation:.5s ease-in-out infinite nuzzle}@keyframes nuzzle{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.moose-bubble{z-index:30;border-radius:var(--radius);background:var(--surface-hi);width:max-content;max-width:min(260px,80vw);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-lg);font-size:var(--step--1);text-align:left;animation:pop var(--t)var(--ease-spring);padding:10px 14px;font-weight:700;line-height:1.35;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.moose-bubble:before{content:"";background:var(--surface-hi);border:solid var(--line);border-width:1px 0 0 1px;width:12px;height:12px;position:absolute;top:-7px;left:calc(50% - 6px);transform:rotate(45deg)}.moose-hearts{pointer-events:none;position:absolute;inset:0}.moose-hearts i{color:var(--berry);opacity:0;animation:heart 1.4s var(--ease)infinite;font-size:18px;font-style:normal;position:absolute;bottom:60%;left:50%}.moose-hearts i:nth-child(2){font-size:14px;animation-delay:.45s;left:25%}.moose-hearts i:nth-child(3){font-size:15px;animation-delay:.9s;left:72%}@keyframes heart{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-46px)scale(1.1)}}.moose-line{fill:none;stroke:#1b1b1b;stroke-width:3px;stroke-linecap:round}.moose-z{fill:var(--ink-2);font:700 12px var(--font-display)}.moose-twinkle{animation:1.6s ease-in-out infinite twinkle}@keyframes twinkle{50%{opacity:.35}}.moose-flame{transform-box:fill-box;transform-origin:50% 100%;animation:.7s ease-in-out infinite alternate flicker}@keyframes flicker{to{transform:scaleY(.8)rotate(4deg)}}.moose-jublar,.moose-fest{animation:hop var(--t-slow)var(--ease-bounce)2,bob 3.2s ease-in-out 1.8s infinite}@keyframes bob{50%{transform:translateY(-3px)rotate(-2deg)}}@keyframes hop{40%{transform:translateY(-12px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.confetti{display:none}}