@import"https://fonts.googleapis.com/css2?family=Bungee&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;700&display=swap";:root{--bg: #070b1a;--bg2: #0b1124;--card: rgba(21, 29, 57, .72);--card-solid: #131b36;--card-hi: rgba(32, 43, 82, .8);--line: rgba(128, 148, 210, .16);--line-strong: rgba(160, 180, 240, .3);--text: #eef2ff;--muted: #8b99bf;--faint: #55628a;--gold: #ffc53d;--gold2: #ff9f1c;--violet: #9d7bff;--violet2: #6c4bff;--mint: #3ddc97;--coral: #ff5d6c;--sky: #4cc9f0;--orange: #ff8a5d;--rare: #4cc9f0;--epic: #b07cff;--legendary: #ffc53d;--mythic: #39ff88;--radius: 18px;--font-display: "Bungee", system-ui, sans-serif;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0}body{min-height:100vh;color:var(--text);font-family:var(--font-sans);background:radial-gradient(900px 500px at 12% -8%,rgba(108,75,255,.28),transparent 60%),radial-gradient(800px 480px at 100% 105%,rgba(255,159,28,.16),transparent 60%),radial-gradient(600px 400px at 95% 8%,rgba(76,201,240,.1),transparent 60%),var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(160,180,255,.07) 1px,transparent 1px);background-size:22px 22px}#root{position:relative}button{font-family:inherit}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app{max-width:1080px;margin:0 auto;padding:0 16px calc(96px + var(--safe-b))}.topbar{position:sticky;top:0;z-index:40;margin:0 -16px;padding:calc(12px + var(--safe-t)) 16px 12px;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#070b1aeb,#070b1ab8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-family:var(--font-display);font-size:17px;line-height:1;letter-spacing:.5px;background:linear-gradient(180deg,#ffe08a,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(255,197,61,.25)}.brand small{display:block;font:500 9px var(--font-mono);letter-spacing:2.5px;color:var(--muted);-webkit-text-fill-color:var(--muted);margin-top:4px;text-transform:uppercase}.topbar .grow{flex:1}.who{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--font-sans);color:var(--muted);background:none;border:0;padding:0;cursor:pointer}.who-name{display:none;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.who-name{display:inline}}@media(max-width:400px){.topbar{gap:6px;padding:calc(10px + var(--safe-t)) 12px 10px}.icon-btn{width:30px;height:30px}.brand{font-size:13px}.brand small{font-size:7px;letter-spacing:1px;margin-top:2px}.topbar .chip{padding:3px 7px;font-size:10px}}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;justify-content:space-around;gap:2px;padding:8px 10px calc(8px + var(--safe-b));background:#090e1feb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line-strong)}.tab{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:14px;color:var(--muted);text-decoration:none;font:600 10px var(--font-sans);letter-spacing:.3px;position:relative;transition:color .2s,background .2s,transform .15s}.tab:active{transform:scale(.94)}.tab.active{color:var(--gold);background:#ffc53d1a}.tab.active:after{content:"";position:absolute;top:-9px;left:25%;right:25%;height:3px;border-radius:0 0 4px 4px;background:var(--gold);box-shadow:0 0 14px var(--gold)}.tab-ico{position:relative;display:inline-flex}.unread-dot{position:absolute;top:-2px;right:-4px;width:9px;height:9px;border-radius:50%;background:var(--coral);border:2px solid var(--bg);box-shadow:0 0 6px #ff5d6cb3}@media(min-width:900px){.app{padding-bottom:60px}.tabs{position:sticky;top:61px;bottom:auto;justify-content:flex-start;gap:6px;margin:0 -16px 18px;padding:10px 16px;border-top:0;border-bottom:1px solid var(--line)}.tab{flex:0 0 auto;flex-direction:row;gap:8px;max-width:none;padding:9px 16px;font-size:13px}.tab.active:after{top:auto;bottom:-11px;left:18%;right:18%;border-radius:4px 4px 0 0}}.page{padding-top:18px;animation:fadeUp .45s ease backwards}.split{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}.stack{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(min-width:700px){.grid4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.section-title{display:flex;align-items:center;gap:8px;margin:22px 2px 10px;font:700 11px var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}.stack>.section-title:first-child,.page>.section-title:first-child{margin-top:0}.card{position:relative;border-radius:var(--radius);padding:16px;background:linear-gradient(160deg,var(--card-hi),var(--card));border:1px solid var(--line);box-shadow:0 10px 30px #00000047,inset 0 1px #ffffff0d}.card.pad-s{padding:12px 14px}.card.gold{border-color:#ffc53d73;box-shadow:0 0 0 1px #ffc53d14,0 12px 34px #ff9f1c1f}.card.violet{border-color:#9d7bff66;background:linear-gradient(160deg,#3c28788c,#181438cc)}.card.danger{border-color:#ff5d6c80}.card-title{display:flex;align-items:center;gap:8px;font:700 12px var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.center{text-align:center}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:13px;border:1px solid var(--line-strong);background:#ffffff0a;color:var(--text);font:700 13px var(--font-sans);cursor:pointer;transition:transform .15s,box-shadow .2s,opacity .2s,background .2s}.btn:hover{background:#ffffff14}.btn:active{transform:translateY(1px) scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.block{width:100%}.btn.gold{border:0;color:#2a1a00;background:linear-gradient(180deg,#ffd766,var(--gold2));box-shadow:0 6px 20px #ff9f1c4d,inset 0 1px #ffffff8c}.btn.gold:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transition:left .55s}.btn.gold:hover:after{left:130%}.btn.gold:hover{background:linear-gradient(180deg,#ffe08a,var(--gold2));box-shadow:0 8px 26px #ff9f1c6b,inset 0 1px #ffffff8c}.btn.violet{border:0;color:#fff;background:linear-gradient(180deg,#ae92ff,var(--violet2));box-shadow:0 6px 20px #6c4bff59}.btn.violet:hover{background:linear-gradient(180deg,#bda5ff,#7a5cff)}.btn.mint{border:0;color:#032417;background:linear-gradient(180deg,#6cf0b8,#22b573)}.btn.danger{color:var(--coral);border-color:#ff5d6c80;background:#ff5d6c14}.btn.sm{padding:8px 12px;font-size:12px;border-radius:11px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:11px;border:1px solid var(--line-strong);background:#ffffff0a;color:var(--muted);cursor:pointer;transition:all .15s}.icon-btn:hover{color:var(--text);background:#ffffff17}.icon-btn.gold{color:var(--gold);border-color:#ffc53d80}.icon-btn.mint{color:var(--mint);border-color:#3ddc9780}.icon-btn.danger{color:var(--coral);border-color:#ff5d6c80}.field{display:block}.field>span{display:block;font:600 11px var(--font-sans);color:var(--muted);margin-bottom:5px}.input{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line-strong);background:#060a18b3;color:var(--text);font:500 14px var(--font-mono);transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffc53d26;outline:0}.input.care{border-color:#9d7bff8c}.input.warn{border-color:#ff8a5d99}.pwd-wrap{position:relative}.pwd-wrap .input{padding-right:40px}.pwd-toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s}.pwd-toggle:hover{color:var(--text);background:#ffffff12}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.55;pointer-events:none}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b99bf' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:700 11px var(--font-mono);letter-spacing:.4px;background:#ffffff0f;border:1px solid var(--line);color:var(--muted)}.chip.gold{color:var(--gold);border-color:#ffc53d73;background:#ffc53d1a}.chip.mint{color:var(--mint);border-color:#3ddc9773;background:#3ddc971a}.chip.violet{color:var(--violet);border-color:#9d7bff73;background:#9d7bff1f}.chip.coral{color:var(--coral);border-color:#ff5d6c73;background:#ff5d6c1a}.chip.rare{color:var(--rare);border-color:#4cc9f073;background:#4cc9f01a}.chip.epic{color:var(--epic);border-color:#b07cff80;background:#b07cff1f}.chip.legendary{color:var(--legendary);border-color:#ffc53d8c;background:#ffc53d1f}.chip.mythic{color:var(--mythic);border-color:#39ff888c;background:#39ff881f;font-family:var(--font-mono)}.months{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.months::-webkit-scrollbar{display:none}.month{flex-shrink:0;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff08;color:var(--muted);font:700 12px var(--font-mono);cursor:pointer;transition:all .2s;position:relative}.month:hover{color:var(--text)}.month.on{color:#2a1a00;background:linear-gradient(180deg,#ffd766,var(--gold2));border-color:transparent;box-shadow:0 4px 16px #ff9f1c4d}.month .dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:var(--mint);border:2px solid var(--bg)}.bar{height:12px;border-radius:99px;background:#040814cc;border:1px solid var(--line);overflow:hidden;position:relative}.bar.thin{height:8px}.bar>i{display:block;height:100%;border-radius:99px;width:var(--w, 0%);transition:width 1s cubic-bezier(.22,1,.36,1);background:linear-gradient(90deg,var(--violet2),var(--violet));position:relative;overflow:hidden}.bar>i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-100%);animation:shimmer 2.4s infinite}.bar.gold>i{background:linear-gradient(90deg,var(--gold2),#ffe08a)}.bar.mint>i{background:linear-gradient(90deg,#1fb673,var(--mint))}.bar.hp>i{background:linear-gradient(90deg,#ff4d5e,var(--orange))}.bar.hp.low>i{background:linear-gradient(90deg,var(--gold2),#ffe08a)}.ring{--p: 0;width:var(--s, 92px);height:var(--s, 92px);position:relative;flex-shrink:0}.ring svg{transform:rotate(-90deg);width:100%;height:100%;overflow:visible}.ring .track{stroke:#040814d9}.ring .val{stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 6px currentColor)}.ring .lbl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 17px var(--font-mono)}.ring .lbl small{font:500 9px var(--font-mono);color:var(--muted);letter-spacing:1px}.avatar{position:relative;width:var(--s, 64px);height:var(--s, 64px);flex-shrink:0;display:grid;place-items:center}.avatar .hex{position:absolute;top:0;right:0;bottom:0;left:0}.avatar b{position:relative;font:400 calc(var(--s, 64px) * .4) var(--font-display);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.avatar .lv{position:absolute;right:-4px;bottom:-4px;min-width:24px;height:24px;padding:0 6px;border-radius:99px;display:grid;place-items:center;font:700 11px var(--font-mono);color:#2a1a00;border:2px solid var(--bg);background:linear-gradient(180deg,#ffd766,var(--gold2));box-shadow:0 2px 10px #ff9f1c80}.hero{overflow:hidden}.hero:before{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(157,123,255,.32),transparent 65%);pointer-events:none}.rank{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;margin-bottom:7px;background:#080d1e99;border:1px solid var(--line);transition:transform .2s,border-color .2s;animation:fadeUp .4s ease both;animation-delay:calc(var(--i, 0) * 45ms)}.rank:hover{transform:translate(3px);border-color:var(--line-strong)}.rank.me{border-color:#ffc53d99;background:linear-gradient(90deg,#ffc53d24,#080d1e99);box-shadow:0 0 22px #ffc53d1a}.rank .pos{width:26px;text-align:center;font:700 13px var(--font-mono);color:var(--muted);flex-shrink:0}.rank .val{font:700 14px var(--font-mono);color:var(--gold)}.podium{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:10px;align-items:end;margin-bottom:14px}.pod{min-width:0;text-align:center;padding:14px 8px 12px;border-radius:18px 18px 8px 8px;border:1px solid var(--line-strong);position:relative;background:linear-gradient(180deg,#ffffff12,#ffffff05);animation:fadeUp .6s ease both}.pod.p1{padding-top:22px;padding-bottom:20px;border-color:#ffc53d99;background:linear-gradient(180deg,#ffc53d33,#ffc53d08);box-shadow:0 0 34px #ffc53d2e}.pod.p2{border-color:#c8d2eb80;animation-delay:.1s}.pod.p3{border-color:#e08a4b80;animation-delay:.2s}.pod .crown{position:absolute;top:-16px;left:50%;transform:translate(-50%);color:var(--gold);filter:drop-shadow(0 0 8px var(--gold));animation:floaty 2.6s ease-in-out infinite}.pod .avatar{margin:0 auto}.pod .nm{font:700 13px var(--font-sans);margin-top:8px}.pod .sc{font:700 13px var(--font-mono);color:var(--gold);margin-top:2px}.pod .minis{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:6px;min-height:24px}.kpi{padding:14px}.kpi .k{font:700 10px var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.kpi .v{font:700 21px var(--font-mono);margin-top:6px;letter-spacing:-.5px}.kpi .s{font-size:11px;color:var(--muted);margin-top:2px}.boss{cursor:pointer;overflow:hidden}.boss.dead{border-color:#3ddc9799}.boss .name{font:500 11px var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.boss .hp-num{font:400 34px/1 var(--font-display);color:var(--coral);text-shadow:0 0 24px rgba(255,93,108,.45)}.boss.dead .hp-num{color:var(--mint);text-shadow:0 0 24px rgba(61,220,151,.45)}.boss .sprite{animation:floaty 3s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(255,93,108,.5))}.boss.dead .sprite{animation:none;filter:none}.miles{display:flex;justify-content:space-between;gap:6px;margin-top:10px}.mile{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border-radius:10px;font:700 11px var(--font-mono);color:var(--faint);border:1px solid var(--line);background:#ffffff08;transition:all .4s}.mile.ok{color:var(--mint);border-color:#3ddc9799;background:#3ddc971f;box-shadow:0 0 14px #3ddc9733}.bars{display:flex;align-items:flex-end;gap:4px;height:90px}.bars i{flex:1;min-width:4px;border-radius:5px 5px 2px 2px;background:#1e2a4ee6;transform-origin:bottom;animation:growY .8s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 40ms)}.bars i.on{background:linear-gradient(180deg,#ffe08a,var(--gold2));box-shadow:0 0 14px #ff9f1c40}.table{display:grid;gap:4px;font:500 12px var(--font-mono);overflow-x:auto}.table .tr{display:grid;align-items:center;gap:6px;padding:7px 4px;border-top:1px solid var(--line)}.taux{text-align:center;border-radius:8px;padding:3px 0;font:700 11px var(--font-mono)}.medal{position:relative;width:var(--s, 72px);height:calc(var(--s, 72px) * 1.08);flex-shrink:0;display:inline-grid;place-items:center}.medal svg.shape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.medal .ico{position:relative;color:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));margin-top:-2%}.medal:after{content:"";position:absolute;top:6%;right:8%;bottom:6%;left:8%;pointer-events:none;opacity:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);background-size:250% 100%;background-position:130% 0}.medal.shine:after{animation:shineSweep 3.6s ease-in-out infinite;opacity:1}.medal.legendary:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,transparent,rgba(255,197,61,.35),transparent 30%,rgba(255,138,93,.3),transparent 60%,rgba(255,197,61,.35),transparent);animation:spin 6s linear infinite;filter:blur(6px)}.medal.mythic:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,transparent,rgba(57,255,136,.4),transparent 30%,rgba(18,184,107,.3),transparent 60%,rgba(57,255,136,.4),transparent);animation:spin 5s linear infinite reverse;filter:blur(6px)}.medal.mythic svg.shape{filter:drop-shadow(0 6px 10px rgba(0,0,0,.45)) drop-shadow(0 0 7px rgba(57,255,136,.55))}.medal.mythic .ico{animation:glitchFlicker 3.2s ease-in-out infinite}.medal.locked svg.shape{filter:grayscale(1) brightness(.45)}.medal.locked .ico{opacity:.35}.medal .lockmark{position:absolute;right:-2px;bottom:2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0a1022;border:1px solid var(--line-strong);color:var(--muted)}.medal .count{position:absolute;right:-6px;top:-4px;min-width:22px;height:22px;padding:0 5px;border-radius:99px;display:grid;place-items:center;font:700 11px var(--font-mono);background:var(--bg);border:2px solid var(--gold);color:var(--gold)}.medal.tier-1:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,transparent,rgba(224,167,42,.4),transparent 30%,rgba(255,243,196,.3),transparent 60%,rgba(224,167,42,.4),transparent);animation:spin 6s linear infinite;filter:blur(6px)}.medal.tier-2:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,transparent,rgba(58,180,217,.45),transparent 30%,rgba(223,250,255,.35),transparent 60%,rgba(58,180,217,.45),transparent);animation:spin 5.4s linear infinite reverse;filter:blur(6px)}.medal.tier-3:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,transparent,rgba(242,245,250,.45),transparent 30%,rgba(154,163,181,.35),transparent 60%,rgba(242,245,250,.45),transparent);animation:spin 4.8s linear infinite;filter:blur(6px)}.medal.tier-4:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,transparent,rgba(224,36,60,.5),transparent 30%,rgba(255,214,214,.35),transparent 60%,rgba(224,36,60,.5),transparent);animation:spin 4.2s linear infinite reverse;filter:blur(6px)}.medal .tiermark{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);white-space:nowrap;font:800 8px var(--font-mono);letter-spacing:.5px;padding:1px 6px;border-radius:99px;background:var(--bg);border:1px solid var(--line-strong);color:var(--gold)}.medal .fire-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(255,138,29,.6),rgba(255,61,61,.3) 55%,transparent 76%);filter:blur(7px);animation:fireFlicker 1.5s ease-in-out infinite}.medal.fire svg.shape{filter:drop-shadow(0 6px 10px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(255,106,0,.65))}.medal .streakmark{position:absolute;left:-6px;top:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;display:inline-flex;align-items:center;gap:2px;font:800 10px var(--font-mono);color:#fff;background:linear-gradient(180deg,#ff9f43,#ff3d3d);border:2px solid var(--bg);box-shadow:0 0 8px #ff5d00bf}.minis{display:inline-flex;align-items:center;gap:2px}.mini{position:relative;display:inline-flex}.mini sub{position:absolute;right:-3px;bottom:-3px;font:700 8px var(--font-mono);color:var(--gold);text-shadow:0 0 3px #000,0 0 3px #000}.badge-card{display:flex;gap:14px;align-items:center}.badge-card .info{flex:1;min-width:0}.badge-card h3{margin:0;font:700 16px var(--font-sans)}.badge-card .tag{font-size:12px;color:var(--muted);margin:2px 0 6px}.badge-card .how{font-size:13px;line-height:1.4;color:#cdd6f4}.badge-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}@media(min-width:760px){.badge-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.badge-card.owned{border-color:#ffc53d66}.pips{display:inline-flex;gap:3px}.pips i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.race{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.race:first-of-type{border-top:0}.race .who2{font-size:12px;color:var(--muted)}.race .who2 b{color:var(--text)}.race .hint{font:600 11px var(--font-sans);margin-top:3px}.race .hint.lead{color:var(--gold)}.race .hint.chase{color:var(--sky)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:#040712b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .25s ease both}@media(min-width:700px){.overlay{align-items:center}}.sheet{width:100%;max-width:500px;max-height:88vh;overflow-y:auto;border-radius:22px 22px 0 0;padding:18px;background:var(--card-solid);border:1px solid var(--line-strong);animation:sheetUp .35s cubic-bezier(.22,1,.36,1) both}@media(min-width:700px){.sheet{border-radius:22px}}.mascot-face{width:var(--s, 64px);height:var(--s, 64px);flex-shrink:0;border-radius:50%;object-fit:cover;object-position:top center;background:radial-gradient(circle at 50% 30%,rgba(255,197,61,.25),transparent 70%),var(--bg2);border:2px solid var(--line-strong);box-shadow:0 0 0 4px #ffc53d14,0 8px 20px #00000059}.mascot-bubble{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.mascot-speech{flex:1;min-width:0;position:relative;background:#ffffff0a;border:1px solid var(--line);border-radius:4px 16px 16px;padding:12px 14px}.mascot-speech h3{margin:0 0 4px;font:700 15px var(--font-sans);color:var(--gold)}.mascot-speech p{margin:0;font-size:13px;line-height:1.5;color:var(--text)}.mascot-sheet{position:relative;padding-top:26px}.mascot-skip{position:absolute;top:12px;right:12px;z-index:1}.dots{display:inline-flex;gap:5px}.dots span{width:7px;height:7px;border-radius:50%;background:var(--line-strong);transition:background .2s,transform .2s}.dots span.on{background:var(--gold);transform:scale(1.2)}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:120;max-width:92vw;padding:10px 18px;border-radius:99px;font:700 13px var(--font-sans);color:#032417;background:linear-gradient(180deg,#6cf0b8,#22b573);box-shadow:0 10px 30px #22b57366;animation:toastIn .4s cubic-bezier(.22,1.4,.36,1) both;text-align:center}.toast.err{color:#fff;background:linear-gradient(180deg,#ff7a86,#e0384a);box-shadow:0 10px 30px #e0384a66}.win{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;overflow:hidden;cursor:pointer;animation:fadeIn .3s ease both;background:radial-gradient(circle at 50% 45%,#28185aeb,#040610f5 70%)}.win.out{animation:fadeOut .35s ease both}.win .rays{position:absolute;width:190vmax;height:190vmax;left:50%;top:45%;margin:-95vmax 0 0 -95vmax;opacity:.55;animation:spin 14s linear infinite;background:repeating-conic-gradient(from 0deg,rgba(255,197,61,.32) 0 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 46%);mask-image:radial-gradient(circle,#000 0,transparent 46%)}.win .flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;animation:flash .7s ease-out both;pointer-events:none}.win .stage{position:relative;width:min(92vw,380px);text-align:center;animation:zoomIn .55s cubic-bezier(.2,1.5,.4,1) both}.win .marquee{position:relative;padding:26px 20px 22px;border-radius:26px;background:linear-gradient(180deg,#261a54f5,#0e0a26fa);border:3px solid var(--gold);box-shadow:0 0 60px #ffc53d80,inset 0 0 40px #ffc53d1f}.win .bulbs{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:32px;pointer-events:none;background:radial-gradient(circle,#fff 0 2.5px,var(--gold) 3px,transparent 4.5px) 0 0 / 22px 22px round,transparent;-webkit-mask:linear-gradient(#000 0 0) top / 100% 10px no-repeat,linear-gradient(#000 0 0) bottom / 100% 10px no-repeat,linear-gradient(#000 0 0) left / 10px 100% no-repeat,linear-gradient(#000 0 0) right / 10px 100% no-repeat;mask:linear-gradient(#000 0 0) top / 100% 10px no-repeat,linear-gradient(#000 0 0) bottom / 100% 10px no-repeat,linear-gradient(#000 0 0) left / 10px 100% no-repeat,linear-gradient(#000 0 0) right / 10px 100% no-repeat;filter:drop-shadow(0 0 5px var(--gold));animation:bulbs .9s steps(2) infinite}.win .kicker{font:400 13px var(--font-display);letter-spacing:3px;color:var(--gold);text-shadow:0 0 14px rgba(255,197,61,.8);animation:blink 1s steps(2) infinite}.win .drop{margin:14px auto 6px;animation:dropIn 1s cubic-bezier(.3,1.6,.5,1) .2s both;display:inline-block}.win h2{margin:10px 0 2px;font:400 27px/1.05 var(--font-display);background:linear-gradient(180deg,#fff,#ffe08a 60%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}.win .tagline{color:#cdd6f4;font-size:14px;margin:4px 0 10px}.win .stat{display:inline-flex;gap:8px;align-items:center;padding:6px 14px;border-radius:99px;font:700 13px var(--font-mono);background:#ffc53d24;border:1px solid rgba(255,197,61,.5);color:var(--gold)}.win .rew{margin-top:12px;font:700 12px var(--font-mono);color:var(--mint);letter-spacing:.5px}.win .foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font:500 11px var(--font-mono);color:var(--muted)}.win .timer{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff14}.win .timer i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--gold2),var(--gold));transform-origin:left;animation:timer var(--ms, 5.5s) linear both}.win.level .marquee{border-color:var(--mint);box-shadow:0 0 60px #3ddc9773,inset 0 0 40px #3ddc971f}.win.level .kicker{color:var(--mint);text-shadow:0 0 14px rgba(61,220,151,.8)}.win.level .bulbs{background:radial-gradient(circle,#fff 0 2.5px,var(--mint) 3px,transparent 4.5px) 0 0 / 22px 22px round;filter:drop-shadow(0 0 5px var(--mint))}.win.level .rays{background:repeating-conic-gradient(from 0deg,rgba(61,220,151,.3) 0 6deg,transparent 6deg 18deg)}.win.level h2{background:linear-gradient(180deg,#fff,#9af5cb 60%,var(--mint));-webkit-background-clip:text;background-clip:text}.win.level .stat{color:var(--mint);border-color:#3ddc9780;background:#3ddc971f}.win .lvl-num{font:400 64px/1 var(--font-display);color:var(--mint);text-shadow:0 0 30px rgba(61,220,151,.7)}.win.mythic .marquee{border-color:var(--mythic);box-shadow:0 0 60px #39ff8873,inset 0 0 40px #39ff881f;background:linear-gradient(180deg,#081e14f5,#040a08fa)}.win.mythic .kicker{color:var(--mythic);text-shadow:0 0 14px rgba(57,255,136,.8);font-family:var(--font-mono);letter-spacing:4px}.win.mythic .bulbs{background:radial-gradient(circle,#fff 0 2.5px,var(--mythic) 3px,transparent 4.5px) 0 0 / 22px 22px round;filter:drop-shadow(0 0 5px var(--mythic))}.win.mythic .rays{background:repeating-conic-gradient(from 0deg,rgba(57,255,136,.32) 0 6deg,transparent 6deg 18deg)}.win.mythic h2{font-family:var(--font-mono);background:linear-gradient(180deg,#fff,#9dffce 60%,var(--mythic));-webkit-background-clip:text;background-clip:text}.win.mythic .stat{color:var(--mythic);border-color:#39ff8880;background:#39ff881f}.win.mythic .rew{color:var(--mythic)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;left:var(--x);width:var(--w);height:var(--h);background:var(--c);border-radius:var(--r, 2px);opacity:0;animation:fall var(--d) cubic-bezier(.3,.1,.6,1) var(--dl) both}.confetti.local{position:absolute;z-index:5}.confetti.local i{top:40%;animation-name:burst}.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px;position:relative;overflow:hidden}.login .floaty{position:absolute;opacity:.9;animation:floaty 5s ease-in-out infinite;pointer-events:none}.login .box{position:relative;width:100%;max-width:400px}.login h1{margin:6px 0 22px;font:400 44px/.98 var(--font-display);text-align:center;background:linear-gradient(180deg,#fff2c2,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(255,159,28,.35))}.login .eyebrow{text-align:center;font:500 11px var(--font-mono);letter-spacing:4px;color:var(--muted);text-transform:uppercase}.chat-card{display:flex;flex-direction:column;height:calc(100vh - 300px);min-height:360px;padding:0;overflow:hidden}@media(min-width:900px){.chat-card{height:calc(100vh - 260px)}}.chat-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chat-empty{margin:auto;text-align:center;color:var(--muted);font-size:13px}.msg{display:flex;gap:8px;max-width:86%;align-items:flex-end}.msg.mine{align-self:flex-end;flex-direction:row-reverse}.msg .bubble{background:var(--card-hi);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:8px 12px;min-width:0}.msg.mine .bubble{background:linear-gradient(165deg,#ffc53d38,#ff9f1c1f);border-color:#ffc53d66;border-radius:16px 16px 4px}.msg .author{display:flex;align-items:baseline;gap:6px;font:700 11px var(--font-sans);color:var(--gold);margin-bottom:2px}.msg.mine .author{color:var(--mint)}.msg .author time{font:500 10px var(--font-mono);color:var(--faint)}.msg .del{background:none;border:0;padding:2px;margin:-2px -2px -2px 0;color:var(--faint);cursor:pointer;display:inline-flex;opacity:.7}.msg .del:hover{color:var(--coral);opacity:1}.msg .body{font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.chat-composer{display:flex;gap:8px;align-items:flex-end;padding:10px 12px calc(10px + var(--safe-b));border-top:1px solid var(--line);background:#090e1f80}.chat-composer textarea{flex:1;resize:none;max-height:110px}.chat-rooms{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}.chat-rooms::-webkit-scrollbar{display:none}.splash{min-height:100vh;display:grid;place-items:center;color:var(--gold);font:400 16px var(--font-display);letter-spacing:2px}.splash span{animation:blink 1.2s ease-in-out infinite alternate}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:shimmerBg 1.4s infinite}.legend{display:flex;gap:14px;flex-wrap:wrap;font:500 11px var(--font-mono);color:var(--muted)}.divider{height:1px;background:var(--line);margin:12px 0}.lock-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;margin-bottom:12px;font-size:13px;background:#3ddc971a;border:1px solid rgba(61,220,151,.4);color:var(--mint)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes toastIn{0%{transform:translate(-50%,-30px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes shimmerBg{to{background-position:-200% 0}}@keyframes growY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes blink{50%{opacity:.35}}@keyframes bulbs{50%{opacity:.35}}@keyframes flash{0%{opacity:.85}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.3) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}@keyframes dropIn{0%{transform:translateY(-260px) scale(.4) rotate(-25deg);opacity:0}55%{opacity:1}to{transform:none;opacity:1}}@keyframes timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes shineSweep{0%,55%{background-position:130% 0}to{background-position:-30% 0}}@keyframes glitchFlicker{0%,92%,to{opacity:1;filter:none}94%{opacity:.55;filter:drop-shadow(2px 0 0 #39ff88) drop-shadow(-2px 0 0 #ff3df0)}96%{opacity:1;filter:none}}@keyframes fireFlicker{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes fall{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(var(--dx),110vh,0) rotate(var(--rot));opacity:1}}@keyframes burst{0%{transform:translateZ(0) rotate(0) scale(.4);opacity:1}to{transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot)) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.win .rays,.win .flash,.confetti{display:none!important}}@media(max-width:640px){.input{font-size:16px}}