@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#edf2f5;--color-surface:#fbfcfd;--color-surface-2:#e6ecf2;--color-text:#132033;--color-text-muted:#4f5e74;--color-border:#cfd8e2;--color-accent:#15294d;--color-accent-text:#fff;--color-success:#1b7f56;--color-warning:#8a5a00;--color-danger:#b73f31;--color-focus:#2d6be0;--color-gold:#d99a1e;--color-gold-text:#7a4e00;--color-gold-soft:#f6e7cc;--color-sky-top:#9fc1df;--color-sky-mid:#cfe0ec;--brand-ink:#15294d;--color-copper:var(--color-gold-text);--color-copper-soft:var(--color-gold-soft);--font-body:"Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque Variable", "Bricolage Grotesque", "Avenir Next", system-ui, "Segoe UI", sans-serif;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow-card:0 2px 0 #1320330a, 0 10px 28px #13203312;--tap-min:44px;--motion-fast:90ms;--motion-base:.2s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b1222;--color-surface:#121c30;--color-surface-2:#1a2540;--color-text:#edf1f7;--color-text-muted:#9eabc0;--color-border:#2a3756;--color-accent:#f2c14e;--color-accent-text:#1d1503;--color-success:#4fc893;--color-warning:#f0c070;--color-danger:#ff8b7b;--color-focus:#8fb4ff;--color-gold:#f2c14e;--color-gold-text:#f2c14e;--color-gold-soft:#33280f;--color-sky-top:#040915;--color-sky-mid:#0f1a31;--brand-ink:#edf1f7}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b1222;--color-surface:#121c30;--color-surface-2:#1a2540;--color-text:#edf1f7;--color-text-muted:#9eabc0;--color-border:#2a3756;--color-accent:#f2c14e;--color-accent-text:#1d1503;--color-success:#4fc893;--color-warning:#f0c070;--color-danger:#ff8b7b;--color-focus:#8fb4ff;--color-gold:#f2c14e;--color-gold-text:#f2c14e;--color-gold-soft:#33280f;--color-sky-top:#040915;--color-sky-mid:#0f1a31;--brand-ink:#edf1f7}:root{--art-sky:#cfe0ec;--art-sky-2:#9fc1df;--art-cloud:#fff;--art-cloud-2:#e4edf4;--art-grass:#8cc07a;--art-grass-2:#6fa65f;--art-soil:#b88d5e;--art-rock:#8b8378;--art-rock-2:#6f685f;--art-rock-3:#a19887;--art-leaf:#4f9a6a;--art-leaf-2:#6bb07a;--art-column:#f8f4ec;--art-wall:#eee6d8;--art-wall-2:#cfc5b4;--art-roof:#4e6a8f;--art-roof-2:#6c88a7;--art-window:#ffd88a;--art-window-off:#5a6880;--art-gold:#f0bf4c;--art-ink:#15294d;--art-paper:#fbfcfd;--art-line:#cfd8e2;--art-tint-sky:#d9e8f4;--art-tint-sky-2:#bfd6ea;--art-tint-grass:#dcecd6;--art-tint-grass-2:#c3dcb8;--art-tint-dusk:#e4e0f1;--art-tint-dusk-2:#cec7e6;--art-tint-clay:#f1e1d6;--art-tint-clay-2:#e4c9b6;--art-tint-sand:#f3eacf;--art-tint-sand-2:#e6d7ab}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--art-sky:#0f1a31;--art-sky-2:#040915;--art-cloud:#364662;--art-cloud-2:#293751;--art-grass:#4f7d4d;--art-grass-2:#3d6340;--art-soil:#6e553a;--art-rock:#676876;--art-rock-2:#464b5b;--art-rock-3:#7b7d89;--art-leaf:#4e805e;--art-leaf-2:#6a9a72;--art-column:#d6cfc2;--art-wall:#c9c0b0;--art-wall-2:#9f9786;--art-roof:#344969;--art-roof-2:#546c8e;--art-window:#ffd88a;--art-window-off:#3a4560;--art-gold:#f2c14e;--art-ink:#edf1f7;--art-paper:#26334e;--art-line:#566b8b;--art-tint-sky:#172840;--art-tint-sky-2:#1f3554;--art-tint-grass:#172c25;--art-tint-grass-2:#213c31;--art-tint-dusk:#201e3a;--art-tint-dusk-2:#2c2951;--art-tint-clay:#2f221e;--art-tint-clay-2:#44302a;--art-tint-sand:#2c2719;--art-tint-sand-2:#3e3621}}:root[data-theme=dark]{--art-sky:#0f1a31;--art-sky-2:#040915;--art-cloud:#364662;--art-cloud-2:#293751;--art-grass:#4f7d4d;--art-grass-2:#3d6340;--art-soil:#6e553a;--art-rock:#676876;--art-rock-2:#464b5b;--art-rock-3:#7b7d89;--art-leaf:#4e805e;--art-leaf-2:#6a9a72;--art-column:#d6cfc2;--art-wall:#c9c0b0;--art-wall-2:#9f9786;--art-roof:#344969;--art-roof-2:#546c8e;--art-window:#ffd88a;--art-window-off:#3a4560;--art-gold:#f2c14e;--art-ink:#edf1f7;--art-paper:#26334e;--art-line:#566b8b;--art-tint-sky:#172840;--art-tint-sky-2:#1f3554;--art-tint-grass:#172c25;--art-tint-grass-2:#213c31;--art-tint-dusk:#201e3a;--art-tint-dusk-2:#2c2951;--art-tint-clay:#2f221e;--art-tint-clay-2:#44302a;--art-tint-sand:#2c2719;--art-tint-sand-2:#3e3621}.art-sky{fill:var(--art-sky)}.art-sky-2{fill:var(--art-sky-2)}.art-cloud{fill:var(--art-cloud)}.art-grass{fill:var(--art-grass)}.art-grass-2{fill:var(--art-grass-2)}.art-soil{fill:var(--art-soil)}.art-rock{fill:var(--art-rock)}.art-rock-2{fill:var(--art-rock-2)}.art-leaf{fill:var(--art-leaf)}.art-column{fill:var(--art-column)}.art-wall{fill:var(--art-wall)}.art-wall-2{fill:var(--art-wall-2)}.art-roof{fill:var(--art-roof)}.art-window{fill:var(--art-window)}.art-window-off{fill:var(--art-window-off)}.art-gold{fill:var(--art-gold)}.art-ink{fill:var(--art-ink)}.art-paper{fill:var(--art-paper)}.art-line{fill:var(--art-line)}.art-stroke{fill:none;stroke:var(--art-ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.art-stroke-soft{fill:none;stroke:var(--art-line);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.art-stroke-gold{fill:none;stroke:var(--art-gold);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.art-cloud-2{fill:var(--art-cloud-2)}.art-rock-3{fill:var(--art-rock-3)}.art-leaf-2{fill:var(--art-leaf-2)}.art-roof-2{fill:var(--art-roof-2)}.art-stroke-leaf{fill:none;stroke:var(--art-leaf);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.art-tint-sky{fill:var(--art-tint-sky)}.art-tint-sky-2{fill:var(--art-tint-sky-2)}.art-tint-grass{fill:var(--art-tint-grass)}.art-tint-grass-2{fill:var(--art-tint-grass-2)}.art-tint-dusk{fill:var(--art-tint-dusk)}.art-tint-dusk-2{fill:var(--art-tint-dusk-2)}.art-tint-clay{fill:var(--art-tint-clay)}.art-tint-clay-2{fill:var(--art-tint-clay-2)}.art-tint-sand{fill:var(--art-tint-sand)}.art-tint-sand-2{fill:var(--art-tint-sand-2)}.ui-game-art{flex:none;display:block}.ui-game-art--cover{aspect-ratio:2;width:100%;height:auto}:root{--art-medal-bronze-base:#ead0b6;--art-medal-bronze-edge:#814a28;--art-medal-bronze-light:#fff0da;--art-medal-bronze-ink:#4b2b19;--art-medal-silver-base:#d9e3ef;--art-medal-silver-edge:#62758d;--art-medal-silver-light:#fff;--art-medal-silver-ink:#263e59;--art-medal-gold-base:#f2cf74;--art-medal-gold-edge:#8c611a;--art-medal-gold-light:#fff3c9;--art-medal-gold-ink:#503512;--art-medal-azure-base:#c5e4ee;--art-medal-azure-edge:#31758d;--art-medal-azure-light:#f5fcff;--art-medal-azure-ink:#154459;--art-badge-locked-edge:#8a9aab;--art-badge-locked-ink:#53647a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--art-medal-bronze-base:#724a32;--art-medal-bronze-edge:#d79b6b;--art-medal-bronze-light:#edbc8e;--art-medal-bronze-ink:#fff0dd;--art-medal-silver-base:#3e5269;--art-medal-silver-edge:#a4b9cf;--art-medal-silver-light:#dce6f2;--art-medal-silver-ink:#f0f5fb;--art-medal-gold-base:#705022;--art-medal-gold-edge:#f2c14e;--art-medal-gold-light:#ffe4a0;--art-medal-gold-ink:#fff1c5;--art-medal-azure-base:#204b63;--art-medal-azure-edge:#75bdd7;--art-medal-azure-light:#bae8f6;--art-medal-azure-ink:#e1f6ff;--art-badge-locked-edge:#687c98;--art-badge-locked-ink:#b1bfd2}}:root[data-theme=dark]{--art-medal-bronze-base:#724a32;--art-medal-bronze-edge:#d79b6b;--art-medal-bronze-light:#edbc8e;--art-medal-bronze-ink:#fff0dd;--art-medal-silver-base:#3e5269;--art-medal-silver-edge:#a4b9cf;--art-medal-silver-light:#dce6f2;--art-medal-silver-ink:#f0f5fb;--art-medal-gold-base:#705022;--art-medal-gold-edge:#f2c14e;--art-medal-gold-light:#ffe4a0;--art-medal-gold-ink:#fff1c5;--art-medal-azure-base:#204b63;--art-medal-azure-edge:#75bdd7;--art-medal-azure-light:#bae8f6;--art-medal-azure-ink:#e1f6ff;--art-badge-locked-edge:#687c98;--art-badge-locked-ink:#b1bfd2}.ui-badge{--badge-base:none;--badge-edge:var(--art-badge-locked-edge);--badge-light:none;--badge-ink:var(--art-badge-locked-ink);--badge-leaf:none;--badge-glyph-opacity:.48;vertical-align:middle;flex:none;display:inline-flex}.ui-badge[data-metal=bronze]{--badge-base:var(--art-medal-bronze-base);--badge-edge:var(--art-medal-bronze-edge);--badge-light:var(--art-medal-bronze-light);--badge-ink:var(--art-medal-bronze-ink)}.ui-badge[data-metal=silver]{--badge-base:var(--art-medal-silver-base);--badge-edge:var(--art-medal-silver-edge);--badge-light:var(--art-medal-silver-light);--badge-ink:var(--art-medal-silver-ink)}.ui-badge[data-metal=gold]{--badge-base:var(--art-medal-gold-base);--badge-edge:var(--art-medal-gold-edge);--badge-light:var(--art-medal-gold-light);--badge-ink:var(--art-medal-gold-ink)}.ui-badge[data-metal=azure]{--badge-base:var(--art-medal-azure-base);--badge-edge:var(--art-medal-azure-edge);--badge-light:var(--art-medal-azure-light);--badge-ink:var(--art-medal-azure-ink)}.ui-badge[data-locked=false]{--badge-leaf:var(--badge-edge);--badge-glyph-opacity:1}.ui-badge svg{width:100%;height:100%;display:block;overflow:visible}.art-badge-face{fill:var(--badge-base);stroke:var(--badge-edge);stroke-width:2.4px;stroke-linejoin:round}.art-badge-branch{fill:none;stroke:var(--badge-edge);stroke-width:2px;stroke-linecap:round}.art-badge-leaf{fill:var(--badge-leaf);stroke:var(--badge-edge);stroke-width:1.5px;stroke-linejoin:round}.art-badge-highlight{fill:none;stroke:var(--badge-light);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.art-badge-glyph{fill:none;stroke:var(--badge-ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:var(--badge-glyph-opacity)}.art-badge-number{fill:var(--badge-ink);stroke:none;font-family:var(--font-display);font-variant-numeric:tabular-nums;text-anchor:middle;font-size:18px;font-weight:800}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-md);margin:0;line-height:1.5}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.ui-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-button{min-height:var(--tap-min);min-width:var(--tap-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:transform var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, filter var(--motion-fast) ease}.ui-button:active{transform:scale(.97)}.ui-button[disabled]{opacity:.5;cursor:not-allowed}.ui-button--primary{background:var(--color-accent);color:var(--color-accent-text);border-color:#0000;font-weight:700}.ui-button--quiet{background:0 0;border-color:#0000;text-decoration:underline}@media (hover:hover){.ui-button:hover:not([disabled]){border-color:color-mix(in srgb, var(--color-text) 30%, var(--color-border));background:color-mix(in srgb, var(--color-surface-2) 60%, var(--color-surface))}.ui-button--primary:hover:not([disabled]){background:var(--color-accent);filter:brightness(1.12)saturate(1.05);border-color:#0000}.ui-button--quiet:hover:not([disabled]){background:var(--color-surface-2);border-color:#0000}}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card)}.ui-chip{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--font-size-sm);border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:999px;display:inline-flex}.ui-chip--on{border-color:var(--color-success);color:var(--color-success)}.ui-meter{background:var(--color-surface-2);border-radius:999px;height:10px;overflow:hidden}.ui-meter>span{background:var(--color-accent);height:100%;display:block}.ui-modal-backdrop{padding:var(--space-4);z-index:50;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.ui-modal{width:min(520px,100%);max-height:calc(100dvh - 2 * var(--space-4));overflow:auto}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}:root[data-reduced-motion=true] *{transition-duration:0s!important;animation-duration:0s!important}.ui-icon{vertical-align:middle;flex:none}.ui-skeleton{background:linear-gradient(90deg, var(--color-surface-2) 0%, color-mix(in srgb, var(--color-surface-2) 55%, var(--color-surface)) 45%, var(--color-surface-2) 90%);background-size:300% 100%;border-radius:6px;height:.9em;animation:1.4s ease-in-out infinite ui-shimmer;display:block}.ui-skeleton--block{border-radius:var(--radius-md);width:100%}.ui-skeleton--title{border-radius:10px;width:45%}.ui-skeleton-lines{gap:10px;display:grid}.ui-page-skeleton{gap:var(--space-4);display:grid}@keyframes ui-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.ui-empty{justify-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);text-align:center;color:var(--color-text-muted);display:grid}.ui-empty-text{max-width:34ch}.ui-empty-text p{margin:0}:root[data-reduced-motion=true] .ui-skeleton{animation:none}@media (prefers-reduced-motion:reduce){.ui-skeleton{animation:none}}.app{max-width:720px;padding:var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));gap:var(--space-4);margin:0 auto;display:grid}a{color:var(--color-accent)}h1{font-size:var(--font-size-xl)}.skip-link{position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-4);top:var(--space-2);z-index:50;background:var(--color-surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.start-page,.settings-goal{gap:var(--space-4);display:grid}.start-title{font-family:var(--font-display);font-size:var(--font-size-xl);margin:0}.start-note{color:var(--color-text-muted);margin:0}.start-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (max-width:720px){.start-actions{z-index:2;margin:0 calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--color-bg);border-top:1px solid var(--color-border);position:sticky;bottom:0}.start-actions .ui-button--primary{flex:auto}}.goal-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}@media (min-width:560px){.goal-list{grid-template-columns:1fr 1fr}}.goal-option{align-items:center;gap:0 var(--space-2);width:100%;min-height:64px;padding:var(--space-3) var(--space-4);text-align:left;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-bottom-width:3px;grid-template-columns:1fr auto;display:grid}.goal-option:hover:not(:disabled){border-color:var(--color-accent)}.goal-option[aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface))}.goal-option:disabled{cursor:wait}.goal-option-label{font-weight:700}.goal-option-detail{font-size:var(--font-size-sm);color:var(--color-text-muted);grid-column:1}.goal-option-current{font-size:var(--font-size-sm);color:var(--color-accent);grid-area:1/2/span 2;font-weight:700}.pack-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-card)}.pack-card-eyebrow{font-size:var(--font-size-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-copper);margin:0;font-weight:700}.pack-card-title{margin:var(--space-1) 0 var(--space-2);font-family:var(--font-display);font-size:var(--font-size-lg)}.pack-card-goal{margin:0 0 var(--space-2);font-size:var(--font-size-sm)}.pack-card-summary{margin:0}.pack-card-note{margin:var(--space-3) 0 0;padding-left:var(--space-3);border-left:3px solid var(--color-copper)}.pack-card-groups{margin:var(--space-3) 0 0;gap:var(--space-1);padding-left:1.2em;display:grid}.pack-card-count,.pack-card-fit{color:var(--color-text-muted)}.pack-card-fit{margin:var(--space-3) 0 0;font-size:var(--font-size-sm)}.pack-card-links{margin:var(--space-3) 0 0}.word-check{gap:var(--space-3);display:grid}.word-check p{margin:0}.word-check-title{font-size:var(--font-size-lg);margin:0}.word-check-word{border:0;margin:0;padding:0}.word-check-word legend{font-weight:700;font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.word-check-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.word-check-word .word-check-options{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.word-check-word .ui-button{padding:0 var(--space-2);font-size:14px}.play{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(180deg, var(--color-sky-top) 0%, var(--color-sky-mid) 55%, var(--color-bg) 100%);flex-direction:column;display:flex;position:fixed;inset:0}.play-bar{padding-block:8px;padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));align-items:center;gap:10px;display:flex}.play-icon{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 82%, transparent);cursor:pointer;border-radius:999px;flex-shrink:0;place-items:center;display:inline-grid}.play-icon[aria-pressed=false]{opacity:.6}.play-title{min-width:0;margin-right:auto;line-height:1.15;display:grid}.play-title h1{font-family:var(--font-display);white-space:nowrap;margin:0;font-size:18px;font-weight:800}.play-title span{min-height:1.15em;color:var(--color-text-muted);font-size:13px}.play-body{flex-direction:column;flex:auto;min-height:0;display:flex}.play-stage{flex:auto;min-height:170px}.play-panel{background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;--panel-pad-b:12px;max-height:70%;padding-block:14px var(--panel-pad-b);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex:none;overflow-y:auto;box-shadow:0 -10px 30px #0a142814}.play--word-bridge .play-panel{border-top:0;border-bottom:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);order:-1;max-height:72%}@media (min-width:900px){.play-body{flex-direction:row}.play-panel,.play--word-bridge .play-panel{--panel-pad-b:26px;border:1px solid var(--color-border);border-radius:var(--radius-lg);order:0;align-self:center;width:460px;max-height:calc(100% - 40px);margin:0 20px 20px 0;padding:26px}}.play-note{margin:0 0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--font-size-sm);padding:8px 12px}.play-message{gap:var(--space-3);display:grid}.play-message h2{font-family:var(--font-display);margin:0}.play-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.play--dev{min-height:100dvh;position:static}.play--dev .play-body{height:82vh}.dev-tools{gap:var(--space-4);padding:var(--space-4);display:grid}.world-stage{position:relative;overflow:hidden}.world-stage canvas{width:100%;height:100%;display:block}.stage-picture{pointer-events:none;z-index:1;width:100%;height:100%;padding:6% 4% 0;transition:opacity .4s;position:absolute;inset:0}.stage-picture--shown{animation:2.4s ease-in-out infinite stage-breathe}.stage-picture--fading{opacity:0}@keyframes stage-breathe{50%{transform:translateY(-3px)}}:root[data-reduced-motion=true] .stage-picture--shown{animation:none}@media (prefers-reduced-motion:reduce){.stage-picture--shown{animation:none}}.flat-world{justify-content:center;align-items:flex-end;gap:var(--space-5);padding:var(--space-4);display:flex;position:absolute;inset:0}.flat-tower{flex-direction:column;align-items:center;gap:3px;display:flex}.flat-floor{text-align:center;border:1px solid var(--color-border);background:var(--color-surface);min-width:140px;font-family:var(--font-display);border-radius:6px;padding:3px 10px;font-size:13px;font-weight:800}.flat-floor--gold{background:var(--color-gold);border-color:var(--color-gold);color:#1d1503}.flat-floor--practice{opacity:.65}.flat-floor--pending{border-style:dashed;margin-bottom:18px}.flat-bridge{gap:3px;margin-bottom:28px;display:flex}.flat-stone{border:1px dashed var(--color-border);border-radius:4px;width:22px;height:16px}.flat-stone--plain{background:var(--color-surface);border-style:solid}.flat-stone--gold{background:var(--color-gold);border-color:var(--color-gold)}.result{gap:14px;display:grid}.result-head{align-items:center;gap:var(--space-3);display:flex}.result-art{width:48px;height:48px}.result-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800;line-height:1.1}.result-headline{margin:2px 0 0;font-weight:700}.result-sub{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.result-stats{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.result-stat{border-radius:var(--radius-md);background:var(--color-surface-2);align-content:start;gap:2px;padding:12px 12px 10px;animation:.22s cubic-bezier(.3,.7,.3,1) both result-rise;display:grid;position:relative}.result-stat-n{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.result-stat-n small{color:var(--color-text-muted);font-size:18px}.result-stat-label{color:var(--color-text-muted);font-size:13px}.result-best{background:var(--color-gold-soft);color:var(--color-gold-text);white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:4px;margin-top:4px;padding:1px 8px 1px 6px;font-size:12px;font-weight:800;display:inline-flex}@keyframes result-rise{0%{opacity:0;transform:translateY(8px)}}.result-level{align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:auto 1fr auto;font-size:13px;display:grid}.result-level-name{align-items:center;gap:4px;font-weight:800;display:inline-flex}.result-level-n{color:var(--color-text-muted)}.result-level-bar{background:var(--color-surface-2);border-radius:999px;height:10px;overflow:hidden}.result-level-bar>span{border-radius:inherit;background:var(--color-gold);height:100%;transition:width .3s cubic-bezier(.3,.7,.3,1);display:block}.result-level[data-up=true] .result-level-name,.result-level[data-up=true] .result-level-n{color:var(--color-gold-text);font-weight:800}.result-badges h3,.result-group h3{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:6px;margin:0 0 4px;font-size:13px;font-weight:800;display:flex}.result-badges ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.result-badge{align-items:center;gap:var(--space-3);background:var(--color-gold-soft);border-radius:999px;padding:6px 12px 6px 6px;font-weight:700;animation:.26s cubic-bezier(.3,1.4,.5,1) .3s both result-pop;display:flex}@keyframes result-pop{0%{opacity:0;transform:scale(.85)}}.result-count{background:var(--color-surface-2);min-width:20px;color:var(--color-text);text-align:center;letter-spacing:0;border-radius:999px;padding:0 6px;font-size:12px}.result-group[data-group=forward] .result-mark{color:var(--color-success)}.result-group[data-group=missed] .result-mark{color:var(--color-danger)}.result-words{margin:0;padding:0;list-style:none;display:grid}.result-word{min-height:var(--tap-min);flex-wrap:wrap;align-items:center;gap:0 8px;display:flex}.result-word+.result-word{border-top:1px solid var(--color-border)}.result-word strong{font-family:var(--font-display);font-size:17px}.result-labels{flex-wrap:wrap;gap:4px;display:flex}.result-labels .ui-chip{font-size:12px}.result-report{width:var(--tap-min);height:var(--tap-min);color:var(--color-text-muted);cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:999px;place-items:center;margin-left:auto;margin-right:-10px;display:grid}.result-report:hover{opacity:1;background:var(--color-surface-2);color:var(--color-text)}.result-def{color:var(--color-text-muted);font-size:var(--font-size-sm);flex-basis:100%;margin:-6px 0 10px}.result-next{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.result-welcome{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-gold-soft);color:var(--color-text);margin:0;font-weight:600;display:flex}.result-welcome-icon{color:var(--color-gold-text);margin-top:3px}.result-actions{bottom:calc(-1 * var(--panel-pad-b,0px));z-index:1;gap:var(--space-2);margin-bottom:calc(-1 * var(--panel-pad-b,0px));padding:18px 0 var(--panel-pad-b,0px);background:linear-gradient(to bottom, transparent, var(--color-surface) 18px);flex-wrap:wrap;display:flex;position:sticky}.result-actions .ui-button{flex:120px}.result-actions .ui-button--primary{flex-basis:100%;min-height:52px;font-weight:700}.play--board .result-actions{margin-bottom:0;padding-bottom:12px;bottom:0}:root[data-reduced-motion=true] .result-stat,:root[data-reduced-motion=true] .result-badge{animation:none}.dash{gap:var(--space-4);display:grid}.dash-stage{height:clamp(230px,38vh,380px);margin:0 calc(-1 * var(--space-4));background:linear-gradient(180deg, var(--color-sky-top), var(--color-sky-mid))}@media (min-width:752px){.dash-stage{border-radius:var(--radius-lg);margin:0}}.dash-hero{position:relative}.dash-chips{top:var(--space-3);right:var(--space-3);z-index:2;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:absolute}.dash-chips li{background:color-mix(in srgb, var(--color-surface) 82%, transparent);-webkit-backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;pointer-events:auto;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 11px 0 7px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #1320331f}.dash-level{background:var(--color-gold);color:#1d1503;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 4px;font-size:12px;font-weight:800;display:inline-grid}.dash-chips .ui-icon{color:var(--color-text-muted)}.dash-today-loading{gap:var(--space-3);display:grid}.dash-side{gap:var(--space-4);align-content:start;display:grid}@media (min-width:1024px){.app--wide{max-width:1120px}.dash{align-items:start;gap:var(--space-5);grid-template:"hero today""games today""games side"1fr/minmax(0,1.25fr) minmax(0,1fr)}.dash-hero{grid-area:hero}.dash-today{grid-area:today}.dash-games{grid-area:games}.dash-side{grid-area:side}.dash-stage{height:420px}}.dash .ui-button--primary{min-height:52px;font-weight:700}.dash-h2{font-size:var(--font-size-md);margin:0}.dash-code{word-break:break-all}.dash-row{gap:var(--space-2);margin-top:var(--space-2);display:flex}.today{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid}.today-head h2{font-family:var(--font-display);margin:0;font-size:22px}.today-why{color:var(--color-text-muted);margin:2px 0 0}.today-cta{justify-content:center;align-items:center;gap:var(--space-2);border:1.5px solid var(--color-accent);background:var(--color-accent);min-height:52px;color:var(--color-accent-text);cursor:pointer;border-radius:999px;font-size:17px;font-weight:700;display:flex}.today-cta--quiet{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.today-cta:active{transform:scale(.98)}.today-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.today-list li{align-items:center;gap:var(--space-3);min-height:36px;display:flex}.today-list li[data-done=true]{color:var(--color-text-muted)}.today-mark{background:var(--color-surface-2);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:700;display:inline-grid}.today-list li[data-done=true] .today-mark{background:color-mix(in srgb, var(--color-success) 16%, var(--color-surface));color:var(--color-success)}.today-ring svg{width:32px;height:32px;display:block;transform:rotate(-90deg)}.today-ring-bg,.today-ring-fg{fill:none;stroke-width:4px}.today-ring-bg{stroke:var(--color-surface-2)}.today-ring-fg{stroke:var(--color-gold);stroke-linecap:round}.today-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.today-note{font-size:var(--font-size-sm);color:var(--color-text-muted);display:block}.today-days{margin:var(--space-2) 0 0;gap:var(--space-2);grid-template-columns:repeat(7,1fr);padding:0;list-style:none;display:grid}.today-days li{justify-items:center;gap:2px;display:grid}.today-day-dot{border:1.5px dashed var(--color-border);border-radius:999px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-grid}.today-days li[data-future=true] .today-day-dot{opacity:.6}.today-days li[data-active=true] .today-day-dot{background:var(--color-gold);color:#1d1503;border:0}.today-days li[data-today=true] .today-day-dot{border-style:solid;border-color:var(--color-text)}.today-days li[data-today=true][data-active=true] .today-day-dot{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 3.5px var(--color-text)}.today-day-name{color:var(--color-text-muted);font-size:12px}.today-bars{margin:var(--space-2) 0 0;gap:var(--space-2);grid-template-columns:repeat(7,1fr);align-items:end;height:72px;padding:0;list-style:none;display:grid}.today-bars li{grid-template-rows:1fr auto auto;place-items:end center;height:100%;display:grid}.today-bar{background:color-mix(in srgb, var(--color-focus) 55%, var(--color-surface-2));border-radius:6px 6px 2px 2px;width:100%;min-height:3px}.today-bar-n,.today-bar-d{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:12px}.progress{gap:var(--space-4);display:grid}@media (min-width:1024px){.progress{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:dense}.progress-head,.progress-wide{grid-column:1/-1}}.progress-head h1{font-family:var(--font-display);margin:0}.progress-head p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.progress-h2,.ladder h2,.level-card h2,.stat-card h2{font-family:var(--font-display);margin:0;font-size:20px}.ladder,.level-card,.stat-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);display:grid}.ladder-bar{background:var(--color-surface-2);border-radius:999px;height:14px;display:flex;overflow:hidden}.ladder-bar span{flex-basis:0;min-width:0}[data-stage=new]{--stage:var(--color-surface-2)}[data-stage=learning]{--stage:color-mix(in srgb, var(--color-focus) 35%, var(--color-surface-2))}[data-stage=meaning]{--stage:color-mix(in srgb, var(--color-focus) 70%, var(--color-surface))}[data-stage=writing]{--stage:var(--color-success)}[data-stage=remembered]{--stage:var(--color-gold)}.ladder-bar span{background:var(--stage)}.ladder-legend{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.ladder-legend li{align-items:baseline;gap:0 var(--space-2);grid-template-columns:auto auto 1fr;display:grid}.ladder-swatch{background:var(--stage);border:1px solid var(--color-border);border-radius:4px;align-self:center;width:12px;height:12px}.ladder-detail{font-size:var(--font-size-sm);color:var(--color-text-muted);grid-column:2/-1}.ladder-note,.level-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.level-bar{background:var(--color-surface-2);border-radius:999px;height:10px;overflow:hidden}.level-bar span{background:var(--color-gold);height:100%;display:block}.ladder-slipped{font-size:var(--font-size-sm);color:var(--color-warning);margin:0;font-weight:600}.word-meter{gap:2px;display:flex}.word-meter span{background:var(--color-surface-2);border-radius:2px;width:10px;height:4px}.word-meter span[data-on=true]{background:var(--stage)}.badges{margin:var(--space-2) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}@media (min-width:640px){.badges{grid-template-columns:1fr 1fr}}.badge{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);align-items:center;display:flex}.badge[data-on=false]{color:var(--color-text-muted);background:0 0;border-style:dashed}.badge-how{font-size:var(--font-size-sm);color:var(--color-text-muted);display:block}.badges-sub{margin:var(--space-4) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.badges-more{margin-top:var(--space-3)}.badges-more summary{min-height:var(--tap-min);cursor:pointer;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.bests{margin:var(--space-2) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.bests li{justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.play--board .play-body{padding:0 max(10px, env(safe-area-inset-right,0px)) 16px max(10px, env(safe-area-inset-left,0px));display:block;overflow-y:auto}.play--board .play-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(720px,100%);max-height:none;box-shadow:var(--shadow-card);order:0;align-self:auto;margin:4px auto 0;padding:18px 16px;overflow:visible}@media (min-width:900px){.play--board .play-panel{width:720px;max-height:none;margin:8px auto 24px;padding:26px}}.strip{gap:var(--space-2);display:grid}.strip-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.strip-head h2{font-family:var(--font-display);margin:0;font-size:22px}.strip-list{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (max-width:480px){.strip-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.strip-tile{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;cursor:pointer;transition:transform var(--motion-base) ease, box-shadow var(--motion-base) ease, border-color var(--motion-fast) ease;padding:0;display:grid;position:relative;overflow:hidden}.strip-art{border-bottom:1px solid var(--color-border);transition:transform var(--motion-base) ease}.strip-tile:active{transform:scale(.97)}@media (hover:hover){.strip-tile:hover{border-color:color-mix(in srgb, var(--color-focus) 45%, var(--color-border));box-shadow:var(--shadow-card);transform:translateY(-2px)}.strip-tile:hover .strip-art{transform:scale(1.05)}}:root[data-reduced-motion=true] .strip-tile:hover,:root[data-reduced-motion=true] .strip-tile:hover .strip-art{transform:none}.strip-name{padding:9px var(--space-2) 11px;font-weight:700;font-size:var(--font-size-sm);text-align:center}.strip-new{background:var(--color-gold-soft);color:var(--color-gold-text);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.games{gap:var(--space-4);display:grid}.games-head h1{font-family:var(--font-display);margin:0}.games-head p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.games-group h2{font-family:var(--font-display);margin:0;font-size:22px}.games-detail{margin:2px 0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.game-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin:0;padding:0;list-style:none;display:grid}.game-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.game-card-cover{border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.game-card-art{transition:transform var(--motion-base) ease}.game-card[data-locked=true]{background:color-mix(in srgb, var(--color-surface) 55%, transparent);box-shadow:none}.game-card[data-locked=true] .game-card-art{filter:grayscale();opacity:.55}.game-card-lock{left:var(--space-3);bottom:var(--space-3);background:color-mix(in srgb, var(--color-surface) 90%, transparent);border-radius:999px;align-items:center;gap:5px;padding:3px 11px 3px 8px;font-size:13px;font-weight:700;display:inline-flex;position:absolute}.game-card-howto{top:var(--space-2);right:var(--space-2);min-height:var(--tap-min);background:color-mix(in srgb, var(--color-surface) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text);cursor:pointer;transition:background var(--motion-fast) ease;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 11px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;box-shadow:0 1px 3px #13203324}.game-card-howto:hover{background:var(--color-surface)}.game-card-howto:active{transform:scale(.96)}.game-card-body{padding:var(--space-3) var(--space-4) 0}.game-card-body h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:21px}.game-card-body p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:2px 0 0}.game-card-actions,.game-card-unlock{padding:var(--space-3) var(--space-4) var(--space-4);margin-top:auto}.game-card-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.game-card-actions .ui-button{white-space:nowrap;flex:auto}.game-card-unlock{gap:6px;display:grid}.game-card-unlock p{font-size:var(--font-size-sm);margin:0;font-weight:700}.game-card-unlock .game-card-count{color:var(--color-text-muted);font-weight:400}.game-card-meter{background:var(--color-surface-2);border-radius:999px;height:8px;overflow:hidden}.game-card-meter>span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}@media (max-width:639px){.game-card[data-locked=true]{align-items:center;column-gap:var(--space-3);padding:var(--space-2) calc(var(--space-2) + var(--tap-min)) var(--space-2) var(--space-2);grid-template-columns:96px minmax(0,1fr);display:grid}.game-card[data-locked=true] .game-card-cover{border:0;border-radius:12px;grid-row:1/span 2}.game-card[data-locked=true] .game-card-art{display:block}.game-card[data-locked=true] .game-card-lock,.game-card[data-locked=true] .game-card-body p,.game-card[data-locked=true] .game-card-count{display:none}.game-card[data-locked=true] .game-card-body{align-self:end;padding:0}.game-card[data-locked=true] .game-card-body h3{font-size:17px}.game-card[data-locked=true] .game-card-unlock{align-self:start;gap:5px;margin-top:2px;padding:0}.game-card[data-locked=true] .game-card-unlock p{color:var(--color-text-muted);text-wrap:pretty;font-size:14px;font-weight:400}.game-card[data-locked=true] .game-card-meter{height:6px}.game-card[data-locked=true] .game-card-howto{top:calc(50% - var(--tap-min) / 2);right:var(--space-1);width:var(--tap-min);box-shadow:none;-webkit-backdrop-filter:none;color:var(--color-text-muted);background:0 0;justify-content:center;padding:0}.game-card[data-locked=true] .game-card-howto>span{display:none}.game-cards:has(>.game-card[data-locked=true]){gap:var(--space-3)}}.signin{gap:var(--space-2);justify-items:start;display:grid}.signin-button{width:min(360px,100%);min-height:44px}.signin-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.signin-page{max-width:480px;margin:var(--space-6,48px) auto 0}.signin-page h1{margin:0 0 var(--space-2);font-family:var(--font-display)}.signin-page .ui-card{gap:var(--space-3);display:grid}.goal-option-plus{background:var(--color-gold-soft);color:var(--color-gold-text);border-radius:999px;justify-self:start;padding:1px 8px;font-size:12px;font-weight:700}.plus{gap:var(--space-4);display:grid}.plus-head h1{font-family:var(--font-display);margin:0}.plus-head p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.plus-h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:22px}.plus-cols{gap:var(--space-3);display:grid}@media (min-width:640px){.plus-cols,.plus-cards{grid-template-columns:1fr 1fr}}.plus-col{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.plus-col--plus{border-color:var(--color-gold);background:color-mix(in srgb, var(--color-gold-soft) 55%, var(--color-surface))}.plus-col h3{margin:0 0 var(--space-2);font-family:var(--font-display)}.plus-col ul{gap:6px;margin:0;padding-left:1.2em;display:grid}.plus-cards{gap:var(--space-3);display:grid}.plus-card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);align-content:start;display:grid;position:relative}.plus-card--best{border:2px solid var(--color-gold)}.plus-card h3{font-family:var(--font-display);margin:0}.plus-badge{background:var(--color-gold);color:#1d1503;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;position:absolute;top:-11px;right:16px}.plus-price{font-family:var(--font-display);margin:0;font-size:32px;font-weight:800}.plus-price span{color:var(--color-text-muted);font-size:16px;font-weight:500}.plus-sub,.plus-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.plus-note{margin-top:var(--space-3)}.result-def{color:var(--color-text-muted);flex:100%;margin:-2px 0 6px;font-size:15px}.review-meaning{margin:var(--space-2) 0 var(--space-3);color:var(--color-text-muted)}.review-meaning b{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);margin-right:6px;font-size:12px}.stat-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.memory-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.memory-list li{align-items:center;gap:4px var(--space-3);grid-template-columns:1fr auto;display:grid}.memory-label{font-weight:600}.memory-list strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:22px}.memory-bar{background:var(--color-surface-2);border-radius:999px;grid-column:1;height:10px;position:relative;overflow:hidden}.memory-bar span{background:var(--color-success);height:100%;display:block}.memory-target{background:color-mix(in srgb, var(--color-text) 22%, transparent);width:5%;position:absolute;top:0;bottom:0;left:85%}.memory-n{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;grid-column:2}.growth-chart{width:100%;height:120px;overflow:visible}.growth-area{fill:color-mix(in srgb, var(--color-focus) 14%, transparent)}.growth-known,.growth-written{fill:none;stroke-width:2.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.growth-known{stroke:var(--color-focus)}.growth-written{stroke:var(--color-success);stroke-dasharray:6 4}.growth-legend{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.growth-legend li:before{content:"";vertical-align:middle;background:var(--color-focus);border-radius:2px;width:16px;height:3px;margin-right:6px;display:inline-block}.growth-legend li[data-line=written]:before{background:repeating-linear-gradient(90deg, var(--color-success) 0 6px, transparent 6px 9px)}.week-total{color:var(--color-text-muted);margin:0}.week-total strong{color:var(--color-text);font-variant-numeric:tabular-nums}.week-bars{gap:var(--space-2);grid-template-columns:repeat(7,1fr);align-items:end;height:96px;margin:0;padding:0;list-style:none;display:grid}.week-bars li{grid-template-rows:auto 1fr auto;place-items:end center;height:100%;display:grid}.week-bar{background:color-mix(in srgb, var(--color-focus) 45%, var(--color-surface-2));border-radius:6px 6px 2px 2px;width:100%;min-height:3px}.week-bars li[data-today=true] .week-bar{background:var(--color-focus)}.week-n,.week-day{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:12px}.topics{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.topics li{gap:4px var(--space-3);grid-template-columns:1fr auto;display:grid}.topics-title{font-weight:600}.topics-n{font-size:var(--font-size-sm);color:var(--color-text-muted)}.topics-bar{background:var(--color-surface-2);border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.topics-bar span{background:color-mix(in srgb, var(--color-focus) 70%, var(--color-surface));height:100%;display:block}.words{gap:var(--space-4);display:grid}.words-head h1{font-family:var(--font-display);margin:0}.words-head p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.words-tools{gap:var(--space-3);display:grid}.words-search{min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:16px}.words-search:focus{border-color:var(--color-focus);outline:none}.words-filters{gap:var(--space-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.words-filter{min-height:var(--tap-min);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;padding:0 14px;font-weight:600}.words-filter[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.words-count{opacity:.8;font-variant-numeric:tabular-nums;font-weight:400}.words-sort{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex}.words-sort select{min-height:var(--tap-min);padding:0 var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:15px}.words-practice{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-gold-soft);display:grid}.words-practice p{margin:0}.words-practice .ui-button{justify-self:start}.words-list{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.words-item{border-top:1px solid var(--color-border);align-items:flex-start;display:flex}.words-item:first-child{border-top:0}.words-row{min-width:0;padding:var(--space-3) 0 var(--space-3) var(--space-4);color:var(--color-text);flex:1;gap:4px;text-decoration:none;display:grid}.words-top{align-items:center;gap:4px var(--space-2);flex-wrap:wrap;display:flex}.words-lemma{font-size:18px}.words-row:hover .words-lemma{text-decoration:underline}.words-pos{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-sm)}.words-tag{color:var(--color-warning);border:1px solid;border-radius:999px;padding:0 7px;font-size:12px;font-weight:700}.words-when{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;margin-left:auto}.words-when[data-due=true]{color:var(--color-text);font-weight:700}.words-def{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.words-note{font-size:var(--font-size-sm);overflow-wrap:anywhere;font-style:italic}.words-note .ui-icon{vertical-align:-2px;color:var(--color-text-muted);margin-right:4px}.star-button{width:var(--tap-min);height:var(--tap-min);margin:var(--space-2);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid}.star-button[aria-pressed=true]{color:var(--color-gold)}.star-button:hover{background:var(--color-surface-2)}.words-later{color:var(--color-text-muted)}.words-later summary{min-height:var(--tap-min);align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-text);font-weight:600;list-style:none;display:flex}.words-later summary::-webkit-details-marker{display:none}.words-later summary:before{content:"▸";transition:transform .15s}.words-later[open] summary:before{transform:rotate(90deg)}@media (max-width:520px){.words-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.words-filter{white-space:nowrap;padding:0 4px;font-size:14px}}.words-later p{margin:var(--space-1) 0 0}.words-unmet h2{font-size:var(--font-size-md);color:var(--color-text);margin:0}.words-later-list{line-height:1.7}.word-page{gap:var(--space-4);display:grid}.word-head{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.word-head h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(34px,9vw,44px)}.word-pos{color:var(--color-text-muted);font-style:italic}.word-star{margin:0 0 0 auto}.listen-button{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;flex:none;place-items:center;display:inline-grid}.word-tags{margin:calc(-1 * var(--space-2)) 0 0;gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.word-tag{background:var(--color-surface-2);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.word-voice{color:var(--color-text-muted);font-size:12px}.word-def{font-size:var(--font-size-lg);margin:0;line-height:1.4}.word-examples{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.word-examples li{align-items:center;gap:var(--space-2);padding-left:var(--space-3);border-left:3px solid var(--color-surface-2);justify-content:space-between;display:flex}.word-h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:18px}.word-h3{margin:var(--space-3) 0 var(--space-1);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.word-note{box-sizing:border-box;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit;resize:vertical;font-size:16px}.word-note:focus{border-color:var(--color-focus);outline:none}.word-note-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.word-note-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.word-ladder{grid-template-columns:repeat(4,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}.word-ladder li{border-top:5px solid var(--color-surface-2);color:var(--color-text-muted);padding-top:8px;font-size:12px;line-height:1.25}.word-ladder li[data-on=true]{border-top-color:var(--color-success)}.word-ladder li[aria-current=step]{color:var(--color-text);font-weight:700}.word-next,.word-when{margin:var(--space-3) 0 0}.word-next-play{margin-top:var(--space-2)}.word-when{color:var(--color-text-muted)}.word-trouble{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--color-warning)}.word-history{margin:0;padding:0;list-style:none;display:grid}.word-history li{gap:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);grid-template-columns:4.5em 1fr auto;padding:6px 0;display:grid}.word-history-day{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.word-history li[data-result=right] strong{color:var(--color-success)}.word-history li[data-result=missed] strong{color:var(--color-danger)}.word-history li[data-result=practice] strong{color:var(--color-text-muted)}.word-forms{margin:0 0 var(--space-2)}.word-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:12px;font-weight:700;display:block}.word-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.star-button[data-pop=true] .ui-icon{animation:.26s ease-out star-pop}@keyframes star-pop{40%{transform:scale(1.3)rotate(-8deg)}}.today-cta .ui-icon{transition:transform var(--motion-base) ease}.today-cta:hover .ui-icon{transform:translate(3px)}.word-trouble{gap:2px var(--space-2);grid-template-columns:auto 1fr;display:grid}.word-trouble .ui-icon{color:var(--color-warning);grid-row:span 2}.listen-button:active,.star-button:active{transform:scale(.92)}@media (hover:hover){.ui-card,.game-card,.words-list,.stat-card{transition:box-shadow var(--motion-base) ease, transform var(--motion-base) ease}.game-card:not([data-locked=true]):hover{transform:translateY(-3px);box-shadow:0 2px #1320330a,0 16px 36px #1320331f}.game-card:not([data-locked=true]):hover .game-card-art{transform:scale(1.04)}.words-item:hover{background:color-mix(in srgb, var(--color-surface-2) 45%, transparent)}}:root[data-reduced-motion=true] .star-button[data-pop=true] .ui-icon,:root[data-reduced-motion=true] .game-card:hover,:root[data-reduced-motion=true] .game-card:hover .game-card-art{animation:none;transform:none}@media (prefers-reduced-motion:reduce){.star-button[data-pop=true] .ui-icon,.game-card:hover,.game-card:hover .game-card-art{animation:none;transform:none}}.dev-visuals{gap:var(--space-5);display:grid}.dev-visuals>header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dev-visuals h1,.dev-visuals h2{margin:0 0 var(--space-3);font-family:var(--font-display)}.dev-visuals-theme{gap:var(--space-1);border:0;margin:0;padding:0;display:flex}.dev-visuals-theme button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:999px;min-height:36px;padding:0 12px}.dev-visuals-theme button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-text)}.dev-icons,.dev-spots,.dev-badges{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.dev-icons{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.dev-icons li,.dev-badges li{padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);justify-items:center;gap:6px;display:grid}.dev-icons code,.dev-badges code{color:var(--color-text-muted);text-align:center;overflow-wrap:anywhere;font-size:11px}.dev-skyline{border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-sky-top), var(--color-sky-mid));height:260px;position:relative;overflow:hidden}.dev-skyline .ui-skyline{width:100%;height:100%}.dev-spots{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.dev-spots li{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.dev-badges{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dev-badges li{grid-template-columns:auto auto;justify-content:center}.dev-badges code{grid-column:1/-1}.dev-games{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin:0;padding:0;list-style:none;display:grid}.dev-games li{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);grid-template-columns:auto 1fr;align-items:center;display:grid}.dev-games-emblems{justify-items:center;gap:var(--space-2);grid-row:span 2;display:grid}.dev-games-emblem{width:64px;height:64px}.dev-games-small{width:40px;height:40px}.dev-games-cover{border-radius:var(--radius-sm)}.dev-games-locked .dev-games-cover{filter:grayscale();opacity:.55}.dev-games code{color:var(--color-text-muted);grid-column:1/-1;font-size:12px}.dev-result{border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:460px;max-height:720px;margin:0}.demo{--demo-band:76px;background:var(--color-bg);position:fixed;inset:0;overflow:hidden}.demo--record{--demo-band:0px}.demo-screen{inset:0 0 var(--demo-band) 0;position:absolute;overflow:hidden}.demo-screen .play{position:absolute}.demo-missing{padding:var(--space-5)}.demo-card{place-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-5);text-align:center;background:linear-gradient(180deg, var(--color-sky-top), var(--color-sky-mid) 60%, var(--color-bg));animation:.32s ease-out both demo-card-in;display:grid;position:absolute;inset:0}.demo-card p{max-width:16ch;font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:30px;font-weight:800;line-height:1.15}.demo-card-icon{background:var(--color-surface);width:104px;height:104px;color:var(--color-gold-text);box-shadow:var(--shadow-card);border-radius:32px;place-items:center;display:grid}@keyframes demo-card-in{0%{opacity:0;transform:scale(.97)}}.demo-pointer{z-index:50;opacity:0;pointer-events:none;background:#15294d59;border:3px solid #fff;border-radius:50%;width:42px;height:42px;transition:transform .44s cubic-bezier(.3,.7,.3,1),opacity .2s;position:fixed;top:-21px;left:-21px;box-shadow:0 4px 14px #0a142859}.demo-pointer[data-on=true]{opacity:1}.demo-pointer[data-press=true]{animation:.26s ease-out demo-press}.demo-pointer[data-press=true]:after{content:"";border:3px solid #fff;border-radius:50%;animation:.42s ease-out forwards demo-ripple;position:absolute;inset:-3px}@keyframes demo-press{50%{scale:.82}}@keyframes demo-ripple{to{opacity:0;transform:scale(2.2)}}.demo-band{height:var(--demo-band);align-items:center;gap:var(--space-2);padding:0 var(--space-2);color:#fff;background:#0e1a33;grid-template-columns:auto 1fr auto;display:grid;position:absolute;bottom:0;left:0;right:0}.demo-caption{text-align:center;margin:0;font-size:16px;font-weight:700;line-height:1.25}.demo-btn{width:var(--tap-min);height:var(--tap-min);color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:999px;place-items:center;display:grid}.demo-btn:hover{background:#ffffff3d}.demo-progress{background:#ffffff26;height:3px;position:absolute;top:0;left:0;right:0}.demo-progress span{transform-origin:0;background:#f2c14e;height:100%;transition:transform .15s linear;display:block}:root[data-reduced-motion=true] .demo-pointer{transition:opacity .2s}.demo-frame{width:100%;margin:0 auto}.demo-frame-inner{box-sizing:content-box;background:#0e1a33;border:6px solid #0e1a33;border-radius:28px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 44px #0a142838}.demo-frame iframe{transform-origin:0 0;border:0;position:absolute;top:0;left:0}.howto-backdrop{z-index:60;background:#080e1c8c;place-items:end center;animation:.16s ease-out both howto-fade;display:grid;position:fixed;inset:0}@media (min-width:720px){.howto-backdrop{place-items:center}}.howto{width:min(100%,720px);max-height:100%;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);animation:.22s cubic-bezier(.3,.7,.3,1) both howto-up;position:relative;overflow-y:auto;box-shadow:0 -10px 40px #080e1c40}@media (min-width:720px){.howto{border-radius:var(--radius-lg);padding:var(--space-5)}}.howto:focus{outline:none}.howto-head{align-items:center;gap:var(--space-3);margin:0 56px var(--space-4) 0;display:flex}.howto-art{width:44px;height:44px}.howto h2{font-family:var(--font-display);margin:0;font-size:24px}.howto-close{top:var(--space-3);right:var(--space-3);width:var(--tap-min);height:var(--tap-min);background:var(--color-surface-2);color:var(--color-text);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid;position:absolute}.howto-body{gap:var(--space-4);display:grid}@media (min-width:720px){.howto-body{grid-template-columns:300px 1fr;align-items:center}}.howto-side{gap:var(--space-4);align-content:start;display:grid}.howto-rules{gap:var(--space-2);margin:0;padding-left:1.3em;font-size:17px;display:grid}.howto-side .ui-button--primary{min-height:52px;font-weight:700}@keyframes howto-fade{0%{opacity:0}}@keyframes howto-up{0%{opacity:0;transform:translateY(24px)}}:root[data-reduced-motion=true] .howto,:root[data-reduced-motion=true] .demo-card{animation:none}.language-switcher{flex-shrink:0;align-items:center;display:inline-flex}.language-switcher select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);max-width:140px;min-height:44px;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);padding:0 24px 0 10px}:lang(zh-CN){line-break:strict}html:lang(zh-CN){--font-body:"Atkinson Hyperlegible Next Variable", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display:"Bricolage Grotesque Variable", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}@media (max-width:520px){.site-header-row,.app-header-row{flex-wrap:wrap}.language-switcher select{max-width:112px}.play-bar{gap:8px}.play-bar .language-switcher,.app-header-row .language-switcher{position:relative}.play-bar .language-switcher select,.app-header-row .language-switcher select{width:var(--tap-min);color:#0000;background:color-mix(in srgb, var(--color-surface) 82%, transparent);appearance:none;border-radius:999px;max-width:none;padding:0}.play-bar .language-switcher:after,.app-header-row .language-switcher:after{content:"";background:var(--color-text);width:22px;height:22px;-webkit-mask:var(--globe) center / contain no-repeat;-webkit-mask:var(--globe) center / contain no-repeat;mask:var(--globe) center / contain no-repeat;pointer-events:none;--globe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'/%3E%3C/svg%3E");margin:auto;position:absolute;inset:0}.play-bar .language-switcher option,.app-header-row .language-switcher option{color:var(--color-text)}.play-title h1{text-overflow:ellipsis;overflow:hidden}.app-wallet{gap:var(--space-2);font-size:var(--font-size-sm);padding:0 10px}}@media (max-width:420px){.app-header-row:has(.app-wallet) .site-brand-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.icon-gold{color:var(--color-gold-text)}.spend-have{color:var(--color-text-muted);margin:0}.spend-actions,.out-actions{gap:var(--space-2);margin-top:var(--space-3);display:grid}.spend-actions .ui-button,.out-actions .ui-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.out-actions p{color:var(--color-text-muted);margin:0}.play-hearts{min-height:var(--tap-min);padding:0 var(--space-2);font-variant-numeric:tabular-nums;color:var(--color-danger);align-items:center;gap:4px;font-weight:800;display:inline-flex}.play-hearts[data-low=true]{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.stars{letter-spacing:0;gap:1px;line-height:1;display:inline-flex}.stars [data-on=true]{color:var(--color-gold)}.stars [data-on=false]{color:var(--color-text-muted)}.levels{gap:var(--space-5);display:grid}.levels-head{align-items:center;gap:var(--space-3);grid-template-columns:64px 1fr;display:grid}.levels-head h1{font-family:var(--font-display);margin:0}.levels-head p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.levels-head>.ui-button{grid-column:1/-1}.levels-art{width:64px;height:64px}.levels-tier{gap:var(--space-3);display:grid}.levels-tier-head{align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.levels-tier-head h2{font-family:var(--font-display);margin:0;font-size:22px}.levels-tier-head p{color:var(--color-text-muted);flex:200px;margin:0}.levels-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin:0;padding:0;list-style:none;display:grid}.level-tile{width:100%;min-height:88px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;align-content:center;justify-items:center;gap:2px;display:grid}.level-tile-n{font-family:var(--font-display);font-size:22px;font-weight:800}.level-tile-meta{color:var(--color-text-muted);text-align:center;font-size:12px}.level-tile[data-boss=true]{border-style:dashed;border-width:2px}.level-tile[data-next=true]{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.level-tile--offer{border-style:dashed}.level-tile--locked{cursor:default;color:var(--color-text-muted);background:0 0}.levels-practice h2{font-family:var(--font-display);margin:0;font-size:22px}.levels-practice p{color:var(--color-text-muted)}.game-card-levels{align-items:center;gap:var(--space-2);min-height:var(--tap-min);font-size:var(--font-size-sm);flex-basis:100%;font-weight:700;display:inline-flex}.result-level-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;display:flex}.result-level-card[data-cleared=true]{border-color:var(--color-gold);background:var(--color-gold-soft)}.result-level-card h3{font-family:var(--font-display);margin:0}.result-level-card p{margin:var(--space-1) 0 0}.result-level-stars{justify-items:center;gap:2px;font-weight:700;display:grid}.result-level-stars .stars{font-size:32px}.result-rewards h3{margin:0 0 var(--space-1);font-size:var(--font-size-md);align-items:center;gap:6px;display:flex}.result-rewards ul{font-size:var(--font-size-sm);color:var(--color-text-muted);gap:2px;margin:0;padding:0;list-style:none;display:grid}.result-rewards li{justify-content:space-between;gap:var(--space-3);display:flex}.wallet{gap:var(--space-4);display:grid}.wallet-head h1{font-family:var(--font-display);margin:0}.wallet-head p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.wallet-balance{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.wallet-balance li{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-lg);display:inline-flex}.wallet-cols{gap:var(--space-3);display:grid}@media (min-width:720px){.wallet-cols{grid-template-columns:1fr 1fr}}.wallet-h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:20px}.wallet-list{gap:var(--space-2);margin:0;display:grid}.wallet-list div{justify-content:space-between;gap:var(--space-3);display:flex}.wallet-list dt{color:var(--color-text-muted)}.wallet-list dd{text-align:right;white-space:nowrap;margin:0;font-weight:700}.wallet-list small{color:var(--color-text-muted);font-weight:400}.wallet-note{margin:var(--space-3) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.wallet-history{gap:2px;margin:0;padding:0;list-style:none;display:grid}.wallet-history li{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto auto;display:grid}.wallet-history time{color:var(--color-text-muted);font-size:var(--font-size-sm)}.wallet-history [data-sign=minus]{color:var(--color-text-muted)}.challenge-page{gap:var(--space-4);max-width:640px;display:grid}.challenge-head{align-items:center;gap:var(--space-3);display:flex}.challenge-art{flex:none;width:72px;height:72px}.challenge-title{font-family:var(--font-display);font-size:var(--font-size-xl);margin:0}.challenge-sub,.challenge-count,.challenge-note,.contest-empty,.contest-name-note{color:var(--color-text-muted);margin:0}.challenge-note{font-size:var(--font-size-sm)}.challenge-actions,.contest-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.contest-board{gap:2px;margin:0;padding:0;list-style:none;display:grid}.contest-row{align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);display:flex}.contest-row[data-you=true]{border-color:var(--color-accent)}.contest-rank{width:2ch;font-family:var(--font-display);text-align:right;font-weight:700}.contest-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.contest-you{margin-left:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--font-size-sm);padding:0 6px}.contest-marks{gap:2px;display:flex}.contest-mark{border:1.5px solid var(--color-text-muted);border-radius:2px;width:8px;height:8px}.contest-mark[data-right=true]{border-color:var(--color-success);background:var(--color-success)}.contest-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700}.contest-panel{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.contest-panel h3{font-size:var(--font-size-md);margin:0}.contest-panel p{margin:0}.contest-link input,.contest-name-form input{width:100%;min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:16px}.contest-name-form{gap:var(--space-1);display:grid}.contest-name-form input{background:var(--color-surface);flex:1;width:auto;min-width:10ch}.contest-name-form label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.rival-bar{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);font-size:var(--font-size-sm);padding:4px 4px 4px 12px;display:flex}.rival-bar--hidden{background:0 0;justify-content:flex-end;padding:0}.rival-text{font-variant-numeric:tabular-nums;flex:none}.rival-track{background:var(--color-border);border-radius:3px;flex:1;min-width:40px;height:6px;overflow:hidden}.rival-fill{background:var(--color-accent);height:100%;display:block}.rival-toggle{min-width:var(--tap-min);min-height:var(--tap-min);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0}.inbox-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.daily-card{gap:var(--space-3);display:grid}.daily-head{align-items:center;gap:var(--space-3);display:flex}.daily-head .dash-h2{margin:0}.daily-art{flex:none;width:48px;height:48px}.daily-sub,.daily-note{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.daily-standing{gap:var(--space-2);display:grid}.daily-score{align-items:baseline;gap:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-lg);flex-wrap:wrap;margin:0;font-weight:700;display:flex}.daily-top{border-radius:var(--radius-sm);background:var(--color-gold-soft);color:var(--color-gold-text);font-size:var(--font-size-sm);padding:0 8px}.daily-bands{font-size:var(--font-size-sm);gap:4px;margin:0;padding:0;list-style:none;display:grid}.daily-bands li{align-items:center;gap:var(--space-2);grid-template-columns:10.5em 1fr 3ch;display:grid}.daily-band-label{color:var(--color-text-muted)}.daily-band-bar{background:var(--color-surface-2);border-radius:4px;height:8px;overflow:hidden}.daily-band-bar span{background:var(--color-accent);height:100%;display:block}.daily-band-n{text-align:right;font-variant-numeric:tabular-nums}.groups-page{gap:var(--space-4);max-width:720px;display:grid}.groups-page header{gap:var(--space-1);display:grid}.groups-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.groups-list li{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--tap-min);flex-wrap:wrap;display:flex}.groups-list li>span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.groups-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.group-consent{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.group-consent h2{margin:0 0 var(--space-1);font-size:var(--font-size-md)}.group-consent ul{margin:0 0 var(--space-3);padding-left:1.2em}.group-consent p{color:var(--color-text-muted);margin:0}.group-form{gap:var(--space-2);margin-top:var(--space-3);display:grid}.group-form h3{font-size:var(--font-size-md);margin:0}.group-form label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.group-form input,.group-form select{min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:16px}.group-week{color:var(--color-text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.group-scores{margin:0 0 var(--space-3);gap:2px;padding:0;list-style:none;display:grid}.group-scores li{justify-content:space-between;align-items:center;min-height:32px;display:flex}.group-scores li[data-you=true]{font-weight:700}.group-table-wrap{overflow-x:auto}.group-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.group-table th,.group-table td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border);text-align:right;white-space:nowrap}.group-table th:first-child,.group-table thead th:first-child{text-align:left}.link-button{min-height:var(--tap-min);color:var(--color-accent-text);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.league-moved{border-radius:var(--radius-md);background:var(--color-gold-soft);color:var(--color-gold-text);margin:0;padding:8px 12px;font-weight:700}.league-rules{gap:var(--space-2);margin:0 0 var(--space-3);padding-left:1.2em;display:grid}.contest-row[data-up=true] .contest-rank:after{content:" ↑";color:var(--color-success)}.ranked-big{font-size:var(--font-size-xl);margin:0;font-weight:800}.ranked-result{gap:var(--space-2);display:grid}.ranked-rating{margin:0;font-weight:700}.ranked-ladders{gap:var(--space-2);min-width:0;margin:var(--space-2) 0 0;border:0;flex-wrap:wrap;padding:0;display:flex}.ranked-ladder{min-height:var(--tap-min);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;padding:0 14px;font-weight:600}.ranked-ladder[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.ranked-recent .contest-row{flex-wrap:wrap;row-gap:0}.ranked-recent .contest-name{white-space:normal;flex-basis:12em}.site-container{width:100%;max-width:1120px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.site-header--site{background:var(--color-sky-top)}.site-header--app{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.site-header-row,.app-header-row{align-items:center;gap:var(--space-4);min-height:64px;display:flex}.app-header-row{max-width:1120px;padding:0 var(--space-4);margin:0 auto}.site-brand{min-height:var(--tap-min);white-space:nowrap;font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-text);flex-shrink:0;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.site-brand--small{font-size:17px}.site-logo-mark{flex:none;width:34px;height:34px}.site-nav{gap:var(--space-1);margin-left:auto;display:flex}.site-nav a{min-height:var(--tap-min);padding:0 var(--space-3);color:var(--color-text);border-radius:999px;align-items:center;text-decoration:none;display:inline-flex}.site-nav a:hover{background:color-mix(in srgb, var(--color-surface) 55%, transparent)}.site-nav a{white-space:nowrap}@media (max-width:520px){.site-header-row,.app-header-row{gap:var(--space-2)}.app-header-row{padding:0 var(--space-3)}.site-brand{font-size:17px}.site-nav{gap:0}.site-nav a{padding:0 10px}.site-nav-faq{display:none}.site-cta{padding:0 var(--space-3)}}@media (max-width:360px){.site-brand-name{display:none}}.site-cta{min-height:var(--tap-min);padding:0 var(--space-4);background:var(--color-accent);color:var(--color-accent-text);white-space:nowrap;border-radius:999px;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.app-nav a{color:var(--color-text-muted);gap:6px;font-weight:600}.app-nav a:hover,.app-nav a[aria-current=page]{color:var(--color-text);background:var(--color-surface-2)}.app-wallet{align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--color-border);color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;font-weight:700;text-decoration:none;display:inline-flex}.app-wallet>span{align-items:center;gap:4px;display:inline-flex}.app-wallet[aria-current=page]{border-color:var(--color-accent)}.app-settings{min-height:var(--tap-min);min-width:var(--tap-min);padding:0 var(--space-3);color:var(--color-text-muted);border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.app-settings:hover,.app-settings[aria-current=page]{color:var(--color-text);background:var(--color-surface-2)}.tab-bar{display:none}@media (max-width:720px){.app-nav{display:none}.app-settings{margin-left:auto;padding:0}.app-settings-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tab-bar{z-index:30;padding:0 max(8px, env(safe-area-inset-left,0px)) env(safe-area-inset-bottom,0px) max(8px, env(safe-area-inset-right,0px));border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab-bar a{min-height:58px;color:var(--color-text-muted);-webkit-tap-highlight-color:transparent;align-content:center;justify-items:center;gap:2px;font-size:12px;font-weight:600;text-decoration:none;display:grid;position:relative}.tab-bar a .ui-icon{transition:transform var(--motion-fast) ease}.tab-bar a:active .ui-icon{transform:scale(.88)}.tab-bar a[aria-current=page]{color:var(--color-text)}.tab-bar a[aria-current=page] .ui-icon{color:var(--color-accent)}.tab-bar a[aria-current=page]:before{content:"";background:var(--color-accent);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:-1px}.app{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.tab-bar~.site-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}.app{animation:.18s ease-out backwards page-in}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}:root[data-reduced-motion=true] .app{animation:none}@media (prefers-reduced-motion:reduce){.app{animation:none}}.btn{border:1.5px solid var(--color-border);background:var(--color-surface);min-height:52px;color:var(--color-text);cursor:pointer;transition:transform var(--motion-fast) ease;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text);box-shadow:0 6px 18px color-mix(in srgb, var(--color-accent) 28%, transparent)}.landing{background:linear-gradient(180deg, var(--color-sky-top) 0%, var(--color-sky-mid) 38%, var(--color-bg) 78%);padding-bottom:var(--space-6)}.hero{align-items:center;gap:20px;padding-block:8px 20px;display:grid}@media (min-width:900px){.hero{grid-template-columns:.9fr 1.1fr;gap:40px;padding-block:28px 36px}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 10px;font-size:13px;font-weight:700}.display{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(34px,6.4vw,60px);font-weight:800;line-height:1.02}.lede{max-width:34ch;color:var(--color-text-muted);margin:16px 0 0;font-size:clamp(17px,2.2vw,19px)}.cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.cta-note{color:var(--color-text-muted);font-size:15px}.hero-stage{border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--color-sky-top) 70%, transparent), color-mix(in srgb, var(--color-sky-mid) 50%, transparent));height:clamp(240px,36vh,470px)}.tiles{gap:12px;display:grid}@media (min-width:720px){.tiles{grid-template-columns:1fr 1fr;gap:16px}}.tile{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);min-height:88px;color:var(--color-text);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;transition:transform .14s,border-color .14s;display:grid}.tile:hover{border-color:var(--color-focus)}.tile:active{transform:scale(.985)}.tile .ui-game-art{width:56px;height:56px}.tile-text{gap:2px;min-width:0;display:grid}.tile-text strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-weight:800}.tile-text span{color:var(--color-text-muted);font-size:15px}.tile-go{color:var(--color-focus);font-weight:700}.more-games{gap:12px;margin-top:28px;display:grid}.more-games h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:22px}.more-games p{color:var(--color-text-muted);margin:0;font-size:15px}.more-games-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.more-games-list{grid-template-columns:repeat(8,minmax(0,1fr))}}.more-games-list li{text-align:center;justify-items:center;gap:6px;font-size:13px;font-weight:700;display:grid}.more-games-list .ui-game-art{width:52px;height:52px}.promise{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:18px;padding-top:14px;font-size:15px}.site-prose{max-width:760px;padding-block:var(--space-5) var(--space-6)}.site-prose h1{margin:0 0 var(--space-4);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(30px,5vw,42px)}.site-prose h2{margin:var(--space-5) 0 var(--space-2);font-family:var(--font-display);font-size:22px}.site-lede{color:var(--color-text-muted);font-size:18px}.site-license{max-width:100%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);white-space:pre-wrap;font-size:12px;overflow-x:auto}.game-list{margin:var(--space-3) 0 0;gap:var(--space-4);padding:0;list-style:none;display:grid}@media (min-width:720px){.game-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-list li{gap:var(--space-3);grid-template-columns:56px 1fr;align-items:start;display:grid}.game-list .ui-game-art{width:56px;height:56px}.game-list h3{margin:0;font-size:17px}.game-list p{color:var(--color-text-muted);margin:2px 0 0}.game-list a{min-height:var(--tap-min);align-items:center;font-weight:700;display:inline-flex}.game-list .game-list-note{font-size:13px}.habits{margin:0;padding-left:1.4em}.habits h2{font-size:20px}.sources{color:var(--color-text-muted);overflow-wrap:anywhere;padding-left:1.4em;font-size:14px}.sources li+li{margin-top:var(--space-2)}.faq{gap:var(--space-2);margin-bottom:var(--space-5);display:grid}.faq details{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.faq summary{min-height:52px;padding:0 var(--space-4);cursor:pointer;align-items:center;font-weight:700;display:flex}.faq details p{padding:0 var(--space-4) var(--space-4);color:var(--color-text-muted);margin:0}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding-block:var(--space-4) var(--space-5)}.site-footer-row{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.site-footer-nav{gap:0 var(--space-3);flex-wrap:wrap;margin-left:auto;display:flex}.site-footer-nav a{min-height:var(--tap-min);color:var(--color-text-muted);align-items:center;display:inline-flex}.site-footer .site-footer-legal p{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:13px}.onboard-steps{align-items:center;gap:var(--space-1) var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.onboard-steps span[aria-current=step]{color:var(--color-text);font-weight:700}.howit{gap:var(--space-5);padding-top:var(--space-6);padding-bottom:var(--space-6);align-items:center;display:grid}@media (min-width:860px){.howit{gap:var(--space-6);grid-template-columns:1fr 340px}}.howit-title{margin:0 0 var(--space-3);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,5vw,40px)}.howit-steps{margin:0 0 var(--space-4);gap:var(--space-3);padding-left:1.3em;font-size:18px;display:grid}.ewg-retention{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-success);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:flex-start;gap:20px;padding:26px;animation:.28s ease-out ewg-retention-arrive;display:flex;position:relative;overflow:hidden}.ewg-retention-seal{border:1px solid var(--color-success);background:var(--color-surface-2);width:68px;height:78px;color:var(--color-success);border-radius:40px 40px 28px 28px;flex-direction:column;flex:0 0 68px;justify-content:center;align-items:center;display:flex;transform:rotate(-6deg)}.ewg-retention-seal :where(span){font-size:30px;line-height:1}.ewg-retention-seal :where(small){margin-top:4px;font-size:15px;font-weight:750}.ewg-retention-content{min-width:0}.ewg-retention-eyebrow{letter-spacing:.12em;color:var(--color-success);font-size:9px;font-weight:750}.ewg-retention-content :where(h2){font:500 clamp(25px, 4vw, 32px) / 1.2 var(--font-display);letter-spacing:-.03em;margin:6px 0 10px}.ewg-retention-content :where(p){color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.65}.ewg-retention-words{flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.ewg-retention-words :where(li){background:var(--color-surface-2);border:1px solid var(--color-border);font-family:var(--font-display);overflow-wrap:anywhere;border-radius:8px;padding:5px 12px;font-size:19px}.ewg-retention-words :where(span){color:var(--color-success);font-family:var(--font-body);margin-left:3px;font-size:12px}.ewg-retention-footnote{color:var(--color-success);font-size:12px}.ewg-retention-spark{color:var(--color-warning);pointer-events:none;font-size:30px;position:absolute;top:12px;right:16px}.ewg-achievement{border:1px solid var(--color-border);background:var(--color-surface);width:min(480px,100% - 32px);color:var(--color-text);box-shadow:var(--shadow-card);border-radius:14px;align-items:center;gap:12px;padding:12px 8px 12px 16px;animation:.22s ease-out ewg-achievement-arrive;display:flex}.ewg-achievement-icon{border:1px solid var(--color-border);background:var(--color-surface-2);height:38px;color:var(--color-warning);border-radius:50%;flex:0 0 38px;place-items:center;font-size:24px;display:grid}.ewg-achievement :where(div){min-width:0}.ewg-achievement :where(div>span){text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:10px;display:block}.ewg-achievement :where(strong){overflow-wrap:anywhere;font-size:15px}.ewg-achievement :where(button){pointer-events:auto;min-width:44px;min-height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 44px;margin-left:auto;font-size:22px}.ewg-achievement :where(button:hover){background:var(--color-surface-2)}@keyframes ewg-retention-arrive{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes ewg-achievement-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes ewg-celebration-fade{0%{opacity:0}to{opacity:1}}.ewg-retention:where([data-reduced-motion=true]){animation:.18s ease-out ewg-celebration-fade}.ewg-retention:where([data-reduced-motion=true]) .ewg-retention-seal{transform:none}@media (prefers-reduced-motion:reduce){.ewg-retention,.ewg-achievement{animation:.18s ease-out ewg-celebration-fade}.ewg-retention-seal{transform:none}}:root[data-reduced-motion=true] :where(.ewg-retention,.ewg-achievement){animation:.18s ease-out ewg-celebration-fade}@media (max-width:440px){.ewg-retention{gap:13px;padding:18px 14px}.ewg-retention-seal{flex-basis:48px;width:48px;height:61px}.ewg-retention-spark{display:none}.ewg-retention-content :where(h2){font-size:25px}.ewg-retention-words :where(li){font-size:17px}}