.backdrop{z-index:0;pointer-events:none;--river-h:13vh;--city-w:max(100vw, 125vh);position:fixed;inset:0;overflow:hidden}.sky{background:linear-gradient(#05051a 0%,#0d0b2e 28%,#1d1452 58%,#3a2172 78%,#59307f 92%,#6b3a86 100%);position:absolute;inset:0}.sky-bright{opacity:calc(var(--week-progress) * .85);background:radial-gradient(120% 70% at 50% 100%,#ffc48c59,#9d78ff2e 45%,#0000 75%);transition:opacity 2s;position:absolute;inset:0}.horizon-glow{left:-10%;right:-10%;bottom:calc(var(--river-h) - 4vh);background:radial-gradient(60% 55% at 50% 100%,#ffaa7847,#ba6ec824 50%,#0000 75%);height:30vh;position:absolute}.starlight{width:100%;height:100%;position:absolute;inset:0}.stars{position:absolute;inset:0}.star{opacity:.85;will-change:opacity;background:#fff;border-radius:50%;animation:5s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 6px #ffffffbf}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.25}}.shooting-star{opacity:0;background:linear-gradient(90deg,#fff0,#fff0c8f2);border-radius:2px;width:140px;height:2px;animation:1.6s ease-out forwards shoot;position:absolute;transform:rotate(-20deg)translate(0);box-shadow:0 0 10px #ffe6aae6}@keyframes shoot{0%{opacity:0;transform:rotate(160deg)translate(0)}10%{opacity:1}to{opacity:0;transform:rotate(160deg)translate(520px)}}.city-wrap{left:50%;bottom:var(--river-h);width:var(--city-w);position:absolute;transform:translate(-50%)}.city{width:100%;height:auto;display:block}.win{fill:#ffcf7a;opacity:.85}.win.lamp{fill:#ffe3a6}.win.flicker{animation:7s step-end infinite flicker}@keyframes flicker{0%,to{opacity:.85}46%{opacity:.85}48%{opacity:.2}51%{opacity:.85}72%{opacity:.1}86%{opacity:.85}}.river{height:var(--river-h);background:linear-gradient(#1a1240 0%,#0e0a2a 45%,#060516 100%);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.river:before{content:"";background:linear-gradient(90deg,#0000,#ffd2a066,#0000);height:1px;position:absolute;top:0;left:0;right:0}.river-reflect{width:var(--city-w);margin-left:calc(var(--city-w) / -2);filter:blur(2.5px);opacity:.7;transform-origin:top;will-change:transform;animation:6s ease-in-out infinite alternate ripple;position:absolute;top:0;left:50%}.reflection{width:100%;height:auto;display:block}@keyframes ripple{0%{transform:translate(-2px)scaleY(.62)}to{transform:translate(2px)scaleY(.7)}}.ripples{mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 5px,#0a081e73 5px 7px);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.star,.win.flicker,.river-reflect,.shooting-star{animation:none!important}}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-ext-600-normal-BEFdM_VE.woff2)format("woff2"),url(/assets/cinzel-latin-ext-600-normal-BY9Mq9iK.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:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.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:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.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:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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: ;--lightningcss-dark:initial;color-scheme:dark;--night-0:#07061a;--night-1:#0d0b26;--night-2:#171340;--violet-1:#2a1d5e;--violet-2:#4a2f86;--surface:#16133a9e;--surface-strong:#1a1646db;--surface-raised:#2c24688c;--border:#beb4ff29;--border-strong:#c8beff4d;--text:#eceaf8;--text-muted:#a8a7c8;--text-faint:#7c7aa3;--gold:#e9c46a;--gold-bright:#ffe1a1;--gold-deep:#b98a2f;--gold-glow:#e9c46a73;--gold-wash:#e9c46a1f;--accent:#9d8cff;--accent-wash:#9d8cff29;--rose:#e07b8e;--rose-wash:#e07b8e24;--ok:#8fd6b0;--radius:16px;--radius-sm:10px;--shadow:0 10px 30px #03020e73;--blur:blur(14px) saturate(1.2);--font-display:"Cinzel", "Times New Roman", serif;--font-body:"Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--nav-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--week-progress:0}*,:before,:after{box-sizing:border-box}html{background:var(--night-0);-webkit-text-size-adjust:100%}body{background:var(--night-1);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.45}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-weight:700;line-height:1.15}h1{font-size:1.6rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{z-index:1;min-height:100dvh;position:relative}.page{max-width:560px;padding:calc(16px + var(--safe-top)) 16px calc(var(--nav-h) + 28px + var(--safe-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.page.no-nav{padding-bottom:calc(28px + var(--safe-bottom))}.page-header{align-items:center;gap:12px;min-height:48px;display:flex}.page-header h1{flex:1;font-size:1.35rem}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.stack-sm{flex-direction:column;gap:6px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:.85rem}.tiny{font-size:.75rem}.gold{color:var(--gold)}.center{text-align:center}.num{font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow);padding:16px}.card.tight{padding:12px}.card-title{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.divider{background:var(--border);height:1px;margin:4px 0}.btn{border:1px solid var(--border-strong);background:var(--surface-raised);min-height:48px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.block{width:100%}.btn.primary{border:1.5px solid var(--gold);color:var(--gold-bright);background:linear-gradient(#e9c46a38,#e9c46a14);box-shadow:0 0 18px #e9c46a2e,inset 0 1px #ffe1a133}.btn.solid{background:linear-gradient(180deg, var(--gold-bright), var(--gold) 60%, var(--gold-deep));color:#2a1a05;border:none;box-shadow:0 6px 22px #e9c46a59}.btn.ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn.danger{color:var(--rose);background:var(--rose-wash);border-color:#e07b8e80}.btn.big{min-height:64px;font-family:var(--font-display);letter-spacing:.08em;border-radius:16px;font-size:1.15rem}.btn.small{min-height:40px;padding:0 12px;font-size:.9rem}.icon-btn{border:1px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--text);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:inline-grid}.icon-btn.plain{background:0 0;border-color:#0000}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;min-height:44px;padding:8px 0;font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--text-muted);font-size:.85rem}.input{border:1px solid var(--border-strong);min-height:48px;color:var(--text);background:#08061c8c;border-radius:12px;width:100%;padding:0 14px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;padding-right:36px}.code-input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.8rem}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.toggle input{appearance:none;background:var(--surface-raised);border:1px solid var(--border-strong);cursor:pointer;border-radius:14px;flex:none;width:48px;height:28px;transition:background .15s;position:relative}.toggle input:after{content:"";background:var(--text-muted);border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.toggle input:checked{background:var(--accent-wash);border-color:var(--accent)}.toggle input:checked:after{background:var(--accent);transform:translate(20px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);min-height:40px;color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-wash);color:var(--text)}.swatch{border:2px solid var(--border-strong);cursor:pointer;border-radius:50%;width:40px;height:40px;padding:0}.swatch[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 3px var(--accent)}.tabs{border:1px solid var(--border);scrollbar-width:none;background:#08061c80;border-radius:14px;gap:4px;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:40px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1 0 auto;padding:0 12px;font-size:.9rem;font-weight:600}.tab[aria-selected=true]{background:var(--surface-raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.bar-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;display:grid}.bar-label{align-items:center;gap:6px;min-width:0;font-size:.92rem;font-weight:600;display:flex}.bar-value{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.bar-value.done{color:var(--gold)}.bar{background:#050414b3;border-radius:999px;grid-column:1/-1;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #beb4ff1a}.bar.thin{height:6px}.bar-fill{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg, var(--gold-deep), var(--gold) 70%, var(--gold-bright));width:100%;box-shadow:0 0 10px var(--gold-glow);transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.bar.xp .bar-fill{background:linear-gradient(90deg, #a77d2a, var(--gold) 70%, #fff0c8)}.tick{background:var(--gold);color:#2a1a05;width:18px;height:18px;box-shadow:0 0 10px var(--gold-glow);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.portrait{box-shadow:var(--shadow), inset 0 0 0 4px #0a081e99, inset 0 0 0 5px #e9c46a2e;-webkit-backdrop-filter:var(--blur);cursor:pointer;text-align:left;color:inherit;background:radial-gradient(120% 90% at 0 0,#9d8cff2e,#0000 55%),linear-gradient(160deg,#241c58d9,#100c2ee0);border:1px solid #e9c46a59;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;width:100%;padding:14px;display:grid;position:relative}.portrait:before,.portrait:after{content:"";border:2px solid var(--gold);opacity:.7;width:14px;height:14px;position:absolute}.portrait:before{border-bottom:none;border-right:none;border-top-left-radius:6px;top:6px;left:6px}.portrait:after{border-top:none;border-left:none;border-bottom-right-radius:6px;bottom:6px;right:6px}.portrait.legend{border-color:var(--gold);background:radial-gradient(120% 90% at 0 0,#e9c46a38,#0000 55%),radial-gradient(120% 120% at 100% 100%,#9d8cff40,#0000 60%),linear-gradient(160deg,#302260e6,#120c32e6);box-shadow:0 0 28px #e9c46a59,inset 0 0 0 4px #0a081e99,inset 0 0 0 6px #e9c46a80}.sprite-frame{border:1px solid var(--border);background:radial-gradient(70% 55% at 50% 85%,#9d8cff47,#0000 70%),linear-gradient(#0a082299,#1e164899);border-radius:12px;place-items:end center;display:grid;position:relative;overflow:hidden}.sprite-frame .sigil-badge{position:absolute;top:4px;right:4px}.portrait-name{font-family:var(--font-display);font-size:1.12rem;line-height:1.2}.rank-pill{color:var(--gold);letter-spacing:.02em;border:1px solid #e9c46a73;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.token-count{color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:700;display:inline-flex}.mentor{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;display:grid}.mentor-mark{border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text);background:#08061c99;border-radius:50%;place-items:center;display:grid}.mentor-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:.8rem}.mentor-text{color:var(--text);font-style:italic}.mentor.general .mentor-mark{color:#f0b58a}.mentor.rider .mentor-mark{color:#8fc7ff}.mentor.shadow .mentor-mark{color:#c7a8ff}.mentor.scout .mentor-mark{color:#9be0b5}.list{flex-direction:column;display:flex}.list-item{border-bottom:1px solid var(--border);text-align:left;width:100%;min-height:56px;color:inherit;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:12px;padding:8px 4px;display:flex}.list-item:last-child{border-bottom:none}.list-item .chev{color:var(--text-faint)}.group-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);padding:14px 4px 4px;font-size:.75rem}.nav{z-index:20;padding:0 8px var(--safe-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:var(--blur);background:linear-gradient(#0a081ebf,#070616f2);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-inner{width:100%;max-width:560px;display:flex}.nav a{height:var(--nav-h);color:var(--text-faint);letter-spacing:.04em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.nav a[aria-current=page]{color:var(--text)}.nav a[aria-current=page] svg{filter:drop-shadow(0 0 6px #9d8cffb3)}.sync{color:var(--text-faint);border:1px solid var(--border);white-space:nowrap;background:#08061c73;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;display:inline-flex}.sync-dot{background:var(--text-faint);border-radius:50%;width:7px;height:7px}.sync[data-status=synced] .sync-dot{background:var(--ok)}.sync[data-status=syncing] .sync-dot{background:var(--accent);animation:1s ease-in-out infinite pulse}.sync[data-status=error] .sync-dot{background:var(--rose)}@keyframes pulse{50%{opacity:.3}}.amount{grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;gap:10px;display:grid}.step-btn{border:1px solid var(--border-strong);background:var(--surface-raised);height:72px;color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:16px;font-size:2rem;font-weight:500}.step-btn:active{transform:scale(.95)}.amount-input{text-align:center;font-variant-numeric:tabular-nums;border:1px solid var(--border-strong);width:100%;height:88px;color:var(--text);background:#08061c99;border-radius:16px;font-size:3.4rem;font-weight:700}.amount-input:focus{border-color:var(--accent);outline:none}.quick-amounts{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.set-row{border-bottom:1px solid var(--border);text-align:left;width:100%;min-height:52px;color:inherit;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 4px;display:grid}.set-row:last-child{border-bottom:none}.set-num{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.85rem}.pb-flag{color:var(--gold);letter-spacing:.08em;margin-left:6px;font-size:.72rem;font-weight:700}.rest{align-items:center;gap:12px;display:flex}.rest-ring{flex:none;width:56px;height:56px;position:relative}.rest-ring svg{transform:rotate(-90deg)}.rest-ring span{font-variant-numeric:tabular-nums;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:absolute;inset:0}.xp-float{z-index:60;color:var(--gold-bright);font-family:var(--font-display);text-shadow:0 0 16px var(--gold-glow);pointer-events:none;font-size:1.6rem;font-weight:700;animation:1.3s ease-out forwards xp-float;position:fixed;top:40%;left:50%;transform:translate(-50%)}@keyframes xp-float{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}20%{opacity:1;transform:translate(-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-60px)scale(1)}}.search{top:calc(var(--safe-top) + 4px);z-index:5;position:sticky}.overlay{z-index:50;-webkit-backdrop-filter:blur(4px);background:#04031099;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;max-height:88dvh;padding:20px 16px calc(20px + var(--safe-bottom));background:var(--surface-strong);border:1px solid var(--border-strong);border-bottom:none;border-radius:22px 22px 0 0;flex-direction:column;gap:14px;animation:.25s cubic-bezier(.2,.8,.2,1) slide-up;display:flex;overflow-y:auto;box-shadow:0 -10px 40px #00000080}.overlay.center{align-items:center;padding:16px}.overlay.center .sheet{border-bottom:1px solid var(--border-strong);border-radius:22px}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}}.toasts{top:calc(var(--safe-top) + 12px);z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 12px;display:flex;position:fixed;left:0;right:0}.toast{pointer-events:auto;background:var(--surface-strong);width:100%;max-width:520px;-webkit-backdrop-filter:var(--blur);cursor:pointer;border:1px solid #e9c46a73;border-radius:14px;padding:12px 14px;animation:.35s cubic-bezier(.2,.8,.2,1) toast-in;box-shadow:0 10px 30px #00000080,0 0 22px #e9c46a2e}.toast-head{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:.03em;align-items:center;gap:8px;font-weight:700;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)}}.celebrate{z-index:80;text-align:center;background:radial-gradient(60% 50% at 50% 45%,#e9c46a38,#0000 70%),#040310eb;place-items:center;padding:24px 16px;animation:.4s fade-in;display:grid;position:fixed;inset:0;overflow:hidden auto}.celebrate-inner{z-index:1;flex-direction:column;align-items:center;gap:16px;max-width:420px;display:flex;position:relative}.celebrate h1{color:var(--gold-bright);text-shadow:0 0 24px var(--gold-glow);font-size:2rem}.burst{background:repeating-conic-gradient(#e9c46a29 0deg 6deg,#0000 6deg 18deg);width:640px;height:640px;margin:-320px 0 0 -320px;animation:18s linear infinite burst-spin,.8s ease-out burst-in;position:absolute;top:42%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 65%);mask-image:radial-gradient(circle,#000 10%,#0000 65%)}@keyframes burst-spin{to{transform:rotate(360deg)}}@keyframes burst-in{0%{opacity:0;transform:scale(.4)}}.title-reveal{font-family:var(--font-display);letter-spacing:.06em;font-size:1.25rem;animation:1.2s ease-out .4s both reveal}@keyframes reveal{0%{opacity:0;letter-spacing:.4em;filter:blur(6px)}}.inline-celebration{background:linear-gradient(160deg, #e9c46a1f, var(--surface));border-color:#e9c46a80;animation:.35s toast-in}.hero-sprite{place-items:center;padding:16px 0 8px;display:grid}.item-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.item{border:1px solid var(--border);background:var(--surface);color:inherit;cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-height:150px;padding:10px 8px;display:flex}.item.equipped{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.item.locked{opacity:.55;cursor:default}.item.locked canvas{filter:brightness(0)opacity(.6)}.item-name{font-size:.88rem;font-weight:600;line-height:1.2}.item-state{color:var(--text-muted);font-size:.75rem}.item-state.gold{color:var(--gold)}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.badge{border:1px solid var(--border);background:var(--surface);text-align:center;color:inherit;cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;display:flex}.badge-icon{width:56px;height:56px;color:var(--gold);background:radial-gradient(circle,#e9c46a2e,#0a081e99);border:1.5px solid #e9c46a99;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 16px #e9c46a33}.badge.locked .badge-icon{color:#7876a059;border-color:var(--border);box-shadow:none;background:#0a081e99}.badge-name{font-size:.8rem;font-weight:600;line-height:1.2}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.icon-choice{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;place-items:center;padding:8px;display:grid}.icon-choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-wash)}.icon-choice:disabled{color:#7876a04d;cursor:default}.week-dots{flex-wrap:wrap;gap:6px;display:flex}.week-dot{border:1px solid var(--border);width:22px;height:22px;color:var(--text-faint);background:#08061c80;border-radius:6px;place-items:center;font-size:.65rem;font-weight:700;display:grid}.week-dot.won{background:var(--gold);border-color:var(--gold);color:#2a1a05;box-shadow:0 0 8px var(--gold-glow)}.week-dot.lost{color:var(--rose);background:#e07b8e1f;border-color:#e07b8e59}.week-dot.current{border-color:var(--accent);color:var(--text)}.target-row{grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:10px;min-height:52px;display:grid}.mini-stepper{border:1px solid var(--border-strong);background:#08061c80;border-radius:12px;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;display:grid;overflow:hidden}.mini-stepper button{height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.3rem}.mini-stepper input{text-align:center;font-variant-numeric:tabular-nums;width:100%;height:44px;color:var(--text);background:0 0;border:none;font-weight:700}.flawless{background:var(--gold);color:#2a1a05;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-flex}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat{border:1px solid var(--border);background:#08061c73;border-radius:14px;padding:12px}.stat-value{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.78rem}.xp-lines{flex-direction:column;gap:6px;display:flex}.xp-line{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.xp-line.total{border-top:1px solid var(--border);color:var(--gold);padding-top:8px;font-weight:700}.intro-line{font-family:var(--font-display);text-align:center;font-size:1.15rem;line-height:1.5;animation:1.4s ease-out both reveal}.credits p,.credits li{color:var(--text-muted);font-size:.85rem}.credits ul{margin:6px 0 0;padding-left:18px}.credits h3{margin-top:10px}.notice{border:1px solid var(--border-strong);background:var(--accent-wash);border-radius:12px;padding:12px 14px;font-size:.9rem}.notice.error{background:var(--rose-wash);border-color:#e07b8e73}.loading{min-height:100dvh;font-family:var(--font-display);color:var(--text-muted);letter-spacing:.12em;place-items:center;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.burst{display:none}}