@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}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff");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}*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=lek]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{background:var(--color-backdrop)}body{font-family:var(--font-body);font-size:var(--size-md);color:var(--color-ink-on-backdrop);-webkit-font-smoothing:antialiased;line-height:1.5}.paper{background-color:var(--color-backdrop);background-image:linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:-1px -1px}[data-theme=lek] .paper{background-image:linear-gradient(color-mix(in srgb, var(--color-grid) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-grid) 22%, transparent) 1px, transparent 1px)}.ui{pointer-events:none;position:fixed;inset:0}.ui>*{pointer-events:auto}button,.tile{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-5);border-radius:var(--button-radius);border:var(--stroke-regular) solid var(--button-border);background:var(--button-bg);color:var(--button-ink);font-family:var(--font-display);font-weight:700;font-size:var(--size-md);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);display:inline-flex}button:active{transform:translateY(2px)scale(.98)}button:focus-visible,.tile:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button.primary{background:var(--button-primary-bg);color:var(--button-primary-ink);border-color:var(--button-primary-border);box-shadow:0 var(--button-primary-shadow-y) 0 var(--button-primary-border)}button.primary:active{box-shadow:0 1px 0 var(--button-primary-border);transform:translateY(calc(var(--button-primary-shadow-y) - 1px))}button.big{width:100%;min-height:calc(var(--touch) + 8px);font-size:var(--size-lg)}button.secondary{background:var(--color-surface-sunken);width:100%}button.back{min-height:44px;padding:0 var(--space-4) 0 var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface) 88%, transparent);color:var(--color-ink);border-color:var(--color-outline);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}button.icon-btn{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-backdrop) 70%, transparent);width:48px;min-height:48px;color:var(--color-ink-on-backdrop);border-color:color-mix(in srgb, var(--color-ink-on-backdrop) 30%, transparent);padding:0}.page.home{padding:max(var(--space-5), env(safe-area-inset-top)) var(--space-4) max(var(--space-6), env(safe-area-inset-bottom));position:absolute;inset:0;overflow-y:auto}.page.home>*{max-width:560px;margin-inline:auto}.home-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.home-head .wordmark{margin:0;line-height:0}.home-head .wordmark svg{width:min(240px,60vw);height:auto}.section-title{font-family:var(--font-display);font-size:var(--size-xl);letter-spacing:-.02em;margin:0 auto var(--space-3);font-weight:800}.tiles{gap:var(--space-3);margin:0 auto;padding:0;list-style:none;display:grid}.tile{gap:var(--space-4);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface);min-height:112px;color:var(--color-ink);border:var(--stroke-regular) solid var(--color-outline);box-shadow:0 var(--card-shadow-y) 0 var(--card-shadow-color);transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);grid-template-columns:96px 1fr;align-items:center;text-decoration:none;display:grid}.tile:hover{transform:translateY(-2px)}.tile:active{box-shadow:0 2px 0 var(--card-shadow-color);transform:translateY(3px)}.tile-art{aspect-ratio:1;border-radius:calc(var(--radius-lg) - var(--space-2));place-items:center;width:96px;font-size:54px;line-height:1;display:grid}.tile[data-world=forest] .tile-art{background:linear-gradient(#ff9f6b,#ffe1b0 70%,#3f9b4a 70%)}.tile[data-world=garden] .tile-art{background:linear-gradient(#7cc8ff,#d9f1ff 70%,#5cc45a 70%)}.tile[data-world=space] .tile-art{background:radial-gradient(circle at 70% 25%,#ff8a3d 0 12%,#0000 13%),linear-gradient(#0b1030,#2a1f5c 70%,#8f96d6 70%)}.tile-text{min-width:0;padding-right:var(--space-2);gap:2px;display:grid}.tile-title{font-family:var(--font-display);font-weight:800;font-size:var(--size-lg);letter-spacing:-.01em;line-height:1.15}.tile-sub{color:var(--color-ink-muted);font-size:var(--size-sm);line-height:1.35}.tile-best{font-size:var(--size-sm);color:var(--color-secondary);align-items:center;gap:4px;margin-top:4px;font-weight:700;display:inline-flex}[data-theme=lek] .tile-best{color:var(--color-ink)}.home-foot{margin-top:var(--space-7)}.segmented-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.segmented-label{color:var(--color-ink-on-backdrop);font-weight:600}.segmented{border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:var(--stroke-thin) solid var(--color-outline);gap:4px;padding:4px;display:inline-flex}.seg{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--size-sm);background:0 0;border:0}.seg[aria-checked=true]{background:var(--color-surface);color:var(--color-ink);box-shadow:0 0 0 var(--stroke-thin) var(--color-outline)}.page.game-page{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.page.game-page>*{pointer-events:auto}.topbar{padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-3) 0}.sheet{width:min(560px,100%);padding:var(--space-5) var(--space-4) max(var(--space-5), env(safe-area-inset-bottom));background:var(--color-surface);color:var(--color-ink);border:var(--card-border-width) solid var(--color-outline);border-radius:var(--radius-lg) var(--radius-lg) 0 0;gap:var(--space-3);animation:rise var(--motion-slow) var(--motion-ease);border-bottom:0;margin:0 auto;display:grid}.sheet-title{font-family:var(--font-display);font-size:var(--size-xl);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.05}.story{font-family:var(--font-reading);font-size:var(--size-md);max-width:60ch;margin:0;line-height:1.5}.how{align-items:center;gap:var(--space-2);color:var(--color-ink);margin:0;font-weight:700;display:flex}.how svg{color:var(--color-accent);flex:none}[data-theme=lek] .how svg{color:var(--color-krusa)}.facts{gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.fact{gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:var(--stroke-thin) solid var(--color-outline);align-items:baseline;display:flex}.fact dt{color:var(--color-ink-muted);font-size:var(--size-sm)}.fact dd{font-variant-numeric:tabular-nums;margin:0;font-weight:800}.hud{padding:max(var(--space-2), env(safe-area-inset-top)) var(--space-3) 0;align-items:center;gap:var(--space-2) var(--space-3);pointer-events:none;grid-template-columns:auto 1fr auto;grid-template-areas:"pause hearts counters""progress progress progress";display:grid;position:absolute;inset:0 0 auto}.hud>button{pointer-events:auto;grid-area:pause}.hearts{color:var(--color-danger);filter:drop-shadow(0 2px #00000059);grid-area:hearts;gap:2px;display:flex}.heart.empty{color:#ffffffb3}.hearts.hit{animation:shake .36s var(--motion-ease)}.counters{gap:var(--space-2);grid-area:counters;display:flex}.chip{padding:4px var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-backdrop) 70%, transparent);color:var(--color-ink-on-backdrop);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800}.chip.bump{animation:bump .26s var(--motion-bounce)}.progress{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-backdrop) 55%, transparent);grid-area:progress;height:8px;position:relative}.progress-fill{border-radius:inherit;background:var(--color-accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.progress-flag{color:var(--color-ink-on-backdrop);filter:drop-shadow(0 1px #00000080);position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.countdown{pointer-events:none;font-family:var(--font-display);letter-spacing:-.04em;color:#fff;-webkit-text-stroke:3px var(--hud-outline);paint-order:stroke fill;text-shadow:0 6px 0 var(--hud-outline);place-items:center;font-size:clamp(64px,22vw,160px);font-weight:800;display:grid;position:absolute;inset:0}.countdown.tick{animation:tick .6s var(--motion-bounce)}.scrim{padding:var(--space-4);animation:fade var(--motion-base) var(--motion-ease);background:#080a188c;place-items:center;display:grid;position:absolute;inset:0}.modal{width:min(420px,100%);padding:var(--space-5) var(--space-4) var(--space-4);background:var(--color-surface);color:var(--color-ink);border:var(--card-border-width) solid var(--color-outline);border-radius:var(--radius-lg);box-shadow:0 var(--card-shadow-y) 0 var(--card-shadow-color);animation:pop var(--motion-slow) var(--motion-bounce)}.modal-title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--size-xl);letter-spacing:-.02em;font-weight:800;line-height:1.05}.modal-body{gap:var(--space-3);display:grid}.badge{justify-self:start;align-items:center;gap:var(--space-2);padding:4px var(--space-3);border-radius:var(--radius-pill);background:var(--color-secondary);color:#1b2554;margin:0;font-weight:800;display:inline-flex}.toast{left:50%;bottom:max(var(--space-6), env(safe-area-inset-bottom));max-width:min(90vw,420px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);border:var(--stroke-thin) solid var(--color-outline);opacity:0;pointer-events:none;transition:opacity var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease);font-weight:700;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes tick{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bump{50%{transform:scale(1.18)}}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.universe-card{padding:var(--space-4);margin-bottom:var(--space-6);border-radius:var(--radius-lg);color:#1b2554;border:var(--stroke-regular) solid var(--color-accent-strong);box-shadow:0 var(--card-shadow-y) 0 var(--card-shadow-color);transition:transform var(--motion-fast) var(--motion-ease);background:radial-gradient(circle at 85% 30%,#ffd23f 0 14%,#0000 15%),radial-gradient(circle at 70% 75%,#46e3b0 0 10%,#0000 11%),radial-gradient(circle at 92% 80%,#ff6fae 0 7%,#0000 8%),#ff8a3d;gap:4px;text-decoration:none;display:grid}.universe-card:active{transform:translateY(3px)}.universe-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.uc-title{font-family:var(--font-display);font-weight:800;font-size:var(--size-xl);letter-spacing:-.02em;line-height:1.05}.uc-sub{max-width:26ch;font-weight:600}.page.universe{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.page.universe>*{pointer-events:auto}.uni-top{padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-3) 0;gap:var(--space-2);display:grid}.uni-head{align-items:center;gap:var(--space-3);display:flex}.uni-title{font-family:var(--font-display);font-weight:800;font-size:var(--size-xl);letter-spacing:-.02em;color:#fff;text-shadow:0 2px #00000073;margin:0}.style-chips{gap:var(--space-2);scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.style-chip{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);font-size:var(--size-sm);background:color-mix(in srgb, var(--color-surface) 90%, transparent);color:var(--color-ink);border-color:var(--color-outline);flex:none}.style-chip[aria-checked=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent-strong)}.uni-sheet{width:min(560px,100%);padding:var(--space-4) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));gap:var(--space-3);margin:0 auto;display:grid}.page.universe .uni-sheet:has(.story){background:var(--color-surface);color:var(--color-ink);border:var(--card-border-width) solid var(--color-outline);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.uni-sheet .hint{text-align:center;color:#fff;text-shadow:0 1px #00000080;margin:0;font-weight:700}.uni-sheet:has(.story) .hint{color:var(--color-ink-muted);text-shadow:none;font-weight:600;font-size:var(--size-sm)}.uni-sheet .muted{color:var(--color-ink-muted);margin:0}.who{gap:var(--space-2);flex-wrap:wrap;display:flex}.who-btn{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);font-size:var(--size-sm);background:var(--color-surface-sunken)}.who-btn[aria-checked=true]{background:var(--color-secondary);color:#1b2554;border-color:var(--color-accent-strong)}
