:root{--bg:#0d1330;--bg-2:#161d45;--card:#1b2352;--card-2:#232d66;--line:#2f3a7a;--text:#f4f6ff;--muted:#9aa4d6;--gold:#ffc93c;--gold-deep:#e39a00;--pink:#ff4f8b;--blue:#3fb6ff;--green:#43e08a;--red:#ff5a5f;--radius:20px;--tabbar:72px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg)}body{min-height:100dvh;color:var(--text);background:radial-gradient(900px 500px at 110% -10%, #ff4f8b2e, transparent 60%), radial-gradient(700px 500px at -20% 10%, #3fb6ff29, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background-attachment:fixed;margin:0;font-family:Nunito,-apple-system,system-ui,sans-serif;font-weight:600}h1,h2,h3,.stat-num,.ring-value,.stepper-value{font-family:var(--display);letter-spacing:.3px;margin:0;font-weight:400}h1{font-size:30px;line-height:1.1}h2{font-size:24px}h3{margin-top:6px;font-size:19px}p{margin:0;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer}img{display:block}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12px}.center{text-align:center;justify-content:center}.grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.eyebrow{font-family:var(--display);letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:14px}main{animation:.25s ease-out page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.page{max-width:640px;padding:calc(var(--safe-top) + 16px) 16px calc(var(--tabbar) + var(--safe-bottom) + 24px);flex-direction:column;gap:14px;margin:0 auto;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;padding-top:4px;display:flex}.page-header p{margin-top:4px;font-size:14px}.section-title{justify-content:space-between;align-items:center;display:flex}.card{background:linear-gradient(180deg, var(--card-2), var(--card));border:1.5px solid var(--line);border-radius:var(--radius);border-bottom-width:4px;padding:16px}.btn{background:var(--card-2);font-family:var(--display);letter-spacing:.4px;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-size:16px;transition:transform 80ms;display:inline-flex;box-shadow:inset 0 -4px #00000040}.btn:active{transform:translateY(2px);box-shadow:inset 0 -2px #00000040}.btn.primary{background:linear-gradient(180deg, #ffe066, var(--gold));color:#3a2300;box-shadow:inset 0 -5px 0 var(--gold-deep), 0 6px 20px #ffc93c40}.btn.big{width:100%;padding:16px;font-size:19px}.btn.small{border-radius:12px;padding:8px 12px;font-size:14px}.btn.ghost{box-shadow:none;color:var(--muted);background:0 0}.btn:disabled{opacity:.45}.icon-btn{border:1.5px solid var(--line);background:var(--card);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.icon-btn.big{border-radius:18px;width:56px;height:56px}.icon-btn.spinning svg{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:2px 16px 4px;overflow-x:auto}.chips.scroll::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--line);background:var(--card);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:8px 14px;font-size:14px;font-weight:800}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.chip:disabled{opacity:.4}.tag{font-family:var(--display);letter-spacing:.6px;text-transform:uppercase;color:#fff;background:var(--card-2);text-shadow:0 1px #00000059;border-radius:8px;padding:3px 8px;font-size:11px;display:inline-block}.tag.gold{background:var(--gold);color:#3a2300;text-shadow:none}.tag.blue{background:var(--blue)}.tag.live{background:var(--red);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6}}.segmented{background:var(--bg-2);border:1.5px solid var(--line);border-radius:14px;padding:4px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;padding:9px 4px;font-size:14px;font-weight:800}.segmented button[aria-selected=true]{background:var(--card-2);color:var(--text);box-shadow:inset 0 -3px #00000040}.search{background:var(--bg-2);border:1.5px solid var(--line);color:var(--muted);border-radius:14px;align-items:center;gap:8px;padding:0 6px 0 12px;display:flex}.search input{color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:12px 0;font-size:16px}.search .icon-btn{background:0 0;border:0;width:30px;height:30px}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.field input{font:inherit;color:var(--text);background:var(--bg-2);border:1.5px solid var(--line);border-radius:14px;outline:0;min-height:48px;padding:12px;font-size:16px}.face{background:linear-gradient(160deg, var(--card-2), var(--bg-2));box-shadow:inset 0 0 0 2px var(--ring);border-radius:14px;flex:none;place-items:center;display:inline-grid;overflow:hidden}.face img{object-fit:cover;width:100%;height:100%}.face-fallback{font-family:var(--display);color:var(--ring);text-shadow:0 2px #0006}.ability-dot{background:linear-gradient(160deg, var(--gold), var(--pink));border-radius:12px;flex:none;width:40px;height:40px}.face.dim img{filter:grayscale()brightness(.55)}.tabbar{z-index:20;padding:6px 6px calc(var(--safe-bottom) + 6px);-webkit-backdrop-filter:blur(18px)saturate(1.4);background:#0d1330d1;border-top:1px solid #ffffff14;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:10.5px;font-weight:800;display:flex}.tabbar button.on{color:var(--gold)}.tabbar button.on svg{filter:drop-shadow(0 2px 8px #ffc93c80)}.demo-banner{z-index:15;padding:calc(var(--safe-top) + 6px) 12px 6px;text-align:center;background:var(--pink);color:#fff;font-size:12px;font-weight:800;position:sticky;top:0}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05081999;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{overscroll-behavior:contain;background:var(--bg-2);border:1.5px solid var(--line);width:100%;max-width:640px;max-height:92dvh;padding:12px 18px calc(var(--safe-bottom) + 28px);border-bottom:0;border-radius:28px 28px 0 0;animation:.28s cubic-bezier(.2,.9,.3,1.1) sheet-up;position:relative;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-grip{background:var(--line);border-radius:3px;width:44px;height:5px;margin:0 auto 14px}.sheet-close{z-index:2;position:absolute;top:14px;right:14px}.state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}.state-title{font-family:var(--display);font-size:20px}.spinner{border:4px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}.error-box{border-color:#ff5a5f80;flex-direction:column;align-items:flex-start;gap:10px;margin:16px;display:flex}.onboarding{max-width:420px;min-height:100dvh;padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 24px);text-align:center;flex-direction:column;justify-content:center;gap:16px;margin:0 auto;display:flex}.onboarding h1{color:var(--gold);text-shadow:0 4px #7a4b00;font-size:40px}.onboarding form{flex-direction:column;gap:14px;margin-top:8px;display:flex}.logo-burst{color:#3a2300;background:linear-gradient(160deg, #ffe066, var(--gold));width:96px;height:96px;box-shadow:inset 0 -6px 0 var(--gold-deep), 0 10px 40px #ffc93c59;border-radius:28px;place-items:center;margin:0 auto;display:grid;transform:rotate(-6deg)}.tag-input{background:var(--bg-2);border:2px solid var(--line);font-family:var(--display);border-radius:16px;align-items:center;padding:0 14px;font-size:24px;display:flex}.tag-input span{color:var(--muted)}.tag-input input{min-width:0;color:var(--text);font:inherit;letter-spacing:2px;background:0 0;border:0;outline:0;flex:1;padding:14px 8px}.profile{align-items:center;gap:12px;display:flex}.profile-icon{border:3px solid var(--gold);background:var(--card);border-radius:18px;width:64px;height:64px}.profile h1{text-overflow:ellipsis;white-space:nowrap;font-size:26px;overflow:hidden}.goal-card{background:radial-gradient(260px 200px at 50% 55%, #ffc93c24, transparent 70%), linear-gradient(180deg, var(--card-2), var(--card))}.goal-top{justify-content:space-between;align-items:flex-start;display:flex}.goal-top .eyebrow{margin-bottom:2px}.goal-status{font-family:var(--display);font-size:20px}.ring{width:180px;height:180px;margin:10px auto 6px;position:relative}.ring svg{display:block}.ring-track{fill:none;stroke:var(--bg-2);stroke-width:16px}.ring-fill{fill:none;stroke:var(--gold);stroke-width:16px;stroke-linecap:round;filter:drop-shadow(0 0 8px #ffc93c80);transition:stroke-dashoffset .8s cubic-bezier(.3,1,.4,1)}.ring.done .ring-fill{stroke:var(--green);filter:drop-shadow(0 0 10px #43e08a99)}.ring-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-value{font-size:44px;line-height:1}.ring-goal{color:var(--muted);font-size:14px}.goal-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.goal-stats>div{background:#0000002e;border-radius:14px;flex-direction:column;padding:10px 4px;display:flex}.stat-num{justify-content:center;align-items:center;gap:4px;font-size:22px;display:inline-flex}.stat-num.flame{color:#ff8a3d}.week{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.week-goal{z-index:1;pointer-events:none;border-top:2px dashed #ffc93c80;position:absolute;left:0;right:0}.week-col{flex-direction:column;align-items:center;gap:4px;display:flex}.week-track{background:#0000002e;border-radius:10px;align-items:flex-end;width:100%;height:110px;display:flex;position:relative;overflow:hidden}.week-bar{background:linear-gradient(180deg, #7cc7ff, var(--blue));border-radius:10px 10px 4px 4px;width:100%;min-height:6px}.week-bar.hit{background:linear-gradient(180deg, #ffe066, var(--gold))}.week-num{font-family:var(--display);font-size:13px}.week-day{color:var(--muted);text-transform:uppercase;font-size:11px}.week-col.today .week-day{color:var(--gold)}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{flex-direction:column;align-items:flex-start;gap:2px;padding:14px;display:flex}.stat svg{color:var(--gold)}.stat .stat-num{font-size:24px}.top-list,.battles,.skins,.mini-maps,.rank-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.top-list li,.battle{align-items:center;gap:12px;display:flex}.top-list{margin-bottom:10px}.trophy-pill{font-family:var(--display);color:var(--gold);background:#00000038;border-radius:10px;align-items:center;gap:4px;padding:6px 10px;display:inline-flex}.battle{border-left:4px solid var(--line);background:#00000029;border-radius:14px;padding:8px}.battle.win{border-left-color:var(--green)}.battle.loss{border-left-color:var(--red)}.battle strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.battle-result{color:var(--muted);font-size:13px}.delta{font-family:var(--display);text-align:right;min-width:36px}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.stepper{justify-content:center;align-items:center;gap:24px;display:flex}.stepper-value{text-align:center;min-width:110px;color:var(--gold);font-size:56px}.brawler-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:12px 8px;display:grid}.brawler-tile{text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:800;display:flex;position:relative}.brawler-tile .face{border-radius:18px;transition:transform .1s}.brawler-tile:active .face{transform:scale(.94)}.brawler-tile>svg{color:var(--gold);filter:drop-shadow(0 1px 1px #000);position:absolute;top:-3px;right:6px}.sheet-hero{align-items:center;gap:14px;padding-right:44px;display:flex}.sheet-hero img{object-fit:contain;width:96px;height:96px;filter:drop-shadow(0 6px 16px color-mix(in srgb, var(--accent) 60%, transparent))}.sheet-hero h2{margin-bottom:4px}.tip{border-color:#ffc93c66;flex-direction:column;gap:6px;display:flex}.build-row{justify-content:space-between;gap:12px;font-size:14px;display:flex}.build-row span{color:var(--muted)}.build-row strong{text-align:right}.tip-text{border-top:1px solid var(--line);margin-top:6px;padding-top:10px}.ability{text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:16px;align-items:flex-start;gap:12px;width:100%;padding:12px;display:flex}.ability.rec{border-color:var(--gold);box-shadow:0 0 0 3px #ffc93c1f}.ability.mine{border-color:var(--blue)}.ability img{flex:none;width:40px;height:40px}.ability-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mini-maps li{background:var(--card);border-radius:14px;align-items:center;gap:12px;padding:8px;display:flex}.mini-maps img{object-fit:cover;border-radius:8px;width:44px;height:56px}.wr{font-family:var(--display);color:var(--green);flex-direction:column;align-items:flex-end;font-size:20px;display:flex}.wr small{color:var(--muted);font-family:Nunito,sans-serif;font-size:11px}.map-card{text-align:left;border-left:5px solid var(--mode);flex-direction:column;gap:12px;width:100%;display:flex}.map-card-head{align-items:center;gap:12px;display:flex}.map-thumb{object-fit:cover;background:var(--bg-2);border-radius:10px;flex:none;width:54px;height:70px}.mode-name{color:var(--mode,var(--muted));align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.map-name{font-family:var(--display);font-size:19px;font-weight:400}.map-top{align-items:flex-end;gap:8px;display:flex}.map-top>svg{color:var(--muted);align-self:center;margin-left:auto}.map-top-item{flex-direction:column;align-items:center;gap:2px;display:flex}.map-top-item:first-child .face{box-shadow:inset 0 0 0 3px var(--gold)}.map-hero{object-fit:contain;background:var(--bg);border-radius:16px;width:100%;max-height:260px}.rank-list li{align-items:center;gap:10px;display:flex}.rank-pos{font-family:var(--display);text-align:center;width:22px;color:var(--muted)}.rank-list li:nth-child(-n+3) .rank-pos{color:var(--gold)}.rank-nums{font-family:var(--display);flex-direction:column;align-items:flex-end;min-width:64px;display:flex}.rank-nums small{font-family:Nunito,sans-serif;font-size:11px}.bar{background:#00000040;border-radius:6px;height:8px;margin-top:4px;overflow:hidden}.bar>div{background:linear-gradient(90deg, var(--blue), #8be0ff);border-radius:6px;height:100%}.bar.thin{height:6px}.collection-bar{background:#00000040;border-radius:8px;height:14px;margin-bottom:10px;overflow:hidden}.collection-bar>div{background:linear-gradient(90deg, var(--pink), var(--gold));border-radius:8px;min-width:6px;height:100%}.chips.faces{align-items:center}.face-chip{opacity:.7;background:0 0;border:0;border-radius:16px;flex:none;padding:2px}.face-chip.on{opacity:1;box-shadow:0 0 0 3px var(--gold)}.skin-group{flex-direction:column;gap:10px;padding:12px;display:flex}.skin-group-head{align-items:center;gap:10px;display:flex}.skin-group-head strong{font-family:var(--display);font-size:18px;font-weight:400}.skin{background:#00000029;border-radius:12px;align-items:center;gap:10px;padding:8px 8px 8px 10px;display:flex}.skin strong{font-size:15px}.skin-swatch{border-radius:4px;flex:none;align-self:stretch;width:8px}.round-btn{border:1.5px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--muted);border-radius:50%;flex:none;place-items:center;transition:transform .1s;display:grid}.round-btn:active{transform:scale(.88)}.round-btn.heart.on{color:var(--pink);border-color:var(--pink);background:#ff4f8b26}.round-btn.check.on{color:#06301a;background:var(--green);border-color:var(--green)}.round-btn:disabled{opacity:.25}.event{border-left:5px solid var(--mode);align-items:center;gap:12px;padding:10px;display:flex}.event-map{object-fit:cover;background:var(--bg-2);border-radius:10px;flex:none;width:56px;height:72px}.event-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.event-body strong{font-family:var(--display);font-size:18px;font-weight:400}.event .bar>div{background:linear-gradient(90deg, var(--mode), #fff)}.reminder{align-items:center;gap:10px;padding:10px;display:flex}.reminder-date{background:var(--pink);width:52px;height:56px;font-family:var(--display);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.reminder-date span{font-size:24px}.reminder-date small{text-transform:uppercase;font-size:12px}.spotlight{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 60%), linear-gradient(180deg, var(--card-2), var(--bg-2));border:1.5px solid color-mix(in srgb, var(--accent) 60%, var(--line));border-bottom-width:5px;border-radius:28px;flex-direction:column;justify-content:flex-end;min-height:300px;padding:20px;display:flex;position:relative;overflow:hidden}.spotlight-glow{background:repeating-conic-gradient(from 0deg at 50% 38%, #ffffff0f 0 10deg, transparent 10deg 20deg);transform-origin:50% 38%;animation:60s linear infinite spin;position:absolute;inset:0}.spotlight-img{object-fit:contain;filter:drop-shadow(0 16px 24px #00000080);width:210px;height:210px;margin:0 auto;animation:4s ease-in-out infinite float;position:relative}@keyframes float{50%{transform:translateY(-8px)}}.spotlight-img.mystery{width:180px;height:180px;font-family:var(--display);color:#fff;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--accent) 80%, #fff), var(--accent) 45%, #1a1440);box-shadow:0 0 0 6px #ffffff1f, 0 20px 50px color-mix(in srgb, var(--accent) 50%, transparent);text-shadow:0 6px #0000004d;border-radius:50%;place-items:center;font-size:110px;display:grid}.spotlight-info{flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:relative}.spotlight-info h1{text-shadow:0 4px #00000059;width:100%;font-size:44px}.role{font-family:var(--display);color:var(--gold);font-size:18px}.ratings{flex-direction:column;gap:8px;margin:12px 0;display:flex}.rating{justify-content:space-between;align-items:center;display:flex}.pips{gap:5px;display:flex}.pips span{background:#0000004d;border-radius:5px;width:26px;height:10px}.pips span.on{background:var(--gold)}.ability.static{cursor:default}@media (width>=700px){.tabbar{border:1px solid #ffffff1a;border-radius:24px;width:560px;padding-bottom:6px;bottom:12px;left:50%;right:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}