*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg-0:#07070f;--bg-1:#0d0c1a;--bg-2:#15132a;--bg-3:#1d1a3a;--bg-4:#28244e;--bg-elev:rgba(29,26,58,0.6);--primary:#8b5cf6;--primary-hi:#a78bfa;--primary-lo:#6d28d9;--primary-glow:rgba(139,92,246,.35);--cyan:#22d3ee;--cyan-hi:#67e8f9;--cyan-glow:rgba(34,211,238,.35);--gold:#fbbf24;--gold-hi:#fcd34d;--gold-glow:rgba(251,191,36,.30);--green:#22c55e;--green-hi:#4ade80;--green-glow:rgba(34,197,94,.30);--red:#ef4444;--red-hi:#f87171;--red-glow:rgba(239,68,68,.30);--pink:#ec4899;--pink-glow:rgba(236,72,153,.30);--text:#f4f4f8;--text-dim:#b8b5d0;--text-mute:#837fa3;--text-disabled:#56527a;--border:rgba(139,92,246,.14);--border-strong:rgba(139,92,246,.32);--border-cyan:rgba(34,211,238,.28);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 6px 18px rgba(0,0,0,.45);--shadow-lg:0 16px 40px rgba(0,0,0,.55);--shadow-glow:0 0 24px var(--primary-glow);--sidebar-w:260px;--sidebar-w-md:76px;--topbar-h:64px;--content-max:1280px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;--t-fast:120ms ease;--t-base:220ms ease;--t-slow:380ms ease;--font-base:var(--font-inter),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:var(--font-orbitron),var(--font-inter),system-ui,sans-serif;--font-mono:var(--font-jetbrains),ui-monospace,Menlo,monospace;--font-body:var(--font-inter);--font-title:var(--font-orbitron);--muted:var(--text-mute)}html{-webkit-text-size-adjust:100%}body,html{min-height:100%}body{font-family:var(--font-base);font-size:14.5px;line-height:1.55;color:var(--text);background:var(--bg-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-0);background-image:radial-gradient(ellipse 1100px 700px at 15% -10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(ellipse 900px 600px at 100% 110%,rgba(34,211,238,.12),transparent 60%),radial-gradient(ellipse 600px 500px at 50% 50%,rgba(236,72,153,.05),transparent 70%),linear-gradient(rgba(139,92,246,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.045) 1px,transparent 1px),linear-gradient(180deg,var(--bg-0) 0,var(--bg-1) 60%,var(--bg-0) 100%);background-size:auto,auto,auto,44px 44px,44px 44px,auto;background-attachment:fixed;overflow-x:hidden}a{color:var(--cyan);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--cyan-hi)}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}::selection{background:var(--primary-glow);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:10px;border:2px solid var(--bg-1)}::-webkit-scrollbar-thumb:hover{background:var(--bg-4)}.app{display:flex;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,rgba(13,12,26,.95),rgba(7,7,15,.95));border-right:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:50;transition:transform var(--t-base),width var(--t-base)}.sidebarBrand{padding:22px 22px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.brandMark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--cyan));display:grid;place-items:center;color:#07070f;font-weight:900;font-size:18px;font-family:var(--font-display);letter-spacing:-.04em;box-shadow:0 0 24px var(--primary-glow),inset 0 1px 0 rgba(255,255,255,.18);position:relative}.brandMark:after{content:"";position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--cyan),var(--pink));z-index:-1;opacity:.35;filter:blur(8px)}.brandText{display:flex;flex-direction:column;line-height:1.1}.brandText strong{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.04em;background:linear-gradient(135deg,#fff 0,var(--primary-hi) 60%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.brandText span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-mute);margin-top:3px;font-weight:600}.sidebarNav{flex:1 1;padding:14px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.navGroup{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-mute);padding:18px 12px 6px}.navItem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);color:var(--text-dim);font-size:13.5px;font-weight:500;cursor:pointer;transition:all var(--t-fast);position:relative;text-decoration:none;-webkit-user-select:none;user-select:none}.navItem:hover{background:var(--bg-2);color:var(--text)}.navItem.active{background:linear-gradient(90deg,rgba(139,92,246,.18),transparent);color:#fff}.navItem.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:linear-gradient(180deg,var(--primary),var(--cyan));border-radius:0 4px 4px 0;box-shadow:0 0 12px var(--primary)}.navIcon{width:20px;font-size:15px;text-align:center;opacity:.85;flex-shrink:0}.navItem.active .navIcon{color:var(--primary-hi);opacity:1}.navLabel{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navBadge{background:var(--primary);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:var(--r-full);margin-left:auto;box-shadow:0 0 10px var(--primary-glow)}.sidebarFooter{padding:14px 12px;border-top:1px solid var(--border)}.userPill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--border)}.userPillAvatar{width:34px;height:34px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary),var(--pink));display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;flex-shrink:0;box-shadow:0 0 12px var(--primary-glow)}.userPillInfo{min-width:0;flex:1 1}.userPillName{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userPillMeta{font-size:11px;color:var(--text-mute);display:flex;align-items:center;gap:4px}.main{flex:1 1;display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);background:rgba(13,12,26,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:30}.topbarToggle{display:none;width:38px;height:38px;border-radius:var(--r-md);background:transparent;border:1px solid var(--border);color:var(--text-dim);align-items:center;justify-content:center}.topbarToggle:hover{background:var(--bg-2);color:var(--text)}.topbarSpacer{flex:1 1}.topbarSearch{position:relative;width:320px;max-width:40vw}.topbarSearch i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-mute);font-size:13px;pointer-events:none}.topbarSearch input{width:100%;height:38px;padding:0 14px 0 38px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:13.5px;font-family:inherit;outline:none;transition:all var(--t-fast)}.topbarSearch input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.topbarSearch input::placeholder{color:var(--text-mute)}.topbarActions{display:flex;align-items:center;gap:8px}.iconBtn{width:38px;height:38px;border-radius:var(--r-md);background:transparent;border:1px solid var(--border);color:var(--text-dim);display:grid;place-items:center;position:relative;transition:all var(--t-fast)}.iconBtn:hover{background:var(--bg-2);color:var(--text);border-color:var(--border-strong)}.iconBtn .dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--bg-1)}.currencyPill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;background:linear-gradient(135deg,rgba(34,211,238,.15),rgba(34,211,238,.05));border:1px solid rgba(34,211,238,.38);border-radius:var(--r-full);font-weight:700;font-size:13px;color:var(--cyan-hi);font-family:var(--font-mono);text-shadow:0 0 10px var(--cyan-glow)}.currencyPill:before{content:"◈";font-size:14px;color:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan-glow))}.currencyPill--gold{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(251,191,36,.05));border-color:rgba(251,191,36,.32);color:var(--gold-hi);text-shadow:0 0 10px var(--gold-glow)}.currencyPill--gold:before{color:var(--gold);filter:drop-shadow(0 0 6px var(--gold-glow))}.content{flex:1 1;padding:28px 32px 60px;max-width:var(--content-max);width:100%;margin:0 auto}body:has(.invScreens) .content{padding:0;max-width:none;margin:0}body:has(.invPage),html:has(.invPage){scroll-snap-type:y mandatory;scroll-padding-top:var(--topbar-h)}.pageHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.pageTitle{font-family:var(--font-display);font-size:clamp(24px,4vw,32px);font-weight:800;letter-spacing:-.01em;line-height:1.1;margin-bottom:6px;background:linear-gradient(135deg,#fff 0,var(--primary-hi) 50%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.pageLead{font-size:14px;color:var(--text-dim);max-width:60ch}.pageHeadActions{display:flex;gap:10px;flex-wrap:wrap}.card{background:linear-gradient(180deg,rgba(29,26,58,.62),rgba(21,19,42,.5));border:1px solid var(--border);border-radius:var(--r-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:border-color var(--t-fast),transform var(--t-fast)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.55}.card:hover{border-color:var(--border-strong)}.cardHeader{padding:18px 22px 12px;border-bottom:1px solid var(--border)}.cardTitle{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text);letter-spacing:.01em;display:flex;align-items:center;gap:10px}.cardSub{font-size:12.5px;color:var(--text-mute);margin-top:4px}.cardBody{padding:18px 22px 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--r-md);border:1px solid transparent;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--t-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btnPrimary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-lo) 100%);color:#fff;box-shadow:0 6px 18px -4px var(--primary-glow)}.btnPrimary:hover{transform:translateY(-1px);box-shadow:0 10px 28px -4px var(--primary-glow),0 0 24px var(--primary-glow);filter:brightness(1.08)}.btnPrimary:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform .6s ease}.btnPrimary:hover:after{transform:translateX(100%)}.btnCyan,.btnSecondary{background:linear-gradient(135deg,var(--cyan) 0,#0891b2 100%);color:#07070f;box-shadow:0 6px 18px -4px var(--cyan-glow)}.btnCyan:hover,.btnSecondary:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 10px 28px -4px var(--cyan-glow)}.btnGhost{background:rgba(139,92,246,.08);color:var(--text);border-color:var(--border-strong)}.btnGhost:hover{background:rgba(139,92,246,.16);border-color:var(--primary)}.btnDanger{background:linear-gradient(135deg,var(--red) 0,#b91c1c 100%);color:#fff;box-shadow:0 6px 18px -4px var(--red-glow)}.btnDanger:hover{transform:translateY(-1px);filter:brightness(1.08)}.btnSuccess{background:linear-gradient(135deg,var(--green) 0,#15803d 100%);color:#fff;box-shadow:0 6px 18px -4px var(--green-glow)}.btnSuccess:hover{transform:translateY(-1px);filter:brightness(1.08)}.btnGold{background:linear-gradient(135deg,var(--gold) 0,#d97706 100%);color:#07070f;font-weight:700;box-shadow:0 6px 18px -4px var(--gold-glow)}.btnGold:hover{transform:translateY(-1px);filter:brightness(1.08)}.btnSm{padding:7px 14px;font-size:12.5px}.btnLg{padding:14px 26px;font-size:15px}.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:22px}.statCard{padding:20px 22px;position:relative}.statCard:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle at 70% 30%,var(--primary-glow),transparent 70%);pointer-events:none;opacity:.8}.statTop{display:flex;align-items:center;gap:12px;margin-bottom:14px;position:relative;z-index:1}.statIcon{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;font-size:18px;background:var(--bg-3);border:1px solid var(--border);flex-shrink:0}.statIcon--primary{background:rgba(139,92,246,.16);border-color:rgba(139,92,246,.4);color:var(--primary-hi);box-shadow:0 0 16px var(--primary-glow)}.statIcon--cyan{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.4);color:var(--cyan-hi);box-shadow:0 0 16px var(--cyan-glow)}.statIcon--gold{background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.4);color:var(--gold-hi);box-shadow:0 0 16px var(--gold-glow)}.statIcon--danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.4);color:var(--red-hi);box-shadow:0 0 16px var(--red-glow)}.statIcon--green{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.4);color:var(--green-hi);box-shadow:0 0 16px var(--green-glow)}.statLabel{font-size:11.5px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.12em}.statValue{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1;margin-bottom:6px;color:#fff;letter-spacing:-.01em}.statMeta{font-size:12px;color:var(--text-mute)}.xpCard{margin-bottom:22px}.xpBar{height:14px;background:var(--bg-3);border:1px solid var(--border);overflow:hidden}.xpBar,.xpFill{border-radius:var(--r-full);position:relative}.xpFill{height:100%;background:linear-gradient(90deg,var(--primary) 0,var(--cyan) 60%,var(--gold) 100%);transition:width .6s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px var(--primary-glow)}.xpFill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:xpShine 2.4s linear infinite}@keyframes xpShine{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.xpBlock{margin-top:16px}.xpBlockTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.xpBlockTitle{font-size:13px;font-weight:600;color:var(--text)}.xpBlockMeta{font-family:var(--font-mono);font-size:12px;color:var(--cyan-hi);font-weight:600}.dashGrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;margin-bottom:22px}.list{display:flex;flex-direction:column;gap:8px}.listRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:rgba(7,7,15,.45);border:1px solid var(--border);border-radius:var(--r-md);transition:all var(--t-fast)}.listRow:hover{border-color:var(--border-strong);background:rgba(7,7,15,.65);transform:translateX(2px)}.listLeft{min-width:0;flex:1 1}.listRight{flex-shrink:0}.listRight,.listTitle{display:flex;gap:8px;align-items:center}.listTitle{font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:3px}.listMeta{font-size:12px;color:var(--text-mute);font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-3);color:var(--text-dim);border:1px solid var(--border);white-space:nowrap}.badgeSuccess{background:rgba(34,197,94,.14);color:var(--green-hi);border-color:rgba(34,197,94,.4)}.badgeDanger{background:rgba(239,68,68,.14);color:var(--red-hi);border-color:rgba(239,68,68,.4)}.badgeGold{background:rgba(251,191,36,.14);color:var(--gold-hi);border-color:rgba(251,191,36,.4)}.badgeCyan{background:rgba(34,211,238,.14);color:var(--cyan-hi);border-color:rgba(34,211,238,.4)}.badgePurple{background:rgba(139,92,246,.14);color:var(--primary-hi);border-color:rgba(139,92,246,.4)}.badgePink{background:rgba(236,72,153,.14);color:#f9a8d4;border-color:rgba(236,72,153,.4)}.badgeHasTip{position:relative;cursor:help}.badgeHasTip:before{content:"";bottom:calc(100% + 2px);width:2px;height:10px;background:linear-gradient(180deg,rgba(34,211,238,.55),rgba(139,92,246,.25));border-radius:999px;z-index:99}.badgeHasTip:after,.badgeHasTip:before{position:absolute;left:50%;transform:translateX(-50%) translateY(4px);pointer-events:none;opacity:0;transition:all var(--t-fast)}.badgeHasTip:after{content:attr(data-tip);bottom:calc(100% + 8px);background:var(--bg-0);border:1px solid var(--border-strong);color:var(--text);font-size:10.5px;padding:5px 9px;border-radius:var(--r-sm);white-space:nowrap;box-shadow:var(--shadow-md);z-index:100}.badgeHasTip.isOpen:before,.badgeHasTip:focus-visible:before,.badgeHasTip:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}.badgeHasTip.isOpen:after,.badgeHasTip:focus-visible:after,.badgeHasTip:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gameBadgeIcon{width:14px;height:14px;object-fit:contain}.inlineIcon{display:inline-block;vertical-align:-2px;margin-right:2px}.inventoryMini{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.miniSlotForm{display:contents}.miniSlot,.miniSlotButton{background:linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all var(--t-fast);position:relative;color:var(--text);font-family:inherit;text-align:center}.miniSlot:hover,.miniSlotButton:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 18px -4px var(--primary-glow)}.miniSlotIcon{font-size:26px;line-height:1;filter:drop-shadow(0 0 6px var(--primary-glow))}.miniSlotQty{position:absolute;top:4px;right:4px;background:var(--gold);color:#07070f;font-size:10px;font-weight:800;padding:1px 6px;border-radius:var(--r-full);font-family:var(--font-mono);box-shadow:0 0 8px var(--gold-glow)}.miniSlotName{font-size:10.5px;color:var(--text-dim);line-height:1.2;max-height:26px;overflow:hidden}.inventoryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.itemCard{background:linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:all var(--t-base);overflow:hidden}.itemCard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,var(--primary-glow),transparent 60%);opacity:0;transition:opacity var(--t-base);pointer-events:none}.itemCard:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 24px var(--primary-glow)}.itemCard:hover:before{opacity:.6}.itemCard--rare{border-color:rgba(34,211,238,.4)}.itemCard--epic{border-color:rgba(139,92,246,.4)}.itemCard--legend{border-color:rgba(251,191,36,.4)}.itemCard--rare:hover{box-shadow:var(--shadow-lg),0 0 24px var(--cyan-glow)}.itemCard--epic:hover{box-shadow:var(--shadow-lg),0 0 24px var(--primary-glow)}.itemCard--legend:hover{box-shadow:var(--shadow-lg),0 0 24px var(--gold-glow)}.itemImg{width:80px;height:80px;border-radius:var(--r-md);background:rgba(7,7,15,.5);display:grid;place-items:center;font-size:42px;margin-bottom:12px}.itemImg,.itemName{position:relative;z-index:1}.itemName{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px;line-height:1.25}.itemDesc{font-size:11.5px;color:var(--text-mute);line-height:1.4;margin-bottom:12px;min-height:32px}.itemDesc,.itemFooter{position:relative;z-index:1}.itemFooter{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.itemQty{font-size:12px;padding:3px 10px;background:rgba(251,191,36,.1);border-radius:var(--r-full);border:1px solid rgba(251,191,36,.32)}.itemPrice,.itemQty{font-family:var(--font-mono);font-weight:700;color:var(--gold-hi)}.itemPrice{display:inline-flex;align-items:center;gap:4px;font-size:13px}.itemPrice:before{content:"◈";font-size:13px;filter:drop-shadow(0 0 4px var(--gold-glow))}.slotFormCard{display:contents}.slot{background:linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;cursor:pointer;font-family:inherit;color:inherit;transition:all var(--t-base);width:100%}.slot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,var(--primary-glow),transparent 65%);opacity:0;transition:opacity var(--t-base);pointer-events:none}.slot:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 22px var(--primary-glow)}.slot:hover:before{opacity:.55}.slotTop{position:relative;width:100%;display:flex;justify-content:center;align-items:flex-start;margin-bottom:10px}.slotIcon{width:84px;height:84px;border-radius:var(--r-md);background:rgba(7,7,15,.55);border:1px solid var(--border);display:grid;place-items:center;font-size:42px;position:relative;z-index:1;overflow:hidden}.slotIconImage{max-width:84%;max-height:84%;object-fit:contain;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.slotQty{position:absolute;top:-4px;right:6px;min-width:26px;height:22px;padding:0 8px;background:linear-gradient(135deg,var(--cyan),#0891b2);color:#06121a;border-radius:var(--r-full);font-family:var(--font-mono);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--cyan-glow);z-index:2;border:1px solid rgba(255,255,255,.15)}.slotName{font-size:13px;font-weight:700;color:var(--text);line-height:1.25;margin-bottom:6px}.slotKey,.slotName{position:relative;z-index:1}.slotKey{font-size:11px;color:var(--text-mute);line-height:1.4;min-height:30px;display:flex;align-items:center;justify-content:center}.slotKey code{background:transparent;font-family:inherit;color:inherit;font-size:inherit;padding:0;border:0}.slot--rare{border-color:rgba(34,211,238,.4)}.slot--epic{border-color:rgba(139,92,246,.4)}.slot--legend{border-color:rgba(251,191,36,.45)}.slot--rare:hover{box-shadow:var(--shadow-lg),0 0 24px var(--cyan-glow);border-color:var(--cyan)}.slot--epic:hover{box-shadow:var(--shadow-lg),0 0 24px var(--primary-glow);border-color:var(--primary)}.slot--legend:hover{box-shadow:var(--shadow-lg),0 0 28px var(--gold-glow);border-color:var(--gold)}.slot--epic:after,.slot--legend:after,.slot--rare:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2}.slot--rare:after{background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.slot--epic:after{background:linear-gradient(90deg,transparent,var(--primary),transparent)}.slot--legend:after{background:linear-gradient(90deg,transparent,var(--gold),transparent)}.rankTabs{display:flex;gap:6px;flex-wrap:wrap;padding:4px;background:var(--bg-0);border:1px solid var(--border);margin-bottom:18px;width:fit-content}.rankTab,.rankTabs{border-radius:var(--r-full)}.rankTab{padding:8px 18px;font-size:12.5px;font-weight:600;color:var(--text-dim);text-decoration:none;transition:all var(--t-fast);letter-spacing:.02em;white-space:nowrap;cursor:pointer;border:0;background:transparent;font-family:inherit}.rankTab:hover{color:var(--text);background:var(--bg-2)}.rankTabActive{box-shadow:0 0 14px var(--primary-glow);text-shadow:0 1px 2px rgba(0,0,0,.3)}.rankTabActive,.rankTabActive:hover{background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff}.buffsSection{margin-bottom:22px}.buffGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.buffCard{background:linear-gradient(180deg,rgba(139,92,246,.08),var(--bg-2));border:1px solid rgba(139,92,246,.32);border-radius:var(--r-lg);padding:14px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;min-width:0}.buffCard:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--cyan),transparent);opacity:.8}.buffTop{display:flex;align-items:center;gap:12px;min-width:0}.buffIcon{width:40px;height:40px;border-radius:var(--r-md);background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.4);display:grid;place-items:center;font-size:19px;flex-shrink:0;box-shadow:0 0 12px var(--primary-glow)}.buffInfo{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.buffTitle{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.buffMultiplier{flex-shrink:0;font-family:var(--font-mono);font-size:13px;font-weight:800;padding:4px 10px;border-radius:var(--r-full);background:rgba(34,211,238,.14);color:var(--cyan-hi);border:1px solid rgba(34,211,238,.4);letter-spacing:.04em;white-space:nowrap}.buffMultiplier--charges{background:rgba(139,92,246,.14);color:var(--primary-hi);border-color:rgba(139,92,246,.4)}.buffMeta{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.buffMeta .badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;flex-shrink:1;min-width:0}.buffMeta .badge strong{color:var(--text-mute);font-weight:600;margin-right:4px;text-transform:uppercase;letter-spacing:.08em;font-size:9.5px}.buffBottom{display:flex;justify-content:stretch;margin-top:auto}.buffBottom .badge{flex:1 1;justify-content:center;padding:6px 12px;font-size:11.5px;letter-spacing:.04em}.buffExpiry{display:inline-flex;align-items:center;gap:6px}.buffExpiry:before{content:"⏱";font-size:12px}.missionsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.missionCard{background:linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;position:relative;overflow:hidden;transition:all var(--t-fast)}.missionCard:hover{border-color:var(--border-strong);transform:translateY(-2px)}.missionCard.completed{border-color:rgba(34,197,94,.4);background:linear-gradient(180deg,rgba(34,197,94,.06) 0,var(--bg-2) 100%)}.missionCard.completed:after{content:"✓";position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;display:grid;place-items:center;font-size:13px;box-shadow:0 0 12px var(--green-glow)}.missionTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.missionTitle{font-size:14.5px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:4px}.missionDesc{font-size:12.5px;color:var(--text-dim);line-height:1.5;margin-bottom:14px;min-height:36px}.missionRewards{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.rewardChip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(7,7,15,.6);border:1px solid var(--border);border-radius:var(--r-full);font-size:11.5px;font-weight:600;color:var(--text-dim);font-family:var(--font-mono)}.rewardChip.xp{color:var(--cyan-hi);border-color:rgba(34,211,238,.32)}.rewardChip.crystal,.rewardChip.gold{color:var(--gold-hi);border-color:rgba(251,191,36,.32)}.missionProgressBar{height:8px;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--r-full);overflow:hidden}.missionProgressFill{height:100%;background:linear-gradient(90deg,var(--primary),var(--cyan));border-radius:var(--r-full);transition:width .5s ease}.missionProgressFill.full{background:linear-gradient(90deg,var(--green),var(--green-hi))}.missionProgressMeta{font-family:var(--font-mono);font-size:11px;color:var(--text-mute);margin-top:5px}.missionProgressMeta,.missionProgressRow{display:flex;justify-content:space-between}.missionProgressRow{align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.missionProgressText{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text);letter-spacing:.02em}.missionProgressText:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan-glow);margin-right:8px;vertical-align:middle}.missionCard.completed .missionProgressText:before{background:var(--green);box-shadow:0 0 8px var(--green-glow)}.missionCard.ready .missionProgressText:before{background:var(--gold);box-shadow:0 0 8px var(--gold-glow);animation:readyPulse 1.4s ease-in-out infinite}@keyframes readyPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.missionCtas{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.missionCtas .btn{flex:1 1;min-width:130px;font-size:12.5px;padding:8px 12px}.missionCard.ready{border-color:rgba(251,191,36,.4);background:linear-gradient(180deg,rgba(251,191,36,.06) 0,var(--bg-2) 100%);box-shadow:0 0 0 1px rgba(251,191,36,.2),0 6px 28px rgba(251,191,36,.08)}.missionCard.ready:after{content:"★";position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#f59e0b);color:#1a1208;font-weight:900;display:grid;place-items:center;font-size:14px;box-shadow:0 0 14px var(--gold-glow);animation:readyPulse 1.6s ease-in-out infinite}.countdownInline{font-family:var(--font-mono);font-weight:700;letter-spacing:.04em}.missionCard.countdownCard{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at top,rgba(34,211,238,.08),transparent 60%),linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border-color:rgba(34,211,238,.28);box-shadow:inset 0 0 0 1px rgba(34,211,238,.08)}.missionCard.countdownCard:after{content:none}.countdownCard .countdownTitle{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-hi);margin-bottom:10px;text-shadow:0 0 12px var(--cyan-glow)}.countdownRemainLabel{font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);margin-bottom:4px;opacity:.75}.countdownTime{font-family:var(--font-display);font-size:clamp(28px,5vw,38px);font-weight:800;letter-spacing:.06em;background:linear-gradient(135deg,#fff 0,var(--cyan-hi) 50%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.hourglass{width:92px;height:130px;margin:14px auto 8px;display:block;filter:drop-shadow(0 0 14px rgba(34,211,238,.35))}.hourglass .frame{fill:none;stroke:rgba(34,211,238,.55);stroke-width:2.5;stroke-linejoin:round}.hourglass .cap{fill:rgba(34,211,238,.18);stroke:var(--cyan);stroke-width:2}.countdownProgress{width:100%;margin-top:14px}.countdownProgress .xpBar{height:6px;background:var(--bg-0);border:1px solid rgba(34,211,238,.2)}.countdownProgress .xpFill{background:linear-gradient(90deg,var(--cyan),var(--primary));box-shadow:0 0 10px var(--cyan-glow)}.countdownProgress .xpFill:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.countdownLabel{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-mute);margin-top:8px}.countdownLabel strong{color:var(--cyan-hi);font-weight:700}.shopGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}@media (max-width:480px){.shopGrid{gap:10px}}.shopCard{background:linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;transition:all var(--t-base);position:relative;overflow:hidden}.shopCard:before{content:"";position:absolute;inset:-1px;border-radius:var(--r-lg);padding:1px;background:linear-gradient(135deg,transparent,var(--primary),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--t-base);pointer-events:none}.shopCard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.shopCard:hover:before{opacity:1}.shopCardTopTag{position:absolute;top:10px;right:10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--pink),var(--primary));color:#fff;z-index:2;box-shadow:0 0 10px var(--primary-glow)}.shopImg{width:100%;aspect-ratio:1.1;border-radius:var(--r-md);background:radial-gradient(circle at 50% 50%,var(--bg-3),var(--bg-0));display:grid;place-items:center;font-size:56px;margin-bottom:14px;border:1px solid var(--border)}.shopName{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.shopDesc{font-size:12px;color:var(--text-dim);line-height:1.45;margin-bottom:14px;flex:1 1}.shopFooter{display:flex;align-items:center;justify-content:space-between;gap:10px}.shopPrice{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--gold-hi);display:inline-flex;align-items:center;gap:5px}.shopPrice:before{content:"◈";font-size:18px;filter:drop-shadow(0 0 6px var(--gold-glow))}.badgeCrystal{background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(34,211,238,.06));color:var(--cyan-hi);border:1px solid rgba(34,211,238,.45);font-family:var(--font-mono);font-weight:800;letter-spacing:.04em;text-shadow:0 0 8px var(--cyan-glow);display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-full);font-size:12.5px;text-transform:none}.badgeCrystal:before{content:"◈";font-size:13px;color:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan-glow))}.productCard{background:linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;transition:all var(--t-base);position:relative;overflow:hidden;min-width:0}.productCard:before{content:"";position:absolute;inset:-1px;border-radius:var(--r-lg);padding:1px;background:linear-gradient(135deg,var(--primary),var(--cyan),var(--pink),var(--primary));background-size:300% 300%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--t-base);pointer-events:none;animation:productBorderShift 4s linear infinite}@keyframes productBorderShift{0%{background-position:0 50%}to{background-position:300% 50%}}.productCard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 22px var(--primary-glow);border-color:transparent}.productCard:hover:before{opacity:1}.productCard .cardBody{display:flex;flex-direction:column;flex:1 1;padding:14px;gap:12px;min-width:0}.productTop{display:flex;gap:12px;align-items:flex-start;min-width:0}.productIcon{width:76px;height:76px;flex-shrink:0;border-radius:var(--r-md);background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.2),transparent 65%),radial-gradient(circle at 50% 50%,var(--bg-3),var(--bg-0));display:grid;place-items:center;font-size:38px;border:1px solid var(--border);position:relative;overflow:hidden;align-content:center}.productIcon:after{content:"";position:absolute;top:0;left:-100%;width:70%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transition:left .8s ease;pointer-events:none}.productCard:hover .productIcon:after{left:130%}.productIconImage{object-fit:contain;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55));transition:transform var(--t-base)}.productCard:hover .productIconImage{transform:scale(1.05)}.podiumAvatar,.podiumRank,.podiumValue{margin:auto}.gameIcon{max-width:15%}.matchFilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.matchFilterBtn{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-mut,#9ca3af);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.matchFilterBtn:hover{border-color:rgba(139,92,246,.4);color:#fff}.matchFilterBtn.active{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.45);color:#c4b5fd}.productInfo{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.productInfo .badge{align-self:flex-start;font-size:9.5px;padding:2px 8px;letter-spacing:.12em;margin-bottom:2px}.productName{font-size:14px;font-weight:700;color:var(--text);line-height:1.25;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.productDesc,.productName{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.productDesc{font-size:11.5px;color:var(--text-mute);line-height:1.4;overflow:hidden}.productPriceRow{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);gap:10px}.productPriceLabel{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.productPriceRow .badgeCrystal{font-size:13.5px;padding:4px 12px;font-weight:800}.buyForm{display:flex;align-items:center;gap:10px}.qtyStepper{display:inline-flex;align-items:stretch;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;height:38px;flex-shrink:0;transition:border-color var(--t-fast)}.qtyStepper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.qtyBtn{width:32px;height:100%;border:0;background:transparent;color:var(--text-dim);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--t-fast);display:grid;place-items:center;font-family:inherit;-webkit-user-select:none;user-select:none}.qtyBtn:hover:not(:disabled){background:var(--bg-2);color:var(--cyan-hi)}.qtyBtn:active:not(:disabled){background:var(--bg-3)}.qtyBtn:disabled{opacity:.35;cursor:not-allowed}.qtyValue{width:44px;height:100%;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);background:transparent;color:var(--text);font-family:var(--font-mono);font-size:13.5px;font-weight:800;text-align:center;outline:none;-moz-appearance:textfield}.qtyValue::-webkit-inner-spin-button,.qtyValue::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.buyForm .btnBuy{flex:1 1;height:38px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:700}@media (max-width:480px){.productCard .cardBody{padding:12px;gap:10px}.productTop{gap:10px}.productIcon{width:64px;height:64px;font-size:32px}.productName{font-size:13.5px}.productDesc{font-size:11px;-webkit-line-clamp:2}.productPriceRow{padding-top:8px}.buyForm{gap:8px}.qtyStepper{height:36px}.qtyBtn{width:28px}.qtyValue{width:38px;font-size:13px}.buyForm .btnBuy{height:36px;font-size:12.5px}}.buyToast{position:fixed;bottom:24px;right:24px;display:none;align-items:center;gap:14px;padding:14px 18px 14px 14px;background:linear-gradient(135deg,var(--bg-2),var(--bg-3));border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:0 16px 40px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04);z-index:1100;max-width:380px;min-width:280px;transform:translateY(20px);opacity:0;transition:transform .3s ease,opacity .3s ease}.buyToast.open{display:flex;animation:toastIn .35s ease forwards}@keyframes toastIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.buyToast--success{border-color:rgba(34,197,94,.45);box-shadow:0 16px 40px rgba(0,0,0,.55),0 0 24px rgba(34,197,94,.2)}.buyToast--error{border-color:rgba(239,68,68,.5);box-shadow:0 16px 40px rgba(0,0,0,.55),0 0 24px rgba(239,68,68,.25)}.buyToast--error .buyToastIcon{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.45)}.buyToast--error .buyToastTitle{color:var(--red-hi)}.buyToastIcon{width:40px;height:40px;border-radius:var(--r-md);background:rgba(34,197,94,.18);border:1px solid rgba(34,197,94,.45);display:grid;place-items:center;font-size:18px;flex-shrink:0}.buyToastContent{flex:1 1;min-width:0}.buyToastTitle{font-size:13.5px;font-weight:700;color:var(--green-hi);margin-bottom:2px}.buyToastDesc{font-size:12.5px;color:var(--text-dim);line-height:1.4}@media (max-width:480px){.buyToast{left:12px;right:12px;max-width:none;bottom:12px}}.tableWrap{overflow-x:auto;border-radius:var(--r-md);border:1px solid var(--border)}.dataTable{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}.dataTable thead th{background:var(--bg-2);color:var(--text-mute);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.dataTable tbody tr{transition:background var(--t-fast)}.dataTable tbody tr:hover{background:rgba(139,92,246,.06)}.dataTable tbody tr+tr td{border-top:1px solid var(--border)}.dataTable td{padding:12px 14px;color:var(--text)}.rankRow .rankPos{font-size:16px;color:var(--text-mute);width:48px}.rankRow.rank-1 .rankPos{color:var(--gold-hi);text-shadow:0 0 12px var(--gold-glow)}.rankRow.rank-2 .rankPos{color:#d6dbe6;text-shadow:0 0 12px rgba(214,219,230,.4)}.rankRow.rank-3 .rankPos{color:#d97706;text-shadow:0 0 12px rgba(217,119,6,.4)}.rankRow.rank-1 td:first-child:before,.rankRow.rank-2 td:first-child:before,.rankRow.rank-3 td:first-child:before{margin-right:4px}.rankRow.rank-1 td:first-child:before{content:"🥇"}.rankRow.rank-2 td:first-child:before{content:"🥈"}.rankRow.rank-3 td:first-child:before{content:"🥉"}.userCell{display:flex;align-items:center;gap:10px}.userAvatar{width:32px;height:32px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:800;font-size:11px;flex-shrink:0}.userMeta{min-width:0}.userMetaName{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userMetaSub{font-size:11px;color:var(--text-mute)}.profileGrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;margin-bottom:22px}.profileMain{padding:0;overflow:hidden}.profileBanner{height:160px;background:linear-gradient(135deg,var(--primary-lo) 0,var(--bg-1) 60%,var(--cyan) 200%);background-size:cover;background-position:50%;position:relative}.profileBanner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(13,12,26,.85))}.profileHeader{display:flex;align-items:flex-end;gap:18px;margin-top:-50px;position:relative;margin-bottom:18px;flex-wrap:wrap}.profileAvatar{width:88px;height:88px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--primary),var(--pink),var(--cyan));display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:28px;border:3px solid var(--bg-1);box-shadow:0 0 30px var(--primary-glow);flex-shrink:0}.profileMeta{flex:1 1;min-width:0;padding-bottom:8px}.profileName{font-family:var(--font-display);font-size:22px;font-weight:800;color:#fff;margin-bottom:8px}.profileBadges{display:flex;gap:6px;flex-wrap:wrap}.profileStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;padding:14px;background:rgba(7,7,15,.4);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:16px}.statMini{text-align:center}.statMiniLabel{font-size:10.5px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:4px}.statMiniValue{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text);display:inline-flex;align-items:center;gap:4px;justify-content:center}.statMiniValue--gold{color:var(--gold-hi)}.statMiniValue--danger{color:var(--red-hi)}.statMiniValue--cyan{color:var(--cyan-hi)}.trophyRow{display:flex;align-items:center;gap:14px;padding:12px 14px;background:rgba(7,7,15,.4);border:1px solid var(--border);margin-bottom:10px}.trophyIcon,.trophyRow{border-radius:var(--r-md)}.trophyIcon{width:40px;height:40px;background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.32);display:grid;place-items:center;font-size:20px;flex-shrink:0}.trophyTitle{font-size:12px;color:var(--text-mute);margin-bottom:2px}.trophyValue{font-size:14px;font-weight:700;color:var(--text);font-family:var(--font-mono)}.profileLinks{display:flex;flex-direction:column;gap:8px;margin-top:14px}.friendsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.friendCard{background:linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;display:flex;align-items:center;gap:14px;transition:all var(--t-fast)}.friendCard:hover{border-color:var(--border-strong);transform:translateY(-2px)}.friendAvatar{width:50px;height:50px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0;border:2px solid var(--border-strong)}.friendAvatar.online{border-color:var(--green);box-shadow:0 0 0 2px var(--bg-1),0 0 0 4px var(--green-glow)}.friendBody{flex:1 1;min-width:0}.friendName{font-size:14px;font-weight:700;color:var(--text);gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friendName,.friendStatus{display:flex;align-items:center}.friendStatus{font-size:11.5px;color:var(--text-mute);margin-top:3px;gap:6px}.friendStatus.online{color:var(--green-hi)}.friendStatus:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--text-mute)}.friendStatus.online:before{background:var(--green);box-shadow:0 0 8px var(--green)}.friendActions{display:flex;gap:6px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto}.tab{padding:10px 18px;font-size:13px;font-weight:600;color:var(--text-mute);cursor:pointer;white-space:nowrap;text-decoration:none;transition:color var(--t-fast);background:transparent;border:none;border-bottom:2px solid transparent}.tab:hover{color:var(--text)}.tab.active{color:var(--primary-hi);border-bottom-color:var(--primary)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.label{font-size:12px;font-weight:600;color:var(--text-dim)}.input,.select,.textarea{width:100%;padding:10px 14px;background:rgba(7,7,15,.6);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:all var(--t-fast)}.input::placeholder,.textarea::placeholder{color:var(--text-mute)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:rgba(7,7,15,.85)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b5cf6' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.select option{background:var(--bg-2);color:var(--text)}.textarea{resize:vertical;min-height:90px}.empty{text-align:center;padding:38px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.emptyIcon{font-size:48px;filter:drop-shadow(0 0 12px var(--primary-glow));opacity:.85;margin-bottom:4px}.emptyText{font-size:14px;color:var(--text-dim);max-width:40ch}.quickActions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:16px}.quickActions .btn{padding:14px}.filtersBar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px;padding:12px 14px;background:rgba(7,7,15,.4);border:1px solid var(--border);border-radius:var(--r-md)}.filtersBar>.input,.filtersBar>.select{width:auto;min-width:180px;flex:0 1 auto}.filtersBar .label{margin-right:4px}.countdown{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.32);border-radius:var(--r-full);font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--cyan-hi)}.countdown:before{content:"⏱";font-size:13px}.chestOverlay{position:fixed;inset:0;background:radial-gradient(ellipse at center,rgba(13,12,26,.96) 0,rgba(7,7,15,.98) 70%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:1000;display:none;align-items:center;justify-content:center;flex-direction:column;gap:22px;padding:24px;animation:overlayFadeIn .35s ease}.chestOverlay.open{display:flex}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.chestOverlay:before{content:"";position:absolute;width:480px;height:480px;background:conic-gradient(from 0deg,transparent 0deg,rgba(251,191,36,.18) 30deg,transparent 60deg,rgba(251,191,36,.18) 90deg,transparent 120deg,rgba(251,191,36,.18) 150deg,transparent 180deg,rgba(251,191,36,.18) 210deg,transparent 240deg,rgba(251,191,36,.18) 270deg,transparent 300deg,rgba(251,191,36,.18) 330deg,transparent 1turn);border-radius:50%;opacity:0;filter:blur(2px);pointer-events:none;max-width:90vw;max-height:90vw}.chestOverlay.chestOverlayReveal:before{opacity:1;animation:chestRays 8s linear infinite}@keyframes chestRays{to{transform:rotate(1turn)}}.chestImg{font-size:140px;filter:drop-shadow(0 0 50px var(--gold-glow)) drop-shadow(0 0 100px rgba(251,191,36,.35));animation:chestFloat 1.8s ease-in-out infinite;position:relative;z-index:2}.chestImg img{width:150px;height:150px;object-fit:contain;display:block}@keyframes chestFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.05)}}.chestTitle{font-family:var(--font-display);font-size:clamp(20px,4vw,28px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#fff 0,var(--gold-hi) 50%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;position:relative;z-index:2;text-shadow:0 0 30px var(--gold-glow);animation:chestTitleIn .6s ease .2s both;opacity:0}@keyframes chestTitleIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chestLoot{background:linear-gradient(180deg,rgba(251,191,36,.12),var(--bg-2));border:1px solid rgba(251,191,36,.45);border-radius:var(--r-xl);padding:22px 28px;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:280px;max-width:90vw;text-align:center;position:relative;z-index:2;box-shadow:0 0 0 1px rgba(251,191,36,.15),0 12px 50px rgba(0,0,0,.6);animation:chestLootIn .6s ease .35s both;opacity:0}@keyframes chestLootIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.chestLootLabel{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute)}.chestLootValue{font-family:var(--font-display);font-size:clamp(22px,4vw,30px);font-weight:800;color:var(--gold-hi);text-shadow:0 0 16px var(--gold-glow)}.chestLootSub{font-size:13px;color:var(--text-dim)}.chestActions{display:flex;gap:12px;position:relative;z-index:2;animation:chestLootIn .5s ease .55s both;opacity:0}.chestClose{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-dim);font-size:18px;cursor:pointer;display:grid;place-items:center;z-index:3;transition:all var(--t-fast)}.chestClose:hover{background:rgba(239,68,68,.15);border-color:var(--red);color:var(--red-hi);transform:rotate(90deg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card,.friendCard,.itemCard,.missionCard,.shopCard,.statCard{animation:fadeUp .35s ease both}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 8px transparent}}.flex,.flexCol{display:flex}.flexCol{flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.itemsCenter{align-items:center}.justBetween{justify-content:space-between}.justCenter{justify-content:center}.flex1{flex:1 1}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.textCenter{text-align:center}.textRight{text-align:right}.hidden{display:none!important}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.sidebarClose{display:none;position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:var(--r-md);background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-dim);align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all var(--t-fast);z-index:5}.sidebarClose:hover{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.4);color:var(--red-hi);transform:rotate(90deg)}.sidebarCollapseBtn{position:absolute;top:28px;right:-14px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--bg-3),var(--bg-2));border:1px solid var(--border-strong);color:var(--text-dim);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;z-index:60;transition:all var(--t-fast);box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 0 4px var(--bg-1);opacity:0}.sidebar:hover .sidebarCollapseBtn,.sidebarCollapseBtn:focus-visible,.sidebarCollapseBtn:hover{opacity:1}.sidebarCollapseBtn:hover{background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;border-color:transparent;transform:scale(1.1);box-shadow:0 6px 18px var(--primary-glow),0 0 0 4px var(--bg-1)}.sidebarCollapseBtn .chev{display:inline-block;transition:transform var(--t-base);line-height:1}.sidebar.collapsed{width:var(--sidebar-w-md)}.sidebar.collapsed .sidebarCollapseBtn .chev{transform:rotate(180deg)}.sidebar.collapsed .sidebarCollapseBtn{opacity:1}.sidebar.collapsed .brandText,.sidebar.collapsed .navBadge,.sidebar.collapsed .navItem>span:not(.navIcon):not(.navBadge),.sidebar.collapsed .navLabel,.sidebar.collapsed .userPillInfo{opacity:0;width:0;overflow:hidden;pointer-events:none;white-space:nowrap}.sidebar.collapsed .brandText,.sidebar.collapsed .navItem>span:not(.navIcon):not(.navBadge),.sidebar.collapsed .navLabel,.sidebar.collapsed .userPillInfo{transition:opacity .12s ease}.sidebar.collapsed .sidebarBrand{padding:18px 0;justify-content:center;gap:0}.sidebar.collapsed .sidebarNav{padding:14px 8px}.sidebar.collapsed .navItem{justify-content:center;padding:10px 0}.sidebar.collapsed .navIcon{width:auto;font-size:18px}.sidebar.collapsed .sidebarFooter{padding:12px 8px}.sidebar.collapsed .userPill{justify-content:center;padding:8px;gap:0}.sidebar.collapsed .navItem{position:relative}.sidebar.collapsed .navItem:after{content:attr(data-label);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%) translateX(-6px);background:var(--bg-3);color:var(--text);font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:var(--r-md);border:1px solid var(--border-strong);box-shadow:0 6px 18px rgba(0,0,0,.5);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:100}.sidebar.collapsed .navItem:before{content:"";position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid var(--bg-3);opacity:0;transition:opacity .14s ease;z-index:100}.sidebar.collapsed .navItem:focus-visible:after,.sidebar.collapsed .navItem:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.sidebar.collapsed .navItem:focus-visible:before,.sidebar.collapsed .navItem:hover:before{opacity:1}@media (max-width:768px){.sidebar.collapsed .navItem:after,.sidebar.collapsed .navItem:before{display:none}}@media (max-width:1024px){.dashGrid,.profileGrid{grid-template-columns:1fr}.content{padding:24px 22px 50px}}@media (max-width:768px){:root{--topbar-h:58px}.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translateX(-100%);width:280px;z-index:80}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:280px}.sidebar.collapsed .brandText,.sidebar.collapsed .navBadge,.sidebar.collapsed .navItem>span:not(.navIcon):not(.navBadge),.sidebar.collapsed .navLabel,.sidebar.collapsed .userPillInfo{opacity:1;width:auto;pointer-events:auto;overflow:visible}.sidebar.collapsed .navItem,.sidebar.collapsed .sidebarBrand,.sidebar.collapsed .sidebarFooter,.sidebar.collapsed .sidebarNav,.sidebar.collapsed .userPill{padding:revert;justify-content:revert;gap:revert}.sidebar.collapsed .sidebarBrand{padding:22px 22px 18px}.sidebar.collapsed .sidebarFooter,.sidebar.collapsed .sidebarNav{padding:14px 12px}.sidebar.collapsed .navItem{padding:10px 12px;justify-content:flex-start}.sidebar.collapsed .navIcon{width:20px;font-size:15px}.sidebar.collapsed .userPill{padding:10px 12px;gap:10px}.sidebarCollapseBtn{display:none}.sidebarClose{display:inline-flex}.sidebarBackdrop{position:fixed;inset:0;background:rgba(7,7,15,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:70;display:none}.sidebarBackdrop.open{display:block}.topbarToggle{display:inline-flex}.content{padding:20px 16px 40px}.pageHead{flex-direction:column;align-items:flex-start}.pageTitle{font-size:22px}.topbarSearch{display:none}.currencyPill{padding:5px 11px;font-size:12px}.dataTable{min-width:560px}.statCard{padding:16px}.statValue{font-size:26px}}@media (max-width:480px){.content{padding:16px 12px 32px}.cardBody,.cardHeader{padding-left:16px;padding-right:16px}.statsGrid{grid-template-columns:1fr 1fr;gap:10px}.inventoryGrid{grid-template-columns:repeat(2,1fr)}.friendsGrid,.shopGrid{grid-template-columns:1fr}.profileHeader{margin-top:-40px}.profileAvatar{width:72px;height:72px;font-size:22px}.profileBanner{height:130px}.pageHeadActions{width:100%}.pageHeadActions .btn{flex:1 1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:var(--r-sm)}.btn:focus-visible{outline-offset:4px}.xpFooter{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11.5px;font-family:var(--font-mono);color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em}.xpFooterLabel{color:var(--text-mute);font-weight:600}.xpFooterPct{color:var(--cyan);font-weight:700;text-shadow:0 0 8px var(--cyan-glow)}.statusDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(34,197,94,.65);animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.topbarToggle{font-size:18px;cursor:pointer}.tabsBar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.tabsBar .rankTabs{margin-bottom:0}.tabsBar .searchTrigger{margin-left:auto}.searchTrigger{width:38px;height:38px;flex-shrink:0;display:inline-grid;place-items:center;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-dim);cursor:pointer;transition:all var(--t-fast);font-size:15px;line-height:1;padding:0;position:relative}.searchTrigger:hover{color:var(--cyan-hi);border-color:rgba(34,211,238,.45);background:rgba(34,211,238,.06);box-shadow:0 0 0 3px rgba(34,211,238,.1)}.searchTrigger:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);color:var(--primary-hi)}.searchTrigger[aria-expanded=true]{color:var(--primary-hi);border-color:var(--primary);background:var(--primary-glow)}.searchTrigger svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.searchModalBackdrop{position:fixed;inset:0;background:rgba(7,7,15,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1200;display:none;opacity:0;transition:opacity .2s ease}.searchModalBackdrop.open{display:block;opacity:1}.searchModal{position:fixed;top:12vh;left:50%;transform:translate(-50%,-10px);width:min(560px,calc(100vw - 32px));max-height:70vh;background:linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:0 24px 60px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.04);z-index:1201;display:none;flex-direction:column;overflow:hidden;opacity:0;transition:opacity .2s ease,transform .2s ease}.searchModal.open{display:flex;opacity:1;transform:translate(-50%)}.medalViewModal{top:6vh;width:min(920px,calc(100vw - 24px));max-height:88vh}.medalPickerModal{top:6vh;width:min(980px,calc(100vw - 24px));max-height:88vh}.medalPickerGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.medalPickerItem{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:100%;text-align:left;background:rgba(7,7,15,.45);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;color:var(--text);cursor:pointer}.medalPickerItem:hover{border-color:var(--border-strong);background:rgba(7,7,15,.65)}.medalPickerIcon{width:64px;height:64px;border-radius:var(--r-md);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;overflow:hidden;font-size:26px}.medalPickerIcon img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.medalPickerLabel{font-weight:800;font-size:12.5px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.medalSlotsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.medalSlot{border:1px solid var(--border);border-radius:var(--r-lg);background:rgba(7,7,15,.35);overflow:hidden;display:flex;flex-direction:column;min-height:170px}.medalSlotTop{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border);background:rgba(7,7,15,.25)}.medalSlotTitle{font-weight:900;letter-spacing:.02em;font-size:12px;color:var(--text)}.medalSlotBody{display:grid;place-items:center;padding:14px;flex:1 1}.medalSlotMedal{display:grid;place-items:center}.medalSlotAdd{width:100%;height:100%;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.02);border-radius:var(--r-lg);display:grid;place-items:center;gap:8px;padding:14px;cursor:pointer;color:var(--text)}.medalSlotAdd:hover{border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.06)}.medalSlotAddIcon{font-size:28px;opacity:.9}.medalSlotAddText{font-weight:800;font-size:12px;text-align:center;color:var(--text-mute)}.medalSlotLocked{opacity:.75}.medalSlotLockedBody{width:100%;height:100%;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.01);border-radius:var(--r-lg);display:grid;place-items:center;gap:8px;padding:14px}@media (max-width:860px){.medalSlotsGrid{grid-template-columns:1fr}}.searchInputWrap{position:relative;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.searchInputWrap:before{content:"";position:absolute;left:30px;top:50%;width:16px;height:16px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2378788c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 50%;pointer-events:none}.searchInput{width:100%;padding:12px 14px 12px 42px;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:all var(--t-fast)}.searchInput::placeholder{color:var(--text-mute)}.searchInput:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:rgba(7,7,15,.85)}.searchInputHint{position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:10.5px;font-weight:700;color:var(--text-mute);background:var(--bg-1);border:1px solid var(--border);border-radius:4px;padding:2px 6px;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none}.searchResults{flex:1 1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.searchResultItem{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:var(--r-md);color:var(--text);text-align:left;cursor:pointer;transition:all var(--t-fast);font-family:inherit;text-decoration:none}.searchResultItem.active,.searchResultItem:focus-visible,.searchResultItem:hover{background:var(--bg-0);border-color:var(--border-strong);outline:none}.searchResultItem.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.searchResultIcon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(34,211,238,.12));border:1px solid var(--border);border-radius:var(--r-md);font-size:20px}.searchResultBody{flex:1 1;min-width:0}.searchResultName{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:2px}.searchResultDesc,.searchResultName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchResultDesc{font-size:11.5px;color:var(--text-mute)}.searchResultBadge{flex-shrink:0;font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:var(--r-full);background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.32);color:var(--cyan-hi);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.searchResultItem mark{background:rgba(251,191,36,.22);color:var(--gold-hi);border-radius:3px;padding:0 2px}.searchEmpty{text-align:center;padding:32px 20px;color:var(--text-mute)}.searchEmpty .searchEmptyIcon{font-size:36px;opacity:.55;margin-bottom:8px}.searchEmpty .searchEmptyText{font-size:13px;color:var(--text-dim)}.searchModalFoot{padding:10px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:14px;font-size:11px;color:var(--text-mute);background:rgba(7,7,15,.4)}.searchModalFoot kbd{display:inline-block;font-family:var(--font-mono);font-size:10.5px;font-weight:700;padding:2px 6px;background:var(--bg-1);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);min-width:18px;text-align:center}.searchModalFoot .searchHint{display:inline-flex;align-items:center;gap:4px}@media (max-width:480px){.searchModal{top:0;width:100vw;max-width:100vw;max-height:100vh;height:100vh;border-radius:0;border-left:0;border-right:0;border-top:0}.searchInputWrap{padding:14px 14px 10px}.searchInputWrap:before{left:28px}.searchInputHint,.searchModalFoot{display:none}}@media (prefers-reduced-motion:reduce){.searchModal,.searchModalBackdrop{transition:none}}.myRankHero{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:16px 20px;margin-bottom:18px;background:linear-gradient(135deg,rgba(34,211,238,.08) 0,rgba(139,92,246,.06) 100%),linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border:1px solid rgba(34,211,238,.32);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px rgba(34,211,238,.1),0 8px 24px rgba(0,0,0,.3);text-decoration:none;color:inherit;transition:all var(--t-fast);overflow:hidden}.myRankHero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 50%,rgba(34,211,238,.18),transparent 40%),radial-gradient(circle at 100% 50%,rgba(139,92,246,.14),transparent 40%);pointer-events:none;z-index:0}.myRankHero>*{position:relative;z-index:1}.myRankHero:hover{border-color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(34,211,238,.2),0 12px 32px rgba(0,0,0,.4),0 0 24px rgba(34,211,238,.18);transform:translateY(-1px)}.myRankPos{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:78px;padding:10px 14px;background:rgba(7,7,15,.55);border:1px solid var(--border);border-radius:var(--r-md);flex-shrink:0}.myRankPosLabel{font-size:9.5px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.14em;margin-bottom:2px}.myRankPosNumber{font-family:var(--font-display);font-weight:900;font-size:32px;line-height:1;background:linear-gradient(135deg,var(--cyan-hi),var(--primary-hi));-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:baseline;gap:1px}.myRankPosNumber:before{content:"#";font-size:16px;font-weight:700;color:var(--text-mute);background:none;-webkit-text-fill-color:var(--text-mute);margin-right:1px}.myRankPosTotal{font-size:10.5px;color:var(--text-mute);font-family:var(--font-mono);margin-top:4px}.myRankCenter{display:flex;align-items:center;gap:14px;min-width:0}.myRankAvatar{width:52px;height:52px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--cyan),var(--primary));display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0;border:2px solid var(--bg-1);box-shadow:0 0 0 2px var(--cyan),0 0 18px rgba(34,211,238,.45)}.myRankIdentity{min-width:0;flex:1 1}.myRankNameRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.myRankName{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--text);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.myRankYouBadge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding:2px 8px;background:var(--cyan);color:var(--bg-0);border-radius:var(--r-full);flex-shrink:0}.myRankSub{font-size:11.5px;color:var(--text-mute);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.myRankSub .badge{padding:2px 8px;font-size:10px}.myRankMetric{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;text-align:right}.myRankMetricLabel{font-size:10px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.12em}.myRankMetricValue{font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--gold-hi);line-height:1;white-space:nowrap}.myRankDelta{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;font-family:var(--font-mono);padding:2px 8px;border-radius:var(--r-full)}.myRankDelta--up{background:rgba(34,197,94,.14);color:var(--green-hi);border:1px solid rgba(34,197,94,.32)}.myRankDelta--down{background:rgba(239,68,68,.14);color:var(--red-hi);border:1px solid rgba(239,68,68,.32)}.myRankDelta--same{background:var(--bg-0);color:var(--text-mute);border:1px solid var(--border)}@media (max-width:640px){.myRankHero{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:12px;padding:14px}.myRankPos{min-width:64px;padding:8px 10px;grid-row:span 2}.myRankPosNumber{font-size:26px}.myRankCenter{gap:12px}.myRankAvatar{width:44px;height:44px;font-size:14px}.myRankName{font-size:15px}.myRankMetric{grid-column:2;align-items:flex-start;flex-direction:row;gap:10px;align-items:center;text-align:left;padding-top:6px;border-top:1px solid var(--border)}.myRankMetricLabel{display:none}.myRankMetricValue{font-size:18px}}.rankStatsBar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;background:rgba(7,7,15,.4);border:1px solid var(--border);border-radius:var(--r-md);font-size:12px;color:var(--text-mute)}.rankStatsBar strong{color:var(--text);font-family:var(--font-mono);font-weight:700}.rankStatsBar .rankStatsDot{width:4px;height:4px;border-radius:50%;background:var(--text-mute);display:inline-block}.top3{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;margin-bottom:22px;align-items:end}.podiumCard{position:relative;text-decoration:none;color:var(--text);background:linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--r-lg);padding:0;overflow:hidden;transition:transform var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast);display:flex;flex-direction:column}.podiumCard:hover{transform:translateY(-4px);border-color:var(--border-strong)}.podiumCard .cardBody{padding:16px 14px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1}.podiumBase{position:relative;display:grid;place-items:center;background:linear-gradient(180deg,var(--bg-2) 0,var(--bg-1) 100%);border-top:1px solid var(--border);font-family:var(--font-display);font-weight:900;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.podiumBase:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.35}.podiumBaseNum{font-size:22px;line-height:1;background:linear-gradient(180deg,currentColor,transparent 200%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 18px currentColor;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.podiumBase{color:var(--text-mute)}.podiumBaseNum{-webkit-text-fill-color:currentColor;background:none}.podiumMedal{background:transparent;border:none;padding:0;display:inline-grid;place-items:center;font-size:36px;line-height:1;filter:drop-shadow(0 0 14px rgba(251,191,36,.5));cursor:pointer}.podiumAward{display:grid;place-items:center;margin-top:6px}.podiumAward img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.55))}.medalPlain{background:transparent;border:none;padding:0;display:inline-grid;place-items:center;cursor:pointer}.medalBig{background:radial-gradient(circle at 35% 30%,rgba(251,191,36,.22),rgba(7,7,15,.15) 58%,rgba(7,7,15,.35) 100%);border:1px solid rgba(251,191,36,.45);border-radius:var(--r-full);width:78px;height:78px;display:inline-grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.03),0 0 18px rgba(251,191,36,.18);transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast);cursor:pointer}.medalBig:hover{transform:translateY(-2px);border-color:rgba(251,191,36,.6);box-shadow:0 14px 30px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.04),0 0 26px rgba(251,191,36,.26)}.medalBig img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.podiumAvatar{width:56px;height:56px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;border:2px solid var(--bg-1);margin-top:2px}.podiumName{font-family:var(--font-display);font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.podiumGames{display:inline-flex;gap:5px;flex-wrap:wrap;justify-content:center;min-height:20px}.podiumGames:empty{display:none}.podiumStat{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin-top:auto;padding-top:4px}.podium1{border-color:rgba(251,191,36,.55);background:linear-gradient(180deg,rgba(251,191,36,.1) 0,var(--bg-2) 70%);box-shadow:0 12px 32px rgba(251,191,36,.18),inset 0 0 0 1px rgba(251,191,36,.2)}.podium1:hover{box-shadow:0 16px 38px rgba(251,191,36,.28)}.podium1 .podiumName{color:var(--gold-hi);font-size:16px}.podium1 .podiumMedal{font-size:42px}.podium1 .podiumAvatar{width:64px;height:64px;background:linear-gradient(135deg,var(--gold),var(--gold-hi));box-shadow:0 0 24px rgba(251,191,36,.45)}.podium1 .podiumBase{height:56px;background:linear-gradient(180deg,rgba(251,191,36,.18),rgba(251,191,36,.06));border-top-color:rgba(251,191,36,.55);color:var(--gold-hi);box-shadow:inset 0 0 24px rgba(251,191,36,.2)}.podium1 .podiumBaseNum{font-size:26px}.podium2{border-color:rgba(214,219,230,.45);background:linear-gradient(180deg,rgba(214,219,230,.08) 0,var(--bg-2) 70%)}.podium2 .podiumName{color:#d6dbe6}.podium2 .podiumMedal{filter:drop-shadow(0 0 10px rgba(214,219,230,.4))}.podium2 .podiumAvatar{background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.podium2 .podiumBase{height:36px;background:linear-gradient(180deg,rgba(214,219,230,.12),rgba(214,219,230,.04));border-top-color:rgba(214,219,230,.45);color:#d6dbe6}.podium2 .podiumBaseNum{font-size:20px}.podium3{border-color:rgba(217,119,6,.45);background:linear-gradient(180deg,rgba(217,119,6,.1) 0,var(--bg-2) 70%)}.podium3 .podiumName{color:#f59e0b}.podium3 .podiumMedal{filter:drop-shadow(0 0 10px rgba(217,119,6,.45))}.podium3 .podiumAvatar{background:linear-gradient(135deg,#b45309,#f59e0b)}.podium3 .podiumBase{height:24px;background:linear-gradient(180deg,rgba(217,119,6,.16),rgba(217,119,6,.04));border-top-color:rgba(217,119,6,.45);color:#f59e0b}.podium3 .podiumBaseNum{font-size:16px}@keyframes podiumRise{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.top3 .podiumCard{animation:podiumRise .55s cubic-bezier(.22,1,.36,1) backwards}.top3 .podium2{animation-delay:0s}.top3 .podium3{animation-delay:90ms}.top3 .podium1{animation-delay:.16s}@media (prefers-reduced-motion:reduce){.top3 .podiumCard{animation:none}}.podiumMine{outline:2px solid var(--cyan);outline-offset:-2px}.podiumMine:after{content:"VOCÊ";position:absolute;top:8px;right:8px;font-size:9px;font-weight:800;letter-spacing:.12em;padding:2px 6px;background:var(--cyan);color:var(--bg-0);border-radius:var(--r-full);z-index:2}.rankList{display:flex;flex-direction:column;gap:6px}.rankRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;background:rgba(7,7,15,.45);border:1px solid var(--border);border-radius:var(--r-md);text-decoration:none;color:var(--text);transition:all var(--t-fast)}.rankRow:hover{border-color:var(--border-strong);background:rgba(7,7,15,.65);transform:translateX(2px)}.rankRow .rankPos{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--text-dim);min-width:40px;height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--r-full);flex-shrink:0}.rankUser{display:flex;align-items:center;gap:12px;min-width:0}.rankAvatar{width:38px;height:38px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;flex-shrink:0;border:1px solid var(--border-strong)}.rankUser>div:last-child{min-width:0;flex:1 1}.rankName{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.rankGames{display:inline-flex;gap:5px;margin-top:4px;flex-wrap:wrap}.rankValue{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--gold-hi);white-space:nowrap;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.rankRowMine{border-color:var(--cyan);background:rgba(34,211,238,.06);box-shadow:inset 0 0 0 1px rgba(34,211,238,.18)}.rankRowMine:hover{background:rgba(34,211,238,.1)}.rankRowMine .rankPos{background:var(--cyan);color:var(--bg-0);border-color:var(--cyan)}.rankRowMine .rankAvatar{background:linear-gradient(135deg,var(--cyan),var(--primary));border-color:var(--cyan);box-shadow:0 0 12px rgba(34,211,238,.45)}.rankRowMine .rankName:after{content:"VOCÊ";font-size:9px;font-weight:800;letter-spacing:.12em;padding:2px 6px;background:var(--cyan);color:var(--bg-0);border-radius:var(--r-full)}.rankList .empty{padding:30px 16px}@media (max-width:720px){.top3{gap:10px}.podiumCard .cardBody{padding:14px 10px 10px}.podiumMedal{font-size:30px}.podium1 .podiumMedal{font-size:36px}.podiumAvatar{width:48px;height:48px;font-size:16px}.podium1 .podiumAvatar{width:56px;height:56px}.podiumName{font-size:13px}.podium1 .podiumName{font-size:14px}.podiumStat .badge{padding:2px 8px;font-size:10px}.podium1 .podiumBase{height:44px}.podium2 .podiumBase{height:28px}.podium3 .podiumBase{height:20px}.podium1 .podiumBaseNum{font-size:22px}.podium2 .podiumBaseNum{font-size:16px}.podium3 .podiumBaseNum{font-size:13px}}@media (max-width:520px){.top3{grid-template-columns:1fr 1.2fr 1fr;gap:6px}.podiumCard .cardBody{padding:12px 6px 8px;gap:6px}.podiumMedal{font-size:24px}.podium1 .podiumMedal{font-size:28px}.podiumAvatar{width:40px;height:40px;font-size:13px;border-width:2px}.podium1 .podiumAvatar{width:48px;height:48px;font-size:15px}.podiumName{font-size:11.5px}.podium1 .podiumName{font-size:12.5px}.podiumGames{display:none}.podiumStat .badge{padding:2px 6px;font-size:9.5px;letter-spacing:0}.podiumMine:after{font-size:8px;padding:1px 4px;top:4px;right:4px}.podium1 .podiumBase{height:32px}.podium2 .podiumBase{height:22px}.podium3 .podiumBase{height:16px}.podium1 .podiumBaseNum{font-size:17px}.podium2 .podiumBaseNum{font-size:13px}.podium3 .podiumBaseNum{font-size:11px}.rankRow{grid-template-columns:auto 1fr auto;padding:8px 12px 8px 8px;gap:10px}.rankRow .rankPos{min-width:32px;height:26px;font-size:12px;padding:0 6px}.rankAvatar{width:32px;height:32px;font-size:11px}.rankName{font-size:12.5px}.rankGames{margin-top:2px}.rankGames .badge{padding:1px 5px;font-size:9.5px}.rankValue{font-size:14px}.rankStatsBar{padding:8px 12px;font-size:11px;gap:10px}}.friendAv{width:40px;height:40px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;flex-shrink:0;border:1px solid var(--border-strong)}.friendAv.online{border-color:var(--green);box-shadow:0 0 0 2px var(--bg-1),0 0 0 4px var(--green-glow)}.listRow .listLeft{display:flex;align-items:center;gap:12px}.listRow .listLeftBody{min-width:0;flex:1 1}.listRow .listRight{display:flex;gap:8px;align-items:center;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.addFriendForm{display:flex;gap:10px;align-items:stretch;margin-bottom:14px}.addFriendForm .input{flex:1 1;min-width:0}.addFriendForm .btn{flex-shrink:0}.empty.emptyCompact{padding:24px 16px}@media (max-width:560px){.listRow{flex-direction:column;align-items:stretch;gap:10px}.listRow .listRight{justify-content:flex-start}.addFriendForm{flex-direction:column}}.profileMain .cardBody{padding:0 22px 22px}.profileMain .profileHeader{padding-left:4px;padding-right:4px}@media (max-width:900px){.profileGrid{grid-template-columns:1fr}}@media (max-width:480px){.profileMain .cardBody{padding:0 14px 18px}.profileBanner{height:120px}.profileAvatar{width:72px;height:72px;font-size:22px}.profileName{font-size:18px}}.notifWrap{position:relative}.notifPanel{position:absolute;right:0;top:calc(var(--topbar-h) - 10px);width:min(520px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 120px));overflow:hidden;z-index:40}.notifHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 0}.notifTitle{font-family:var(--font-display);font-weight:700;letter-spacing:.08em;font-size:14px}.notifBody{padding:14px 16px 16px;overflow:auto;max-height:480px}.notifRowUnread{border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.06)}.profileHero{position:relative;overflow:hidden;padding:0}.profileHero:before{display:none!important}.profileHero .profileBanner{position:relative;height:180px;background:radial-gradient(ellipse 600px 200px at 20% 30%,rgba(139,92,246,.55),transparent 60%),radial-gradient(ellipse 500px 180px at 80% 70%,rgba(34,211,238,.4),transparent 60%),radial-gradient(ellipse 400px 150px at 50% 100%,rgba(236,72,153,.25),transparent 70%),linear-gradient(135deg,rgba(45,22,90,.5),rgba(20,18,40,.85))}.profileHero .profileBanner:after{display:none}.profileHero .cardBody{padding:0 22px 24px;position:relative}.profileHeaderV2{display:flex;align-items:flex-end;gap:20px;margin-top:-64px;margin-bottom:22px;flex-wrap:wrap;position:relative;z-index:2}.profileHeaderV2 .profileAvatar{width:120px;height:120px;font-size:42px;border-radius:20px;border:4px solid #14121f;box-shadow:0 12px 32px rgba(0,0,0,.55),0 0 0 1px rgba(139,92,246,.35);flex-shrink:0;background:linear-gradient(135deg,#8b5cf6,#ec4899,#22d3ee);display:grid;place-items:center;color:#fff;font-weight:800;font-family:var(--font-display)}.profileHeaderV2 .profileMeta{flex:1 1;min-width:0;padding-bottom:8px}.profileHeaderV2 .profileName{font-size:30px;font-family:var(--font-display);font-weight:800;color:#fff;margin-bottom:10px;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.4)}.profileHeaderV2 .profileBadges{display:flex;gap:6px;flex-wrap:wrap}.profileLinkedGamesRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px}.profileLinkedGameCard{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top right,rgba(34,211,238,.08),transparent 40%),rgba(255,255,255,.03)}.profileLinkedGameIcon{width:44px;height:44px;border-radius:14px;background:rgba(7,10,20,.55);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.profileLinkedGameIcon img{width:100%;height:100%;object-fit:cover}.profileLinkedGameIcon span{font-size:18px}.profileLinkedGameBody{min-width:0;display:grid;gap:4px;flex:1 1}.profileLinkedGameTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.profileLinkedGameName{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.03em}.profileLinkedGameState{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:11px;border:1px solid rgba(255,255,255,.08)}.profileLinkedGameState.isActive{color:var(--cyan-hi);background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.25)}.profileLinkedGameState.isInactive{color:#fca5a5;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25)}.profileLinkedGameValue{color:var(--text-dim);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xpBlockV2{margin-top:4px;padding:14px 16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:14px}.xpBlockV2 .xpBlockTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.xpBlockV2 .xpBlockTitle{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mut,#9ca3af);font-weight:700}.xpBlockV2 .xpLevelTrack{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px}.xpLevelChip{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:26px;padding:0 10px;border-radius:999px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.35);color:#c4b5fd;font-weight:700}.xpLevelChip.next{background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.3);color:#67e8f9}.xpLevelArrow{color:var(--text-mut,#9ca3af)}.profileStatsV2{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.profileStatsV2 .statMini{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 14px;transition:border-color .2s,background .2s}.profileStatsV2 .statMini:hover{background:rgba(255,255,255,.04);border-color:rgba(139,92,246,.25)}.profileStatsV2 .statMiniLabel{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mut,#9ca3af);margin-bottom:6px}.profileStatsV2 .statMiniValue{font-family:var(--font-mono);font-size:18px;font-weight:700}.profileStatsV2 .statMiniValue--gold{color:var(--gold-hi,#fcd34d)}.profileStatsV2 .statMiniValue--cyan{color:#67e8f9}.profileStatsV2 .statMiniValue--streak{color:var(--gold-hi,#fcd34d)}.recordsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.recordCard{display:flex;align-items:center;gap:14px;padding:14px 16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:transform .2s,border-color .2s,background .2s}.recordCard:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.3);background:rgba(255,255,255,.04)}.recordCard .recordIcon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;flex-shrink:0;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3)}.recordCard.gold .recordIcon{background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.4)}.recordCard.cyan .recordIcon{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.4)}.recordCard.pink .recordIcon{background:rgba(236,72,153,.14);border-color:rgba(236,72,153,.4)}.recordCard .recordBody{min-width:0;flex:1 1}.recordCard .recordTitle{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mut,#9ca3af);margin-bottom:4px}.recordCard .recordValue{font-family:var(--font-mono);font-size:18px;font-weight:700;color:#fff;word-break:break-all}.recordCard .recordValue code{font-family:inherit;font-size:13px;background:transparent;padding:0;color:#cbd5e1}.matchCards{display:none;flex-direction:column;gap:10px}.matchCard{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px}.matchCardHead{justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.matchCardGame,.matchCardHead{display:flex;align-items:center}.matchCardGame{gap:8px;font-weight:700;font-size:14px}.matchCardDate{font-family:var(--font-mono);font-size:12px;color:var(--text-mut,#9ca3af)}.matchCardMeta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;font-size:13px;color:var(--text-mut,#9ca3af)}.matchCardMeta span{display:inline-flex;align-items:center;gap:4px}.matchCardStats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.matchCardStat{text-align:center}.matchCardStat .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mut,#9ca3af);margin-bottom:2px}.matchCardStat .val{font-family:var(--font-mono);font-size:14px;font-weight:700}@media (max-width:900px){.profileStatsV2{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.profileHero .profileBanner{height:160px}.profileHeaderV2{margin-top:-56px;gap:16px}.profileHeaderV2 .profileAvatar{width:100px;height:100px;font-size:34px;border-radius:18px}.profileHeaderV2 .profileName{font-size:26px}.matchCards{display:flex}.matchTableWrap{display:none}}@media (max-width:640px){.profileHero .profileBanner{height:130px}.profileHero .cardBody{padding:0 18px 20px}.profileHeaderV2{margin-top:-48px;gap:14px;margin-bottom:18px}.profileHeaderV2 .profileAvatar{width:88px;height:88px;font-size:30px;border-width:3px;border-radius:16px}.profileHeaderV2 .profileMeta{padding-bottom:4px}.profileHeaderV2 .profileName{font-size:22px;margin-bottom:8px}.profileLinkedGamesRow{grid-template-columns:1fr}.profileLinkedGameTop{align-items:flex-start;flex-direction:column}.profileLinkedGameValue{white-space:normal}.profileStatsV2{grid-template-columns:repeat(2,1fr)}.matchCardStats{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.profileHeaderV2{flex-direction:column;align-items:flex-start}.profileHeaderV2 .profileMeta{padding-bottom:0;width:100%}.profileHero .cardBody{padding:0 14px 16px}}.friendsHero{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.friendsHeroCard{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:transform .2s,border-color .2s,background .2s}.friendsHeroCard:hover{border-color:rgba(139,92,246,.3);background:rgba(255,255,255,.04);transform:translateY(-1px)}.friendsHeroCard .heroIco{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3)}.friendsHeroCard.online .heroIco{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.4)}.friendsHeroCard.in .heroIco{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.4)}.friendsHeroCard.out .heroIco{background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.4)}.friendsHeroCard .heroBody{min-width:0;flex:1 1}.friendsHeroCard .heroLbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mut,#9ca3af);margin-bottom:2px}.friendsHeroCard .heroVal{font-family:var(--font-mono);font-size:20px;font-weight:700;color:#fff;line-height:1.1}.friendsHeroCard .heroNote{font-size:11px;color:var(--text-mut,#9ca3af);margin-top:2px}.addFriendBar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);margin-bottom:12px;transition:border-color .2s,background .2s}.addFriendBar:focus-within{border-color:rgba(139,92,246,.4);background:rgba(255,255,255,.035)}.addFriendBar .searchIco{font-size:18px;flex-shrink:0}.addFriendBar input{flex:1 1;min-width:0;border:none;outline:none;background:transparent;color:#fff;font-size:14px}.addFriendBar input::placeholder{color:var(--text-mut,#9ca3af)}.addFriendBar .clearBtn{width:30px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:var(--text-mut,#9ca3af)}.addFriendBar .clearBtn:hover{color:#fff;border-color:rgba(239,68,68,.4)}.searchResultsBox{margin-bottom:14px}.friendsTabsBar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.friendsTabsBar .rankTabs{margin-bottom:0;width:auto}.onlineFilter{height:36px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:var(--text-mut,#9ca3af);display:inline-flex;align-items:center;gap:8px}.onlineFilter:hover{color:#fff;border-color:rgba(34,197,94,.4)}.onlineFilter.active{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.4);color:#86efac}.onlineFilter .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.6)}.frOfflineDot,.frOnlineDot{width:8px;height:8px;border-radius:50%;display:inline-block;align-self:center}.frOnlineDot{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.6)}.frOfflineDot{background:rgba(148,163,184,.55);box-shadow:none}.friendListV2{display:flex;flex-direction:column;gap:10px}.friendRow{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:transform .2s,border-color .2s,background .2s}.friendRow:hover{border-color:rgba(139,92,246,.25);background:rgba(255,255,255,.035)}.friendRow .friendAv{width:44px;height:44px;flex-shrink:0}.friendRow .frBody{flex:1 1;min-width:0}.friendRow .frTopLine{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.friendRow .frName{font-weight:800;color:#fff;text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friendRow .frName:hover{color:var(--cyan,#22d3ee)}.gameLinkGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px}.gameLinksSection+.gameLinksSection{margin-top:20px}.gameLinksSectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.gameLinksSectionTitle{margin:0;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.78)}.gameLinksFeedback{display:inline-flex;margin-bottom:14px}.gameLinkCard{position:relative;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:radial-gradient(circle at top right,rgba(34,211,238,.08),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));padding:16px;box-shadow:0 16px 40px rgba(0,0,0,.14)}.gameLinkCardReadOnly{background:radial-gradient(circle at top right,rgba(34,197,94,.1),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}.gameLinkHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.gameLinkIdentity{display:flex;align-items:center;gap:12px;min-width:0}.gameLinkIconWrap{width:54px;height:54px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:rgba(6,10,24,.55);display:grid;place-items:center;flex-shrink:0}.gameLinkIconImg{width:100%;height:100%;object-fit:cover}.gameLinkIconFallback{font-family:var(--font-display);font-size:18px;font-weight:900;color:#fff;letter-spacing:.04em}.gameLinkStatusGroup{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.gameLinkTitle{font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.02em}.gameLinkTitleRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gameLinkHelp,.gameLinkText{color:var(--text-mut,#9ca3af);font-size:13px}.gameLinkHelpStack{display:grid;gap:8px;margin-top:10px}.gameLinkHelpStack.isFocused{outline:1px solid rgba(34,211,238,.32);outline-offset:6px;border-radius:10px}.gameLinkSteps{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--text-dim);font-size:12.5px}.gameLinkSteps li::marker{color:var(--cyan-hi);font-weight:800}.inputError{border-color:rgba(239,68,68,.45)!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)}.fieldError{display:block;margin-top:6px;color:#fca5a5;font-size:12px;line-height:1.35}.gameLinkHelpBadge{min-width:22px;min-height:22px;padding:0 7px;font-weight:900;line-height:1}.gameLinkDeepLink{display:inline-flex;align-items:center;gap:6px;width:fit-content;color:var(--cyan-hi);font-size:12.5px;font-weight:700}.gameLinkDeepLink:after{content:"↗";font-size:12px}.gameLinkHelp{margin-top:0}.linkFieldGrid{display:grid;gap:10px}.gameLinkValueHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.gameLinkValueBlock{border:1px solid rgba(255,255,255,.06);background:rgba(7,10,20,.26);border-radius:14px;padding:12px 13px}.gameLinkValueLabel{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.52);margin-bottom:6px}.gameLinkValue{color:#fff;font-weight:700;word-break:break-word}.gameLinkCopyBtn{min-height:30px;padding:6px 10px;font-size:12px;transition:transform var(--t-fast),background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.gameLinkCopyBtn.isCopied{background:rgba(34,197,94,.16);color:#bbf7d0;border-color:rgba(34,197,94,.4);box-shadow:0 0 0 1px rgba(34,197,94,.18),0 10px 24px -10px rgba(34,197,94,.55);animation:copyPulse .45s ease}.gameLinkActions{display:flex;justify-content:flex-end;margin-top:12px}.gameLinksEmpty{margin-top:14px}.friendRow .frChips{display:flex;gap:6px;flex-wrap:wrap}.friendRow .frChip{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:var(--text-mut,#9ca3af);display:inline-flex;align-items:center;gap:6px}.friendRow .frChip.casa{color:#c4b5fd;border-color:rgba(139,92,246,.25);background:rgba(139,92,246,.1)}.friendRow .frChip.lvl{color:#67e8f9;border-color:rgba(34,211,238,.25);background:rgba(34,211,238,.1)}.friendRow .frChip.pts{color:var(--gold-hi,#fcd34d);border-color:rgba(251,191,36,.25);background:rgba(251,191,36,.1)}.friendRow .frMessage{margin-top:6px;color:var(--text-mut,#9ca3af);font-size:13px}.friendRow .frActions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.friendRow .frActions .btn{padding:8px 12px;font-size:12px}.confirmBackdrop{position:fixed;inset:0;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60}.confirmBackdrop.open{display:grid}.confirmModal{width:min(420px,100%);border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(13,12,26,.92);box-shadow:0 16px 50px rgba(0,0,0,.6);padding:18px;text-align:center}.confirmModal .confIco{font-size:32px;margin-bottom:10px}.confirmModal .confTitle{font-size:18px;font-weight:700;color:#fff;margin-bottom:6px;font-family:var(--font-display)}.confirmModal .confDesc{font-size:14px;color:var(--text-mut,#9ca3af);margin-bottom:20px;line-height:1.5}.confirmModal .confActions{display:flex;gap:10px;justify-content:flex-end}@keyframes copyPulse{0%{transform:scale(.96)}55%{transform:scale(1.03)}to{transform:scale(1)}}@media (max-width:900px){.friendsHero{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.friendRow{gap:12px;padding:12px;flex-wrap:wrap}.friendRow .friendAv{width:40px;height:40px}.friendRow .frActions{width:100%;justify-content:stretch;margin-top:8px}.friendRow .frActions .btn{flex:1 1;justify-content:center}.friendRow .frBody{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 56px)}.friendsHero{grid-template-columns:1fr 1fr;gap:8px}.friendsHeroCard{padding:10px 12px}.friendsHeroCard .heroIco{width:36px;height:36px;font-size:17px}.friendsHeroCard .heroVal{font-size:17px}.friendRow .frChips{gap:4px}.friendRow .frChip{font-size:10px;padding:2px 6px}.gameLinkHead{flex-direction:column}.gameLinkStatusGroup{justify-content:flex-start}.gameLinkIconWrap{width:46px;height:46px;border-radius:14px}.gameLinkValueHead{align-items:flex-start;flex-direction:column}.gameLinkHelpBadge:before{top:calc(100% + 2px);bottom:auto;height:14px;background:linear-gradient(180deg,rgba(34,211,238,.55),rgba(34,211,238,0))}.gameLinkHelpBadge:after{top:calc(100% + 14px);bottom:auto;left:0;transform:translateY(4px);width:min(260px,calc(100vw - 72px));white-space:normal;text-align:left;line-height:1.4}.gameLinkHelpBadge.isOpen:after,.gameLinkHelpBadge:focus-visible:after,.gameLinkHelpBadge:hover:after{transform:translateY(0)}.gameLinkHelpBadge.isOpen:before,.gameLinkHelpBadge:focus-visible:before,.gameLinkHelpBadge:hover:before{transform:translateY(0)}.gameLinkSteps{padding-left:16px}}.invList{display:flex;flex-direction:column;gap:12px}.invCard{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);color:inherit;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}.invCard:hover{border-color:rgba(239,68,68,.28);background:rgba(255,255,255,.035);transform:translateY(-1px)}.invImg{width:96px;height:96px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.2);display:grid;place-items:center}.invImg img{width:100%;height:100%;object-fit:cover}.invImgFallback{width:100%;height:100%;display:grid;place-items:center;font-size:34px;color:rgba(255,255,255,.8)}.invBody{flex-direction:column}.invBody,.invTop{min-width:0;display:flex;gap:10px}.invTop{align-items:flex-start;justify-content:space-between}.invName{font-family:var(--font-display);font-weight:900;font-size:16px;letter-spacing:.02em}.invMeta{flex-wrap:wrap;margin-top:6px}.invHpNums,.invMeta{display:flex;gap:6px}.invHpNums{flex-shrink:0;align-items:center}.hpBar{height:10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.hpBarBig{height:14px}.hpFill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,rgba(239,68,68,.9),rgba(251,191,36,.75));box-shadow:0 0 18px rgba(239,68,68,.22);transition:width .25s ease}.invHeroBody{display:grid;grid-template-columns:140px 1fr 360px;gap:16px;align-items:start}.invHeroImg{width:140px;height:140px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);display:grid;place-items:center}.invHeroImg img{width:100%;height:100%;object-fit:cover}.invHeroMain{min-width:0;display:flex;flex-direction:column;gap:12px}.invHeroTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.invHeroName{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:.02em}.invHeroHpNums{flex-shrink:0}.invSelfRow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.invLogPanel{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);border-radius:16px;overflow:hidden}.invLogHead{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(34,211,238,.06),rgba(139,92,246,.05))}.invLogTitle{font-family:var(--font-display);font-weight:900;letter-spacing:.03em}.invLogSub{margin-top:2px;font-size:12px;color:var(--text-mute)}.invLogBody{padding:10px}.invLogList{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto;padding-right:4px}.invLogItem{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.18)}.invLogItem.ok{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.06)}.invLogItem.fail{border-color:rgba(239,68,68,.22);background:rgba(239,68,68,.05)}.invLogText{font-size:13px;color:var(--text-dim);line-height:1.45}.invSpriteWrap{width:100%;height:100%;display:grid;place-items:center;position:relative}.invSpriteImg{width:500px;height:auto;object-fit:contain;position:relative;z-index:1}@keyframes invDmgFloat{0%{opacity:0;transform:translate(-50%,8px) translateX(var(--dx,0)) scale(.98)}15%{opacity:1;transform:translate(-50%) translateX(var(--dx,0)) scale(1)}to{opacity:0;transform:translate(-50%,-44px) translateX(var(--dx,0)) scale(1.02)}}.invDmgFloat{position:absolute;left:50%;top:18%;z-index:2;font-family:var(--font-display);font-weight:900;letter-spacing:.02em;font-size:22px;color:var(--red-hi);text-shadow:0 0 14px rgba(239,68,68,.25);pointer-events:none;animation:invDmgFloat 1.6s ease forwards}@keyframes invHit{0%{transform:translateX(0) scale(1);filter:brightness(1)}25%{transform:translateX(-2px) scale(1.01);filter:brightness(1.08)}50%{transform:translateX(2px) scale(1.01);filter:brightness(1.12)}75%{transform:translateX(-1px) scale(1.005);filter:brightness(1.06)}to{transform:translateX(0) scale(1);filter:brightness(1)}}@keyframes invFail{0%{transform:translateY(0) scale(1);filter:saturate(1)}30%{transform:translateY(-2px) scale(1.01);filter:saturate(1.15)}60%{transform:translateY(0) scale(1.005);filter:saturate(1.08)}to{transform:translateY(0) scale(1);filter:saturate(1)}}.invSpriteImg.isHit{animation:invHit 1.6s ease}.invSpriteImg.isFail{animation:invFail 1.9s ease}.invPage{width:100vw;margin-left:calc(50% - 50vw)}.invScreens{display:flex;flex-direction:column;gap:22px;max-width:var(--content-max);margin:0 auto;padding:28px 32px 60px}.invScreen{min-height:calc(100vh - var(--topbar-h));scroll-snap-align:start;scroll-snap-stop:always;padding:18px 0}.invTheaterGrid{display:grid;grid-template-columns:1fr 360px;gap:14px;align-items:stretch;min-height:calc(100vh - var(--topbar-h) - 36px)}.invStage{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0;height:90vh}.invStageInline{display:flex;justify-content:space-between}.invStageTop{padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(34,211,238,.06),rgba(139,92,246,.05))}.invStageTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.invHpText{margin-top:8px;font-size:12px;color:var(--text-mute);font-family:var(--font-mono)}.invStageName{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:.02em}.invStageRight{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.invStageMedia{flex:1 1;display:grid;place-items:center;padding:14px;position:relative;background:radial-gradient(ellipse 800px 420px at 50% 40%,rgba(139,92,246,.12),transparent 60%),radial-gradient(ellipse 700px 380px at 70% 60%,rgba(34,211,238,.08),transparent 60%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.2))}.invStageMedia .invSpriteImg{width:90%;height:100%;max-height:54vh}.invStageBottom{padding:12px 16px 14px;border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.14)}.invStageHint{margin-top:8px;font-size:12px;color:var(--text-mute)}.invChat{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:90vh;min-width:0}.invChatHead{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(236,72,153,.06),rgba(139,92,246,.05))}.invChatTitle{font-family:var(--font-display);font-weight:900;letter-spacing:.03em}.invChatSub{margin-top:2px;font-size:12px;color:var(--text-mute)}.invChatBody{flex:1 1;overflow:scroll;padding:12px 10px}.invChatList{display:flex;flex-direction:column;gap:8px}.invChatItem{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.18)}.invChatItem.ok{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.06)}.invChatItem.fail{border-color:rgba(239,68,68,.22);background:rgba(239,68,68,.05)}.invChatText{font-size:13px;color:var(--text-dim);line-height:1.45}.invScreenRanks{display:flex;align-items:stretch}.invScreenRanks .invRanks{width:100%;align-content:start}.invRanks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invRankList{display:flex;flex-direction:column;gap:8px}.invRankRow{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);color:inherit;text-decoration:none}.invRankRowLink:hover{border-color:rgba(34,211,238,.26);background:rgba(255,255,255,.035)}.invRankPos{font-family:var(--font-mono);color:var(--text-mute);text-align:center}.invRankName{min-width:0}.invRankVal{font-family:var(--font-display);font-weight:900;color:var(--gold-hi)}.invRankUserName{font-weight:800;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invRankUserMeta{font-size:12px;color:var(--text-mute);margin-top:2px}@media (max-width:900px){.invRanks{grid-template-columns:1fr}.invHeroBody{grid-template-columns:140px 1fr;align-items:center}.invLogPanel{grid-column:1/-1}.invScreens{gap:16px}.invScreen{min-height:auto;padding:0}.invTheaterGrid{grid-template-columns:1fr;min-height:auto;height:auto}.invStageMedia{padding:10px}.invScreens{padding:20px 16px 40px}}@media (max-width:640px){.invCard{grid-template-columns:84px 1fr;padding:12px}.invImg{width:84px;height:84px}.invHeroBody{grid-template-columns:1fr}.invHeroImg{width:100%;height:180px}.invHeroTop{flex-direction:column}.invLogList{max-height:180px}.invStageTop{padding:12px 12px 10px}.invStageMedia{padding:10px}.invStageBottom{padding:10px 12px 12px}.invScreens{padding:16px 12px 32px}}