@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}:root{--ink-0: #07090e;--ink-1: #0e1219;--ink-2: #161c26;--line: rgba(255, 255, 255, .075);--line-2: rgba(255, 255, 255, .045);--text: #eef1f6;--muted: #97a1b3;--faint: #5f6a7d;--xp: #ffb43a;--xp-a: #ffcf5c;--xp-b: #f5811f;--lever: #3ddc97;--lev-a: #5ef2b0;--lev-b: #12b39a;--signal: #a78bfa;--sig-a: #c4a6ff;--sig-b: #7c6cf5;--win: #3ddc97;--loss: #6b7787;--r: 20px;--r-sm: 13px;--tap: 46px;--disp: "Space Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--spring: cubic-bezier(.22, .9, .28, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--ink-0);color:var(--text);font:400 16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit;touch-action:manipulation}button{border:0;background:none;cursor:pointer}.app{display:flex;flex-direction:column;height:100dvh;position:relative}.sky{position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;background:radial-gradient(34% 26% at 16% 6%,rgba(124,92,245,.22),transparent 70%),radial-gradient(38% 28% at 88% 18%,rgba(255,150,60,.15),transparent 72%),radial-gradient(46% 32% at 46% 104%,rgba(18,179,154,.16),transparent 70%);animation:drift 38s ease-in-out infinite alternate}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}.head{position:relative;z-index:30;padding:calc(env(safe-area-inset-top) + 15px) 18px 13px;background:color-mix(in srgb,var(--ink-0) 72%,transparent);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--line-2);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hleft{min-width:0}.head h1{margin:0;font-family:var(--disp);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.head .sub{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;color:var(--muted);font-size:12.5px}.lvchip{font-family:var(--disp);font-size:11.5px;font-weight:700;letter-spacing:.02em;color:#12100a;background:linear-gradient(140deg,var(--xp-a),var(--xp-b));border-radius:20px;padding:2px 9px 3px;line-height:1.3;box-shadow:0 4px 14px -4px #f5811f99}.lvchip:active{transform:scale(.94)}.datenav{display:flex;align-items:center;gap:2px}.datenav button{width:34px;height:34px;border-radius:11px;color:var(--muted);font-size:18px;border:1px solid transparent}.datenav button:active{background:var(--ink-2);border-color:var(--line)}.datenav button:disabled{opacity:.22}.xpline{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#ffffff0d}.xpline>i{display:block;height:100%;position:relative;background:linear-gradient(90deg,var(--xp-b),var(--xp-a));box-shadow:0 0 10px color-mix(in srgb,var(--xp) 70%,transparent);transition:width .6s var(--spring)}.scroll{position:relative;z-index:10;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 14px calc(env(safe-area-inset-bottom) + 104px)}.scroll>*+*{margin-top:14px}.scroll>*{animation:rise .44s var(--spring) backwards}.scroll>*:nth-child(1){animation-delay:.01s}.scroll>*:nth-child(2){animation-delay:.05s}.scroll>*:nth-child(3){animation-delay:.09s}.scroll>*:nth-child(4){animation-delay:.13s}.scroll>*:nth-child(5){animation-delay:.16s}.scroll>*:nth-child(6){animation-delay:.19s}.scroll>*:nth-child(n+7){animation-delay:.22s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.card{position:relative;background:linear-gradient(168deg,#ffffff0e,#ffffff03 46%),var(--ink-1);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 20px 44px -32px #000,inset 0 1px #ffffff0f;overflow:hidden}.card>header{display:flex;align-items:baseline;gap:9px;padding:13px 16px 11px}.card>header h2{margin:0;font-family:var(--disp);font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.card>header .sub{font-size:11.5px;color:var(--faint);text-transform:none;letter-spacing:0}.card.out>header h2{color:var(--signal)}.card.in>header h2{color:var(--lever)}.card.info>header h2{color:var(--faint)}.card .body{padding:0 0 4px}.row{padding:9px 16px 11px}.row+.row{border-top:1px solid var(--line-2)}.rowhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.rowhead .lbl{font-size:15px}.rowhead .val{font-family:var(--disp);font-size:13px;font-variant-numeric:tabular-nums;color:var(--lever);font-weight:600}.out .rowhead .val{color:var(--signal)}.rowhead .val.empty{color:var(--faint);font-weight:400}.hint{font-size:12px;color:var(--faint);margin:7px 0 0;line-height:1.4}.chips{display:flex;gap:6px}.chip{flex:1;min-width:0;height:var(--tap);background:#ffffff0b;border:1px solid transparent;border-radius:var(--r-sm);color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;transition:transform .1s var(--spring),background .14s,border-color .14s,color .14s,box-shadow .18s}.chip:active{transform:scale(.93)}.chip.on{background:linear-gradient(150deg,color-mix(in srgb,var(--lever) 26%,transparent),color-mix(in srgb,var(--lever) 10%,transparent));border-color:color-mix(in srgb,var(--lever) 55%,transparent);color:#eafff6;font-weight:650;box-shadow:0 6px 20px -10px color-mix(in srgb,var(--lever) 80%,transparent);animation:chippop .24s var(--spring)}.out .chip.on{background:linear-gradient(150deg,color-mix(in srgb,var(--signal) 26%,transparent),color-mix(in srgb,var(--signal) 10%,transparent));border-color:color-mix(in srgb,var(--signal) 55%,transparent);color:#f0eaff;box-shadow:0 6px 20px -10px color-mix(in srgb,var(--signal) 80%,transparent)}.chip.zero.on{background:#ffffff0f;border-color:var(--line);color:var(--muted);box-shadow:none}@keyframes chippop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.timein,.numin{height:var(--tap);width:100%;background:#ffffff0b;border:1px solid transparent;border-radius:var(--r-sm);padding:0 12px;font-family:var(--disp);font-variant-numeric:tabular-nums;text-align:center;font-size:15px}.numin{text-align:left}.timein:focus,.numin:focus{outline:none;border-color:color-mix(in srgb,var(--lever) 60%,transparent)}.pair{display:flex;gap:6px}.hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:17px 17px 15px;background:radial-gradient(120% 130% at 0% 0%,rgba(255,180,58,.17),transparent 56%),linear-gradient(168deg,#ffffff12,#ffffff03 48%),var(--ink-1);box-shadow:0 26px 54px -34px #000,inset 0 1px #ffffff12}.hrow{display:flex;align-items:center;gap:15px}.htext{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.xpnum{font-family:var(--disp);font-size:38px;font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1;background:linear-gradient(110deg,var(--xp-a),var(--xp-b));-webkit-background-clip:text;background-clip:text;color:transparent}.xpnum em{font-style:normal;font-size:14px;font-weight:600;margin-left:4px;-webkit-text-fill-color:var(--faint)}.htext small{font-size:12px;color:var(--muted);line-height:1.35}.hsub{margin:13px 0 0;font-size:12.5px;color:var(--muted);line-height:1.4}.hsub b{font-family:var(--disp);font-weight:700;color:var(--xp);font-variant-numeric:tabular-nums}.hero .pills{margin-top:11px}.badge{display:block;flex:none}.badge .badgenum{font-family:var(--disp);font-size:34px;font-weight:700;letter-spacing:-.03em}.badgearc{transition:stroke-dashoffset .7s var(--spring)}.arc{position:relative;display:grid;place-items:center;flex:none}.arc svg{position:absolute;top:0;right:0;bottom:0;left:0}.arcline{transition:stroke-dashoffset .6s var(--spring)}.arctext{position:relative;font-family:var(--disp);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--lever)}.pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.flame{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:5px 10px 5px 8px;border-radius:20px;background:#ffffff0a;color:var(--faint);border:1px solid var(--line-2)}.flame svg{fill:currentColor;flex:none;opacity:.5}.flame b{font-family:var(--disp);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.flame em{font-style:normal;font-weight:700;font-size:11px;opacity:.75}.flame.on{color:#ffd79a;border-color:#ffb43a59;background:#ff963c1a}.flame.on svg{opacity:1;color:var(--xp);filter:drop-shadow(0 0 5px rgba(255,150,60,.8))}.flame.on[data-tier="3"],.flame.on[data-tier="4"]{border-color:#ff822880;background:#ff782824}.flame.on[data-tier="5"]{border-color:#ff6e3ca6;background:#ff64282e;color:#ffe0b0;box-shadow:0 6px 22px -12px #ff7828e6}.flame.frz{color:#9ddcfb;border-color:#38bdf859;background:#38bdf817}.quest{display:flex;align-items:center;gap:11px;padding:12px 16px}.quest+.quest{border-top:1px solid var(--line-2)}.qmark{flex:none;width:21px;height:21px;border-radius:50%;border:1.8px solid rgba(255,255,255,.18);position:relative;transition:all .26s var(--spring)}.quest.done .qmark{border-color:transparent;background:linear-gradient(140deg,var(--xp-a),var(--xp-b));box-shadow:0 5px 16px -6px #f5811fcc}.quest.done .qmark:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #17120a;border-width:0 2.2px 2.2px 0;transform:rotate(45deg)}.qlbl{flex:1;min-width:0;font-size:14.5px}.quest.done .qlbl{color:var(--muted)}.qbonus{font-family:var(--disp);font-style:normal;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#17120a;background:linear-gradient(140deg,var(--xp-a),var(--xp-b));border-radius:5px;padding:2px 6px}.qxp{font-family:var(--disp);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--faint);white-space:nowrap}.quest.done .qxp{color:var(--xp)}.weekly{padding:13px 16px 15px;border-top:1px solid var(--line-2)}.weekly .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;font-size:14px}.weekly.done .top span:first-child{color:var(--xp);font-weight:600}.meter{height:6px;border-radius:4px;background:#ffffff0f;overflow:hidden}.meter>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--xp-b),var(--xp-a));transition:width .55s var(--spring)}.meter.lever>i{background:linear-gradient(90deg,var(--lev-b),var(--lev-a))}.meter.muted>i{background:#ffffff38}.facts{font-size:13px;color:var(--muted);padding:13px 16px;line-height:1.65}.facts b{color:var(--text);font-weight:600}.verdict{display:flex;gap:9px;padding:0 16px 16px}.verdict button{flex:1;height:56px;border-radius:16px;background:#ffffff0b;color:var(--muted);font-family:var(--disp);font-size:16px;font-weight:700;letter-spacing:.04em;border:1px solid transparent;transition:transform .1s var(--spring),background .16s,box-shadow .2s}.verdict button:active{transform:scale(.97)}.verdict button.win.on{background:linear-gradient(150deg,color-mix(in srgb,var(--win) 30%,transparent),color-mix(in srgb,var(--win) 10%,transparent));border-color:color-mix(in srgb,var(--win) 55%,transparent);color:#d8fff0;box-shadow:0 10px 30px -14px color-mix(in srgb,var(--win) 90%,transparent);animation:pop .32s var(--spring)}.verdict button.loss.on{background:#ffffff12;border-color:#ffffff2e;color:#c3ccda;animation:pop .32s var(--spring)}.suggest{font-size:12px;color:var(--faint);padding:0 16px 12px}.stat{display:flex;align-items:baseline;justify-content:space-between;padding:12px 16px;gap:12px}.stat+.stat{border-top:1px solid var(--line-2)}.stat .k{font-size:14px;color:var(--muted)}.stat .v{font-family:var(--disp);font-size:15px;font-variant-numeric:tabular-nums;font-weight:600}.big{display:flex;align-items:baseline;gap:12px;padding:16px 16px 8px}.big .n{font-family:var(--disp);font-size:46px;font-weight:700;letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1}.big .n .sep{color:var(--faint);font-weight:400;margin:0 3px}.big .n .l{color:var(--loss)}.big .n.gold{background:linear-gradient(110deg,var(--xp-a),var(--xp-b));-webkit-background-clip:text;background-clip:text;color:transparent}.big .cap{font-size:12.5px;color:var(--muted)}.bar{height:8px;border-radius:5px;background:#ffffff0f;overflow:hidden;margin:12px 16px 4px}.bar>i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--lev-b),var(--lev-a));transition:width .55s var(--spring)}.streak{padding:13px 16px}.streak+.streak{border-top:1px solid var(--line-2)}.streak .top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.streak .name{font-size:15px;font-weight:600}.streak .n{font-family:var(--disp);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.streak .meta{font-size:11.5px;color:var(--faint);margin-top:5px;display:flex;gap:11px;flex-wrap:wrap}.dots{display:flex;gap:3px;margin-top:10px}.dots i{flex:1;height:7px;border-radius:3px;background:#ffffff0f}.dots i.hit{background:linear-gradient(180deg,var(--lev-a),var(--lev-b))}.dots i.miss{background:#ffffff21}.dots i.freeze{background:linear-gradient(180deg,#7dd3fc,#38bdf8)}.tier{font-family:var(--disp);font-size:11px;padding:2px 8px 3px;border-radius:20px;background:#ffffff0f;color:var(--muted);font-weight:700}.tier.gold{color:#17120a;background:linear-gradient(140deg,var(--xp-a),var(--xp-b))}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:12px 16px 14px}.cal .dow{text-align:center;font-size:10.5px;color:var(--faint);padding-bottom:3px;letter-spacing:.06em;text-transform:uppercase}.cell{aspect-ratio:1;border-radius:11px;background:#ffffff0b;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums;transition:transform .1s var(--spring)}.cell:active{transform:scale(.9)}.cell.w{background:linear-gradient(150deg,color-mix(in srgb,var(--win) 34%,transparent),color-mix(in srgb,var(--win) 12%,transparent));color:#d8fff0;font-weight:700}.cell.l{background:#ffffff1a;color:#a4aebd}.cell.today{outline:1.5px solid var(--xp);outline-offset:-1.5px;color:var(--xp)}.cell.future{opacity:.2}.legend{display:flex;gap:15px;padding:0 16px 15px;font-size:11.5px;color:var(--faint)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:block}.dev{padding:11px 16px}.dev+.dev{border-top:1px solid var(--line-2)}.dev .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.dev .d{font-family:var(--disp);font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;white-space:nowrap}.dev .sub{font-size:11.5px;color:var(--faint);margin-top:3px}.emptybox{padding:26px 18px;color:var(--faint);font-size:14px;text-align:center;line-height:1.55}.set{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px}.set+.set{border-top:1px solid var(--line-2)}.set .k{font-size:15px}.set .k small{display:block;font-size:12px;color:var(--faint);margin-top:3px;line-height:1.4}.set input[type=number],.set input[type=time],.set input[type=text]{width:96px;height:40px;background:#ffffff0b;border:1px solid transparent;border-radius:11px;padding:0 11px;text-align:right;font-family:var(--disp)}.set input[type=text]{width:150px;text-align:left;font-family:inherit}.set input[type=time]{width:128px;text-align:center}.sw{width:52px;height:31px;border-radius:20px;background:#ffffff17;position:relative;flex:none;transition:background .2s;border:1px solid var(--line-2)}.sw i{position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:var(--faint);transition:transform .24s var(--spring),background .2s}.sw.on{background:linear-gradient(140deg,color-mix(in srgb,var(--lever) 45%,transparent),color-mix(in srgb,var(--lever) 20%,transparent));border-color:color-mix(in srgb,var(--lever) 40%,transparent)}.sw.on i{transform:translate(21px);background:var(--lev-a);box-shadow:0 3px 10px -2px color-mix(in srgb,var(--lever) 90%,transparent)}.btn{width:100%;height:var(--tap);border-radius:var(--r-sm);background:#ffffff0f;color:var(--text);font-size:15px;font-weight:600;border:1px solid var(--line-2);transition:transform .1s var(--spring),background .16s}.btn:active{transform:scale(.98);background:#ffffff1a}.btn.ghost{color:var(--muted);font-weight:400;background:transparent}.btnrow{display:flex;gap:9px;padding:12px 16px}.tabs{position:fixed;z-index:50;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 10px);display:flex;gap:3px;padding:6px;background:color-mix(in srgb,var(--ink-2) 78%,transparent);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 48px -22px #000,inset 0 1px #ffffff12}.tabs button{flex:1;padding:8px 0 7px;border-radius:16px;color:var(--faint);font-size:10px;display:flex;flex-direction:column;align-items:center;gap:4px;letter-spacing:.02em;transition:color .2s,background .25s var(--spring)}.tabs button.on{color:var(--text);background:linear-gradient(160deg,#ffffff1c,#ffffff08);box-shadow:inset 0 1px #ffffff17}.tabs button:active{transform:scale(.94)}.tabs svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabs button.on svg{stroke:var(--xp);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--xp) 65%,transparent))}.note{font-size:11.5px;color:var(--faint);line-height:1.55;padding:0 4px}.row.inline{display:flex;align-items:center;gap:12px;padding:8px 16px}.row.inline .rl{flex:1;min-width:0}.row.inline .chips{flex:0 0 196px;gap:5px}.row.inline .chip{height:42px;font-size:15px}.rl .lbl{display:block;font-size:15px;line-height:1.25}.rl .sublbl{display:block;font-size:11.5px;color:var(--lever);margin-top:2px}.out .rl .sublbl{color:var(--signal)}.rl .sublbl.empty{color:var(--faint)}.row.inline.wraphint{flex-wrap:wrap}.row.inline .hint{flex:1 0 100%;margin:5px 0 2px}.progress{display:flex;align-items:center;gap:15px;background:linear-gradient(168deg,#ffffff0e,#ffffff03 46%),var(--ink-1);border:1px solid var(--line);border-radius:var(--r);padding:15px 17px;box-shadow:0 20px 44px -32px #000,inset 0 1px #ffffff0f}.ptext{display:flex;flex-direction:column;gap:3px;min-width:0}.ptext b{font-size:15px;font-weight:600}.ptext small{font-size:12px;color:var(--faint);line-height:1.4}.milestone{position:relative;overflow:hidden;border-radius:var(--r);padding:15px 17px;background:radial-gradient(110% 130% at 0% 0%,rgba(255,180,58,.2),transparent 60%),linear-gradient(168deg,#ffffff0f,#ffffff04),var(--ink-1);border:1px solid rgba(255,180,58,.3);display:flex;flex-direction:column;gap:4px;animation:pop .4s var(--spring);box-shadow:0 20px 44px -30px #ff8c28cc}.milestone b{font-family:var(--disp);font-size:17px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(110deg,var(--xp-a),var(--xp-b));-webkit-background-clip:text;background-clip:text;color:transparent}.milestone span{font-size:13px;color:var(--muted)}.best{border-radius:var(--r);padding:13px 17px;background:linear-gradient(168deg,#ffffff0d,#ffffff03),var(--ink-1);border:1px solid var(--line);font-size:13.5px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.best b{color:var(--text);font-weight:600}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.backup{display:flex;align-items:center;gap:12px;border-radius:var(--r);padding:13px 15px;font-size:13px;line-height:1.45;background:#ffffff0b;border:1px solid var(--line);color:var(--muted)}.backup.hard{background:linear-gradient(150deg,#f0a35e29,#f0a35e0d);border-color:#f0a35e61;color:#f0d0ad}.backup button{flex:none;height:37px;padding:0 15px;border-radius:11px;background:var(--text);color:var(--ink-0);font-size:13px;font-weight:700}.tag{font-style:normal;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:5px;padding:2px 6px;margin-left:8px;vertical-align:1px}.pops{position:sticky;top:0;height:0;z-index:20;display:flex;justify-content:flex-end;pointer-events:none}.pops span{font-family:var(--disp);font-size:17px;font-weight:700;color:var(--xp);font-variant-numeric:tabular-nums;text-shadow:0 2px 16px rgba(255,140,40,.7);animation:floatup 1.1s var(--spring) forwards}@keyframes floatup{0%{opacity:0;transform:translateY(8px) scale(.86)}18%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-40px) scale(1)}}.levelup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:radial-gradient(58% 40% at 50% 46%,rgba(255,170,50,.16),transparent 70%),color-mix(in srgb,var(--ink-0) 96%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadein .22s ease}.rays{position:absolute;width:160vmax;height:160vmax;opacity:.26;background:repeating-conic-gradient(from 0deg,rgba(255,190,90,.5) 0deg 5deg,transparent 5deg 17deg);mask-image:radial-gradient(closest-side,#000 6%,transparent 58%);-webkit-mask-image:radial-gradient(closest-side,#000 6%,transparent 58%);animation:spin 22s linear infinite}.lubox{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;animation:pop .5s cubic-bezier(.2,1.35,.4,1)}.lucap{font-family:var(--disp);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--xp);font-weight:700}.luband{font-family:var(--disp);font-size:13px;font-weight:700;letter-spacing:.06em;margin-top:10px}.lusub{font-size:13px;color:var(--muted);margin-top:10px;text-align:center;padding:0 30px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sparks{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:1}.sparks i{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:linear-gradient(140deg,var(--xp-a),var(--xp-b));animation:fly 1.5s var(--spring) var(--t) forwards;opacity:0}@keyframes fly{0%{opacity:0;transform:rotate(var(--a)) translate(0) scale(.4)}22%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translate(var(--d)) scale(1)}}.lvcard{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:20px 18px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(110% 140% at 100% 0%,rgba(255,180,58,.16),transparent 58%),radial-gradient(90% 120% at 0% 100%,rgba(124,92,245,.16),transparent 60%),linear-gradient(168deg,#ffffff12,#ffffff03 48%),var(--ink-1);box-shadow:0 26px 54px -34px #000,inset 0 1px #ffffff12}.lvtext{display:flex;flex-direction:column;gap:3px;min-width:0}.lvtext b{font-family:var(--disp);font-size:30px;font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.05}.lvtext small{font-size:12.5px;color:var(--muted)}.lvtext small.dim{color:var(--faint)}.bandname{font-family:var(--disp);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:2px}.radarwrap{display:grid;place-items:center;padding:10px 0 4px}.radar{width:246px;height:246px;overflow:visible}.radar .grid{fill:none;stroke:#ffffff12;stroke-width:1}.radar .shape{stroke-width:2;stroke-linejoin:round}.radar .rlbl{fill:var(--faint);font-family:var(--disp);font-size:10px;font-weight:700;letter-spacing:.12em}.attr{padding:13px 16px}.attr+.attr{border-top:1px solid var(--line-2)}.attr .top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.attr .name{font-size:15px;font-weight:600}.attr .right{display:flex;align-items:baseline;gap:9px}.attr .form{font-family:var(--disp);font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.attr .trend{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.attr .meta{font-size:11px;color:var(--faint);margin-top:7px;display:flex;gap:11px;flex-wrap:wrap}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-2)}.tile{background:var(--ink-1);padding:15px 10px;display:flex;flex-direction:column;gap:3px;align-items:center}.tile b{font-family:var(--disp);font-size:19px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.tile small{font-size:10.5px;color:var(--faint);text-align:center;line-height:1.3}.trophies{display:flex;flex-wrap:wrap;gap:8px;padding:13px 16px}.trophy{position:relative;overflow:hidden;flex:1 1 46%;padding:11px 12px;border-radius:14px;background:linear-gradient(150deg,#ffb43a29,#ff811f0d);border:1px solid rgba(255,180,58,.3);display:flex;flex-direction:column;gap:2px}.trophy:after{content:"";position:absolute;top:-60%;left:-30%;width:40%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(18deg)}.trophy b{font-family:var(--disp);font-size:13px;color:#ffd79a;font-weight:700;line-height:1.3}.trophy small{font-size:10.5px;color:var(--faint);line-height:1.3}@media(prefers-reduced-motion:reduce){.sky,.rays,.sparks i{animation:none}.scroll>*{animation:none}.pops span{animation-duration:.01s}}