@font-face{font-family:Departure Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/departure-mono/DepartureMono-Regular.woff2)format("woff2"),url(/fonts/departure-mono/DepartureMono-Regular.woff)format("woff")}:root{--bg:#14101a;--surface:#1d1824;--surface-2:#282130;--surface-3:#332a3c;--dusk-void:#07050c;--tier-iron:#72777f;--tier-bronze:#9a5530;--tier-silver:#8fa3b1;--tier-gold:#c89b3c;--tier-platinum:#3d9e8a;--tier-emerald:#2fa86e;--tier-diamond:#5b8fd4;--tier-master:#9d48c7;--tier-grandmaster:#d13b2a;--tier-challenger:#f0c040;--border:#ffffff0f;--border-bright:#ffffff24;--text:#f2ead9;--text-dim:#a49a89;--text-faint:#6d6574;--text-faint-aa:#887d90;--bw-accent:var(--dusk-peach);--dusk-peach:#f7a679;--dusk-gold:#e6b257;--dusk-rose:#d96a7d;--dusk-violet:#7b5aa3;--dusk-teal:#4fa9a0;--win:#6aaf6c;--loss:#c0514b;--mid:#a49a89;--amber:var(--dusk-peach);--amber-dim:#f7a67926;--red:var(--loss);--red-dim:#c0514b1f;--teal:var(--dusk-teal);--teal-dim:#4fa9a026;--cream:var(--text);--win-dim:#6aaf6c1a;--loss-dim:#c0514b1a;--font-display:"Cabinet Grotesk", "Unbounded", "Inter Tight", system-ui, sans-serif;--font-ui:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "Geist Mono", "IBM Plex Mono", "SF Mono", Consolas, monospace;--fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:20px;--fs-xl:clamp(24px, 1.6vw + 16px, 32px);--fs-2xl:clamp(32px, 2.4vw + 18px, 48px);--fs-3xl:clamp(52px, 6.4vw, 88px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-24:96px;--space-section:48px;--radius:4px;--radius-sm:2px;--radius-lg:6px;--card-shadow:0 1px 2px #00000059;--card-shadow-lift:0 8px 24px #00000073;--surface-raised:linear-gradient(180deg, #1c1628b8, #120e1cb8);--surface-hairline:1px solid #ffffff0f;--surface-shadow:0 8px 32px #0006, 0 1px 0 #ffffff0a inset;--glow-focus:0 0 0 1px var(--dusk-peach), 0 0 16px -2px #f7a67966;--grain-overlay-url:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 0.95  0 0 0 0 0.85  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>");--grain-opacity:.13;--inner-light:radial-gradient(ellipse 80% 60% at 18% 0%, color-mix(in oklab, var(--dusk-peach) 6%, transparent) 0%, transparent 60%);--ambient-mesh:radial-gradient(ellipse 50% 40% at 12% 30%, #f7a6792e, transparent 60%), radial-gradient(ellipse 40% 50% at 88% 70%, #7b5aa329, transparent 65%), radial-gradient(ellipse 30% 30% at 50% 100%, #e6b2571a, transparent 60%);--bloom-warm:0 0 32px -4px #f7a67938;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.6, 0, .8, .2);--dur-fast:.15s;--dur-base:.3s;--dur-slow:.6s;--w-app:1280px;--w-prose:720px;--pad-inline:clamp(16px, 4vw, 48px);--max-w:var(--w-app);--pad:24px;--sidebar-w:240px;--topbar-h:64px;--nav-icon-filter:brightness(0) invert(1);--accent:var(--dusk-peach);--accent-soft:#f7a6792e;--accent-glow:#f7a67959;--hairline-low:#ffffff0f;--hairline-mid:#ffffff1a;--hairline-strong:#ffffff24}[data-theme=light]{--bg:#f1e8d0;--surface:#f8f0d9;--surface-2:#fdf6e3;--surface-3:#fdf6e3;--border:#3a2a1c1f;--border-bright:#3a2a1c3d;--text:#322a26;--text-dim:#6a5d52;--text-faint:#9a8d80;--text-faint-aa:#6a6157;--cream:var(--text);--dusk-peach:#de7f48;--bw-accent:#a4500f;--dusk-gold:#b88a2a;--dusk-rose:#bf4a5f;--dusk-violet:#5a3e7f;--dusk-teal:#2e7d74;--amber:var(--dusk-peach);--amber-dim:#de7f481a;--red:var(--loss);--red-dim:#c0514b14;--teal:var(--dusk-teal);--teal-dim:#2e7d741a;--nav-icon-filter:brightness(0)}[data-theme=light] body:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#3a2a1c05 0,#0000 40%),radial-gradient(circle at 80% 70%,#3a2a1c05 0,#0000 45%),radial-gradient(circle,#fff8dc1a 0,#0000 60%);position:fixed;inset:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(ellipse 60% 40% at 50% -10%, #f7a67912 0%, transparent 55%), radial-gradient(ellipse 45% 25% at 92% 108%, #7b5aa31f 0%, transparent 55%), radial-gradient(circle, #ffffff09 1px, transparent 1.5px) 0 0 / 32px 32px, linear-gradient(180deg, var(--bg) 0%, var(--dusk-void) 100%);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-attachment:fixed;font-weight:400;line-height:1.5}[data-theme=light] body{background:radial-gradient(ellipse 60% 40% at 50% -10%, #de7f4814 0%, transparent 55%), var(--bg);background-attachment:fixed}body:before{content:"";z-index:9998;pointer-events:none;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:fixed;inset:0}#root{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}#root:after{content:"";background-image:radial-gradient(1px 1px at 20px 30px, var(--cream), transparent), radial-gradient(1px 1px at 40px 70px, var(--amber), transparent), radial-gradient(1.5px 1.5px at 50px 160px, #ffffff80, transparent), radial-gradient(1px 1px at 90px 40px, var(--cream), transparent), radial-gradient(1px 1px at 130px 80px, var(--amber), transparent);opacity:.12;pointer-events:none;background-repeat:repeat;background-size:300px 300px;animation:60s linear infinite background-drift;position:fixed;inset:0}@keyframes background-drift{0%{transform:translateY(0)}to{transform:translateY(-300px)}}@keyframes grainy-fade-in{0%{opacity:0;filter:brightness(1.2)contrast(.9);transform:translateY(8px)}to{opacity:1;filter:brightness()contrast();transform:translateY(0)}}.page-nav-fade{animation:.1s ease-out forwards page-nav-fade-in}@keyframes page-nav-fade-in{0%{opacity:0}to{opacity:1}}.page-transition-enter{animation:.1s ease-out forwards page-nav-fade-in}.bump-overlay{z-index:10000;transition:opacity .6s var(--ease-in);background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bump-overlay.is-hidden{opacity:0;pointer-events:none}.bump-content{text-align:center;max-width:500px;padding:40px;position:relative}.bump-text{font-family:var(--font-display);color:#fff;letter-spacing:.05em;text-transform:uppercase;margin-bottom:24px;font-size:18px;font-weight:700;line-height:1.4}.bump-logo{font-family:var(--font-mono);color:#fff6;letter-spacing:.2em;font-size:14px}.bump-grain{content:"";z-index:2;pointer-events:none;opacity:.15;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}img{display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}.footer{padding:80px var(--pad) 60px;background:var(--bg);border-top:1px solid var(--border)}.footer-inner{max-width:var(--max-w);text-align:center;flex-direction:column;align-items:center;gap:24px;margin:0 auto;display:flex}.footer-mark{opacity:.85;margin-bottom:4px;font-size:28px}.footer-nav{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:4px 24px;display:flex}.footer-nav a{color:var(--text-dim);transition:color .15s}.footer-nav a:hover{color:var(--cream)}.footer-nav--meta{gap:4px 18px;margin-top:-4px;font-size:10px}.footer-nav--meta a{color:var(--text-faint-aa)}.footer-legal{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--text-faint-aa);letter-spacing:.01em;max-width:600px;line-height:1.6}.footer-meta{font-family:var(--font-mono);color:var(--text-faint-aa);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.stat-win{color:var(--win)}.stat-loss{color:var(--loss)}.brand-name{font-family:var(--font-mono);letter-spacing:-.02em}.page-center{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.loading-text{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;font-size:13px}.error-msg{font-family:var(--font-mono);color:var(--loss);letter-spacing:.03em;font-size:14px}.section-label{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.18em;color:var(--text);align-items:center;gap:12px;margin-bottom:18px;display:flex}.label-num{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.22em;color:var(--text-dim);opacity:.3;flex-shrink:0}.section-icon{color:var(--amber);opacity:.85;flex-shrink:0;width:26px;height:26px}.top-nav{height:var(--topbar-h);z-index:100;-webkit-backdrop-filter:blur(24px)saturate(160%);background:#14101ac7;border-bottom:1px solid #ffffff0f;align-items:center;gap:0;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #ffffff08,0 1px #0006,0 12px 28px -6px #0000008c,0 32px 64px -12px #1e183073}[data-theme=light] .top-nav{background:#faf6ecb8;border-bottom:1px solid #14101a14;box-shadow:inset 0 1px #ffffff80,0 1px #14101a0f,0 10px 22px -6px #14101a2e}.top-nav-brand{color:inherit;border-radius:var(--radius);flex-shrink:0;align-items:center;gap:10px;padding:4px 6px;text-decoration:none;transition:opacity .15s;display:flex}.top-nav-brand:hover{opacity:.85}.top-nav-wordmark{font-family:var(--font-mono);letter-spacing:-.02em;text-transform:uppercase;font-size:15px;font-weight:700;line-height:1}.top-nav-divider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 16px}.brand-side{width:100%;color:inherit;align-items:center;gap:12px;margin-bottom:32px;padding:4px 6px 4px 8px;text-decoration:none;display:flex}.brand-side .brand-title{letter-spacing:-.01em;gap:0;margin:0;font-size:17px}.brand-mono{background:linear-gradient(150deg, #fcc299 0%, var(--dusk-peach) 48%, #e88a5e 100%);width:36px;height:36px;color:var(--bg);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 18px -6px #f7a6798c,0 0 0 1px #f7a67926,inset 0 1px #ffffff61,inset 0 -1px #00000024}.brand-side:hover .brand-mono,.top-nav-brand:hover .brand-mono{transform:translateY(-1px);box-shadow:0 8px 22px -6px #f7a679b3,0 0 0 1px #f7a67940,inset 0 1px #fff6,inset 0 -1px #00000026}.brand-mono:after{content:"";pointer-events:none;background:radial-gradient(at 28% 18%,#ffffff59 0%,#0000 60%);position:absolute;inset:0}.brand-mono-letters{z-index:1;font-family:var(--font-display);letter-spacing:-.08em;text-shadow:0 1px #ffffff26;padding-right:1.5px;font-size:20px;font-weight:700;position:relative;transform:translateY(-.5px)}.brand-mono-clock{z-index:1;width:36px;height:36px;color:var(--dusk-peach);filter:drop-shadow(0 0 2px #f7a6798c)drop-shadow(0 0 5px #f7a67959);transition:transform .5s var(--ease-out);position:relative}.brand-side:hover .brand-mono-clock,.top-nav-brand:hover .brand-mono-clock{transform:scale(1.04)}.brand-mono-clock .seg-colon{transform-origin:50%;animation:2.4s ease-in-out infinite clock-colon-blink}@keyframes clock-colon-blink{0%,48%,52%,to{opacity:1}50%{opacity:.25}}.brand-wordmark-sep{color:var(--dusk-peach);padding:0 1px;font-weight:600;line-height:1;animation:3s ease-in-out infinite wordmark-blink;display:inline-block}@keyframes wordmark-blink{0%,45%,55%,to{opacity:.95}50%{opacity:.35}}.top-nav-links{flex:1;align-items:center;gap:2px;display:flex}.top-nav-item{font-family:var(--font-body);letter-spacing:.01em;color:var(--cream);text-shadow:0 1px 2px #0000004d;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:7px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.top-nav-item:hover:not(.top-nav-item--soon){color:var(--text);background:#ffffff0d;transform:translateY(-1px)}.top-nav-item:hover:not(.top-nav-item--soon) .top-nav-icon{color:var(--dusk-peach)}.top-nav-item.is-active{color:var(--dusk-peach);background:#f7a6791f;box-shadow:inset 0 0 0 1px #f7a67938,0 0 12px #f7a6791f}.top-nav-item.is-active .top-nav-icon{color:var(--dusk-peach)}.top-nav-item.is-active:hover{background:#f7a67929;transform:translateY(-1px)}.top-nav-icon{color:var(--cream);opacity:.8;transition:color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);flex-shrink:0;align-items:center;display:inline-flex}.top-nav-item:hover:not(.top-nav-item--soon) .top-nav-icon{opacity:1}.top-nav-label{line-height:1}.top-nav-badge{font-family:var(--font-mono);letter-spacing:.14em;color:var(--dusk-peach);opacity:.7;background:#f7a6791a;border-radius:2px;padding:2px 5px;font-size:8px;font-weight:500}.top-nav-item--soon{opacity:.45;cursor:not-allowed;pointer-events:none}.top-nav-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.top-nav-user{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;overflow:hidden}.top-nav-auth-link{font-family:var(--font-body);letter-spacing:.01em;color:var(--cream);text-shadow:0 1px 2px #0000004d;border-radius:var(--radius);transition:color var(--dur-fast), border-color var(--dur-fast), background var(--dur-fast);border:1px solid #ffffff2e;padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none}.top-nav-auth-link:hover{color:var(--text);border-color:var(--border-bright);background:#ffffff0a}.top-nav-theme-btn{border:1px solid var(--border);border-radius:var(--radius);width:30px;height:30px;color:var(--text-dim);cursor:pointer;transition:color var(--dur-fast), border-color var(--dur-fast), background var(--dur-fast);background:0 0;justify-content:center;align-items:center;display:flex}.top-nav-theme-btn:hover{color:var(--text);border-color:var(--border-bright);background:#ffffff0a}.top-nav-version-dot{background:var(--win);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 6px #6aaf6ccc}.side-bar,.sidebar-toggle,.theme-toggle,.minion-logo,.side-bar-foot,.sidebar-foot-btn,.sidebar-foot-version,.sidebar-foot-dot,.nav-group,.nav-group-label,.nav-group-sub,.nav-group-items,.nav-item{display:none}.brand{align-items:center;gap:18px;line-height:1;display:flex}.brand-title{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text);text-transform:uppercase;font-feature-settings:"ss01", "cv11", "tnum";align-items:center;gap:10px;margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1;display:inline-flex}.brand-wordmark{color:var(--text);align-items:baseline;font-family:inherit;display:inline-flex}.brand-wordmark-late{color:var(--dusk-peach);font-weight:700}.brand-wordmark-game{color:var(--text);font-weight:700}.brand-sub{font-family:var(--font-display);letter-spacing:.45em;color:var(--text-dim);text-transform:uppercase;margin-top:6px;margin-bottom:40px;font-size:12px}@media (width<=760px){.top-nav-label{display:none}.top-nav-divider{margin:0 8px}.top-nav-wordmark,.top-nav-user{display:none}.top-nav-links{gap:0}.top-nav-item{gap:0;padding:6px 8px}}@media (width<=480px){.top-nav{padding:0 10px}.top-nav-divider{display:none}.top-nav-brand{padding:4px}.top-nav-brand .bw{font-size:16px}.top-nav-item{padding:6px 5px}.top-nav-actions{gap:4px}.top-nav-auth-link{padding:5px 8px;font-size:10px}}@media (width<=720px){:root{--pad:16px}.profile-grid{grid-template-columns:1fr}.profile-side{order:-1}.profile-header{gap:18px}.profile-icon{width:72px;height:72px}.ranks-grid{grid-template-columns:1fr;max-width:320px}}.alpha-tag{color:var(--red);font-family:var(--font-display);letter-spacing:.2em;opacity:.8;z-index:100;font-size:14px;position:fixed;bottom:24px;left:24px}.ranks-section{max-width:var(--max-w);margin:0 auto var(--space-section);padding:0 var(--pad)}.ranks-grid{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:14px;display:grid}.ranks-stack{flex-direction:column;gap:0;display:flex}.rank-card{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--tier-color,var(--border));text-align:center;padding:20px 20px 22px;transition:all .2s;box-shadow:inset 0 1px #ffffff08,0 4px 12px #0003}.rank-card:hover{border-color:var(--border-bright);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0f,0 12px 30px #0006}.rank-card--unranked{opacity:.45}.rank-card-label{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.24em;color:var(--text-dim);margin-bottom:12px}.rank-card-body{flex-direction:column;align-items:center;gap:14px;display:flex}.rank-emblem{aspect-ratio:1;object-fit:cover;width:min(88%,220px);height:auto;filter:drop-shadow(0 8px 20px #0000008c) drop-shadow(0 0 32px color-mix(in srgb, var(--tier-color,#c8b8a0) 55%, transparent));transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .3s}.rank-card:hover .rank-emblem{filter:drop-shadow(0 12px 24px #0009) drop-shadow(0 0 40px color-mix(in srgb, var(--tier-color,#c8b8a0) 75%, transparent));transform:translateY(-2px)}.rank-emblem-placeholder{aspect-ratio:1;width:min(88%,220px);font-size:var(--fs-lg);color:var(--text-dim);justify-content:center;align-items:center;display:flex}.rank-text{flex-direction:column;align-items:center;gap:6px;display:flex}.rank-tier-text{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.08em;text-shadow:0 2px 12px color-mix(in srgb, var(--tier-color,#000) 40%, transparent);line-height:1}.rank-lp{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--amber);letter-spacing:.03em}.rank-wl{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.02em}.rank-wr{font-weight:500}.region-flag{vertical-align:middle;align-items:center;gap:4px;line-height:1;display:inline-flex}.region-flag-logo{object-fit:contain;vertical-align:middle;width:1.2em;height:1.2em;display:inline-block}.region-flag-emoji{font-size:1em;line-height:1;display:inline-block}.region-flag-label{letter-spacing:.04em;color:inherit;font-size:.85em}.skeleton-base{background:var(--surface-2);animation:1.8s ease-in-out infinite alternate skeleton-breathe;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f59e5a0f}@keyframes skeleton-breathe{0%{opacity:.55}to{opacity:.95}}@media (prefers-reduced-motion:reduce){.skeleton-base{opacity:.75;animation:none}}.grid-loader-strip{margin:0 var(--pad);justify-content:center;align-items:center;padding:24px 0 32px;display:flex}.skin-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--card-shadow);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);isolation:isolate;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.skin-card:hover,.skin-card:focus-within{border-color:var(--border-bright);box-shadow:var(--card-shadow-lift);transform:translateY(-3px)}.skin-card:active{transition-duration:80ms;transform:translateY(-1px)scale(.98)}.skin-card-art{aspect-ratio:16/9;background:var(--surface-2);position:relative;overflow:hidden}.skin-card-img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-base) var(--ease-out);display:block}.skin-card:hover .skin-card-img{transform:scale(1.04)}.skin-card-img--fallback{background:linear-gradient(135deg, var(--surface-2), var(--surface-3))}.skin-card-art-gradient{pointer-events:none;background:linear-gradient(#14101a00 55%,#14101a8c 100%);position:absolute;inset:0}.skin-card-badges{z-index:2;flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:8px;left:8px}.skin-card-year{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);letter-spacing:.04em;text-shadow:0 1px 2px #0009;position:absolute;bottom:8px;right:10px}.skin-card:hover .skin-card-year,.skin-card:focus-within .skin-card-year{opacity:1}.skin-card-body{flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.skin-card-name{font-family:var(--font-display);font-size:var(--fs-md);color:var(--cream);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.skin-card-champ{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:6px}.skin-card-foot{justify-content:flex-start;align-items:center;gap:8px;display:flex}.skin-card--legendary{box-shadow:var(--card-shadow), 0 0 0 1px #e6b25726;border-color:#e6b25780}.skin-card--legendary:before{content:"";background:var(--dusk-gold);opacity:1;z-index:3;pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #e6b25773}.skin-card--legendary:hover{box-shadow:var(--card-shadow-lift), 0 0 0 1px #e6b25759;border-color:#e6b257cc}.skin-card--mythic{box-shadow:var(--card-shadow), 0 0 0 1px #7b5aa32e;border-color:#7b5aa38c}.skin-card--mythic:before{content:"";background:var(--dusk-violet);opacity:1;z-index:3;pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #7b5aa38c}.skin-card--mythic:hover{box-shadow:var(--card-shadow-lift), 0 0 0 1px #7b5aa366;border-color:#7b5aa3d9}.skin-card--ultimate{box-shadow:var(--card-shadow), 0 0 0 1px #f7a67933;border-color:#f7a6798c}.skin-card--ultimate:before{content:"";background:linear-gradient(90deg, var(--dusk-violet) 0%, var(--dusk-peach) 35%, var(--dusk-gold) 50%, var(--dusk-peach) 65%, var(--dusk-violet) 100%);z-index:3;pointer-events:none;will-change:transform;width:200%;height:3px;animation:4s ease-in-out infinite skin-card-shimmer;position:absolute;top:0;left:-50%;box-shadow:0 0 10px #f7a67980}.skin-card--ultimate:hover{box-shadow:var(--card-shadow-lift), 0 0 0 1px #f7a67966;border-color:#f7a679d9}@keyframes skin-card-shimmer{0%,to{box-shadow:inset 0 0 0 1px #f7a6798c,inset 0 0 28px #f7a67952}50%{box-shadow:inset 0 0 0 1px #e6b257b3,inset 0 0 34px #e6b25773}}@media (prefers-reduced-motion:reduce){.skin-card--ultimate:before{animation:none}.skin-card,.skin-card-img{transition:none}}.skin-card--archived{filter:saturate(.8)brightness(.95);border-color:#ffffff0a}.skin-card--archived .skin-card-img{filter:grayscale(.2)}.skin-card--archived:hover{filter:saturate(.9)brightness()}.skin-card--archived:hover .skin-card-img{filter:grayscale(.1)}.skin-rarity{font-family:var(--font-ui);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-dim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14101abf;padding:2px 6px}.skin-rarity--epic{color:var(--text-dim)}.skin-rarity--legendary{color:var(--dusk-gold);border-color:#e6b2574d}.skin-rarity--mythic{color:var(--dusk-violet);border-color:#7b5aa366}.skin-rarity--ultimate{color:var(--dusk-peach);border-color:#f7a67966}.skin-rarity--legacy{color:var(--dusk-rose);border-color:#d96a7d4d}.skin-price{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.skin-price-amount{font-weight:600}.skin-price-unit{opacity:.75;font-size:10px}.skin-price--rp{color:var(--dusk-gold);border-color:#e6b25747}.skin-price--me{color:var(--dusk-violet);border-color:#7b5aa359}.skin-price--event{color:var(--dusk-teal);border-color:#4fa9a047}.skin-price--loot{color:var(--text-dim)}.skin-price--unobtainable{color:var(--text-faint);font-style:italic}.skin-price--unknown{color:var(--text-faint)}.skin-sale-badge{z-index:3;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;border-radius:var(--radius-sm);background:var(--dusk-rose);color:var(--bg);pointer-events:none;border:1px solid #d96a7db3;padding:3px 7px;font-weight:600;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 4px #00000059}.skin-sale-badge--urgent{background:var(--dusk-peach);border-color:#f7a679b3}.skin-card--on-sale:after{content:"";background:var(--dusk-rose);opacity:.85;z-index:3;pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0}.skin-price--on-sale{flex-wrap:wrap;gap:6px;max-width:100%}.skin-price-original{color:var(--text-faint);opacity:.8;font-size:10px;font-weight:400;text-decoration-thickness:1px}.skin-price-discount{color:var(--dusk-rose);letter-spacing:.04em;font-size:10px;font-weight:600}.skin-card-year--urgent{color:var(--dusk-peach)}.skin-card .skin-card-art{aspect-ratio:16/9}.skin-card .skin-card-art-gradient{background:linear-gradient(#14101a00 78%,#14101abf 100%)}.skin-card .skin-card-name{z-index:2;font-family:var(--font-display);font-size:var(--fs-sm);color:var(--cream);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #000000b3;-webkit-line-clamp:unset;font-weight:600;line-height:1.2;display:block;position:absolute;bottom:8px;left:10px;right:40px;overflow:hidden}.skin-card-hover{z-index:3;pointer-events:none;opacity:0;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);background:linear-gradient(#14101a00 0%,#14101a99 40%,#14101aeb 100%);flex-direction:column;gap:4px;padding:10px 12px 38px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.skin-card:hover .skin-card-hover,.skin-card:focus-within .skin-card-hover{opacity:1;transform:translateY(0)}.skin-card-hover-row{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.04em;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.skin-card-hover-champ{color:var(--text);text-transform:none;letter-spacing:0}.skin-card-hover-rarity{color:var(--text-dim);text-transform:uppercase}.skin-card--legendary .skin-card-hover-rarity{color:var(--dusk-gold)}.skin-card--mythic .skin-card-hover-rarity{color:var(--dusk-violet)}.skin-card--ultimate .skin-card-hover-rarity{color:var(--dusk-peach)}.skin-card-hover-price{color:var(--dusk-gold);font-family:var(--font-mono);align-items:center;gap:4px;display:inline-flex}.skin-card-hover-price-icon{object-fit:contain;width:14px;height:14px;display:inline-block}.skin-card-hover-year{color:var(--text-faint);font-family:var(--font-mono)}.skin-card .skin-sale-badge{align-items:center;gap:4px;display:inline-flex;inset:8px auto auto 8px}.skin-sale-badge-sub{opacity:.9;border-left:1px solid #14101a4d;margin-left:2px;padding-left:4px;font-size:10px;font-weight:500}.skin-card{border-radius:8px}.skin-card .skin-card-img{object-position:center;opacity:0;transition:opacity .32s var(--ease-out), transform var(--dur-base) var(--ease-out), filter .22s var(--ease-out)}.skin-card .skin-card-img[src].is-loaded,.skin-card .skin-card-img[src]:not([data-loading]),.skin-card .skin-card-img:not([data-loading=true]){opacity:1}.skin-card:hover .skin-card-img,.skin-card:focus-within .skin-card-img{transform:scale(1.04)}.skin-card .skin-card-art:after{content:"";pointer-events:none;z-index:1;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/></svg>");background-size:160px 160px;position:absolute;inset:0}.skin-card--legendary:before{display:none}.skin-card--legendary{box-shadow:var(--card-shadow), inset 0 0 0 1px #e6b25780, inset 0 0 24px #e6b25738}.skin-card--legendary:hover{box-shadow:var(--card-shadow-lift), inset 0 0 0 1px #e6b257bf, inset 0 0 30px #e6b25759}.skin-card--mythic:before{display:none}.skin-card--mythic{box-shadow:var(--card-shadow), inset 0 0 0 1px #7b5aa38c, inset 0 0 26px #7b5aa34d}.skin-card--mythic:hover{box-shadow:var(--card-shadow-lift), inset 0 0 0 1px #7b5aa3cc, inset 0 0 32px #7b5aa36b}.skin-card--ultimate:before{border-radius:inherit;background:0 0;width:100%;height:100%;animation:4s ease-in-out infinite skin-card-shimmer;top:auto;left:0;box-shadow:inset 0 0 0 1px #f7a6798c,inset 0 0 28px #f7a67952}.skin-card--ultimate:hover:before{box-shadow:inset 0 0 0 1px #f7a679e6,inset 0 0 40px #f7a6798c}.skins-grid .skin-card .skin-card-img,[data-gallery] .skin-card .skin-card-img{filter:saturate(.92);transition:opacity .32s var(--ease-out), transform var(--dur-base) var(--ease-out), filter .22s var(--ease-out)}.skin-card:hover .skin-card-img,.skin-card:focus-within .skin-card-img{filter:saturate(1.05)}.skin-card--archived .skin-card-img,.skins-grid:hover .skin-card--archived .skin-card-img,[data-gallery]:hover .skin-card--archived .skin-card-img{filter:saturate(.8)}.skin-card--archived:hover .skin-card-img,.skin-card--archived:focus-within .skin-card-img{filter:saturate(.92)}.spinner{border:2px solid var(--border);border-top-color:var(--amber);border-radius:50%;flex-shrink:0;animation:.65s linear infinite spin}.spinner-md{width:32px;height:32px}.spinner-sm{border-width:1.5px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.loader-stage{justify-content:center;align-items:center;width:100%;min-height:320px;padding:32px 16px;display:flex}.loader-stage--full{min-height:calc(100vh - 64px)}.loader-stage--inline{min-height:0;padding:12px 0}.lg-bracket-draw{justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative}.lg-mark{letter-spacing:-.04em;transform-origin:50%;align-items:baseline;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:44px;font-weight:700;line-height:1;animation:2s ease-in-out infinite lg-mark-breathe;display:inline-flex}.lg-mark-bracket{color:var(--dusk-peach);text-shadow:0 0 8px #f59e5a80;padding:0 2px;font-weight:400}.lg-mark-text{color:var(--cream);text-shadow:0 0 12px #f59e5a2e}.lg-bracket-draw--sm{width:64px;height:64px}.lg-bracket-draw--sm .lg-mark{font-size:24px}.lg-bracket-draw--lg{width:160px;height:160px}.lg-bracket-draw--lg .lg-mark{font-size:64px}@keyframes lg-mark-breathe{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}.lg-progress{flex-direction:column;align-items:center;gap:14px;width:280px;display:flex}.lg-progress-mark{letter-spacing:-.04em;color:var(--cream);align-items:baseline;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:700;display:inline-flex}.lg-progress-mark .br{color:var(--amber);margin:0 3px;font-weight:400}.lg-progress-bar{background:#f59e5a1a;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.lg-progress-bar:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--amber) 50%, transparent 100%);width:35%;height:100%;animation:1.6s cubic-bezier(.5,0,.5,1) infinite lg-progress-slide;position:absolute;top:0;left:0;box-shadow:0 0 8px #f59e5a99}.lg-progress-meta{letter-spacing:.2em;text-transform:uppercase;color:#f5e6d366;justify-content:space-between;width:100%;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex}.lg-progress-meta .pct{color:var(--amber)}@keyframes lg-progress-slide{0%{left:-35%}to{left:100%}}.lg-stream{width:100%;max-width:320px;color:var(--cream);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.lg-stream-head{color:#f59e5ab3;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;display:flex}.lg-stream-head .dot{background:var(--amber);width:6px;height:6px;box-shadow:0 0 6px var(--amber);border-radius:3px;animation:1s ease-in-out infinite lg-pulse}.lg-stream-row{color:#f5e6d3b3;border-bottom:1px dashed #f59e5a1a;align-items:center;gap:10px;padding:4px 0;font-size:11px;display:flex}.lg-stream-row .label{color:#f5e6d380;white-space:nowrap;text-overflow:ellipsis;width:80px;overflow:hidden}.lg-stream-row .bar{background:#f59e5a1a;border-radius:2px;flex:1;height:3px;position:relative;overflow:hidden}.lg-stream-row .bar:before{content:"";background:var(--amber);height:100%;box-shadow:0 0 6px var(--amber);animation:2.4s cubic-bezier(.6,0,.4,1) infinite lg-bar-grow;position:absolute;top:0;left:0}.lg-stream-row:nth-child(2n) .bar:before{animation-delay:.2s}.lg-stream-row:nth-child(3n) .bar:before{animation-delay:.4s}.lg-stream-row:nth-child(4n) .bar:before{animation-delay:.6s}@keyframes lg-bar-grow{0%{opacity:.3;width:0}50%{opacity:1;width:100%}to{opacity:0;width:100%}}@keyframes lg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.lg-orbit{justify-content:center;align-items:center;width:130px;height:130px;display:inline-flex;position:relative}.lg-orbit-frame{letter-spacing:-.06em;color:var(--cream);z-index:2;align-items:baseline;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;font-weight:700;display:inline-flex}.lg-orbit-frame .br{color:var(--amber);text-shadow:0 0 12px #f59e5a80;margin:0 4px;font-weight:400}.lg-orbit-track{border:1px dashed #f59e5a2e;border-radius:50%;width:110px;height:110px;animation:3s linear infinite lg-orbit-rotate;position:absolute}.lg-orbit-track:before{content:"";background:var(--amber);width:8px;height:8px;box-shadow:0 0 12px var(--amber), 0 0 4px var(--amber);border-radius:4px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.lg-orbit--sm{vertical-align:middle;width:22px;height:22px}.lg-orbit--sm .lg-orbit-frame{display:none}.lg-orbit--sm .lg-orbit-track{border-color:#f59e5a4d;width:22px;height:22px}.lg-orbit--sm .lg-orbit-track:before{border-radius:3px;width:5px;height:5px;top:-2px}@keyframes lg-orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lg-charge-wrap{align-items:center;display:inline-flex}.lg-charge{align-items:flex-end;gap:5px;height:80px;display:flex}.lg-charge-col{background:#f59e5a1a;border-radius:2px;width:10px;height:100%;position:relative;overflow:hidden}.lg-charge-col:after{content:"";background:linear-gradient(180deg, var(--amber) 0%, #f59e5a66 100%);height:0;animation:1.4s cubic-bezier(.6,0,.4,1) infinite lg-charge-fill;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 8px #f59e5a80}.lg-charge-col:first-child:after{animation-delay:0s}.lg-charge-col:nth-child(2):after{animation-delay:80ms}.lg-charge-col:nth-child(3):after{animation-delay:.16s}.lg-charge-col:nth-child(4):after{animation-delay:.24s}.lg-charge-col:nth-child(5):after{animation-delay:.32s}.lg-charge-col:nth-child(6):after{animation-delay:.4s}.lg-charge-col:nth-child(7):after{animation-delay:.48s}.lg-charge-col:nth-child(8):after{animation-delay:.56s}@keyframes lg-charge-fill{0%{opacity:.4;height:0%}50%{opacity:1}to{height:var(--peak,90%);opacity:0}}.lg-charge-col:first-child{--peak:18%}.lg-charge-col:nth-child(2){--peak:28%}.lg-charge-col:nth-child(3){--peak:32%}.lg-charge-col:nth-child(4){--peak:44%}.lg-charge-col:nth-child(5){--peak:52%}.lg-charge-col:nth-child(6){--peak:70%}.lg-charge-col:nth-child(7){--peak:84%}.lg-charge-col:nth-child(8){--peak:96%}.lg-charge-mark{letter-spacing:-.04em;color:var(--cream);align-self:center;align-items:baseline;margin-left:14px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:700;display:inline-flex}.lg-charge-mark .br{color:var(--amber);margin:0 3px;font-weight:400}.lg-charge-wrap--compact .lg-charge{gap:3px;height:18px}.lg-charge-wrap--compact .lg-charge-col{border-radius:1px;width:4px}@media (prefers-reduced-motion:reduce){.lg-mark,.lg-progress-bar:before,.lg-stream-row .bar:before,.lg-stream-head .dot,.lg-orbit-track,.lg-charge-col:after{animation:none!important}.lg-mark{opacity:1;transform:none}.lg-progress-bar:before{opacity:.5;width:100%;left:0}.lg-stream-row .bar:before{width:60%}.lg-orbit-track{transform:none}.lg-charge-col:after{opacity:.6;height:60%}}.fav-btn,.wishlist-btn,.pin-btn{border:1px solid var(--border);border-radius:var(--radius);width:28px;height:28px;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(2px);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#14101ab3;justify-content:center;align-items:center;padding:0;display:inline-flex}.fav-btn:hover:not(:disabled),.fav-btn:focus-visible,.wishlist-btn:hover:not(:disabled),.wishlist-btn:focus-visible,.pin-btn:hover:not(:disabled),.pin-btn:focus-visible{border-color:var(--border-bright);background:#14101ad9;outline:none}.fav-btn:active,.wishlist-btn:active,.pin-btn:active{transform:scale(.92)}.fav-btn:disabled,.wishlist-btn:disabled,.pin-btn:disabled{opacity:.45;cursor:not-allowed}.fav-btn.is-pulsing,.wishlist-btn.is-pulsing,.pin-btn.is-pulsing{animation:fav-btn-pulse .15s var(--ease-out)}@keyframes fav-btn-pulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.wishlist-btn:hover,.wishlist-btn:focus-visible{color:var(--dusk-rose)}.wishlist-btn.is-active{color:var(--dusk-rose);border-color:#d96a7d73}.pin-btn:hover:not(:disabled){color:#ecd8a1}.pin-btn.is-active{color:#ecd8a1;border-color:#ecd8a180}[data-theme=light] .fav-btn,[data-theme=light] .wishlist-btn,[data-theme=light] .pin-btn{background:#fffc}[data-theme=light] .fav-btn:hover,[data-theme=light] .fav-btn:focus-visible,[data-theme=light] .wishlist-btn:hover,[data-theme=light] .wishlist-btn:focus-visible,[data-theme=light] .pin-btn:hover:not(:disabled),[data-theme=light] .pin-btn:focus-visible{background:#fffffff2}.fav-btn-corner{z-index:9;position:absolute;top:8px;right:8px}.wishlist-btn{z-index:1;position:absolute;top:8px;right:8px}.variant-picker-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.variant-picker-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;padding:24px;overflow:auto}.variant-picker-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.variant-picker-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text);margin:0}.variant-picker-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1}.variant-picker-close:hover{color:var(--cream)}.variant-picker-intro{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-dim);margin:0 0 16px;line-height:1.5}.variant-picker-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.variant-picker-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:16px;padding:12px 16px;display:flex}.variant-picker-item-body{flex:1;min-width:0}.variant-picker-item-name{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text);margin:0 0 4px}.variant-picker-item-desc{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-dim);margin:0;line-height:1.45}.variant-picker-start-btn{background:var(--dusk-peach);color:var(--bg);border-radius:var(--radius);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out);border:none;flex-shrink:0;padding:8px 16px;font-weight:600}.variant-picker-start-btn:hover:not(:disabled){opacity:.9}.variant-picker-start-btn:disabled{opacity:.4;cursor:not-allowed}.csv-import-docs-link{color:var(--dusk-peach);text-decoration:none}.csv-import-docs-link:hover{text-decoration:underline}.csv-import-form{align-items:center;gap:12px;margin-bottom:12px;display:flex}.csv-import-file{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);min-width:0;color:var(--text);font-family:var(--font-ui);font-size:var(--fs-sm);flex:1;padding:8px}.csv-import-error{margin-top:8px}.csv-import-result{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--text-dim);margin-top:16px;padding:12px 16px}.csv-import-result p{color:var(--text);margin:0 0 8px}.csv-import-block{margin-top:12px}.csv-import-block-title{font-family:var(--font-ui);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0 0 6px}.csv-import-list{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);flex-direction:column;gap:2px;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.csv-import-list-err{color:var(--loss)}.group-lb-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.group-lb-row{border-bottom:1px solid var(--border);font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text);grid-template-columns:48px minmax(0,1fr) 100px 100px 100px;align-items:center;gap:12px;padding:10px 16px;display:grid}.group-lb-row:last-child{border-bottom:none}.group-lb-head{background:var(--surface-2);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em}.group-lb-row.is-member:hover{background:var(--surface-2)}.group-lb-row.is-ghost{color:var(--text-faint);background:#00000014}.group-lbc-rank{font-family:var(--font-mono);color:var(--text-dim)}.group-lbc-member{align-items:center;gap:8px;min-width:0;display:flex}.group-lb-member-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.is-ghost .group-lb-member-name{color:var(--text-faint)}.group-lb-member-region{font-size:var(--fs-xs)}.group-lb-ghost-tag{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.group-lbc-score b,.group-lbc-letters b{font-family:var(--font-mono);font-weight:600}.group-lbc-letters em{color:var(--text-faint);font-style:normal;font-family:var(--font-mono);font-size:var(--fs-xs);margin-left:2px}.group-lbc-firsts{font-family:var(--font-mono);color:var(--text-dim)}.group-lb-empty{text-align:center;color:var(--text-dim);font-family:var(--font-body);font-size:var(--fs-sm);padding:24px}.group-lb-ghost-divider{background:var(--surface-2);font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 16px}@media (width<=640px){.group-lb-row{grid-template-columns:36px minmax(0,1fr) 70px 70px;padding:8px 10px}.group-lbc-firsts{display:none}}.champion-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,6px);color:inherit;isolation:isolate;transition:transform .15s var(--ease-out,ease-out), border-color .15s var(--ease-out,ease-out), box-shadow .15s var(--ease-out,ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.champion-card:hover,.champion-card:focus-visible{border-color:var(--border-bright);outline:none;transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.champion-card:focus-visible{border-color:var(--dusk-peach)}.champion-card:active{transition-duration:80ms;transform:translateY(0)scale(.98)}.champion-card-portrait{aspect-ratio:1;background:var(--surface-2);position:relative;overflow:hidden}.champion-card-portrait img{object-fit:cover;width:100%;height:100%;transition:transform .22s var(--ease-out,ease-out), filter .22s var(--ease-out,ease-out);filter:saturate(.92)brightness(.96);display:block}.champion-card:hover .champion-card-portrait img,.champion-card:focus-visible .champion-card-portrait img{filter:saturate(1.05)brightness(1.02);transform:scale(1.08)}.champion-card-rank-wrap{z-index:2;pointer-events:none;position:absolute;top:6px;right:6px}.champion-card-mastery{z-index:2;border:1px solid var(--border);border-radius:var(--radius-sm,3px);pointer-events:none;background:#14101ad1;align-items:center;gap:4px;padding:2px 5px 2px 3px;display:inline-flex;position:absolute;top:6px;left:6px}.champion-card-mastery img.champion-card-mastery-crest{object-fit:contain;filter:drop-shadow(0 1px 1px #0009);width:16px;height:16px}.champion-card-mastery-pts{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em;color:var(--cream);font-feature-settings:"tnum"}.champion-card-overlay-bar{z-index:2;pointer-events:none;font-family:var(--font-mono);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.champion-card-wr{border-radius:var(--radius-sm,2px);border:1px solid var(--border);color:var(--cream);letter-spacing:.02em;background:#14101ac7;padding:2px 5px}.champion-card-wr--strong{color:var(--win)}.champion-card-wr--neutral{color:var(--cream)}.champion-card-wr--weak{color:var(--text-faint)}.champion-card-games{border-radius:var(--radius-sm,2px);border:1px solid var(--border);color:var(--text-dim);background:#14101ac7;margin-left:auto;padding:2px 5px}.champion-card-body{justify-content:center;padding:4px 4px 6px;display:flex}.champion-card-name{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--cream);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-weight:500;line-height:1.2;overflow:hidden}.champion-card-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.champion-card-role,.champion-card-chip{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.04em;border-radius:var(--radius-sm,2px);border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);padding:2px 6px;line-height:1.3}.champion-card-role--top{color:var(--dusk-rose);border-color:#d96a7d52}.champion-card-role--jungle{color:var(--dusk-teal);border-color:#4fa9a052}.champion-card-role--mid{color:var(--dusk-violet);border-color:#7b5aa35c}.champion-card-role--adc{color:var(--dusk-gold);border-color:#e6b25752}.champion-card-role--support{color:var(--dusk-peach);border-color:#f7a67952}.champion-card-role-icon{opacity:.7;filter:drop-shadow(0 0 #0000);width:14px;height:14px;display:inline-block}.champion-card-region{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--text-faint);margin-top:2px}@media (prefers-reduced-motion:reduce){.champion-card,.champion-card-portrait img{transition:none}.champion-card:hover,.champion-card:hover .champion-card-portrait img{transform:none}}.hub-list{border:1px solid var(--border);border-radius:var(--radius-lg,6px);flex-direction:column;margin-top:16px;display:flex;overflow:hidden}.champ-row{min-height:40px;color:inherit;background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:32px minmax(120px,1.4fr) 72px minmax(120px,1.2fr) minmax(100px,1fr) minmax(160px,auto);align-items:center;gap:12px;padding:6px 12px;text-decoration:none;transition:background-color .15s ease-out;display:grid}.champ-row:last-child{border-bottom:none}.champ-row:nth-child(odd){background:var(--surface-2)}.champ-row:hover,.champ-row:focus-visible{background:var(--surface-3);outline:none}.champ-row:focus-visible{box-shadow:inset 0 0 0 1px var(--dusk-peach)}.champ-row-icon{border-radius:var(--radius-sm,2px);object-fit:cover;background:var(--surface-3);width:28px;height:28px}.champ-row-name{font-family:var(--font-display);font-size:var(--fs-md);color:var(--cream);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.champ-row-role{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--text-dim);justify-content:flex-start;align-items:center;gap:4px;display:flex}.champ-row-role-icon{opacity:.75;width:16px;height:16px;display:block}.champ-row-tags{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.champ-row-region{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.champ-row-stats{font-family:var(--font-mono);font-size:var(--fs-xs);justify-content:flex-end;align-items:center;gap:8px;display:flex}.champ-row-wr{color:var(--text-dim)}.champ-row-wr--strong{color:var(--win)}.champ-row-wr--neutral{color:var(--cream)}.champ-row-wr--weak,.champ-row-games{color:var(--text-faint)}@media (width<=720px){.champ-row{grid-template-columns:28px 1fr auto}.champ-row-role,.champ-row-tags,.champ-row-region{display:none}}@media (prefers-reduced-motion:reduce){.champ-row{transition:none}}.fighter-select{outline:none;flex-direction:column;gap:12px;margin-top:16px;display:flex}.fighter-select-hero{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg,6px);isolation:isolate;width:100%;position:relative;overflow:hidden}.fighter-select-splash-stack{z-index:0;position:absolute;inset:0}.fighter-select-splash{object-fit:cover;object-position:center 20%;opacity:1;width:100%;height:100%;transition:opacity .2s ease-out;position:absolute;inset:0}.fighter-select-splash.is-prev{opacity:0;z-index:1}.fighter-select-splash.is-current{opacity:1;z-index:2}.fighter-select-hero-hit{cursor:pointer;z-index:3;background:0 0;border:none;position:absolute;inset:0}.fighter-select-hero-hit:focus-visible{outline:2px solid var(--dusk-peach);outline-offset:-4px}.fighter-select-info{z-index:4;color:var(--cream);pointer-events:none;background:linear-gradient(#14101a00 0%,#14101ab8 50%,#14101aeb 100%);padding:24px 20px 20px;position:absolute;bottom:0;left:0;right:0}.fighter-select-name-row{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.fighter-select-name{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--cream);letter-spacing:.02em;margin:0}.fighter-select-role{font-family:var(--font-ui);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--dusk-peach)}.fighter-select-region{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-dim)}.fighter-select-tags{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-dim);margin-top:4px}.fighter-select-stats{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--cream);align-items:center;gap:16px;margin-top:8px;display:flex}.fighter-select-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,6px);scrollbar-width:thin;gap:6px;padding:8px;display:flex;overflow-x:auto}.fighter-select-slot{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm,2px);cursor:pointer;flex:none;width:48px;height:48px;padding:0;transition:border-color .15s ease-out,transform .15s ease-out;overflow:hidden}.fighter-select-slot img{object-fit:cover;width:100%;height:100%;display:block}.fighter-select-slot:hover{border-color:var(--border-bright);transform:translateY(-1px)}.fighter-select-slot.is-active{border-color:var(--dusk-peach)}.fighter-select-slot:focus-visible{border-color:var(--dusk-peach);outline:none}@media (width<=720px){.fighter-select-hero{aspect-ratio:4/3}.fighter-select-name{font-size:var(--fs-xl)}.fighter-select-slot{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.fighter-select-splash,.fighter-select-slot{transition:none}.fighter-select-slot:hover{transform:none}}.champ-quick-view{z-index:9999;background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius-lg,6px);width:320px;max-width:calc(100vw - 16px);font-family:var(--font-ui);color:var(--text);pointer-events:auto;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;box-shadow:0 8px 24px #00000052}.champ-quick-view-header{align-items:center;gap:10px;display:flex}.champ-quick-view-portrait{border-radius:var(--radius);object-fit:cover;background:var(--surface-2);flex-shrink:0;width:56px;height:56px}.champ-quick-view-head-body{flex-direction:column;gap:2px;min-width:0;display:flex}.champ-quick-view-name{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--cream);line-height:1.1}.champ-quick-view-sub{font-size:var(--fs-sm);color:var(--text-dim);align-items:center;gap:6px;display:flex}.champ-quick-view-dot{color:var(--text-faint)}.champ-quick-view-tags{flex-wrap:wrap;gap:4px;display:flex}.champ-quick-view-tag{font-size:var(--fs-xs);letter-spacing:.04em;border-radius:var(--radius-sm,2px);border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);padding:2px 6px}.champ-quick-view-personal{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:8px;display:flex}.champ-quick-view-row{font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:8px;display:flex}.champ-quick-view-label{color:var(--text-dim);font-family:var(--font-ui)}.champ-quick-view-value{color:var(--cream);font-family:var(--font-mono)}.champ-quick-view-meta-placeholder{font-size:var(--fs-xs);color:var(--text-faint);font-family:var(--font-ui);border-top:1px solid var(--border);padding-top:8px;font-style:italic}.champ-quick-view-link{font-size:var(--fs-sm);font-family:var(--font-ui);color:var(--dusk-peach);border-top:1px solid var(--border);padding-top:4px;text-decoration:none}.champ-quick-view-link:hover{color:var(--cream)}.rank-sticker{font-family:var(--font-mono);letter-spacing:.04em;border-radius:var(--radius-sm,2px);border:1px solid var(--border);white-space:nowrap;background:#14101ac7;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.rank-sticker--sm{font-size:var(--fs-xs);min-width:18px;padding:2px 5px}.rank-sticker--md{font-size:var(--fs-sm);min-width:22px;padding:3px 7px}.rank-sticker--lg{font-size:var(--fs-md);min-width:28px;padding:5px 10px}.rank-sticker--gold{color:var(--dusk-gold);border-color:#e6b25773}.rank-sticker--violet{color:var(--dusk-violet);border-color:#7b5aa373}.rank-sticker--teal{color:var(--dusk-teal);border-color:#4fa9a073}.rank-sticker--rose{color:var(--dusk-rose);border-color:#d96a7d73}.rank-sticker--faint{color:var(--text-faint);border-color:var(--border)}.hub-toolbar{top:var(--topbar-h);z-index:5;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 0;display:flex;position:sticky}.hub-toolbar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hub-toolbar-row--secondary{justify-content:space-between;gap:12px}.hub-input,.hub-select{background:var(--surface-2);color:var(--cream);border:1px solid var(--border);border-radius:var(--radius,4px);font-family:var(--font-ui);font-size:var(--fs-sm);min-height:32px;padding:6px 10px;line-height:1.3}.hub-input:focus,.hub-select:focus{border-color:var(--dusk-peach);outline:none}.hub-input--search{flex:240px;min-width:200px}.hub-input::placeholder{color:var(--text-faint)}.hub-view-switch{border:1px solid var(--border);border-radius:var(--radius,4px);background:var(--surface);display:inline-flex;overflow:hidden}.hub-view-btn{appearance:none;color:var(--text-dim);border:0;border-right:1px solid var(--border);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;background:0 0;padding:6px 12px;transition:background .15s ease-out,color .15s ease-out}.hub-view-btn:last-child{border-right:0}.hub-view-btn:not(:disabled):hover{background:var(--surface-2);color:var(--cream)}.hub-view-btn.is-active{background:var(--surface-3);color:var(--cream)}.hub-view-btn:disabled{color:var(--text-faint);cursor:not-allowed;opacity:.7}.hub-clear-btn{appearance:none;color:var(--dusk-peach);border-radius:var(--radius,4px);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:1px solid #f7a67952;padding:6px 10px;transition:border-color .15s ease-out}.hub-clear-btn:hover{border-color:var(--dusk-peach)}.hub-class-group{flex-wrap:wrap;gap:6px;display:flex}.hub-chip{appearance:none;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm,2px);font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;align-items:center;gap:6px;padding:4px 10px;transition:border-color .15s ease-out,color .15s ease-out;display:inline-flex}.hub-chip-icon{object-fit:contain;opacity:.65;width:14px;height:14px;transition:opacity .15s ease-out}.hub-chip:hover .hub-chip-icon,.hub-chip.is-active .hub-chip-icon{opacity:1}.hub-role-tabs{border:1px solid var(--border);border-radius:var(--radius,4px);background:var(--surface);display:inline-flex;overflow:hidden}.hub-role-tab{appearance:none;color:var(--text-dim);border:0;border-right:1px solid var(--border);font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:6px;min-height:32px;padding:4px 10px;transition:background .15s ease-out,color .15s ease-out;display:inline-flex}.hub-role-tab:last-child{border-right:0}.hub-role-tab-icon{opacity:.6;width:16px;height:16px;transition:opacity .15s ease-out,transform .15s ease-out}.hub-role-tab-all{width:16px;height:16px;color:var(--text-faint);justify-content:center;align-items:center;font-size:12px;transition:color .15s ease-out;display:inline-flex}.hub-role-tab:hover{background:var(--surface-2);color:var(--cream)}.hub-role-tab:hover .hub-role-tab-icon{opacity:1}.hub-role-tab:hover .hub-role-tab-all{color:var(--cream)}.hub-role-tab.is-active{background:var(--surface-3);color:var(--cream)}.hub-role-tab.is-active .hub-role-tab-icon{opacity:1;transform:scale(1.1)}.hub-role-tab.is-active .hub-role-tab-all{color:var(--dusk-peach)}@media (width<=640px){.hub-role-tab-label{display:none}.hub-role-tab{padding:4px 8px}}.hub-chip:hover{color:var(--cream);border-color:var(--border-bright)}.hub-chip.is-active{color:var(--cream);border-color:var(--dusk-peach);background:#f7a6791f}.hub-overlay-group{flex-wrap:wrap;gap:12px;display:flex}.hub-check{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.hub-check input[type=checkbox]{accent-color:var(--dusk-peach);cursor:pointer}.hub-check:hover{color:var(--cream)}.hub-col-picker{position:relative}.hub-col-picker-menu{z-index:20;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius,4px);flex-direction:column;gap:2px;min-width:160px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000004d}.hub-col-picker-item{border-radius:var(--radius-sm,2px);font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 8px;display:flex}.hub-col-picker-item:hover{color:var(--cream);background:var(--surface-3)}.hub-col-picker-item input{accent-color:var(--dusk-peach);cursor:pointer}.hub-col-picker-item input:disabled{cursor:not-allowed;opacity:.5}@media (width<=640px){.hub-toolbar-row{flex-wrap:nowrap;overflow-x:auto}.hub-toolbar-row--secondary{flex-wrap:wrap}}.hub-tbl-wrap{border:1px solid var(--border);border-radius:var(--radius-lg,6px);background:var(--surface);margin-top:16px;overflow:auto}.hub-tbl{border-collapse:collapse;width:100%;font-family:var(--font-ui);font-size:var(--fs-sm)}.hub-tbl thead{z-index:1;background:var(--surface-2);position:sticky;top:0}.hub-tbl-th{text-align:left;border-bottom:1px solid var(--border);font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;padding:8px 12px;font-weight:500}.hub-tbl-th--right{text-align:right}.hub-tbl-th--center{text-align:center}.hub-tbl-th--portrait{width:44px;padding-right:0}.hub-tbl-th-btn{appearance:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:default;background:0 0;border:none;align-items:center;gap:6px;margin:0;padding:0;display:inline-flex}.hub-tbl-th--sortable .hub-tbl-th-btn{cursor:pointer}.hub-tbl-th--sortable .hub-tbl-th-btn:hover{color:var(--cream)}.hub-tbl-th.is-sorted .hub-tbl-th-btn{color:var(--dusk-peach)}.hub-tbl-th--right .hub-tbl-th-btn{justify-content:flex-end;width:100%}.hub-tbl-th--center .hub-tbl-th-btn{justify-content:center;width:100%}.hub-tbl-sort-ind{color:var(--text-faint);width:10px;font-size:9px;display:inline-block}.hub-tbl-th.is-sorted .hub-tbl-sort-ind{color:var(--dusk-peach)}.hub-tbl-tr{border-bottom:1px solid var(--border);transition:background-color .15s ease-out}.hub-tbl-tr:last-child{border-bottom:none}.hub-tbl-tr:hover,.hub-tbl-tr:focus-visible{background:var(--surface-2);outline:none}.hub-tbl-tr:focus-visible{box-shadow:inset 0 0 0 1px var(--dusk-peach)}.hub-tbl-td{color:var(--text);vertical-align:middle;white-space:nowrap;padding:6px 12px}.hub-tbl-td--right{text-align:right}.hub-tbl-td--center{text-align:center}.hub-tbl-td--mono{font-family:var(--font-mono);font-size:var(--fs-xs)}.hub-tbl-td--portrait{width:44px;padding-right:0}.hub-tbl-icon{border-radius:var(--radius-sm,2px);object-fit:cover;background:var(--surface-3);width:32px;height:32px;display:block}.hub-tbl-name{color:var(--cream);font-family:var(--font-display);font-size:var(--fs-sm);text-decoration:none}.hub-tbl-name:hover{color:var(--dusk-peach)}.hub-tbl-empty{color:var(--text-faint)}.hub-tbl-role-icon{opacity:.75;vertical-align:middle;width:16px;height:16px;display:inline-block}.hub-tbl-wins{color:var(--win)}.hub-tbl-losses{color:var(--loss)}.hub-tbl-sep{color:var(--text-faint);margin:0 3px}.hub-tbl-wr{border-radius:var(--radius-sm,2px);font-family:var(--font-mono);text-align:right;min-width:52px;padding:1px 6px;display:inline-block}.hub-tbl-heat-0{color:var(--text-faint)}.hub-tbl-heat-1{color:var(--text-dim)}.hub-tbl-heat-2{color:var(--cream)}.hub-tbl-heat-3{color:var(--dusk-peach);background:color-mix(in srgb, var(--dusk-peach) 10%, transparent)}.hub-tbl-heat-4{color:var(--bg);background:var(--dusk-peach)}@media (width<=720px){.hub-tbl-th,.hub-tbl-td{padding:6px 8px}.hub-tbl-icon{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.hub-tbl-tr{transition:none}}.pt{top:var(--topbar-h);z-index:5;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 0;display:flex;position:sticky}.pt-row{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.pt-search-wrap{flex:240px;min-width:200px;max-width:340px;position:relative}.pt-search{background:var(--surface-2);width:100%;color:var(--cream);border:1px solid var(--border);border-radius:var(--radius,4px);font-family:var(--font-ui);font-size:var(--fs-sm);box-sizing:border-box;min-height:32px;padding:6px 36px 6px 10px;line-height:1.3}.pt-search:focus{border-color:var(--dusk-peach);outline:none}.pt-search::placeholder{color:var(--text-faint)}.pt-search-kbd{font-family:var(--font-mono);color:var(--text-faint);background:var(--surface);border:1px solid var(--border);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:3px;padding:2px 5px;font-size:10px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media (width<=640px){.pt-row{flex-wrap:wrap;row-gap:8px}.pt-search-wrap{flex:100%;order:-1;max-width:100%}.pt-spacer{display:none}.pt-slot--right{flex:auto;justify-content:flex-end}}.pt-slot{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.pt-slot:not(.pt-slot--right){flex:auto;min-width:0}.pt-slot--right{flex:none;justify-content:flex-end}.pt-spacer{flex:auto;min-width:0}.pt-primary-filter{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.pt-primary-filter::-webkit-scrollbar{display:none}.pt-primary-pill{appearance:none;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius,4px);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;min-height:30px;transition:border-color .15s var(--ease-out,ease-out), color .15s var(--ease-out,ease-out), background .15s var(--ease-out,ease-out);background:0 0;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.pt-primary-pill img{opacity:.6;width:14px;height:14px;transition:opacity .15s var(--ease-out,ease-out);filter:brightness(0)invert(.7)}.pt-primary-pill:hover{color:var(--cream);border-color:var(--border-bright)}.pt-primary-pill:hover img{opacity:1}.pt-primary-pill:focus-visible{outline:2px solid var(--dusk-peach);outline-offset:2px}.pt-primary-pill.is-active{color:var(--cream);border-color:var(--dusk-peach);background:color-mix(in srgb, var(--dusk-peach) 12%, transparent)}.pt-primary-pill.is-active img{opacity:1;filter:brightness(0)invert(.85)sepia()saturate(2)hue-rotate(-20deg)}@media (width<=1280px){.pt-seg-btn .pt-seg-label{display:none}.pt-seg-btn{padding:6px 10px}.pt-btn .pt-btn-label{display:none}.pt-btn{gap:4px;padding:6px 10px}}@media (width<=900px){.pt-primary-filter .pt-primary-pill span{display:none}.pt-primary-pill img{opacity:.8}.pt-primary-filter .pt-primary-pill:not(:has(img)) span{display:inline}}@media (width<=640px){.pt-primary-filter{gap:2px}.pt-primary-pill{min-height:28px;padding:5px 7px}}.pt-btn{appearance:none;background:var(--surface-2);color:var(--cream);border:1px solid var(--border);border-radius:var(--radius,4px);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;min-height:32px;transition:border-color .15s var(--ease-out,ease-out), background .15s var(--ease-out,ease-out);align-items:center;gap:6px;padding:6px 10px;line-height:1.3;display:inline-flex}.pt-btn:hover{border-color:var(--border-bright)}.pt-btn:focus-visible{outline:2px solid var(--dusk-peach);outline-offset:2px}.pt-btn.is-active{border-color:var(--dusk-peach);background:var(--surface-3)}.pt-btn--icon{justify-content:center;min-width:32px;padding:6px 8px}.pt-btn--primary{background:var(--dusk-peach);color:var(--bg);border-color:var(--dusk-peach)}.pt-btn--primary:hover{background:color-mix(in srgb, var(--dusk-peach) 88%, var(--bg))}.pt-btn--primary:disabled{opacity:.5;cursor:not-allowed}.pt-btn-ghost{appearance:none;color:var(--text-dim);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;padding:6px 8px}.pt-btn-ghost:hover{color:var(--cream)}.pt-btn-icon{color:var(--text-dim);font-size:13px}.pt-btn-badge{background:var(--dusk-peach);color:var(--bg);font-family:var(--font-mono);text-align:center;border-radius:999px;min-width:16px;padding:1px 6px;font-size:10px;font-weight:600}.pt-seg{border:1px solid var(--border);border-radius:var(--radius,4px);background:var(--surface);display:inline-flex;overflow:hidden}.pt-seg-btn{appearance:none;color:var(--text-dim);border:0;border-right:1px solid var(--border);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;min-height:32px;transition:background .15s var(--ease-out,ease-out), color .15s var(--ease-out,ease-out);background:0 0;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.pt-seg-btn:last-child{border-right:0}.pt-seg-btn:hover{background:var(--surface-2);color:var(--cream)}.pt-seg-btn.is-active{background:var(--surface-3);color:var(--cream)}.pt-seg-icon{justify-content:center;align-items:center;display:inline-flex}.pt-pop-wrap{display:inline-flex;position:relative}.pt-pop{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,6px);min-width:280px;max-width:360px;animation:pt-pop-in .14s var(--ease-out,ease-out);padding:12px;position:absolute;top:calc(100% + 6px);box-shadow:0 12px 32px #00000073}.pt-pop--right{right:0}.pt-pop--left{left:0}@keyframes pt-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pt-filter-form{flex-direction:column;gap:14px;display:flex}.pt-filter-sec{flex-direction:column;gap:6px;display:flex}.pt-filter-sec-label{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.pt-filter-tabs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px;display:grid}.pt-filter-tab{appearance:none;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm,2px);font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;min-height:32px;transition:border-color .15s var(--ease-out,ease-out), color .15s var(--ease-out,ease-out), background .15s var(--ease-out,ease-out);justify-content:center;align-items:center;gap:5px;padding:6px 8px;display:flex}.pt-filter-tab img{opacity:.6;width:14px;height:14px;transition:opacity .15s var(--ease-out,ease-out)}.pt-filter-tab:hover{color:var(--cream);border-color:var(--border-bright)}.pt-filter-tab:hover img{opacity:1}.pt-filter-tab.is-active{color:var(--cream);border-color:var(--dusk-peach);background:color-mix(in srgb, var(--dusk-peach) 12%, transparent)}.pt-filter-tab.is-active img{opacity:1}.pt-filter-tab-label{text-overflow:ellipsis;overflow:hidden}.pt-filter-chips{flex-wrap:wrap;gap:4px;display:flex}.pt-filter-pill{appearance:none;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm,2px);font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color .15s var(--ease-out,ease-out), color .15s var(--ease-out,ease-out);align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.pt-filter-pill img{opacity:.65;width:14px;height:14px}.pt-filter-pill:hover{color:var(--cream);border-color:var(--border-bright)}.pt-filter-pill:hover img{opacity:1}.pt-filter-pill.is-active{color:var(--cream);border-color:var(--dusk-peach);background:color-mix(in srgb, var(--dusk-peach) 12%, transparent)}.pt-filter-pill.is-active img{opacity:1}.pt-filter-select{background:var(--surface-2);color:var(--cream);border:1px solid var(--border);border-radius:var(--radius,4px);font-family:var(--font-ui);font-size:var(--fs-sm);min-height:32px;padding:6px 10px}.pt-filter-select:focus{border-color:var(--dusk-peach);outline:none}.pt-opt-list{flex-direction:column;gap:4px;display:flex}.pt-opt-row{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 2px;display:flex}.pt-opt-row input{accent-color:var(--dusk-peach);cursor:pointer}.pt-opt-row:hover{color:var(--cream)}.pt-opt-row input:disabled{cursor:not-allowed;opacity:.5}.pt-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pt-chip{appearance:none;background:color-mix(in srgb, var(--dusk-peach) 10%, var(--surface-2));color:var(--cream);font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.04em;cursor:pointer;transition:border-color .15s var(--ease-out,ease-out);border:1px solid #f7a67966;border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 10px;display:inline-flex}.pt-chip:hover{border-color:var(--dusk-peach)}.pt-chip-icon{display:inline-flex}.pt-chip-icon img{opacity:.85;width:12px;height:12px}.pt-chip-label{line-height:1.2}.pt-chip-x{width:18px;height:18px;color:var(--text-dim);border-radius:999px;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.pt-chip:hover .pt-chip-x{background:var(--surface-3);color:var(--cream)}.pt-chip-clear{appearance:none;color:var(--text-dim);font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin-left:4px;padding:4px 6px}.pt-chip-clear:hover{color:var(--dusk-peach)}.pt-saved{flex-direction:column;min-width:240px;display:flex}.pt-saved-empty{color:var(--text-faint);font-family:var(--font-ui);font-size:var(--fs-sm);text-align:center;padding:10px 8px}.pt-saved-row{border-radius:var(--radius-sm,2px);align-items:center;gap:4px;display:flex}.pt-saved-row:hover{background:var(--surface-2)}.pt-saved-row.is-active .pt-saved-name{color:var(--dusk-peach)}.pt-saved-apply{appearance:none;color:var(--cream);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;text-align:left;background:0 0;border:0;flex:auto;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.pt-saved-mark{width:10px;color:var(--dusk-peach);font-size:10px;display:inline-block}.pt-saved-name{color:inherit}.pt-saved-del{appearance:none;color:var(--text-faint);cursor:pointer;border-radius:var(--radius-sm,2px);background:0 0;border:0;padding:4px 8px;font-size:14px}.pt-saved-del:hover{color:var(--dusk-rose);background:var(--surface-3)}.pt-saved-sep{background:var(--border);height:1px;margin:6px 0}.pt-saved-save{appearance:none;color:var(--dusk-peach);font-family:var(--font-ui);font-size:var(--fs-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm,2px);background:0 0;border:0;padding:6px 8px}.pt-saved-save:hover{background:color-mix(in srgb, var(--dusk-peach) 10%, transparent)}.pt-saved-form{flex-direction:column;gap:8px;min-width:240px;display:flex}.pt-saved-form-actions{justify-content:flex-end;gap:6px;margin-top:4px;display:flex}@media (width<=640px){.pt-pop{min-width:260px;max-width:92vw}.pt-filter-tabs{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.widget-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.widget-shell-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:40px;padding:0 16px;display:flex}.widget-shell-header-left{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.widget-shell-title{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;font-weight:600;line-height:1}.widget-shell--accent .widget-shell-title{color:var(--cream);text-decoration:underline;-webkit-text-decoration-color:var(--dusk-peach);text-decoration-color:var(--dusk-peach);text-underline-offset:3px;text-decoration-thickness:1px}.widget-shell-subtitle{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;padding:2px 6px;line-height:1}.widget-shell-action{flex-shrink:0;align-items:center;display:flex}.widget-action-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;height:24px;transition:color .15s var(--ease-out), border-color .15s var(--ease-out), background .15s var(--ease-out);align-items:center;padding:4px 10px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.widget-action-btn:hover{color:var(--cream);border-color:var(--border-bright);background:var(--surface-2)}.widget-shell-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.widget-shell-footer{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;height:40px;padding:0 16px;display:flex}.widget-settings-popover{z-index:300;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius-lg);min-width:220px;max-width:min(90vw,320px);box-shadow:0 16px 48px color-mix(in srgb, var(--bg) 60%, transparent), 0 0 0 1px color-mix(in srgb, var(--dusk-peach) 8%, transparent);flex-direction:column;gap:0;display:flex;position:fixed;overflow:hidden}.widget-settings-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.widget-settings-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);font-weight:700}.widget-settings-close{color:var(--text-faint);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.widget-settings-close:hover{color:var(--cream)}.widget-settings-body{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.widget-shell-gear{border:1px solid var(--border);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-dim);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.widget-shell-gear:hover,.widget-shell-gear[aria-expanded=true]{color:var(--dusk-peach);border-color:color-mix(in srgb, var(--dusk-peach) 40%, transparent);background:color-mix(in srgb, var(--dusk-peach) 8%, var(--surface-2))}.widget-shell-gear svg{width:14px;height:14px}.widget-settings-archetypes{flex-direction:column;gap:6px;display:flex}.widget-settings-archetype{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;grid-template-columns:24px 24px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.widget-settings-archetype:hover{border-color:var(--border-bright);background:color-mix(in srgb, var(--dusk-peach) 6%, transparent)}.widget-settings-archetype.is-active{border-color:var(--dusk-peach);background:color-mix(in srgb, var(--dusk-peach) 10%, transparent)}.widget-settings-archetype-icon{border-radius:var(--radius-sm);background:var(--surface);width:24px;height:24px;overflow:hidden}.widget-settings-archetype-icon img{object-fit:cover;width:100%;height:100%;display:block}.widget-settings-archetype-label{font-family:var(--font-display);color:var(--cream);font-size:12px;line-height:1.2}.widget-settings-archetype-role{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.widget-settings-archetype.is-active .widget-settings-archetype-role{color:var(--dusk-peach)}.widget-settings-row{flex-direction:column;gap:6px;display:flex}.widget-settings-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.widget-settings-segmented{border:1px solid var(--border);border-radius:var(--radius-sm);align-self:flex-start;display:inline-flex;overflow:hidden}.widget-settings-segment{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);border:none;border-right:1px solid var(--border);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;padding:6px 14px;font-size:11px;font-weight:600}.widget-settings-segment:last-child{border-right:none}.widget-settings-segment:hover{color:var(--cream)}.widget-settings-segment.is-active{color:var(--dusk-peach);background:color-mix(in srgb, var(--dusk-peach) 12%, transparent)}.hqc-actions{align-items:center;gap:6px;display:inline-flex}.hqc-flip-btn{letter-spacing:0;justify-content:center;width:24px;padding:0;font-size:12px}.hqc{flex-direction:column;flex:1;gap:0;min-height:0;display:flex;position:relative;overflow:hidden}.hqc-hero{grid-template-columns:1fr auto 1fr;align-items:center;gap:0;padding:16px 16px 0;display:grid}.hqc-side{flex-direction:column;align-items:center;gap:6px;display:flex}.hqc-side--opponent{align-items:center}.hqc-side-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);line-height:1}.hqc-side-icon-wrap{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);flex-shrink:0;width:64px;height:64px;overflow:hidden}.hqc-side-icon{object-fit:cover;width:100%;height:100%;display:block}.hqc-side-name{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--cream);text-align:center;font-weight:600;line-height:1.2}.hqc-side-role{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);text-align:center}.hqc-dial-wrap{justify-content:center;align-items:center;padding:0 12px;display:flex}.hqc-dial{flex-shrink:0;width:88px;height:88px}.hqc-dial-track{fill:none;stroke:var(--surface-2)}.hqc-dial-stroke{fill:none;stroke:var(--dusk-peach);stroke-linecap:round;transition:stroke-dashoffset .2s var(--ease-out)}.hqc-dial-score{font-family:var(--font-mono);fill:var(--dusk-peach);letter-spacing:-.02em;dominant-baseline:middle;text-anchor:middle;font-size:26px;font-weight:700}.hqc-dial-vs-label{font-family:var(--font-mono);letter-spacing:.08em;fill:var(--text-faint);text-anchor:middle;dominant-baseline:middle;font-size:9px;font-weight:600}.hqc-wr-row{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;margin-top:14px;display:grid}.hqc-wr-cell{flex-direction:column;gap:3px;padding:10px 16px;display:flex}.hqc-wr-cell:first-child{border-right:1px solid var(--border)}.hqc-wr-cell-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.hqc-wr-cell-value{font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--cream);letter-spacing:-.01em;font-weight:700;line-height:1}.hqc-wr-cell-delta{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em;font-weight:600}.hqc-wr-cell-delta--pos{color:var(--win)}.hqc-wr-cell-delta--neg{color:var(--loss)}.hqc-wr-cell-delta--neutral{color:var(--text-dim)}.hqc-slots{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.hqc-slot-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.hqc-slot-tips{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);margin:0;line-height:1.6}.hqc-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hqc-footer-link{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--dusk-peach);border:1px solid color-mix(in oklab, var(--dusk-peach) 36%, transparent);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--dusk-peach) 8%, transparent);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:4px 10px;font-weight:600;text-decoration:none}.hqc-footer-link:hover{background:color-mix(in oklab, var(--dusk-peach) 16%, transparent);border-color:color-mix(in oklab, var(--dusk-peach) 60%, transparent)}.hqc-dropdown{z-index:200;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius-lg);min-width:240px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.hqc-dropdown-row{cursor:pointer;text-align:left;width:100%;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.hqc-dropdown-row:hover{background:var(--surface-3)}.hqc-dropdown-row.is-active{background:color-mix(in oklab, var(--dusk-peach) 10%, transparent)}.hqc-dropdown-icon{border-radius:var(--radius-sm);background:var(--surface-3);flex-shrink:0;width:28px;height:28px;overflow:hidden}.hqc-dropdown-icon img{object-fit:cover;width:100%;height:100%;display:block}.hqc-dropdown-text{flex-direction:column;gap:1px;min-width:0;display:flex}.hqc-dropdown-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--cream);letter-spacing:.04em;white-space:nowrap;font-weight:600}.hqc-dropdown-sub{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.home-counter-section{align-self:stretch;width:100%;padding:32px 0 0;position:relative}.home-counter-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.home-counter-title{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.home-customize-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;padding:4px 10px;font-weight:600}.home-customize-btn:hover{color:var(--cream);border-color:var(--border-bright)}.home-tweaks-panel{z-index:500;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius-lg);flex-direction:column;gap:0;width:280px;max-height:calc(100vh - 80px);display:flex;position:fixed;bottom:24px;right:24px;overflow-y:auto}.home-tweaks-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.home-tweaks-title{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);font-weight:700}.home-tweaks-close{color:var(--text-faint);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.home-tweaks-close:hover{color:var(--cream)}.home-tweaks-section{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.home-tweaks-section:last-child{border-bottom:none}.home-tweaks-section-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.home-tweaks-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-tweaks-toggle-label{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--cream)}.home-tweaks-check-row{cursor:pointer;align-items:center;gap:10px;display:flex}.home-tweaks-check-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--dusk-peach);cursor:pointer}.home-tweaks-check-label{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-dim);cursor:pointer}.home-tweaks-check-row:has(input:checked) .home-tweaks-check-label{color:var(--cream)}.home-tweaks-switch{flex-shrink:0;width:32px;height:18px;position:relative}.home-tweaks-switch input{opacity:0;width:0;height:0;position:absolute}.home-tweaks-switch-track{background:var(--surface-3);border:1px solid var(--border-bright);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);border-radius:9px;position:absolute;inset:0}.home-tweaks-switch-track:after{content:"";background:var(--text-faint);width:12px;height:12px;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.home-tweaks-switch input:checked+.home-tweaks-switch-track{background:color-mix(in oklab, var(--dusk-peach) 30%, var(--surface));border-color:var(--dusk-peach)}.home-tweaks-switch input:checked+.home-tweaks-switch-track:after{background:var(--dusk-peach);transform:translate(14px)}.home-tweaks-matchup-row{align-items:center;gap:8px;display:flex}.home-tweaks-matchup-icon{border-radius:var(--radius-sm);background:var(--surface-3);flex-shrink:0;width:24px;height:24px;overflow:hidden}.home-tweaks-matchup-icon img{object-fit:cover;width:100%;height:100%;display:block}.home-tweaks-matchup-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.03em;flex:1}.home-tweaks-matchup-select-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;padding:2px 8px}.home-tweaks-matchup-select-btn:hover,.home-tweaks-matchup-select-btn.is-active{color:var(--cream);border-color:var(--border-bright)}@media (width<=600px){.hqc-dial{width:70px;height:70px}.hqc-side-icon-wrap{width:52px;height:52px}.hqc-dial-score{font-size:20px}.home-tweaks-panel{width:auto;bottom:16px;left:16px;right:16px}}.react-grid-item.react-grid-placeholder{border-radius:var(--radius-lg);opacity:0;background:color-mix(in srgb, var(--dusk-peach) 16%, transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dusk-peach) 40%, transparent), 0 0 32px color-mix(in srgb, var(--dusk-peach) 14%, transparent)!important;animation:hw-placeholder-fadein .24s var(--ease-out) forwards!important;border:none!important;transition:none!important}@keyframes hw-placeholder-fadein{to{opacity:1}}.react-grid-item.cssTransforms{transition:transform .32s cubic-bezier(.32,.72,0,1)}.react-grid-item.react-draggable-dragging{box-shadow:0 24px 64px color-mix(in srgb, var(--dusk-peach) 22%, transparent), 0 8px 24px color-mix(in srgb, var(--bg) 40%, transparent);z-index:100;cursor:grabbing;transition:none!important}.react-grid-item.react-draggable-dragging .home-widget-item{transition:transform .18s var(--ease-out);transform:scale(1.015)}.react-grid-item.resizing{z-index:100;box-shadow:0 16px 48px color-mix(in srgb, var(--dusk-peach) 18%, transparent);transition:none!important}.home-widget-grid--edit .react-grid-item:not(.react-draggable-dragging):not(.resizing) .home-widget-item{transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out), outline-color .22s var(--ease-out)}.home-widget-grid--edit .react-grid-item:hover:not(.react-draggable-dragging):not(.resizing) .home-widget-item{box-shadow:0 6px 20px color-mix(in srgb, var(--dusk-peach) 14%, transparent);transform:translateY(-2px)}.react-grid-item>.react-resizable-handle{opacity:0;transition:opacity .24s var(--ease-out), transform .24s cubic-bezier(.32, .72, 0, 1);cursor:se-resize;clip-path:polygon(100% 0,100% 100%,0 100%);bottom:4px;right:4px;transform:translate(4px,4px)scale(.8);background:var(--dusk-peach)!important;width:18px!important;height:18px!important}.react-grid-item>.react-resizable-handle:after{display:none!important}.home-widget-grid--edit .react-grid-item:hover>.react-resizable-handle{opacity:.7;transform:translate(0)scale(1)}.home-widget-grid--edit .react-grid-item:hover>.react-resizable-handle:hover{opacity:1;transform:translate(0)scale(1.15)}.home-widget-grid-wrapper{position:relative}.home-widget-grid{--hw-dot-opacity:0;width:100%;transition:--hw-dot-opacity .2s var(--ease-out)}.home-widget-grid:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle, color-mix(in srgb, var(--dusk-peach) 18%, transparent) 1px, transparent 1.5px);background-size:var(--hw-col-step,64px) var(--hw-row-step,56px);opacity:0;transition:opacity .36s var(--ease-out), transform .36s cubic-bezier(.32, .72, 0, 1), background-image .24s var(--ease-out);background-position:0 0;position:absolute;inset:-8px;transform:scale(.98)}.home-widget-grid--edit:before{opacity:1;transform:scale(1)}.home-widget-grid--edit.is-dragging:before{opacity:1;background-image:radial-gradient(circle, color-mix(in srgb, var(--dusk-peach) 32%, transparent) 1px, transparent 1.5px)}.home-widget-grid .react-grid-item{z-index:1}.home-widget-item{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.home-widget-item .widget-shell{flex:1;min-height:0}.home-widget-item--edit{outline:1px solid color-mix(in srgb, var(--dusk-peach) 28%, transparent);outline-offset:0;border-radius:var(--radius-lg)}.home-widget-grid--edit .react-grid-item:hover:not(.react-draggable-dragging) .home-widget-item--edit{outline-color:color-mix(in srgb, var(--dusk-peach) 50%, transparent)}.home-widget-drag-bar{background:color-mix(in srgb, var(--dusk-peach) 10%, var(--surface-2));border-bottom:1px solid color-mix(in srgb, var(--dusk-peach) 24%, transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:24px;transition:background .24s var(--ease-out), border-color .24s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;margin-bottom:0;display:flex}.home-widget-drag-bar:hover{background:color-mix(in srgb, var(--dusk-peach) 22%, var(--surface-2));border-bottom-color:color-mix(in srgb, var(--dusk-peach) 45%, transparent)}.home-widget-drag-bar:hover .home-widget-drag-dots{opacity:1;letter-spacing:.32em}.react-draggable-dragging .home-widget-drag-bar{cursor:grabbing}.home-widget-drag-dots{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--dusk-peach);letter-spacing:.22em;opacity:.65;pointer-events:none;transition:opacity .24s var(--ease-out), letter-spacing .32s cubic-bezier(.32, .72, 0, 1);line-height:1}.home-widget-done-btn{z-index:200;height:32px;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--dusk-peach);background:var(--surface-2);border:1px solid color-mix(in srgb, var(--dusk-peach) 40%, transparent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:border-color .2s var(--ease-out), background .2s var(--ease-out), color .2s var(--ease-out);align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex;position:absolute;top:-40px;left:0}.home-widget-done-btn:hover{border-color:var(--dusk-peach);background:color-mix(in srgb, var(--dusk-peach) 10%, var(--surface-2));color:var(--cream)}.home-widget-done-check{font-size:12px;line-height:1}.hw-empty-hint{font-size:var(--fs-sm);color:var(--text-faint);margin:0;padding:16px}.hw-recently-searched,.hw-trending{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.hw-recently-searched .recent-dossier-grid,.hw-trending .recent-dossier-grid{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--dusk-peach) 35%, transparent) transparent;flex:1;grid-auto-rows:max-content;align-content:start;min-height:0;padding:0 8px 8px;overflow:hidden auto}.hw-recently-searched .recent-dossier-grid::-webkit-scrollbar{width:6px}.hw-trending .recent-dossier-grid::-webkit-scrollbar{width:6px}.hw-recently-searched .recent-dossier-grid::-webkit-scrollbar-track{background:0 0}.hw-trending .recent-dossier-grid::-webkit-scrollbar-track{background:0 0}.hw-recently-searched .recent-dossier-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--dusk-peach) 35%, transparent);border-radius:3px}.hw-trending .recent-dossier-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--dusk-peach) 35%, transparent);border-radius:3px}.hw-recently-searched .recent-dossier-grid::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--dusk-peach) 60%, transparent)}.hw-trending .recent-dossier-grid::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--dusk-peach) 60%, transparent)}.hw-recently-searched,.hw-trending{position:relative}.hw-recently-searched:after,.hw-trending:after{content:"";background:linear-gradient(to bottom, transparent, var(--surface) 90%);pointer-events:none;opacity:.7;height:24px;position:absolute;bottom:0;left:0;right:0}@media (width<=767px){.home-widget-grid--edit .react-grid-item{cursor:default}.home-widget-drag-bar{display:none}.react-grid-item>.react-resizable-handle{display:none!important}.home-widget-done-btn{height:28px;padding:0 10px;font-size:10px;top:-36px;left:0}.home-widget-grid--edit:before{opacity:0}}.home-widget-library-backdrop{z-index:599;background:color-mix(in srgb, var(--bg) 70%, transparent);opacity:0;pointer-events:none;transition:opacity .24s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.home-widget-library-backdrop.is-open{opacity:1;pointer-events:auto}.home-widget-library{z-index:600;background:var(--surface);border-left:1px solid var(--border);width:400px;max-width:100vw;box-shadow:-16px 0 48px color-mix(in srgb, var(--bg) 60%, transparent), inset 1px 0 0 color-mix(in srgb, var(--dusk-peach) 8%, transparent);flex-direction:column;transition:transform .24s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.home-widget-library.is-open{transform:translate(0)}.home-widget-library-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.home-widget-library-title{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);font-weight:700}.home-widget-library-close{color:var(--text-faint);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.home-widget-library-close:hover{color:var(--cream)}.home-widget-library-search-wrap{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 20px}.home-widget-library-search{width:100%;font-family:var(--font-display);font-size:var(--fs-sm);color:var(--cream);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);outline:none;padding:10px 12px}.home-widget-library-search::placeholder{color:var(--text-faint)}.home-widget-library-search:focus{border-color:color-mix(in srgb, var(--dusk-peach) 50%, transparent);background:color-mix(in srgb, var(--dusk-peach) 5%, var(--surface-2))}.home-widget-library-body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--dusk-peach) 35%, transparent) transparent;flex:1;min-height:0;padding:16px 20px 24px;overflow-y:auto}.home-widget-library-section{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.home-widget-library-section:last-child{margin-bottom:0}.home-widget-library-section-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);margin:0 0 4px;font-size:9px;font-weight:700}.home-widget-library-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.home-widget-library-card:hover{border-color:var(--border-bright);background:color-mix(in srgb, var(--dusk-peach) 4%, var(--surface-2))}.home-widget-library-card.is-added{border-color:color-mix(in srgb, var(--dusk-peach) 30%, transparent)}.home-widget-library-tile{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--dusk-peach) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--dusk-peach) 20%, transparent);width:40px;height:40px;font-family:var(--font-mono);color:var(--dusk-peach);letter-spacing:0;text-transform:uppercase;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.home-widget-library-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.home-widget-library-card-title{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.2;overflow:hidden}.home-widget-library-card-desc{font-family:var(--font-display);color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.home-widget-library-pill{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border:1px solid;padding:6px 12px;font-size:10px;font-weight:700}.home-widget-library-pill--add{color:var(--bg);background:var(--dusk-peach);border-color:var(--dusk-peach)}.home-widget-library-pill--add:hover{background:color-mix(in srgb, var(--cream) 10%, var(--dusk-peach));border-color:color-mix(in srgb, var(--cream) 10%, var(--dusk-peach))}.home-widget-library-pill--remove{color:var(--dusk-peach);border-color:color-mix(in srgb, var(--dusk-peach) 40%, transparent);background:0 0}.home-widget-library-pill--remove:hover{color:var(--cream);background:color-mix(in srgb, var(--dusk-peach) 12%, transparent);border-color:color-mix(in srgb, var(--dusk-peach) 60%, transparent)}.home-widget-library-empty{text-align:center;font-family:var(--font-display);font-size:var(--fs-sm);color:var(--text-faint);padding:40px 16px}.home-widget-library-trigger{width:100%;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--dusk-peach);border:1px dashed color-mix(in srgb, var(--dusk-peach) 40%, transparent);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-weight:600;display:inline-flex}.home-widget-library-trigger:hover{color:var(--cream);background:color-mix(in srgb, var(--dusk-peach) 8%, transparent);border-color:var(--dusk-peach);border-style:solid}.home-widget-library-trigger-plus{font-size:14px;line-height:1}@media (width<=500px){.home-widget-library{border-left:none;border-top:1px solid var(--border);width:100vw;inset:0;transform:translateY(100%)}.home-widget-library.is-open{transform:translateY(0)}}.hrp{flex-direction:column;gap:12px;height:100%;min-height:0;padding:12px 16px;display:flex}.hrp-summary{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.hrp-current{flex-direction:column;gap:2px;min-width:0;display:flex}.hrp-tier{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dusk-peach);font-size:10px;font-weight:700}.hrp-lp{font-family:var(--font-mono);color:var(--cream);letter-spacing:-.01em;font-size:22px;font-weight:700;line-height:1}.hrp-delta{font-family:var(--font-mono);text-align:right;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;font-weight:600;display:flex}.hrp-delta--up{color:var(--win)}.hrp-delta--down{color:var(--loss)}.hrp-delta--flat{color:var(--text-faint)}.hrp-delta-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:9px;font-weight:500}.hrp-sparkline{width:100%;height:80px;display:block}.hrp-spark-baseline{stroke:color-mix(in srgb, var(--dusk-peach) 14%, transparent);stroke-width:1px;stroke-dasharray:2 4}.hrp-spark-line{stroke:var(--dusk-peach);stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round}.hrp-spark-dot{fill:var(--dusk-peach);stroke:var(--surface);stroke-width:1.5px}.hrp-link-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;align-self:flex-start;padding:6px 10px}.hrp-link-btn:hover{color:var(--cream);border-color:var(--dusk-peach)}.hrp-hint{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--text-faint);text-align:center;flex:1;justify-content:center;align-items:center;margin:0;padding:20px 8px;line-height:1.4;display:flex}.items-class-tabs{padding:48px var(--pad) 32px;scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.items-class-tabs::-webkit-scrollbar{display:none}.class-tab{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-display);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:var(--radius-lg);cursor:pointer;min-width:90px;transition:all .3s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:relative;overflow:hidden}.class-tab:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff08,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.class-tab:hover{background:var(--surface-2);color:var(--cream);border-color:var(--border-bright);transform:translateY(-2px)}.class-tab:hover:before{opacity:1}.class-tab.active{background:var(--surface-2);border-color:var(--dusk-peach);color:var(--dusk-peach);box-shadow:0 8px 24px #0006,inset 0 0 12px #f7a6791a}.class-tab-emblem{width:32px;height:32px;color:var(--text-faint);transition:all .3s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.class-tab-emblem img{object-fit:contain;filter:brightness(0)invert(.6);width:100%;height:100%;transition:all .3s var(--ease-out)}.class-tab.active .class-tab-emblem{color:var(--dusk-peach);filter:drop-shadow(0 0 8px #f7a67966);animation:3s ease-in-out infinite emblem-pulse;transform:scale(1.1)}.class-tab.active .class-tab-emblem img{filter:sepia()saturate(5)hue-rotate(-20deg)brightness(.9)}@keyframes emblem-pulse{0%,to{filter:drop-shadow(0 0 8px #f7a67966);opacity:1}50%{filter:drop-shadow(0 0 14px #f7a679b3);opacity:.9}}.class-tab-emblem svg{stroke-width:1.5px;width:100%;height:100%}.class-tab:hover .class-tab-emblem{color:var(--text)}.class-tab--boots .class-tab-emblem img{transform:scale(1.25)}.class-tab--all .class-tab-emblem img{transform:scale(1.1)}.items-grid-page{padding:0 var(--pad);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.items-loading{justify-content:center;align-items:center;min-height:480px;padding:48px 16px;display:flex}.item-page-card{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--border);transition:transform .2s var(--ease-out), border-color .15s, background .15s;align-items:center;gap:16px;padding:16px;display:flex}.item-page-card:hover{border-color:var(--border-bright);background:var(--surface-2);transform:translateY(-2px)}.item-card-win{border-top-color:var(--win)}.item-card-loss{border-top-color:var(--loss)}.item-page-icon-wrap{flex-shrink:0}.item-page-slot{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:48px;height:48px;overflow:hidden}.item-page-slot img{object-fit:cover;width:100%;height:100%}.item-page-info{flex-direction:column;gap:4px;min-width:0;display:flex}.item-page-name{font-family:var(--font-ui);font-size:var(--fs-md);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.item-page-stats{align-items:center;gap:8px;display:flex}.item-wr-text{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600}.item-page-sep{color:var(--text-faint);font-size:10px}.item-page-games{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase}.game-tt,.item-tt{pointer-events:none;background:#0d0b08;border:1px solid #7a5c1e;outline:1px solid #000000e6;min-width:240px;max-width:320px;animation:.1s tt-in;box-shadow:0 0 0 1px #000000f2,inset 0 0 60px #0000008c,0 12px 40px #000000e6}.game-tt--generic{min-width:260px;max-width:340px}@keyframes tt-in{0%{opacity:0}to{opacity:1}}.game-tt-header,.item-tt-header{background:linear-gradient(#c8913a14 0%,#0000 100%);border-bottom:1px solid #7a5c1e8c;align-items:center;gap:10px;padding:11px 14px 10px;display:flex}.game-tt-icon,.item-tt-icon{border:1px solid #7a5c1e;flex-shrink:0;width:46px;height:46px;display:block;box-shadow:0 0 8px #c8913a33}.game-tt-icon--sm{width:38px;height:38px}.game-tt-title-block,.item-tt-title-block{flex-direction:column;gap:3px;min-width:0;display:flex}.game-tt-name,.item-tt-name{font-family:var(--font-display);letter-spacing:.05em;color:#c89b3c;white-space:nowrap;text-overflow:ellipsis;font-size:18px;line-height:1.1;overflow:hidden}.game-tt-subtitle{font-family:var(--font-display);letter-spacing:.22em;color:#8f8578;font-size:10px}.game-tt-cost,.item-tt-cost{font-family:var(--font-mono);color:#f0c060;letter-spacing:.02em;align-items:center;gap:4px;font-size:12px;display:flex}.game-tt-coin,.item-tt-gold-coin{color:#f0c060;opacity:.85;font-size:11px}.game-tt-rule,.item-tt-rule{background:linear-gradient(90deg,#0000,#7a5c1eb3 20% 80%,#0000);height:1px;margin:0 10px}.game-tt-stats,.item-tt-stats{font-family:var(--font-ui);color:#7ec8e3;letter-spacing:.01em;padding:8px 14px 6px;font-size:13px;line-height:1.55}.game-tt-desc,.item-tt-desc{font-family:var(--font-ui);color:#9e8e72;letter-spacing:.01em;padding:6px 14px 12px;font-size:13px;line-height:1.58}.game-tt-desc .tt-section-header,.item-tt-desc .tt-section-header{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;padding-right:6px;font-size:12px;display:inline}.tt-passive{color:#c89b3c}.tt-active{color:#e38e3c}.tt-attention{color:#f0e6d2;font-weight:600}.tt-unique{color:#c89b3c;text-transform:uppercase;letter-spacing:.08em;padding-right:4px;font-size:11px;font-weight:600}.tt-physical{color:#ff9040}.tt-magic{color:#a888ff}.tt-true{color:#f7f2e5}.tt-scale-ad{color:#ff9040;font-style:italic}.tt-scale-ap{color:#a888ff;font-style:italic}.tt-scale-armor{color:tan;font-style:italic}.tt-scale-mr{color:#d1a8ff;font-style:italic}.tt-scale-level{color:#ffd479;font-style:italic}.tt-scale-mana{color:#5fa8e8;font-style:italic}.tt-scale-hp{color:#79e37f;font-style:italic}.tt-healing{color:#79e37f}.tt-shield{color:#7adede}.tt-status{color:#c89b3c}.tt-lifesteal{color:#ff7a94}.tt-speed{color:#b9ff9c}.tt-onhit{color:#ffb05a}.tt-stealth{color:#b0b8c4;font-style:italic}.tt-spellname{color:#f0e6d2;font-weight:600}.tt-buffed{color:#79e37f}.tt-nerfed{color:#ff7a94}.tt-rules,.tt-flavor{color:#6e655e;margin-top:6px;font-size:11px;font-style:italic;line-height:1.45;display:block}.tt-unknown{color:inherit}.mains-section{max-width:var(--max-w);padding:22px var(--pad) 12px;margin:0 auto}.mains-card{background:var(--surface);padding:0;overflow:hidden}.mains-table{flex-direction:column;display:flex}.mains-row{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:44px minmax(180px,1.5fr) 1fr 1.5fr .5fr;align-items:center;gap:18px;width:100%;padding:14px 22px;transition:background .15s;display:grid}.mains-entry.is-open{box-shadow:inset 2px 0 0 var(--amber);background:#c8913a0d}.mains-head{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.2em;color:var(--text-dim);background:0 0;padding:10px 22px}.mains-entry:hover{background:#ffffff06}.mains-drawer{box-shadow:inset 2px 0 0 var(--amber);background:#00000038;border-top:1px solid #ffffff08;padding:16px 22px 20px}.mains-drawer--loading,.mains-drawer--empty{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.2em;color:var(--text-dim);justify-content:center;align-items:center;gap:12px;padding:22px;display:flex}.mains-drawer-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.2em;color:var(--amber);align-items:center;gap:8px;margin-bottom:12px;display:flex}.mains-drawer-label .section-icon{width:16px;height:16px}.mains-drawer-list{grid-template-columns:1fr 1fr;gap:8px 24px;display:grid}.mains-drawer-row{grid-template-columns:34px minmax(0,1.4fr) auto minmax(140px,1.2fr);align-items:center;gap:12px;padding:6px 0;display:grid}.mains-drawer-row .part-item-slot{width:34px;height:34px}.mains-drawer-name{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--text);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.mains-drawer-games{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.08em}.mains-drawer-wr .mains-wr-val{font-size:var(--fs-md)}@media (width<=860px){.mains-drawer-list{grid-template-columns:1fr}}.mains-c-rank{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text-dim);text-align:center}.mains-rank-num{letter-spacing:.03em;min-width:26px;display:inline-block}.mains-c-champ{align-items:center;gap:12px;min-width:0;display:flex}.mains-champ-wrap{flex-shrink:0;width:44px;height:44px;position:relative}.mains-champ-icon{object-fit:cover;border:1px solid var(--border);width:44px;height:44px}.mains-champ-text{flex-direction:column;gap:4px;min-width:0;display:flex}.mains-champ-name{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.mains-champ-sub{align-items:center;gap:8px;min-width:0;display:inline-flex}.mains-champ-points{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.08em}.mastery-chip{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.mastery-chip-crest{object-fit:contain;filter:drop-shadow(0 0 4px #00000080);width:24px;height:24px}.mastery-chip-level{font-family:var(--font-display);letter-spacing:.02em;color:var(--text);font-size:14px;line-height:1}.mains-c-games{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text)}.mains-c-wr{flex-direction:column;gap:6px;min-width:0;display:flex}.mains-wr-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mains-wr-val{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.01em;color:var(--text);line-height:.9}.mains-wr-val em{opacity:.6;letter-spacing:.04em;margin-left:2px;font-size:.55em;font-style:normal}.mains-c-wr.is-high .mains-wr-val{color:var(--win)}.mains-c-wr.is-low .mains-wr-val{color:var(--red)}.mains-wr-wl{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;opacity:.85;gap:6px;display:inline-flex}.mains-wr-bar{background:#ffffff0d;border-radius:999px;width:100%;height:6px;margin-top:2px;display:block;position:relative;box-shadow:inset 0 1px 2px #00000059}.mains-wr-fill{background:linear-gradient(90deg,#2a96608c 0%,#2a9660f2 55%,#3ac07a 100%);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #2a966073,inset 0 1px #fff3}.mains-wr-fill:after{content:"";background:#3ac07a;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:-1px;transform:translateY(-50%);box-shadow:0 0 6px #3ac07acc}.mains-c-wr.is-low .mains-wr-fill{background:linear-gradient(90deg,#c520208c 0%,#c52020f2 55%,#e8423f 100%);box-shadow:0 0 8px #c5202073,inset 0 1px #ffffff2e}.mains-c-wr.is-low .mains-wr-fill:after{background:#e8423f;box-shadow:0 0 6px #e8423fcc}.mains-wr-mid{background:var(--amber);opacity:.55;width:1px;position:absolute;top:-3px;bottom:-3px;left:50%;transform:translate(-50%)}.mains-wr-mid:before,.mains-wr-mid:after{content:"";background:var(--amber);width:3px;height:3px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.mains-wr-mid:before{top:-3px}.mains-wr-mid:after{bottom:-3px}.mains-c-kda{font-family:var(--font-display);font-size:var(--fs-md);color:var(--cream,var(--text));text-align:right;letter-spacing:.02em}.mains-empty{color:var(--text-dim);opacity:.4}@media (width<=860px){.mains-row{grid-template-columns:36px minmax(140px,1.5fr) 1.4fr .5fr;gap:12px;padding:10px 14px}.mains-c-games{display:none}}@media (width<=640px){.mains-row{grid-template-columns:32px minmax(110px,1.4fr) 1.2fr}.mains-c-kda,.mains-champ-sub{display:none}}.matches-list{flex-direction:column;gap:6px;display:flex}.matches-list--detailed{gap:8px}.match-card-wrap{background:var(--surface);border:1px solid var(--border);transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:8px;position:relative;overflow:hidden}.match-card-wrap:hover{border-color:var(--accent-glow);transform:translateY(-1px)}.match-card-wrap.is-expanded{border-color:var(--accent);transform:none}.match-card{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:stretch;margin:0;padding:0;display:grid}.match-card--compact{grid-template-columns:32px 122px 148px 162px 1fr auto auto 96px;min-height:84px}@media (width<=1280px){.match-card--compact .match-lineup{display:none}.match-card--compact{grid-template-columns:32px 122px 148px 162px 1fr auto 96px}}@media (width<=980px){.match-card--compact{grid-template-columns:24px 96px 122px 132px 1fr auto 84px}.match-card--compact .match-tags-cell{padding:0 8px}.match-card--compact .match-items{grid-template-rows:repeat(2,28px);grid-template-columns:repeat(4,28px)}}@media (width<=720px){.match-card--compact .match-tags-cell{display:none}.match-card--compact{grid-template-columns:20px 84px 110px 110px auto 76px}}.match-outcome{justify-content:center;align-items:center;padding:0 4px;display:flex;position:relative}.match-outcome:before{content:"";opacity:.7;width:3px;transition:opacity var(--dur-fast) var(--ease-out);border-radius:0 2px 2px 0;position:absolute;top:10%;bottom:10%;left:0}.match-win .match-outcome:before{background:var(--win)}.match-loss .match-outcome:before{background:var(--loss)}.match-card-wrap:hover .match-outcome:before{opacity:1}.match-outcome-letter{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-dim);font-size:14px;line-height:1}.match-win .match-outcome-letter{color:var(--win)}.match-loss .match-outcome-letter{color:var(--loss)}.match-card--detailed .match-outcome-letter{font-size:16px}.match-champ-block{align-items:center;gap:10px;padding:12px 14px 12px 12px;display:flex}.match-champ-img-wrapper{flex-shrink:0;width:52px;height:52px;position:relative}.match-card--detailed .match-champ-img-wrapper{width:64px;height:64px}.match-champ-icon{border:1px solid var(--border);width:100%;height:100%;transition:border-color var(--dur-fast) var(--ease-out);border-radius:6px;display:block}.match-card-wrap:hover .match-champ-icon{border-color:var(--accent-soft)}.match-role-overlay{filter:invert(72%)sepia(55%)saturate(600%)hue-rotate(5deg)brightness(.95)drop-shadow(0 0 1px #000000f2);pointer-events:none;width:20px;height:20px;position:absolute;bottom:-5px;left:-5px}.match-card--detailed .match-role-overlay{width:24px;height:24px}.match-spells-runes{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.match-spell-icon,.match-rune-icon{border:1px solid var(--border);border-radius:3px;width:16px;height:16px;display:block}.match-rune-icon{background:var(--bg);border-radius:50%}.match-card--detailed .match-spell-icon,.match-card--detailed .match-rune-icon{width:19px;height:19px}.match-result{flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:12px 14px;display:flex}.match-result-word{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);font-size:10px;line-height:1}.match-card--detailed .match-result-word{font-size:11px}.match-win .match-result-word{color:var(--win)}.match-loss .match-result-word{color:var(--loss)}.match-result-queue{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-faint);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.match-result-champ{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);white-space:nowrap;text-overflow:ellipsis;transition:color var(--dur-fast) var(--ease-out);margin-top:4px;font-size:16px;font-weight:400;overflow:hidden}.match-result-champ:hover{color:var(--accent)}.match-card--detailed .match-result-champ{font-size:18px}.match-tags{flex-wrap:wrap;flex:1;align-content:center;align-items:center;gap:4px;min-width:0;max-height:68px;display:flex;overflow:hidden}.match-tag{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;cursor:default;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;padding:2px 9px;font-weight:500;display:inline-flex}.match-tag:hover{border-color:var(--border-bright);background:color-mix(in srgb, var(--cream) 6%, var(--surface-2))}.match-tag--achievement{color:var(--text);border-color:color-mix(in srgb, var(--dusk-gold) 38%, transparent);background:color-mix(in srgb, var(--dusk-gold) 12%, var(--surface));font-weight:600}.match-tag--achievement:hover{border-color:color-mix(in srgb, var(--dusk-gold) 60%, transparent);background:color-mix(in srgb, var(--dusk-gold) 18%, var(--surface))}.match-tag--shape{color:var(--text);border-color:color-mix(in srgb, var(--dusk-violet) 38%, transparent);background:color-mix(in srgb, var(--dusk-violet) 14%, var(--surface))}.match-tag--shape:hover{border-color:color-mix(in srgb, var(--dusk-violet) 58%, transparent);background:color-mix(in srgb, var(--dusk-violet) 20%, var(--surface))}.match-tag--personal{color:var(--text);border-color:color-mix(in srgb, var(--dusk-peach) 34%, transparent);background:color-mix(in srgb, var(--dusk-peach) 11%, var(--surface))}.match-tag--personal:hover{border-color:color-mix(in srgb, var(--dusk-peach) 56%, transparent);background:color-mix(in srgb, var(--dusk-peach) 17%, var(--surface))}.match-tag--more{color:var(--text-dim);border-color:var(--border);background:var(--surface-2);cursor:help;flex-shrink:0}.match-tag--more:hover{color:var(--text);border-color:var(--border-bright);background:color-mix(in srgb, var(--cream) 6%, var(--surface-2))}.match-tag-tooltip{z-index:9000;background:var(--surface);border:1px solid var(--border-bright);font-family:var(--font-ui);pointer-events:none;border-radius:8px;padding:10px 12px;animation:.12s ease-out match-tag-tooltip-in;box-shadow:0 12px 28px #00000073}@keyframes match-tag-tooltip-in{0%{opacity:0}to{opacity:1}}.match-tag-tooltip-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dusk-peach);margin-bottom:6px;font-size:11px}.match-tag-tooltip-criteria{color:var(--text);margin-bottom:4px;font-size:12px;line-height:1.45}.match-tag-tooltip-detail{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.02em;font-size:11px}.match-kda{border-left:1px solid var(--border);flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:12px 18px;display:flex;overflow:hidden}.match-kda-score{font-family:var(--font-display);letter-spacing:-.015em;font-feature-settings:"tnum";color:var(--text);white-space:nowrap;font-size:23px;font-weight:300;line-height:1;display:inline-block}.match-card--detailed .match-kda-score{font-size:28px}.match-kda-k{color:var(--text)}.match-kda-d{color:var(--text-dim)}.match-kda-a{color:var(--text)}.match-kda-sep{color:var(--text-faint);vertical-align:middle;margin:0 4px;font-size:.55em}.match-kda-ratio{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-faint);text-transform:uppercase;font-size:10px}.match-tags-cell{box-sizing:border-box;align-items:center;min-width:0;height:100%;padding:0 16px;display:flex}.match-lineup{border-left:1px solid var(--border);box-sizing:border-box;flex-direction:column;justify-content:center;gap:3px;height:100%;padding:12px 14px;display:flex}.match-lineup-row{gap:3px;display:flex}.match-lineup-cell{cursor:default;background:var(--surface-2);width:24px;height:24px;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.match-lineup-cell img{object-fit:cover;width:100%;height:100%;display:block}.match-lineup-cell-fallback{font-family:var(--font-mono);color:var(--text-dim);font-size:11px;font-weight:600}.match-lineup-cell:hover{z-index:2;transform:scale(1.12);box-shadow:0 4px 10px #00000073}.match-lineup-row--blue .match-lineup-cell{box-shadow:inset 0 -2px #5b8fd48c}.match-lineup-row--red .match-lineup-cell{box-shadow:inset 0 -2px #d13b2a8c}.match-lineup-cell.is-self{box-shadow:inset 0 0 0 2px var(--dusk-peach), 0 0 6px #f7a67973}.match-lineup-tooltip{z-index:9000;background:var(--surface);border:1px solid var(--border-bright);font-family:var(--font-ui);pointer-events:none;border-radius:8px;padding:10px 12px;animation:.12s ease-out match-tag-tooltip-in;box-shadow:0 12px 28px #00000073}.match-lineup-tooltip-name{color:var(--text);word-break:break-word;margin-bottom:4px;font-size:13px;font-weight:600}.match-lineup-tooltip-meta{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:8px;font-size:11px;display:flex}.match-lineup-tooltip-position{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.match-lineup-tooltip-kda{margin-left:auto;font-weight:600}.match-lineup-tooltip-kda.is-win{color:var(--win)}.match-lineup-tooltip-kda.is-loss{color:var(--loss)}.stat-inline-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.stat-inline-lbl{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-faint);text-transform:uppercase;font-size:9px}.stat-inline-val{font-family:var(--font-mono);color:var(--text);letter-spacing:.02em;font-size:12px}.match-stats-grid{border-left:1px solid var(--border);grid-template-columns:1fr 1fr;align-content:center;gap:10px 16px;padding:14px 18px;display:grid}.stat-cell{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-val{font-family:var(--font-mono);color:var(--text);letter-spacing:.02em;font-feature-settings:"tnum";font-size:14px;line-height:1}.stat-lbl{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-faint);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.match-items{border-left:1px solid var(--border);justify-content:flex-end;align-items:center;gap:3px;padding:12px 14px;display:flex}.item-slot{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;width:28px;height:28px;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:4px;flex-shrink:0;overflow:hidden}.item-slot:hover{border-color:var(--accent-glow);transform:translateY(-1px)}.item-slot img{object-fit:cover;width:100%;height:100%;display:block}.trinket-slot,.trinket-slot img{border-radius:50%}.match-card--detailed .match-items{grid-template-rows:repeat(2,38px);grid-template-columns:repeat(4,38px);place-content:center;gap:4px;padding:14px 12px;display:grid}.match-card--detailed .item-slot{width:38px;height:38px}.match-meta{border-left:1px solid var(--border);flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;padding:12px 16px 22px;display:flex;position:relative}.match-meta-duration{font-family:var(--font-mono);color:var(--text);letter-spacing:.04em;font-feature-settings:"tnum";font-size:13px}.match-meta-time{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.match-expand-chevron{color:var(--text-faint);transition:transform var(--dur-base) var(--ease-out), color var(--dur-fast) var(--ease-out);font-size:11px;line-height:1;position:absolute;bottom:6px;right:14px}.match-card-wrap:hover .match-expand-chevron{color:var(--accent)}.match-expand-chevron.is-open{color:var(--accent);transform:rotate(180deg)}.match-details{border-top:1px solid var(--border);background:var(--surface-2);animation:match-expand var(--dur-base) var(--ease-out);padding:22px 24px 24px}@keyframes match-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.match-details{animation:none}}.details-loading{font-family:var(--font-mono);letter-spacing:.22em;color:var(--text-faint);text-transform:uppercase;justify-content:center;align-items:center;gap:12px;padding:28px 0;font-size:10px;display:flex}.details-error{font-family:var(--font-mono);color:var(--loss);text-align:center;padding:16px 0;font-size:12px}.participants-lists{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.team-list{flex-direction:column;display:flex}.team-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:10px;padding:0 4px 10px;display:flex}.team-outcome-word{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);line-height:1}.team-win .team-outcome-word{color:var(--win)}.team-loss .team-outcome-word{color:var(--loss)}.team-side-label{font-family:var(--font-mono);letter-spacing:.22em;color:var(--text-faint);text-transform:uppercase;font-size:10px}.team-participants{flex-direction:column;gap:4px;display:flex}.participant-row{border:1px solid var(--border);background:var(--surface);color:inherit;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:6px;grid-template-columns:48px 22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 18px;text-decoration:none;display:grid;position:relative}.participant-row:before{content:"";opacity:.55;width:3px;transition:opacity var(--dur-fast) var(--ease-out);border-radius:0 2px 2px 0;position:absolute;top:18%;bottom:18%;left:0}.team-win .participant-row:before{background:var(--win)}.team-loss .participant-row:before{background:var(--loss)}.participant-row:hover{background:var(--surface-2);border-color:var(--accent-glow)}.participant-row:hover:before{opacity:1}.part-champ-wrap{flex-shrink:0;width:48px;height:48px;position:relative}.part-champ-icon{border:1px solid var(--border);border-radius:6px;width:48px;height:48px;display:block}.part-role-overlay{filter:invert(72%)sepia(55%)saturate(600%)hue-rotate(5deg)brightness(.95)drop-shadow(0 0 1px #000000f2);pointer-events:none;width:20px;height:20px;position:absolute;bottom:-5px;left:-5px}.part-spells-runes{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.part-spell-icon,.part-rune-icon{border:1px solid var(--border);cursor:pointer;width:16px;height:16px;transition:border-color var(--dur-fast) var(--ease-out);border-radius:3px;display:block}.part-spell-icon:hover,.part-rune-icon:hover{border-color:var(--accent-glow)}.part-rune-icon{background:var(--bg);border-radius:50%}.part-main{flex-direction:column;gap:6px;min-width:0;display:flex}.part-line-name{flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.part-game-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.005em;word-break:break-word;overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:400;line-height:1.15}.part-tag-line{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;flex-shrink:0;font-size:10px}.part-line-kda-dmg{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.part-line-kda-dmg>.part-damage-bar{flex:100%;min-width:0}.part-kda-big{font-family:var(--font-display);letter-spacing:-.01em;font-feature-settings:"tnum";color:var(--text);flex-shrink:0;font-size:20px;font-weight:300;line-height:1}.part-k{color:var(--text)}.part-d{color:var(--text-dim)}.part-a{color:var(--text)}.part-sep{color:var(--text-faint);vertical-align:middle;margin:0 3px;font-size:.55em}.part-kda-ratio{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-faint);text-transform:uppercase;flex-shrink:0;font-size:10px}.part-damage-bar{border:1px solid var(--border);background:#ffffff0a;border-radius:3px;flex:1;min-width:0;height:12px;position:relative;overflow:hidden}.part-damage-fill{background:var(--accent);opacity:.7;border-radius:2px;position:absolute;top:0;bottom:0;left:0}.part-damage-val{font-family:var(--font-mono);color:var(--text);letter-spacing:.04em;font-feature-settings:"tnum";pointer-events:none;justify-content:flex-end;align-items:center;padding-right:7px;font-size:10px;display:flex;position:absolute;inset:0}.part-line-secondary{font-family:var(--font-mono);font-feature-settings:"tnum";align-items:center;gap:14px;display:flex}.part-sec-stat{align-items:baseline;gap:5px;display:inline-flex}.part-sec-stat b{color:var(--text);letter-spacing:.02em;font-size:12px;font-weight:500}.part-sec-stat em{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-faint);text-transform:uppercase;font-size:9px;font-style:normal}.part-sec-sub{color:var(--text-faint);letter-spacing:.04em;padding-left:3px;font-size:10px}.part-sec-sep{background:var(--border);flex-shrink:0;width:1px;height:12px}.part-items{flex-shrink:0;align-self:center;gap:2px;display:flex}.part-item-slot{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;width:24px;height:24px;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:4px;overflow:hidden}.part-item-slot:hover{border-color:var(--accent-glow);transform:translateY(-1px)}.part-item-slot img{width:100%;height:100%;display:block}.part-trinket-slot,.part-trinket-slot img{border-radius:50%}@media (width<=1020px){.participants-lists{grid-template-columns:1fr;gap:18px}}@media (width<=880px){.match-card--compact{grid-template-columns:28px 108px 130px 110px 120px 1fr 84px;min-height:80px}.match-card--detailed{grid-template-columns:32px 128px 150px 130px 150px 1fr 92px}}@media (width<=720px){.match-stats-inline,.match-stats-grid{display:none}.match-card--compact{grid-template-columns:26px 100px 120px 100px 1fr 80px}.match-card--detailed{grid-template-columns:30px 118px 140px 120px 1fr 90px}.part-line-secondary{gap:5px;font-size:9px}.part-item-slot{width:24px;height:24px}}.player-hero{isolation:isolate;background:0 0;width:100%;max-width:none;min-height:460px;margin:0 0 40px;position:relative;overflow:hidden}.player-hero-splash-img{object-fit:cover;object-position:72% 24%;filter:saturate(.55)brightness(.78)contrast(1.06);z-index:0;opacity:1;width:100%;height:100%;transition:opacity .9s;animation:60s ease-in-out infinite alternate hero-splash-drift;position:absolute;inset:0}@keyframes hero-splash-drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.04)translate(-.4%)}}.player-hero-vignette{z-index:1;pointer-events:none;background:linear-gradient(90deg,#14101af2 0%,#14101ad1 32%,#14101a80 60%,#14101a1f 100%),radial-gradient(at 75% 30%,#7b5aa324,#0000 60%);position:absolute;inset:0}.player-hero-grain{z-index:2;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.player-hero-fallback{z-index:0;background:radial-gradient(at 72% 40%,#dc96281a 0%,#0000 55%),linear-gradient(90deg,#060608eb 0%,#120f0c4d 100%);position:absolute;inset:0}.player-hero-inner{z-index:3;max-width:var(--max-w);padding:28px var(--pad) 22px;flex-direction:column;gap:28px;min-height:460px;margin:0 auto;display:flex;position:relative}.player-hero-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;align-items:center;gap:12px;font-weight:500;display:flex}.hero-eb-region{color:var(--dusk-peach)}.hero-eb-updated{opacity:.75}.hero-eb-dot{opacity:.4;margin-right:10px}.hero-eb-reload{border-radius:var(--radius);width:30px;height:30px;color:var(--text-dim);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #ffffff1a;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.hero-eb-reload:hover:not(:disabled){color:var(--dusk-peach);border-color:var(--dusk-peach);background:#f7a6790f}.hero-eb-reload:disabled{opacity:.35;cursor:not-allowed}.hero-eb-reload .spin{animation:.9s linear infinite refresh-spin}.hero-eb-charge{color:var(--dusk-peach);align-items:center;gap:8px;margin-left:10px;display:inline-flex}.hero-eb-charge-text{letter-spacing:.22em;text-transform:uppercase;opacity:.85;font-size:9px}.player-hero-identity{flex:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;min-width:0;display:grid}.player-hero-icon-wrap{flex-shrink:0;width:96px;height:96px;position:relative}.player-hero-icon-img{object-fit:cover;border-radius:var(--radius);border:1px solid #ffffff24;width:96px;height:96px;box-shadow:0 8px 28px #0009,inset 0 1px #ffffff0f}.player-hero-icon-level{font-family:var(--font-mono);letter-spacing:.14em;background:var(--dusk-peach);color:var(--bg);white-space:nowrap;border-radius:2px;padding:3px 8px;font-size:9px;font-weight:600;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #f7a6794d}.player-hero-name-block{min-width:0;animation:hero-fade-in .55s var(--ease-out) 80ms backwards;flex-direction:column;gap:6px;display:flex}.player-hero-name{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);text-shadow:0 2px 28px #000000d9,0 1px 3px #000000e6;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;margin:0;font-size:clamp(42px,5.4vw,72px);font-weight:600;line-height:1;overflow:hidden}.player-hero-byline{font-family:var(--font-mono);letter-spacing:.18em;color:var(--dusk-peach);opacity:.85;font-size:12px;font-weight:500}.player-hero-callsign{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text);opacity:.82;text-overflow:ellipsis;white-space:nowrap;max-width:100%;animation:hero-fade-in .55s var(--ease-out) .2s backwards;margin-top:10px;font-size:12px;overflow:hidden}.player-hero-callsign-empty{color:var(--text-dim);opacity:.55}.player-hero-rank{animation:hero-fade-in .55s var(--ease-out) .14s backwards;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.hero-rank-emblem-bg{object-fit:cover;opacity:.18;pointer-events:none;z-index:1;width:520px;height:520px;position:absolute;top:50%;right:-40px;transform:translateY(-50%);-webkit-mask-image:radial-gradient(70% 70%,#000 40%,#0000 72%);mask-image:radial-gradient(70% 70%,#000 40%,#0000 72%)}.hero-rank-text{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.hero-rank-label{color:var(--dusk-peach);letter-spacing:.22em;text-transform:uppercase;opacity:.85;margin-bottom:2px;font-size:9px}.hero-rank-tier{font-family:var(--font-display);letter-spacing:.01em;color:var(--text);font-size:18px;font-weight:600;line-height:1.1}.hero-rank-lp{color:var(--dusk-gold);letter-spacing:.1em;font-size:12px;font-weight:500}.hero-rank-wl{color:var(--text-dim);letter-spacing:.08em;opacity:.85;font-size:10px}.hero-rank-flex{color:var(--text-faint);letter-spacing:.14em;border-top:1px dashed #ffffff14;margin-top:4px;padding-top:4px;font-size:9px}.player-hero-rule{justify-content:flex-end;align-items:flex-end;margin-top:auto;padding-bottom:10px;display:flex;position:relative}.player-hero-rule-line{transform-origin:0;height:1px;animation:hero-rule-draw .9s var(--ease-out) .3s backwards;background:linear-gradient(90deg,#0000 0%,#f7a67973 10%,#f7a679b3 50%,#f7a67980 100%);position:absolute;bottom:0;left:0;right:0}@keyframes hero-rule-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.player-hero-rule-meta{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text);opacity:.72;padding-right:2px;font-size:10px;font-weight:500}.player-hero-rule-sep{opacity:.35;color:var(--text-dim)}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.player-hero-identity{gap:24px}}@media (width<=960px){.player-hero{min-height:400px;margin-bottom:36px}.player-hero-inner{min-height:400px;padding:22px var(--pad) 18px;gap:22px}.player-hero-identity{gap:20px}.player-hero-icon-wrap,.player-hero-icon-img{width:80px;height:80px}.player-hero-name{font-size:clamp(36px,5vw,56px)}}@media (width<=720px){.player-hero{min-height:auto}.player-hero-inner{min-height:auto;padding:18px var(--pad) 16px;gap:18px}.player-hero-identity{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);gap:16px 20px}.player-hero-icon-wrap,.player-hero-icon-img{width:68px;height:68px}.player-hero-rank{border-top:1px dashed #ffffff0f;grid-column:1/-1;padding-top:14px}.player-hero-name{font-size:clamp(30px,8vw,44px)}.player-hero-callsign{white-space:normal;font-size:11px;line-height:1.6}}.player-hero-rank-block{flex-direction:column;gap:10px;margin-top:12px;display:flex}.player-hero-rank-primary{align-items:center;gap:12px;display:flex}.rank-pip{object-fit:cover;filter:drop-shadow(0 0 12px #c89b3c33);flex-shrink:0;width:56px;height:56px}.rank-pip--sm{filter:none;opacity:.85;width:28px;height:28px}.player-hero-rank-text{flex-direction:column;gap:2px;min-width:0;display:flex}.player-hero-rank-queue{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.2em;color:var(--amber);opacity:.7}.player-hero-rank-line{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text);letter-spacing:.03em;line-height:1}.player-hero-rank-sub{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--text-dim)}.player-hero-rank-flex{border:1px solid var(--border);background:#ffffff08;align-self:flex-start;align-items:center;gap:8px;padding:5px 10px 5px 6px;display:inline-flex}.player-hero-rank-flex-text{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;color:var(--text-dim)}.player-hero-form{z-index:3;background:0 0;border:none;grid-template-columns:auto 1fr auto auto;align-items:center;gap:22px;padding:14px 44px 28px;display:grid;position:relative}.form-left{flex-direction:column;gap:2px;display:flex}.form-title{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.24em;color:var(--amber)}.form-meta{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-dim);opacity:.6;font-size:9px}.form-pips-col{flex-direction:column;gap:4px;min-width:0;display:flex}.form-pips-labels{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-dim);opacity:.72;justify-content:space-between;align-items:center;padding:0 2px;font-size:9px;display:flex}.form-pips-now{color:var(--amber);opacity:.95;align-items:center;gap:4px;display:inline-flex}.form-pips-now svg{transform:rotate(180deg)}.form-pips-older{opacity:.55}.form-pips{align-items:center;gap:4px;min-width:0;padding:4px 0 6px;display:flex;overflow:visible}.form-pip--latest{outline-offset:2px;outline:1px solid #c8913ad9}.form-pip{border-radius:1px;flex:1 1 0;min-width:6px;max-width:14px;height:22px;position:relative;overflow:visible}.form-pip--win{background:var(--win)}.form-pip--loss{background:var(--red);opacity:.75}.form-stats{font-family:var(--font-mono);align-items:baseline;gap:12px;display:flex}.form-record{font-size:var(--fs-xs);letter-spacing:.08em}.form-record-sep{color:var(--text-dim);opacity:.5;margin:0 4px}.form-spark{opacity:.85;width:120px;height:24px}.form-spark-mid{stroke:#ffffff1f;stroke-width:1px;stroke-dasharray:2 3}.form-spark-path{fill:none;stroke:var(--amber);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}@media (width<=860px){.player-hero-form{grid-template-columns:1fr;gap:10px;margin:14px 16px 0}.form-spark{width:100%}}.recent-header{justify-content:space-between;align-items:flex-end;width:100%;margin-top:64px;margin-bottom:12px;display:flex}.recent-header-title{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.recent-clear-btn{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;background:0 0;border:none;font-size:10px;transition:color .2s}.recent-clear-btn:hover{color:var(--red)}.recent-dossier-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;width:100%;margin-top:4px;display:grid}.dossier-card{-webkit-backdrop-filter:blur(24px)saturate(160%);transition:background .25s var(--ease-out,ease-out), border-color .25s var(--ease-out,ease-out), transform .25s var(--ease-out,ease-out), box-shadow .25s var(--ease-out,ease-out);cursor:pointer;text-align:left;isolation:isolate;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:60px 1fr;gap:8px 16px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 6px 18px #00000040}.dossier-card:hover{background:#ffffff12;border-color:#f7a67959;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 12px 32px #00000073}[data-theme=light] .dossier-card{background:#ffffff73;border-color:#14101a14;box-shadow:inset 0 1px #ffffff8c,0 6px 18px #14101a1a}[data-theme=light] .dossier-card:hover{background:#ffffff8c;border-color:#de7f4866;box-shadow:inset 0 1px #ffffffa6,0 12px 32px #14101a2e}.dossier-pin,.dossier-remove{width:20px;height:20px;color:var(--text-dim);opacity:0;cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.dossier-pin{top:4px;left:4px}.dossier-remove{top:4px;right:4px}.dossier-card:hover .dossier-pin,.dossier-card:hover .dossier-remove{opacity:.6}.dossier-pin.is-pinned{opacity:1;color:var(--amber)}.dossier-icon-wrap{grid-area:1/1/2/2;width:60px;height:60px}.dossier-icon{border:1px solid var(--border-bright);border-radius:8px;width:100%;height:100%}.dossier-info{flex-direction:column;grid-area:1/2/2/3;justify-content:center;gap:2px;min-width:0;padding-right:76px;display:flex}.dossier-name{font-family:var(--font-ui);color:var(--cream);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.dossier-name-tag{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:0;margin-left:2px;font-size:11px;font-weight:400}.dossier-meta-group{align-items:center;gap:8px;display:flex}.dossier-meta{font-family:var(--font-mono);color:var(--amber);background:var(--amber-dim);letter-spacing:.05em;text-transform:uppercase;border:1px solid #c8913a33;border-radius:3px;padding:1px 6px;font-size:8px;font-weight:700}.dossier-flag{color:var(--text-dim);letter-spacing:.04em;font-size:12px}.dossier-flag .region-flag-emoji{font-size:14px}.dossier-lvl{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.06em;text-transform:lowercase;font-variant-numeric:tabular-nums;font-size:10px;line-height:1}.dossier-rank-emblem-wrap{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;display:flex;position:absolute;top:50%;right:8px;overflow:visible;transform:translateY(-50%)}.dossier-rank-emblem{object-fit:contain;filter:drop-shadow(0 0 10px #c8913a40);pointer-events:none;width:76px;height:76px;transform:scale(1.15)}.dossier-rank-sub{font-family:var(--font-mono);color:var(--amber);letter-spacing:.05em;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;margin-top:-4px;font-size:10px;line-height:1}.dossier-sep{color:var(--text-faint);opacity:.5;font-size:11px;line-height:1}.dossier-sparkline{grid-area:2/1/3/3;align-items:center;gap:8px;padding-top:6px;display:flex}.spark-item{flex-direction:column;align-items:center;gap:4px;display:flex}.spark-dot{border-radius:50%;width:8px;height:8px}.spark-win{background:var(--win);box-shadow:0 0 6px var(--win-dim)}.spark-loss{background:var(--loss);box-shadow:0 0 6px var(--loss-dim)}.spark-champ{border:1px solid var(--border);border-radius:4px;width:24px;height:24px}.trending-section{width:100%;margin-top:48px}.trending-section .recent-header{margin-top:0}.trending-num-stamp{font-family:var(--font-mono);color:var(--amber);opacity:.3;letter-spacing:.05em;font-size:8px;position:absolute;top:6px;right:8px}.dossier-time{font-family:var(--font-mono);color:var(--text-dim);opacity:.5;transition:opacity .15s var(--ease-out,ease-out);pointer-events:none;font-size:8px;position:absolute;top:6px;right:10px}.dossier-card:hover .dossier-time{opacity:0}.dossier-pin svg{width:14px;height:14px}.recent-searches{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;margin-top:20px;display:flex}.recent-item{font-family:var(--font-mono);color:var(--text-dim);background:var(--surface);border:1px solid var(--border);letter-spacing:.02em;padding:4px 10px;font-size:11px;transition:all .15s}.recent-item:hover{border-color:var(--border-bright);color:var(--cream);background:var(--surface-2)}.search-page-backdrop{z-index:0;pointer-events:none;filter:blur(2px)saturate(115%);opacity:.55;background-image:url(/backgrounds/sky-dark.jpg);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;height:100vh;min-height:720px;display:none;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0% 35%,#0006 75%,#0000 100%);mask-image:linear-gradient(#000 0% 35%,#0006 75%,#0000 100%)}.search-page-backdrop:after{content:"";pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 100%);mask-image:linear-gradient(#000 0% 55%,#0000 100%)}[data-theme=light] .search-page-backdrop{opacity:.65;background-image:url(/backgrounds/sky-light.jpg)}.search-form{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.search-input-wrap{width:100%;transition:box-shadow 2.4s cubic-bezier(.32, 0, .24, 1), border-color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);-webkit-backdrop-filter:blur(28px)saturate(180%);isolation:isolate;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:24px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000002e,inset 0 0 0 1px #ffffff0a,0 4px 16px -2px #000000a6,0 16px 36px #0000008c,0 14px 48px -6px #00000073,0 0 72px #00000052,0 22px 140px -10px #1e183073}.search-input-wrap:hover:not(:focus-within){border-color:#f7a67938;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000002e,inset 0 0 0 1px #ffffff0a,0 16px 36px #00000073,0 4px 16px -2px #f7a67957,0 14px 48px -6px #f7a6793d,0 0 72px #f7a6791a,0 22px 140px -10px #d682a229}.search-input-wrap:focus-within{background:#0e0a14;border-color:#f7a6798c;transform:translateY(-1px);box-shadow:inset 0 0 24px #00000073,inset 0 -1px #0000004d,0 0 0 1.5px #f7a6798c,0 18px 46px #0000008c,0 0 50px -2px #f7a6798c}[data-theme=light] .search-input-wrap{background:#ffffff73;border:1px solid #14101a1a;box-shadow:inset 0 1px #ffffff8c,inset 0 0 0 1px #14101a0a,0 14px 40px #14101a2e}[data-theme=light] .search-input-wrap:focus-within{background:#281c3273;border-color:#de7f488c;box-shadow:inset 0 0 24px #14101a4d,0 0 0 1.5px #de7f488c,0 0 18px #de7f486b,0 16px 50px #14101a38}.search-container{width:100%;max-width:420px;margin:0 auto;position:relative}.search-results{background:var(--surface);border:1px solid var(--border-bright);z-index:100;border-radius:24px;flex-direction:column;margin-top:8px;animation:.2s cubic-bezier(.16,1,.3,1) slide-down;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.search-result-item{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;align-items:center;gap:12px;padding:10px 14px;transition:background .12s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--surface-2)}.search-results-header{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);background:var(--surface-1);border-bottom:1px solid var(--border);padding:8px 16px 4px;font-size:11px;font-weight:600}.res-icon-square{border-radius:4px}.res-kind{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.res-icon{border:1px solid var(--border);width:32px;height:32px}.res-info{flex-direction:column;flex:1;display:flex}.res-name{font-family:var(--font-display);color:var(--cream);letter-spacing:.04em;font-size:16px}.res-tag{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.res-lvl{font-family:var(--font-mono);color:var(--amber);background:var(--amber-dim);padding:2px 6px;font-size:10px}.search-input{font-family:var(--font-mono);color:var(--cream);letter-spacing:.04em;background:0 0;border:none;outline:none;flex:1;padding:18px 64px 18px 24px;font-size:16px}.search-input::placeholder{color:var(--text-dim);letter-spacing:.08em;opacity:.5}.region-dropdown{z-index:10;display:flex;position:relative}.region-trigger{cursor:pointer;min-width:100px;color:var(--text-dim);background:0 0;border:none;border-right:1px solid #ffffff1a;border-top-left-radius:24px;border-bottom-left-radius:24px;justify-content:center;align-self:stretch;align-items:center;gap:10px;padding:0 16px;transition:background .2s,color .2s,border-color .2s;display:flex}.region-trigger:hover{color:var(--cream);background:#ffffff0f}[data-theme=light] .region-trigger{border-right-color:#14101a1a}[data-theme=light] .region-trigger:hover{background:#14101a0a}.region-trigger-flag .region-flag-logo,.region-trigger-flag .region-flag-emoji{width:20px;height:20px;font-size:18px}.region-trigger-label{font-family:var(--font-display);letter-spacing:.1em;font-size:13px}.region-trigger-arrow{font-size:10px;transition:transform .2s}.region-trigger-arrow.is-open{transform:rotate(180deg)}.region-options{background:var(--surface);border:1px solid var(--border-bright);border-radius:12px;flex-direction:column;gap:2px;min-width:140px;max-height:300px;padding:8px;display:flex;overflow-y:auto;box-shadow:0 10px 30px #0009}.region-option{cursor:pointer;width:100%;color:var(--text-dim);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;transition:all .15s;display:flex}.region-option:hover{background:var(--surface-2);color:var(--cream);border-color:var(--border)}.region-option.is-active{color:var(--amber);background:var(--amber-dim)}.region-option-flag .region-flag-logo,.region-option-flag .region-flag-emoji{width:18px;height:18px;font-size:16px}.region-option-label{font-family:var(--font-ui);letter-spacing:.02em;font-size:13px;font-weight:500}.res-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.res-region{color:var(--amber);letter-spacing:.1em;font-size:9px;font-family:var(--font-display)}.search-btn{width:56px;color:var(--cream);opacity:.5;background:0 0;border-top-right-radius:24px;border-bottom-right-radius:24px;justify-content:center;align-items:center;transition:opacity .15s,color .15s,transform .15s;display:flex;position:absolute;top:0;bottom:0;right:0}.search-btn:hover{opacity:1;color:var(--amber);transform:translate(1px)}.search-input-wrap:focus-within .search-btn{opacity:.85}.search-btn svg{display:block}.search-error{font-family:var(--font-mono);color:var(--loss);letter-spacing:.04em;align-self:flex-start;padding-left:4px;font-size:12px;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.search-hint{font-family:var(--font-display);letter-spacing:.32em;color:var(--text-dim);opacity:.6;margin-top:32px;font-size:11px}.seasons-dd{display:inline-block;position:relative}.seasons-dd-btn{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;min-width:180px;padding:8px 14px;transition:color .15s,border-color .15s;display:inline-flex}.seasons-dd-btn:hover{color:var(--text);border-color:var(--amber)}.seasons-dd-btn.is-active{color:var(--amber);border-color:var(--amber)}.seasons-dd-value{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.seasons-dd-chev{opacity:.7;flex-shrink:0}.seasons-dd-btn[aria-expanded=true] .seasons-dd-chev{transform:rotate(180deg)}.seasons-dd-panel{z-index:120;background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--amber);scrollbar-width:thin;scrollbar-color:var(--amber) #ffffff0f;min-width:320px;max-width:420px;max-height:min(78vh,640px);padding:8px 0;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 14px 40px -10px #000000a6}.seasons-dd-panel::-webkit-scrollbar{width:8px}.seasons-dd-panel::-webkit-scrollbar-track{background:#ffffff0a}.seasons-dd-panel::-webkit-scrollbar-thumb{background:#c8913a8c;border:1px solid #00000059}.seasons-dd-panel::-webkit-scrollbar-thumb:hover{background:var(--amber)}.seasons-dd-quick{border-bottom:1px dashed var(--border);gap:2px;margin-bottom:6px;padding:0 10px 8px;display:flex}.seasons-dd-quick button{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.14em;cursor:pointer;background:0 0;flex:1;padding:6px 8px;font-size:10px;transition:all .12s}.seasons-dd-quick button:hover{color:var(--amber);border-color:var(--amber)}.seasons-dd-groups{padding:0 6px}.seasons-dd-group+.seasons-dd-group{border-top:1px solid #ffffff0a;margin-top:4px;padding-top:4px}.seasons-dd-year{font-family:var(--font-mono);letter-spacing:.22em;color:var(--amber);opacity:.7;padding:6px 10px 4px;font-size:9px}.seasons-dd-items{flex-direction:column;display:flex}.seasons-dd-item{color:var(--text);font-family:var(--font-display);letter-spacing:.02em;text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:10px;padding:7px 12px;font-size:14px;transition:background .12s;display:flex}.seasons-dd-item:hover{background:#ffffff09}.seasons-dd-item.is-selected{color:var(--amber);border-left-color:var(--amber);background:#c8913a12}.seasons-dd-check{width:12px;color:var(--amber);text-align:center;font-weight:700;font-family:var(--font-mono);font-size:12px;display:inline-block}.seasons-dd-label{flex:1}.seasons-dd-count{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.08em;padding-left:8px;font-size:10px}.seasons-dd-item.is-selected .seasons-dd-count{color:var(--amber);opacity:.75}@media (width<=720px){.scope-bar{gap:14px}.scope-pill{padding:6px 10px}.seasons-dd-panel{min-width:260px;max-width:92vw}}.tm-mount-slot{min-height:320px}.tm-section--skeleton{flex-direction:column;gap:10px;padding:24px 0;display:flex}.tm-skeleton-head{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff0f 50%,#ffffff0a 100%);border-radius:4px;width:220px;height:28px}.tm-skeleton-rows{flex-direction:column;gap:6px;display:flex}.tm-skeleton-row{border:1px solid var(--border);background:#ffffff04;border-radius:8px;height:44px}.tm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.tm-header .builds-section-title{margin:0}.tm-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:inline-flex}.tm-rank-filter{align-items:center;gap:8px;display:inline-flex;position:relative}.tm-rank-trigger{appearance:none;color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;min-width:100px;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 10px;font-size:11px;display:inline-flex}.tm-rank-trigger:hover{border-color:#ffffff1f}.tm-rank-trigger.is-open{background:#f7a6790f;border-color:#f7a67966}.tm-rank-trigger-text{text-align:left;flex:auto}.tm-rank-trigger-caret{color:var(--text-dim);font-size:10px;line-height:1}.tm-rank-pop{z-index:30;background:var(--surface-2,#1a1622);border:1px solid #ffffff1a;border-radius:8px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);left:50px;box-shadow:0 14px 40px #0000008c,0 0 0 1px #00000080}.tm-rank-mode-tabs{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:6px;gap:2px;margin-bottom:6px;padding:3px;display:flex}.tm-rank-mode-tab{appearance:none;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:4px;flex:1 1 0;padding:5px 8px;font-size:10px}.tm-rank-mode-tab:hover{color:var(--text)}.tm-rank-mode-tab.is-active{color:#f7a679;background:#f7a67929;box-shadow:inset 0 0 0 1px #f7a67940}.tm-rank-list{flex-direction:column;gap:1px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.tm-rank-row{appearance:none;width:100%;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:flex}.tm-rank-row:hover{color:var(--text);background:#ffffff0a}.tm-rank-row.is-active{color:#f7a679;background:#f7a67914}.tm-rank-marker{width:12px;height:12px;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border:1px solid #ffffff2e;flex-shrink:0;display:inline-block;position:relative}.tm-rank-marker--radio{border-radius:50%}.tm-rank-marker--check{border-radius:3px}.tm-rank-row.is-active .tm-rank-marker{border-color:#f7a679}.tm-rank-row.is-active .tm-rank-marker--radio:after{content:"";background:#f7a679;border-radius:50%;position:absolute;inset:2px}.tm-rank-row.is-active .tm-rank-marker--check:after{content:"";background:#f7a679;border-radius:2px;position:absolute;inset:1px}.tm-rank-pop-actions{border-top:1px solid #ffffff0f;gap:4px;margin-top:6px;padding-top:6px;display:flex}.tm-rank-mini-btn{appearance:none;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;flex:1 1 0;padding:5px 8px;font-size:10px}.tm-rank-mini-btn:hover{color:var(--text);border-color:#ffffff24}.tm-sort{align-items:center;gap:10px;display:flex}.tm-sort-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.tm-sort-pills{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:7px;gap:2px;padding:3px;display:inline-flex}.tm-sort-pill{appearance:none;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:11px}.tm-sort-pill:hover{color:var(--text)}.tm-sort-pill.is-active{color:#f7a679;background:#f7a67929;box-shadow:inset 0 0 0 1px #f7a67940}.tm-list{flex-direction:column;gap:6px;display:flex}.tm-row{background:var(--surface,#ffffff08);border:1px solid var(--border,#ffffff0f);transition:background var(--dur-fast) var(--ease-out);border-radius:10px;grid-template-columns:52px minmax(220px,1.5fr) minmax(150px,1fr) minmax(170px,1fr) minmax(120px,auto);align-items:center;gap:14px;padding:12px 16px;display:grid}.tm-row:hover{background:#ffffff0d}.tm-rank{font-family:var(--font-mono);color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.tm-rank-num{letter-spacing:.04em}.tm-rank--medal{letter-spacing:0;border-radius:50%;width:36px;height:36px;margin-left:4px;font-size:12px;font-weight:800}.tm-rank--medal-1{color:#3d2400;background:linear-gradient(#ffe28a,#d4a431);box-shadow:0 0 14px #ffdc8266,inset 0 1px #ffffff80}.tm-rank--medal-2{color:#1d2129;background:linear-gradient(#e6e8ec,#8c92a0);box-shadow:0 0 12px #dce1eb47,inset 0 1px #ffffff80}.tm-rank--medal-3{color:#2a1300;background:linear-gradient(#d99566,#8b4d28);box-shadow:0 0 12px #d995664d,inset 0 1px #fff6}.tm-player{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.tm-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:38px;height:38px;box-shadow:inset 0 0 0 1px #ffffff1a}.tm-ident{flex-direction:column;gap:2px;min-width:0;display:flex}.tm-name-line{align-items:baseline;gap:4px;min-width:0;display:inline-flex}.tm-name{color:var(--text,#e8eaed);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.tm-tag{color:var(--text-dim,#8a8f98);font-weight:400;font-family:var(--font-mono);flex-shrink:0;font-size:11px}.tm-meta-line{color:var(--text-dim);align-items:center;gap:6px;font-size:11px;display:inline-flex}.tm-rank-text{font-family:var(--font-body);letter-spacing:0;font-variant-numeric:tabular-nums}.tm-mastery{flex-direction:column;gap:4px;min-width:0;display:flex}.tm-mastery-row{align-items:center;gap:8px;display:flex}.tm-mastery-level{font-family:var(--font-mono);color:#7ab8ff;letter-spacing:.02em;background:#78b4ff1a;border-radius:5px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px 3px 6px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.tm-mastery-icon{filter:drop-shadow(0 0 3px #c8aa6e59);flex-shrink:0;width:16px;height:16px;display:block}.tm-mastery-num{font-variant-numeric:tabular-nums}.tm-m-7{color:#c9a7ff;background:#ab7ae42e}.tm-m-6{color:#ff9dc9;background:#e47aab26}.tm-m-5{color:#ff8080;background:#e4464626}.tm-mastery-pts{font-variant-numeric:tabular-nums;color:var(--text,#e8eaed);font-size:13px;font-weight:500}.tm-mastery-bar{background:#ffffff0d;border-radius:2px;width:100%;height:3px;overflow:hidden}.tm-mastery-bar-fill{height:100%;transition:width var(--dur-fast) var(--ease-out);background:linear-gradient(90deg,#f7a67980,#f7a679d9);border-radius:2px}.tm-stats{font-variant-numeric:tabular-nums;flex-direction:column;gap:3px;display:flex}.tm-stats-top{align-items:center;gap:8px;font-size:13px;display:flex}.tm-games{font-family:var(--font-body);color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.tm-wr{font-family:var(--font-body);letter-spacing:.02em;font-variant-numeric:tabular-nums;border-radius:3px;padding:1px 6px;font-size:11px;font-weight:700}.tm-wr--win{color:#60d090;background:#50c87829}.tm-wr--loss{color:#ff8080;background:#e65a5a24}.tm-stats-bottom{color:var(--text-dim);align-items:baseline;gap:6px;font-size:11px;display:flex}.tm-kda{font-family:var(--font-body);font-variant-numeric:tabular-nums}.tm-kda-ratio{font-family:var(--font-body);color:var(--text-faint);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:10px}.tm-stats-empty{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-faint);text-transform:uppercase;font-size:10px}.tm-recent-col{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.tm-recent-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;align-items:center;gap:4px;font-size:9px;display:inline-flex}.tm-recent-champ-icon{object-fit:cover;border-radius:3px;width:14px;height:14px}.tm-recent{gap:4px;display:flex}.tm-pip{width:22px;height:22px;font-family:var(--font-mono);cursor:default;letter-spacing:.02em;border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.tm-pip--win{color:#60d090;background:#50c87833}.tm-pip--loss{color:#ff8080;background:#e65a5a2e}.tm-pip-empty{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.1em;font-size:11px}.tm-last-played{font-family:var(--font-body);letter-spacing:0;color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:10px}.tm-empty{text-align:center;color:var(--text-dim,#8a8f98);letter-spacing:.08em;background:#ffffff05;border-radius:8px;padding:24px;font-size:.85rem}.tm-row--skel{opacity:.55}.tm-skel-rank,.tm-skel-avatar,.tm-skel-name,.tm-skel-cell{background:#ffffff0f;border-radius:4px;height:14px;animation:1.4s ease-in-out infinite tm-pulse}.tm-skel-rank{width:28px}.tm-skel-avatar{border-radius:50%;width:38px;height:38px}.tm-skel-name{width:70%;height:16px}@keyframes tm-pulse{0%,to{opacity:.4}50%{opacity:.75}}.tm-pip-tt{background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius);pointer-events:none;flex-direction:column;gap:4px;min-width:120px;padding:8px 10px;display:flex}.tm-pip-tt-row{align-items:center;gap:8px;display:flex}.tm-pip-tt-icon{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);width:28px;height:28px}.tm-pip-tt-vs{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:9px}.tm-pip-tt-outcome{font-family:var(--font-mono);font-size:var(--fs-sm);border-radius:var(--radius-sm);letter-spacing:.04em;padding:2px 7px;font-weight:700}.tm-pip-tt-outcome--win{background:var(--win-dim);color:var(--win);border:1px solid color-mix(in srgb, var(--win) 30%, transparent)}.tm-pip-tt-outcome--loss{background:var(--loss-dim);color:var(--loss);border:1px solid color-mix(in srgb, var(--loss) 30%, transparent)}.tm-pip-tt-kda{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.02em}.tm-pip-tt-note{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:0}@media (width<=880px){.tm-row{grid-template-columns:44px minmax(0,1fr);grid-auto-rows:auto;row-gap:8px}.tm-rank{grid-row:span 2}.tm-player{grid-column:2}.tm-mastery,.tm-stats,.tm-recent-col{grid-column:1/-1}.tm-recent-col{align-items:flex-start}}.wishlist-sync-badge{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);align-items:center;padding:3px 8px;line-height:1.4;text-decoration:none;display:inline-flex}.wishlist-sync-badge:hover,.wishlist-sync-badge:focus-visible{color:var(--dusk-peach);border-color:var(--border-bright);outline:none}.wishlist-nudge{background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius-lg);z-index:40;max-width:360px;animation:wishlist-nudge-in .2s var(--ease-out);flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00000059}@keyframes wishlist-nudge-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wishlist-nudge-text{color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);margin:0;line-height:1.45}.wishlist-nudge-actions{justify-content:flex-end;gap:8px;display:flex}.wishlist-nudge-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;align-items:center;padding:6px 12px;text-decoration:none;display:inline-flex}.wishlist-nudge-btn:hover,.wishlist-nudge-btn:focus-visible{color:var(--cream);border-color:var(--border-bright);outline:none}.wishlist-nudge-btn--primary{background:var(--dusk-peach);border-color:var(--dusk-peach);color:var(--bg)}.wishlist-nudge-btn--primary:hover,.wishlist-nudge-btn--primary:focus-visible{color:var(--bg);border-color:var(--dusk-peach);filter:brightness(1.05)}@media (width<=540px){.wishlist-nudge{max-width:none;bottom:16px;left:16px;right:16px}}.pins-strip{background:linear-gradient(135deg,#ecd8a10f 0%,#14121cd9 55% 100%);border:1px solid #ecd8a12e;border-radius:12px;max-width:960px;margin:0 auto 32px;padding:14px 20px;box-shadow:0 10px 30px -12px #0009}.pins-strip--empty{text-align:center;border-style:dashed;border-color:#ecd8a147}.pins-empty-msg{font-family:var(--font-ui);color:var(--text-dim);letter-spacing:.04em;margin:0;font-size:12px}.pins-strip-header{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.pins-strip-title{font-family:var(--font-ui);letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;font-size:10px}.pins-strip-count{color:var(--text-dim);opacity:.7;font-family:JetBrains Mono,monospace;font-size:11px}.pins-strip-scroller{scrollbar-width:thin;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.pin-card{border:1px solid var(--border);cursor:pointer;width:200px;transition:border-color .2s var(--ease-out), transform .2s var(--ease-out);background:#14121c99;border-radius:10px;flex-direction:column;flex:0 0 200px;align-items:center;gap:6px;padding:10px;display:flex;position:relative}.pin-card:hover{border-color:#ecd8a180;transform:translateY(-1px)}.pin-card-avatar{object-fit:cover;border:1px solid #ecd8a14d;border-radius:8px;width:42px;height:42px}.pin-card-name{flex-direction:column;align-items:center;min-width:0;max-width:100%;display:flex}.pin-card-gn{font-family:var(--font-display);color:var(--cream);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:13px;overflow:hidden}.pin-card-tl{font-family:var(--font-ui);color:var(--text-dim);letter-spacing:.06em;font-size:10px}.pin-card-rank{align-items:center;gap:6px;margin-top:2px;display:flex}.pin-card-emblem{object-fit:contain;width:24px;height:24px}.pin-card-lp{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:11px}.pin-card-unranked{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);opacity:.6;font-size:10px}.pin-card-pip{border-radius:4px;place-items:center;width:20px;height:20px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:grid;position:absolute;top:8px;left:8px}.pin-card-pip.win{color:var(--win);background:#78dc9626}.pin-card-pip.loss{color:var(--loss);background:#f0788226}.pin-card-unpin{width:20px;height:20px;color:var(--text-dim);cursor:pointer;opacity:0;transition:opacity .15s var(--ease-out), color .15s var(--ease-out), border-color .15s var(--ease-out);background:#0006;border:1px solid #0000;border-radius:50%;font-size:12px;line-height:1;position:absolute;top:6px;right:6px}.pin-card:hover .pin-card-unpin,.pin-card-unpin:focus{opacity:1}.pin-card-unpin:hover{color:var(--loss);border-color:#f0788280}.welcome-strip{cursor:pointer;max-width:960px;transition:border-color .2s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);background:linear-gradient(135deg,#ecd8a10f 0%,#14121cd9 55% 100%);border:1px solid #ecd8a12e;border-radius:12px;margin:0 auto 32px;padding:14px 20px;box-shadow:0 10px 30px -12px #0009}.welcome-strip:hover{border-color:#ecd8a180;transform:translateY(-1px);box-shadow:0 16px 40px -14px #000000b3}.welcome-strip-inner{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.ws-identity{flex:260px;align-items:center;gap:14px;min-width:0;display:flex}.ws-avatar{object-fit:cover;border:1px solid #ecd8a159;border-radius:8px;flex-shrink:0;width:48px;height:48px}.ws-avatar--placeholder{color:#ecd8a1;font-family:var(--font-display);background:#ecd8a114;place-items:center;font-size:22px;display:grid}.ws-identity-text{flex-direction:column;min-width:0;display:flex}.ws-greeting{font-family:var(--font-ui);letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;font-size:10px}.ws-name{align-items:center;gap:6px;min-width:0;margin-top:2px;display:flex}.ws-name-primary{font-family:var(--font-display);color:var(--cream);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.ws-name-tag{font-family:var(--font-ui);color:var(--text-dim);letter-spacing:.06em;font-size:12px}.ws-flag{margin-left:4px}.ws-rank{border-left:1px solid #ffffff0f;align-items:center;gap:10px;padding:0 20px;display:flex}.ws-rank-emblem{object-fit:contain;width:40px;height:40px}.ws-rank-text{flex-direction:column;display:flex}.ws-rank-tier{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--cream);font-size:11px;font-weight:600}.ws-rank-lp{color:var(--text-dim);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.ws-lp-delta{border-radius:3px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.ws-lp-delta.up{color:var(--win);background:#78dc961f}.ws-lp-delta.down{color:var(--loss);background:#f078821f}.ws-last-match{border-left:1px solid #ffffff0f;align-items:center;gap:10px;padding:0 20px;display:flex}.ws-last-champ{border:1px solid var(--border);object-fit:cover;border-radius:6px;width:40px;height:40px}.ws-last-text{flex-direction:column;display:flex}.ws-last-result{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}.ws-last-result.win{color:var(--win)}.ws-last-result.loss{color:var(--loss)}.ws-last-meta{color:var(--text-dim);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.ws-last-sep{opacity:.5}.ws-cta{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#ecd8a1;transition:color .2s var(--ease-out);margin-left:auto;padding:6px 0;font-size:11px;font-weight:600}.welcome-strip:hover .ws-cta{color:#f5e4b6}.welcome-strip--skeleton{cursor:default}.welcome-strip--skeleton:hover{border-color:#ecd8a12e;transform:none}.welcome-strip--link{border-style:dashed;border-color:#ecd8a147}@media (width<=720px){.welcome-strip-inner{gap:14px}.ws-rank,.ws-last-match{border-left:none;padding:0}.ws-cta{margin-left:0;font-size:10px}}.champ-page{padding-top:var(--topbar-h);isolation:isolate;--bloom-warm:0 0 22px -4px #f7a67921;flex-direction:column;min-height:100vh;display:flex;position:relative}.champ-page:before{content:"";background-image:var(--grain-overlay-url);opacity:var(--grain-opacity);pointer-events:none;z-index:0;mix-blend-mode:overlay;position:fixed;inset:0}.champ-page>*{z-index:1;position:relative}.champ-header{padding:32px var(--pad) 28px;isolation:isolate;background:var(--surface);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.champ-header-splash{object-fit:cover;object-position:center 22%;filter:blur(4px)saturate(.95)brightness(.6);opacity:.65;z-index:-2;pointer-events:none;width:100%;height:100%;transition:opacity var(--dur-base) var(--ease-out);position:absolute;inset:0;transform:scale(1.04)}.champ-header-splash--active{z-index:-2;opacity:.75;animation:champHeaderSplashFade var(--dur-base) var(--ease-out)}@keyframes champHeaderSplashFade{0%{opacity:0}to{opacity:.75}}.champ-header-scrim{z-index:-1;background:linear-gradient(180deg, #08060e6b 0%, #08060ed9 100%), var(--ambient-mesh);position:absolute;inset:0}.champ-header-content{z-index:1;width:100%;max-width:var(--max-w);margin:0 auto;position:relative}.champ-hero-skin-strip{margin-top:20px;position:relative}.champ-hero-skin-strip-scroller{scrollbar-width:none;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 36px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 36px),#0000 100%)}.champ-hero-skin-strip-scroller::-webkit-scrollbar{display:none}.champ-hero-skin-thumb{border:1px solid color-mix(in oklab, var(--cream) 12%, transparent);background:var(--surface);cursor:pointer;width:56px;height:56px;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);border-radius:6px;flex:none;padding:0;position:relative;overflow:hidden}.champ-hero-skin-thumb-gem{pointer-events:none;filter:drop-shadow(0 1px 2px #0009);z-index:1;position:absolute;bottom:3px;right:3px}.champ-hero-skin-thumb-gem img{display:block}.champ-hero-skin-thumb img{object-fit:cover;object-position:50% 22%;filter:saturate(.9)brightness(.85);width:100%;height:100%;transition:filter var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-out);display:block}.champ-hero-skin-thumb:hover,.champ-hero-skin-thumb:focus-visible,.champ-hero-skin-thumb.is-active{border-color:color-mix(in oklab, var(--dusk-peach) 55%, transparent);box-shadow:var(--bloom-warm);outline:none;transform:translateY(-2px)}.champ-hero-skin-thumb:hover img,.champ-hero-skin-thumb:focus-visible img,.champ-hero-skin-thumb.is-active img{filter:saturate(1.05)brightness();transform:scale(1.06)}.champ-hero-grid{grid-template-columns:192px minmax(0,1fr);align-items:start;gap:28px;margin-top:16px;display:grid}.champ-hero-skin-card-slot{align-self:start;width:192px;position:relative}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.champ-hero-skin-card-slot{animation:heroFadeIn .7s 0s both var(--ease-out)}.champ-name{animation:heroFadeUp .52s 80ms both var(--ease-out)}.champ-hero-meta{animation:heroFadeUp .48s .16s both var(--ease-out)}.champ-title-line{animation:heroFadeUp .48s .22s both var(--ease-out)}.champ-blurb{animation:heroFadeUp .48s .28s both var(--ease-out)}.champ-hero-skin-strip{animation:heroFadeIn .6s .7s both var(--ease-out)}@media (prefers-reduced-motion:reduce){.champ-hero-skin-card-slot,.champ-name,.champ-hero-meta,.champ-title-line,.champ-blurb,.champ-hero-skin-strip{animation:none}}.champ-hero-skin-card-slot .sk-stage[data-rarity]{--spec-size:38;--spec-intensity:.32;--tilt:9;--scale:1.025}.champ-hero-skin-card-slot .cc-specular{transition:opacity .32s cubic-bezier(.2,.7,.2,1)}.champ-hero-skin-card-slot .cc-stage.hovering .cc-card{box-shadow:0 24px 60px -16px #000c, 0 10px 24px -10px #0000008c, 0 0 30px -10px color-mix(in srgb, var(--metal-stroke) 22%, transparent)}.champ-hero-skin-card-slot .cc-plate .cc-name.sk-name{display:none}.champ-hero-skin-card-slot .cc-plate .cc-plate-gem-row{margin-top:0}.back-btn.back-btn--champ{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);background:color-mix(in oklab, var(--surface) 70%, transparent);border:1px solid color-mix(in oklab, var(--cream) 8%, transparent);-webkit-backdrop-filter:blur(10px)saturate(140%);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 12px 6px 10px;font-size:11px;font-weight:600;display:inline-flex}.back-btn.back-btn--champ .back-btn-arrow{transition:transform var(--dur-fast) var(--ease-out)}.back-btn.back-btn--champ:hover{color:var(--cream);background:color-mix(in oklab, var(--surface) 90%, transparent);border-color:color-mix(in oklab, var(--dusk-peach) 40%, transparent);box-shadow:var(--bloom-warm)}.back-btn.back-btn--champ:hover .back-btn-arrow{color:var(--dusk-peach);transform:translate(-2px)}.back-btn.back-btn--champ:focus-visible{box-shadow:var(--glow-focus);outline:none}.champ-large-icon{border:1px solid color-mix(in oklab, var(--cream) 18%, transparent);border-radius:12px;align-self:start;width:96px;height:96px;box-shadow:0 6px 18px #00000080}.champ-hero-text{flex-direction:column;gap:6px;min-width:0;display:flex}.champ-name{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 1;color:var(--cream);letter-spacing:-.015em;margin:0;font-size:52px;font-weight:500;line-height:1.02}.champ-hero-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.champ-title-line{font-family:var(--font-display);color:color-mix(in oklab, var(--cream) 75%, transparent);margin:4px 0 0;font-size:16px;font-style:italic}.champ-blurb{font-family:var(--font-ui);color:var(--text-dim);max-width:62ch;margin:8px 0 0;font-size:13px;line-height:1.55}.champ-lore{flex-direction:column;gap:6px;max-width:62ch;margin:8px 0 0;display:flex}.champ-lore-body{font-family:var(--font-ui);color:var(--text-dim);-webkit-line-clamp:4;line-clamp:4;transition:max-height .28s var(--ease-out);-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.champ-lore.is-expanded .champ-lore-body{-webkit-line-clamp:unset;line-clamp:unset;display:block;overflow:visible;-webkit-mask-image:none;mask-image:none}.champ-lore-toggle{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklab, var(--cream) 70%, transparent);background:color-mix(in oklab, var(--surface-2) 40%, transparent);border:1px solid color-mix(in oklab, var(--cream) 12%, transparent);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:500}.champ-lore-toggle:hover,.champ-lore-toggle:focus-visible{color:var(--cream);background:color-mix(in oklab, var(--dusk-peach) 14%, transparent);border-color:color-mix(in oklab, var(--dusk-peach) 32%, transparent)}.hero-stat{text-align:right;flex-direction:column;align-items:flex-end;gap:1px;display:flex}.hero-stat-val{font-family:var(--font-mono);color:var(--cream);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600;line-height:1}.hero-stat--win .hero-stat-val{color:var(--win)}.hero-stat--loss .hero-stat-val{color:var(--loss)}.hero-stat-label{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-top:3px;font-size:9px;font-weight:700}.champ-content{max-width:var(--max-w);width:100%;padding:24px var(--pad);flex:1;margin:0 auto}.champ-filters-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.champ-filters-right{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:inline-flex}.champ-role-filter{background:color-mix(in oklab, var(--surface-2) 50%, transparent);border:1px solid var(--border);border-radius:10px;align-items:stretch;gap:4px;padding:4px;display:inline-flex}.champ-role-btn{cursor:pointer;min-width:64px;color:var(--text-dim);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 12px;font-family:inherit;display:inline-flex}.champ-role-btn:hover:not(.is-disabled){background:color-mix(in oklab, var(--dusk-peach) 8%, transparent);color:var(--cream)}.champ-role-btn.is-active{background:color-mix(in oklab, var(--dusk-peach) 12%, transparent);border-color:color-mix(in oklab, var(--dusk-peach) 35%, transparent);color:var(--dusk-peach);box-shadow:var(--bloom-warm)}.champ-role-btn.is-disabled{cursor:not-allowed;opacity:.35;color:var(--text-faint)}.champ-role-btn-icon{width:22px;height:22px;display:block}.champ-role-btn-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1}.champ-role-btn-count{font-family:var(--font-mono);letter-spacing:.04em;color:inherit;opacity:.7;font-size:9px;line-height:1}.champ-page.loading,.champ-page.error{padding-top:var(--topbar-h);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}@media (width<=960px){.champ-hero-grid{grid-template-columns:158px minmax(0,1fr)}.champ-hero-skin-card-slot{width:158px}.champ-hero-stats{grid-column:1/-1}}@media (width<=720px){.champ-page{padding-top:var(--topbar-h)}.champ-header{padding:22px var(--pad) 18px}.champ-name{font-size:32px}.champ-large-icon{width:72px;height:72px}.champ-hero-grid{grid-template-columns:124px minmax(0,1fr);gap:18px}.champ-hero-skin-card-slot{width:124px}.champ-blurb{font-size:12px}.champ-hero-stats{gap:8px 12px}}.champ-hero-bar{display:none}.champ-header--collapsed{padding-top:14px;padding-bottom:12px}.champ-header--collapsed .champ-hero-grid,.champ-header--collapsed .champ-hero-skin-strip,.champ-header--collapsed .champ-hero-toggle--collapse{display:none}.champ-header--collapsed .champ-hero-bar{align-items:center;gap:14px;margin-top:6px;display:flex}.champ-header--collapsed .champ-header-splash{opacity:.35}.champ-hero-bar-icon{border:1px solid color-mix(in oklab, var(--cream) 12%, transparent);border-radius:6px;width:28px;height:28px}.champ-hero-bar-name{font-family:var(--font-display);color:var(--cream);letter-spacing:-.01em;font-size:18px;font-weight:600}.champ-hero-bar-wr,.champ-hero-bar-games{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.champ-hero-bar-wr{color:var(--win)}.champ-hero-bar-wr.is-low{color:var(--loss)}.champ-hero-bar-games{color:var(--text-faint)}.champ-hero-toggle{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);background:color-mix(in oklab, var(--surface) 70%, transparent);border:1px solid color-mix(in oklab, var(--cream) 8%, transparent);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:10px;font-weight:600;display:inline-flex}.champ-hero-toggle:hover{color:var(--cream);border-color:color-mix(in oklab, var(--dusk-peach) 40%, transparent);background:color-mix(in oklab, var(--surface) 90%, transparent)}.champ-hero-toggle-row{text-align:right;margin-top:12px}.champ-header--collapsed .champ-hero-toggle-row{display:none}.champ-hero-bar .champ-hero-toggle{margin-left:auto}.champ-view-tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.champ-view-tab{appearance:none;font-family:var(--font-display);letter-spacing:-.005em;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:500}.champ-view-tab:hover{color:var(--cream);border-color:color-mix(in oklab, var(--cream) 16%, transparent)}.champ-view-tab.is-active{color:var(--cream);background:color-mix(in oklab, var(--dusk-peach) 12%, transparent);border-color:color-mix(in oklab, var(--dusk-peach) 36%, transparent);box-shadow:var(--bloom-warm)}.champ-hero-stats{border-left:1px solid var(--border);flex-direction:column;align-self:start;gap:16px;min-width:280px;padding-left:24px;display:flex}.hero-meta-strip{flex-wrap:wrap;gap:12px;display:flex}.hero-meta-chip{flex-direction:column;gap:2px;min-width:72px;display:flex}.hero-meta-chip-val{font-family:var(--font-mono);color:var(--dusk-peach);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1}.hero-meta-chip-label{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;margin-top:3px;font-size:9px;font-weight:700}.meta-footprint{flex-direction:column;gap:8px;display:flex}.meta-fp-headline-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.meta-fp-headline{font-family:var(--font-display,var(--font-ui));letter-spacing:.06em;text-transform:uppercase;color:var(--cream);flex:1;min-width:0;font-size:22px;font-weight:700;line-height:1.1}.meta-fp-pct{color:var(--dusk-peach)}.meta-fp-queue-word{color:var(--text-dim)}.meta-fp-placeholder{letter-spacing:.02em;color:var(--text-faint);text-transform:none;font-size:13px;font-weight:400}.meta-fp-queue-wrap{flex-shrink:0;position:relative}.meta-fp-queue-btn{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab, var(--dusk-peach) 70%, transparent);cursor:pointer;white-space:nowrap;transition:color .15s var(--ease-out), border-color .15s var(--ease-out);background:0 0;padding:3px 8px;font-size:11px;font-weight:600}.meta-fp-queue-btn:hover,.meta-fp-queue-btn:focus-visible{color:var(--dusk-peach);border-color:var(--border-bright);outline:none}.meta-fp-queue-menu{background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius);z-index:200;min-width:96px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #0006}.meta-fp-queue-item{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:background .12s var(--ease-out), color .12s var(--ease-out);padding:6px 12px;font-size:11px;font-weight:600}.meta-fp-queue-item:hover{background:var(--surface-3);color:var(--cream)}.meta-fp-queue-item.is-active{color:var(--dusk-peach)}.meta-fp-track{background:color-mix(in oklab, var(--surface-2) 30%, transparent);border-radius:6px;flex-direction:row;width:100%;height:1.5em;display:flex;position:relative;overflow:hidden}.meta-fp-seg{flex-shrink:0;height:100%;transition:width .32s}.meta-fp-seg--pick{background:var(--dusk-peach);border-radius:6px 0 0 6px}.meta-fp-seg--pick+.meta-fp-seg--ban{border-radius:0 6px 6px 0}.meta-fp-seg--ban{background:var(--dusk-rose);border-radius:0 6px 6px 0}.meta-fp-seg--pick[style*="width: 0"]+.meta-fp-seg--ban{border-radius:6px}.meta-footprint{animation:heroFadeUp .48s both var(--ease-out);animation-delay:.34s}@media (prefers-reduced-motion:reduce){.meta-footprint{animation:none}}@media (width<=600px){.meta-fp-headline{font-size:18px}.meta-fp-headline-row{flex-direction:column;align-items:flex-start}}.hero-role-table{width:100%}.hero-role-table-head{border-bottom:1px solid var(--border);grid-template-columns:52px 44px 52px 56px 52px;gap:0;margin-bottom:2px;padding-bottom:6px;display:grid}.hero-role-col-label{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);text-align:right;font-size:9px;font-weight:700}.hero-role-col-label:first-child{text-align:left}.hero-role-table-body{flex-direction:column;display:flex}.hero-role-row{border-bottom:1px solid var(--border);grid-template-columns:52px 44px 52px 56px 52px;align-items:center;gap:0;height:34px;display:grid}.hero-role-row:last-child{border-bottom:none}.hero-role-cell{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--cream);text-align:right;padding-right:4px;font-size:12px;line-height:1}.hero-role-cell--name{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);text-align:left;padding-right:0;font-size:11px;font-weight:700}.hero-role-cell--wr-high{color:var(--dusk-teal)}.hero-role-cell--wr-low{color:var(--dusk-rose)}.hero-role-cell--delta-pos{color:var(--dusk-teal)}.hero-role-cell--delta-neg{color:var(--dusk-rose)}.hero-role-cell--delta-zero{color:var(--text-dim)}.hero-role-empty{font-family:var(--font-ui);color:var(--text-faint);padding:8px 0 4px;font-size:12px;line-height:1.5}.hero-meta-strip{animation:heroFadeUp .48s both var(--ease-out);animation-delay:.34s}.hero-role-table{animation:heroFadeUp .48s both var(--ease-out);animation-delay:.445s}@media (prefers-reduced-motion:reduce){.hero-meta-strip,.hero-role-table{animation:none}}@media (width<=960px){.champ-hero-stats{border-left:none;border-top:1px solid var(--border);min-width:0;margin-top:4px;padding-top:14px;padding-left:0}}@media (width<=600px){.hero-meta-strip{grid-template-columns:repeat(2,auto);gap:10px 20px;display:grid}.hero-role-table-head,.hero-role-row{grid-template-columns:52px 44px 56px 52px}.hero-role-col-label:nth-child(3),.hero-role-cell:nth-child(3){display:none}}.champ-tag{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--dusk-gold);border:1px solid color-mix(in oklab, var(--dusk-gold) 30%, transparent);background:color-mix(in oklab, var(--dusk-gold) 7%, transparent);border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.champ-tag-icon{filter:brightness(0)saturate()invert(74%)sepia(24%)saturate(720%)hue-rotate(2deg)brightness(98%)contrast(86%);width:13px;height:13px}.champ-tag-label{line-height:1}.champ-tag--interactive{cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}.champ-tag--interactive:hover{background:color-mix(in oklab, var(--dusk-gold) 14%, transparent);border-color:color-mix(in oklab, var(--dusk-gold) 55%, transparent);color:color-mix(in oklab, var(--dusk-gold) 85%, var(--cream))}.champ-tag--combo{gap:0;padding:3px 10px}.champ-tag-half{align-items:center;gap:5px;display:inline-flex}.champ-tag-slash{color:var(--dusk-gold);font-family:var(--font-ui);text-transform:none;letter-spacing:0;-webkit-user-select:none;user-select:none;margin:0 8px;font-size:13px;font-style:normal;font-weight:800;line-height:1}.champ-tag-popup{background:color-mix(in oklab, var(--surface-2) 92%, var(--dusk-void));border:1px solid var(--border-bright);box-shadow:0 1px 0 #ffffff0a inset, 0 12px 36px #0000008c, var(--bloom-warm);-webkit-backdrop-filter:blur(8px)saturate(140%);backdrop-filter:blur(8px)saturate(140%);animation:champTagPopupIn .14s var(--ease-out);border-radius:8px;padding:12px}@keyframes champTagPopupIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.champ-tag-popup-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:8px;padding:0 4px 8px;display:flex}.champ-tag-popup-combo{align-items:center;gap:4px;display:inline-flex}.champ-tag-popup-icon{filter:brightness(0)saturate()invert(74%)sepia(24%)saturate(720%)hue-rotate(2deg)brightness(98%)contrast(86%);width:16px;height:16px}.champ-tag-popup-empty{font-family:var(--font-ui);color:var(--text-dim);text-align:center;padding:12px 4px;font-size:12px;line-height:1.4}.champ-tag-popup-title{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--dusk-gold);flex:1;font-size:11px;font-weight:700}.champ-tag-popup-count{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.champ-tag-popup-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.champ-tag-popup--expanded .champ-tag-popup-grid{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--dusk-peach) 30%, transparent) transparent;grid-template-columns:repeat(5,1fr);max-height:360px;padding-right:4px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 0% 92%,#0000 100%);mask-image:linear-gradient(#000 0% 92%,#0000 100%)}.champ-tag-popup--expanded .champ-tag-popup-grid::-webkit-scrollbar{width:6px}.champ-tag-popup--expanded .champ-tag-popup-grid::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--dusk-peach) 30%, transparent);border-radius:3px}.champ-tag-peer{color:var(--text-dim);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;text-decoration:none;display:flex}.champ-tag-peer:hover{background:color-mix(in oklab, var(--dusk-peach) 10%, transparent);color:var(--cream);transform:translateY(-1px)}.champ-tag-peer img{border:1px solid var(--border);object-fit:cover;border-radius:50%;width:44px;height:44px}.champ-tag-peer:hover img{border-color:color-mix(in oklab, var(--dusk-peach) 60%, transparent)}.champ-tag-peer-name{font-family:var(--font-mono);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9.5px;overflow:hidden}.champ-tag-popup-footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-faint);text-align:center;margin-top:8px;padding-top:8px;font-size:10px}.champ-tag-popup-expand{border:0;border-top:1px solid var(--border);width:100%;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dusk-peach);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border-radius:0 0 6px 6px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:8px 4px;font-size:10px;display:flex}.champ-tag-popup-expand:hover{background:color-mix(in oklab, var(--dusk-peach) 10%, transparent);color:var(--cream)}.champ-tag-popup-expand-arrow{opacity:.7;font-size:9px;line-height:1}.champ-meta-dot{color:var(--text-faint)}.champ-meta-scope{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;font-size:11px}.bp-source-toggle{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0 4px;display:flex}.bp-source-toggle-group{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.bp-source-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--text-dim);cursor:pointer;transition:color .15s var(--ease-out), background .15s var(--ease-out);background:0 0;border:none;padding:5px 14px;font-weight:500}.bp-source-btn+.bp-source-btn{border-left:1px solid var(--border)}.bp-source-btn:hover,.bp-source-btn:focus-visible{color:var(--cream);background:var(--surface-2);outline:none}.bp-source-btn--active{color:var(--dusk-peach);background:color-mix(in oklch, var(--dusk-peach) 10%, transparent)}.bp-source-meta{font-size:var(--fs-xs);color:var(--text-dim);font-family:var(--font-mono)}.bp-source-fallback{font-size:var(--fs-xs);color:var(--text-faint);font-style:italic}.builds-meta{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-dim);font-size:10px}.builds-section{margin-top:32px}.rec-skill-chip{width:24px;height:24px;font-family:var(--font-display);background:#ffffff0f;border-radius:4px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.rec-skill-chip.skill-Q{color:#88c8ff;border:1px solid #88c8ff66}.rec-skill-chip.skill-W{color:#78dc96;border:1px solid #78dc9666}.rec-skill-chip.skill-E{color:#ffb478;border:1px solid #ffb47866}.rec-skill-chip:after{content:">";color:var(--text-dim);margin-left:4px;font-size:10px}.rec-skill-chip:last-child:after{content:""}.builds-section-title{font-family:var(--font-display);color:var(--dusk-peach);letter-spacing:.2em;align-items:baseline;gap:10px;margin:0 0 12px;font-size:14px;display:flex}.builds-section-sub{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.12em;font-size:10px}.builds-panel{background:radial-gradient(ellipse 60% 50% at 12% 0%, color-mix(in oklab, var(--dusk-peach) 4%, transparent), transparent 60%), var(--surface);border:1px solid var(--border);border-radius:14px;margin:32px 0 48px;padding:28px 28px 24px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 8px 32px #00000059}.bp-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;display:flex}.bp-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dusk-peach);font-size:11px;font-weight:500;display:inline-block}.bp-eyebrow--dim{color:var(--text-dim)}.bp-title{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 50;letter-spacing:-.01em;color:var(--cream);margin:6px 0;font-size:30px;font-weight:400;line-height:1.1}.bp-sub{color:var(--text-dim);max-width:520px;margin:0;font-size:13px;line-height:1.55}.bp-meta{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-faint);text-transform:uppercase;font-size:10px}.bp-abilities{flex-direction:column;gap:10px;margin-bottom:18px;display:flex;position:relative}.bp-abilities-row{isolation:isolate;flex-wrap:nowrap;gap:8px;display:flex;position:relative}.bp-ability-card{color:inherit;text-align:center;cursor:pointer;z-index:0;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:4px;padding:2px;font-family:inherit;display:flex;position:relative}.bp-ability-card.is-preview .bp-ability-media{box-shadow:0 0 0 2px color-mix(in oklab, var(--dusk-peach) 55%, transparent), 0 8px 18px -10px color-mix(in oklab, var(--dusk-peach) 30%, transparent)}.bp-ability-card:hover:not(.is-preview) .bp-ability-media{box-shadow:0 0 0 1px color-mix(in oklab, var(--dusk-peach) 30%, transparent)}.bp-ability-slot{z-index:2;background:color-mix(in oklab, var(--dusk-peach) 18%, transparent);border:1px solid color-mix(in oklab, var(--dusk-peach) 32%, transparent);width:16px;height:16px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--cream);pointer-events:none;border-radius:4px;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:inline-flex;position:absolute;top:1px;left:1px}.bp-ability-media{background:var(--surface);width:48px;height:48px;transition:box-shadow .2s var(--ease-out);border-radius:6px;position:relative;overflow:hidden}.bp-ability-icon,.bp-ability-video{object-fit:cover;width:100%;height:100%;transition:opacity var(--dur-fast) var(--ease-out);position:absolute;inset:0}.bp-ability-name{font-family:var(--font-ui,inherit);color:color-mix(in oklab, var(--cream) 80%, transparent);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:84px;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}.bp-ability-level-chips{flex-wrap:wrap;grid-area:chips;gap:3px;margin-bottom:4px;display:flex}.bp-ability-level-chip{border-radius:var(--radius-sm);background:color-mix(in oklab, var(--dusk-violet) 18%, transparent);border:1px solid color-mix(in oklab, var(--dusk-violet) 40%, transparent);min-width:16px;height:16px;font-family:var(--font-mono);color:color-mix(in oklab, var(--dusk-violet) 85%, var(--cream));letter-spacing:0;justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:500;line-height:1;display:inline-flex}.bp-ability-stats{font-family:var(--font-mono);color:color-mix(in oklab, var(--cream) 55%, transparent);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;grid-area:stats;align-self:start;padding-top:2px;font-size:11px;font-weight:500;overflow:hidden}@media (width<=600px){.bp-abilities-row{gap:4px}.bp-ability-media{width:40px;height:40px}.bp-ability-name{max-width:56px;font-size:9px}.bp-ability-slot{width:14px;height:14px;font-size:8px}}@media (hover:none){.bp-ability-card:hover:not(.is-preview) .bp-ability-media{box-shadow:none}}.bp-ability-preview{z-index:50;background:color-mix(in oklab, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(8px)saturate(120%);border:1px solid color-mix(in oklab, var(--dusk-peach) 22%, var(--border));width:min(480px,92vw);max-height:min(560px,80vh);box-shadow:0 18px 44px -16px #000000b3, 0 4px 12px -4px #00000073, 0 0 32px -16px color-mix(in oklab, var(--dusk-peach) 30%, transparent);animation:bp-ability-preview-in .2s var(--ease-out);border-radius:14px;padding:14px;position:fixed}@keyframes bp-ability-preview-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.bp-ability-preview-content{min-height:0;animation:bp-ability-content-in .22s var(--ease-out);grid-template-columns:180px 1fr;gap:14px;display:grid}@keyframes bp-ability-content-in{0%{opacity:0}to{opacity:1}}.bp-ability-preview-arrow{background:color-mix(in oklab, var(--surface) 96%, transparent);border-top:1px solid color-mix(in oklab, var(--dusk-peach) 22%, var(--border));border-left:1px solid color-mix(in oklab, var(--dusk-peach) 22%, var(--border));pointer-events:none;z-index:1;border-radius:2px 0 0;width:14px;height:14px;margin-left:-7px;position:absolute;top:-7px;transform:rotate(45deg)}.bp-ability-preview-media{aspect-ratio:1;background:var(--surface);border:1px solid color-mix(in oklab, var(--dusk-peach) 18%, transparent);border-radius:8px;width:100%;position:relative;overflow:hidden}.bp-ability-preview-video,.bp-ability-preview-static{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.bp-ability-preview-text{flex-direction:column;gap:10px;min-width:0;display:flex;overflow:hidden}.bp-ability-preview-head{align-items:center;gap:10px;padding-right:32px;display:flex}.bp-ability-preview-slot{background:color-mix(in oklab, var(--dusk-peach) 16%, transparent);border:1px solid color-mix(in oklab, var(--dusk-peach) 30%, transparent);width:26px;height:26px;font-family:var(--font-mono);color:var(--cream);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.bp-ability-preview-name{font-family:var(--font-display);color:var(--cream);letter-spacing:-.005em;flex:1;min-width:0;margin:0;font-size:15px;font-weight:600;line-height:1.2}.bp-ability-preview-close{z-index:2;width:32px;height:32px;color:color-mix(in oklab, var(--cream) 60%, transparent);background:color-mix(in oklab, var(--surface) 70%, transparent);border:1px solid color-mix(in oklab, var(--cream) 12%, transparent);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}.bp-ability-preview-close:hover,.bp-ability-preview-close:focus-visible{color:var(--cream);background:color-mix(in oklab, var(--surface-2) 90%, transparent);border-color:color-mix(in oklab, var(--dusk-peach) 30%, transparent)}.bp-ability-preview-stats{flex-wrap:wrap;gap:6px;display:flex}.bp-ability-preview-stat{background:color-mix(in oklab, var(--surface-2) 60%, transparent);border:1px solid color-mix(in oklab, var(--cream) 8%, transparent);font-family:var(--font-mono);border-radius:999px;align-items:baseline;gap:6px;padding:3px 8px;line-height:1.1;display:inline-flex}.bp-ability-preview-stat-label{color:color-mix(in oklab, var(--cream) 50%, transparent);letter-spacing:.08em;font-size:9px;font-weight:600}.bp-ability-preview-stat-value{color:var(--cream);letter-spacing:.02em;font-size:11px;font-weight:500}.bp-ability-preview-desc{font-family:var(--font-ui);color:color-mix(in oklab, var(--cream) 78%, transparent);scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--dusk-peach) 30%, transparent) transparent;padding-right:4px;font-size:13px;line-height:1.55;overflow-y:auto}.bp-ability-preview-desc::-webkit-scrollbar{width:6px}.bp-ability-preview-desc::-webkit-scrollbar-track{background:0 0}.bp-ability-preview-desc::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--dusk-peach) 30%, transparent);border-radius:3px}.bp-ability-preview-desc p{margin:0}.bp-ability-preview-desc p+p{margin-top:.55em}.bp-ability-preview-desc strong,.bp-ability-preview-desc b{color:var(--cream);font-weight:600}.bp-ability-preview-desc em,.bp-ability-preview-desc i{color:color-mix(in oklab, var(--dusk-peach) 60%, var(--cream));font-style:italic}.bp-ability-preview-desc br{display:none}@media (width<=600px){.bp-ability-preview{width:auto;max-height:78vh;padding:12px;right:12px;left:12px!important}.bp-ability-preview-arrow{display:none}.bp-ability-preview-content{grid-template-columns:1fr;gap:12px}.bp-ability-preview-media{aspect-ratio:16/10}.bp-ability-preview-name{font-size:14px}.bp-ability-preview-desc{font-size:12.5px}}.bp-ability-modal{z-index:100;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.bp-ability-modal-backdrop{-webkit-backdrop-filter:blur(6px)saturate(120%);cursor:pointer;background:#08060ed1;border:0;position:absolute;inset:0}.bp-ability-modal-frame{background:var(--surface);border:1px solid var(--border);width:min(720px,100%);box-shadow:0 24px 80px -20px #000000b3, var(--bloom-warm);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.bp-ability-modal-head{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--surface-2) 60%, transparent);align-items:center;gap:12px;padding:14px 18px;display:flex}.bp-ability-modal-slot{background:color-mix(in oklab, var(--dusk-peach) 16%, transparent);border:1px solid color-mix(in oklab, var(--dusk-peach) 32%, transparent);width:28px;height:28px;font-family:var(--font-mono);color:var(--cream);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.bp-ability-modal-icon{object-fit:cover;background:var(--surface);border:1px solid color-mix(in oklab, var(--dusk-peach) 18%, transparent);border-radius:6px;flex:none;width:40px;height:40px}.bp-ability-modal-title{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.bp-ability-modal-name{font-family:var(--font-display);color:var(--cream);letter-spacing:-.005em;font-size:17px;font-weight:600;line-height:1.15}.bp-ability-modal-meta{font-family:var(--font-mono);color:color-mix(in oklab, var(--cream) 55%, transparent);letter-spacing:.04em;font-size:11px;font-weight:500}.bp-ability-modal-close{color:var(--text-dim);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:none;padding:0 8px;font-size:22px;line-height:1}.bp-ability-modal-close:hover{color:var(--cream)}.bp-ability-modal-video{background:#06030c;width:100%;display:block}.bp-ability-modal-desc{font-family:var(--font-ui);color:color-mix(in oklab, var(--cream) 78%, transparent);border-top:1px solid var(--border);background:color-mix(in oklab, var(--surface-2) 35%, transparent);padding:18px 22px 22px;font-size:14px;line-height:1.6}.bp-ability-modal-desc p{margin:0}.bp-ability-modal-desc p+p{margin-top:.7em}.bp-ability-modal-desc strong,.bp-ability-modal-desc b{color:var(--cream);font-weight:600}.bp-ability-modal-desc em,.bp-ability-modal-desc i{color:color-mix(in oklab, var(--dusk-peach) 60%, var(--cream));font-style:italic}.bp-ability-modal-desc br{display:none}@media (prefers-reduced-motion:reduce){.bp-ability-icon,.bp-ability-video{transition:none}}.bp-shared-core{background:color-mix(in oklab, var(--surface-2) 60%, transparent);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;display:flex}.bp-shared-core-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.bp-shared-core-items{gap:6px;display:flex}.bp-shared-core-items .item-slot,.bp-shared-core-items .part-item-slot{border-radius:5px;width:36px;height:36px}.bp-shared-core-items .item-slot img,.bp-shared-core-items .part-item-slot img{width:100%;height:100%}.bp-shared-core-suffix{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-left:auto;font-size:10px}.bp-tabs{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.bp-tab{border:1px solid var(--border);cursor:pointer;text-align:center;color:inherit;transition:all var(--dur-fast) var(--ease-out);background:0 0;border-radius:10px;flex-direction:column;flex:0 0 200px;align-items:center;gap:8px;padding:14px 14px 10px;font-family:inherit;display:flex}.bp-tab:hover{border-color:color-mix(in oklab, var(--cream) 14%, transparent);background:color-mix(in oklab, var(--surface-2) 60%, transparent)}.bp-tab--active{background:radial-gradient(ellipse at top left, color-mix(in oklab, var(--dusk-peach) 6%, transparent), transparent 60%), var(--surface-2);border-color:color-mix(in oklab, var(--dusk-peach) 26%, transparent);box-shadow:var(--bloom-warm)}.bp-tab-icons{gap:5px;min-height:30px;margin-bottom:2px;display:flex}.bp-tab-icons .item-slot,.bp-tab-icons .part-item-slot{border-radius:5px;flex:0 0 30px;width:30px;height:30px}.bp-tab-icons .item-slot img,.bp-tab-icons .part-item-slot img{width:100%;height:100%}.bp-tab-summary{justify-content:center;align-items:baseline;gap:10px;display:flex}.bp-tab-label{font-family:var(--font-display);color:var(--text-dim);letter-spacing:-.005em;font-size:14px;font-weight:500;line-height:1.15}.bp-tab--active .bp-tab-label{color:var(--cream)}.bp-tab-wr{font-family:var(--font-mono);color:var(--win);font-size:13px;font-weight:600;line-height:1.15}.bp-tab-wr--low{color:var(--loss)}.bp-tab-meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-faint);font-size:9px}.bp-runepath{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 18px 18px;display:flex}.bp-runepath-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dusk-peach);width:100%;margin-bottom:4px;font-size:11px;font-weight:500}.bp-runepath-chips{flex-wrap:wrap;gap:7px;width:100%;display:flex}.bp-runepath-chip{background:color-mix(in oklab, var(--surface-2) 45%, transparent);border:1px solid var(--border);border-left:3px solid var(--bp-chip-tint,var(--border-bright));min-height:38px;color:inherit;cursor:pointer;text-align:left;transition:all var(--dur-fast) var(--ease-out);border-radius:999px;flex:0 0 280px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 10px 4px 6px;font-family:inherit;display:grid}.bp-runepath-chip--domination{--bp-chip-tint:var(--dusk-rose)}.bp-runepath-chip--sorcery{--bp-chip-tint:var(--dusk-violet)}.bp-runepath-chip--precision{--bp-chip-tint:var(--dusk-gold)}.bp-runepath-chip--resolve{--bp-chip-tint:var(--dusk-teal)}.bp-runepath-chip--inspiration{--bp-chip-tint:#7eb6c4}.bp-runepath-chip:hover{background:color-mix(in oklab, var(--bp-chip-tint,var(--surface-2)) 12%, transparent)}.bp-runepath-chip--active{background:color-mix(in oklab, var(--dusk-peach) 10%, transparent);border-color:color-mix(in oklab, var(--dusk-peach) 40%, transparent);border-left-color:var(--bp-chip-tint,var(--dusk-peach))}.bp-runepath-chip-glyphs{align-items:center;gap:3px;display:inline-flex}.bp-runepath-chip-icon{width:20px;height:20px}.bp-runepath-chip-perks{align-items:center;gap:1px;display:inline-flex}.bp-runepath-chip-perks--secondary{border-left:1px solid color-mix(in oklab, var(--bp-chip-tint,var(--border-bright)) 40%, transparent);margin-left:5px;padding-left:5px}.bp-runepath-chip-mini{flex-shrink:0;width:12px;height:12px}.bp-runepath-chip-label{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.bp-runepath-chip--active .bp-runepath-chip-label{color:var(--cream)}.bp-runepath-chip-stats{flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.bp-runepath-chip-wr{font-family:var(--font-mono);color:var(--win);font-size:12px;font-weight:600}.bp-runepath-chip-wr--low{color:var(--loss)}.bp-runepath-chip-games{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-faint);font-size:9px}.bp-body{background:0 0;border:0;border-radius:0;overflow:visible}.bp-active-row{justify-content:flex-end;align-items:flex-start;gap:32px;padding:18px 22px 14px;display:flex}.bp-cell--stats{align-items:flex-start}.bp-active-stats-stack{flex-direction:column;gap:2px;display:flex}.bp-identity-name{font-family:var(--font-display);color:var(--cream);letter-spacing:-.01em;margin:6px 0;font-size:22px;font-weight:400;line-height:1.15}.bp-identity-trees{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-faint);margin:0;font-size:10px;line-height:1.5}.bp-cell{flex-direction:column;gap:8px;min-width:0;display:flex}.bp-cell--items{gap:10px}.bp-runes-summary{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.bp-rune-perk{flex-shrink:0;width:28px;height:28px}.bp-rune-perk--keystone{width:32px;height:32px}.bp-rune-perk--small{width:22px;height:22px}.bp-rune-tree-divider{color:var(--text-faint);margin:0 2px;font-size:12px}.bp-spells{gap:6px;display:flex}.bp-spell{border-radius:4px;width:32px;height:32px}.bp-empty-hint{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.bp-items-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bp-item-cell{align-items:center;gap:4px;display:inline-flex;position:relative}.bp-item-cell .item-slot{width:36px;height:36px}.bp-item-slot{font-family:var(--font-mono);background:color-mix(in oklab, var(--dusk-peach) 16%, var(--bg));color:var(--cream);border:1px solid color-mix(in oklab, var(--dusk-peach) 30%, transparent);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:inline-flex;position:absolute;bottom:-4px;right:-4px}.bp-item-arrow{color:var(--text-faint);margin:0 2px;font-size:11px}.bp-active-stats{align-items:baseline;gap:6px;display:flex}.bp-active-wr{font-family:var(--font-mono);color:var(--win);font-size:16px;font-weight:600;line-height:1}.bp-active-wr--low{color:var(--loss)}.bp-active-meta{font-family:var(--font-mono);color:var(--text-faint);font-size:11px}.bp-phases-row{padding:0 22px 18px}.bp-phases{justify-content:center;align-items:stretch;gap:8px;display:flex}.bp-phase-pill{background:color-mix(in oklab, var(--surface-2) 45%, transparent);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:none;justify-content:flex-start;gap:8px;min-width:0;padding:10px 14px;display:flex;position:relative}.bp-phase-pill .bp-phase-items{flex-wrap:nowrap;flex:none;align-items:flex-start;min-height:32px}.bp-phase-pill--single{flex:100%}.bp-phase-pill--spells{flex:none;min-width:0}.bp-phase-spell{border-radius:4px;width:30px;height:30px}.bp-phase-pill--stats{text-align:right;background:radial-gradient(ellipse at top right, color-mix(in oklab, var(--dusk-peach) 5%, transparent), transparent 65%), color-mix(in oklab, var(--surface-2) 60%, transparent);border-color:color-mix(in oklab, var(--dusk-peach) 16%, transparent);flex:none;align-items:flex-end;min-width:0}.bp-phase-pill--stats .bp-phase-head{justify-content:flex-end}.bp-phase-pill--stats .bp-active-wr{font-family:var(--font-mono);color:var(--win);font-size:22px;font-weight:600;line-height:1}.bp-phase-pill--stats .bp-active-wr--low{color:var(--loss)}.bp-phase-pill--stats .bp-active-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-faint);font-size:10px}.bp-phase-head{align-items:baseline;gap:6px;display:flex}.bp-phase-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:none;color:var(--text-faint);font-size:10px;font-weight:500}.bp-phase-time{font-family:var(--font-mono);color:var(--dusk-peach);font-size:10px}.bp-phase-sample{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;margin-top:2px;font-size:9px}.bp-phase-items{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bp-phase-item{align-items:center;display:inline-flex;position:relative}.bp-phase-item .item-slot{width:30px;height:30px}.bp-phase-arrow{color:var(--dusk-peach);pointer-events:none;flex:0 0 36px;justify-content:center;align-self:stretch;align-items:center;padding-top:22px;display:inline-flex}.bp-phase-arrow svg{display:block}.bp-phase-divider{flex:0 0 28px;align-self:stretch;display:inline-flex;position:relative}.bp-phase-divider:before{content:"";background:var(--border-bright);opacity:.5;width:1px;position:absolute;top:22px;bottom:22px;left:50%;transform:translate(-50%)}@media (width<=720px){.bp-phases{flex-direction:column}.bp-phase-arrow,.bp-phase-divider{display:none}}.bp-timeline-toggle{border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-size:10px;display:inline-flex}.bp-timeline-toggle:hover{background:color-mix(in oklab, var(--dusk-peach) 8%, transparent);border-color:color-mix(in oklab, var(--dusk-peach) 35%, transparent);color:var(--cream)}.bp-timeline-toggle--expanded{background:color-mix(in oklab, var(--dusk-peach) 10%, transparent);border-color:color-mix(in oklab, var(--dusk-peach) 40%, transparent);color:var(--dusk-peach)}.bp-timeline-toggle-arrow{font-size:9px}.bp-timeline-toggle-spike{text-transform:none;letter-spacing:.04em;color:var(--text-faint)}.bp-timeline-toggle-spike strong{color:var(--dusk-peach);font-weight:600}.bp-timeline{background:color-mix(in oklab, var(--surface-2) 50%, transparent);border:1px solid var(--border);animation:bpTimelineFade .24s var(--ease-out);border-radius:10px;margin-top:16px;padding:18px 20px 16px}@keyframes bpTimelineFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bp-timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.bp-timeline-stats{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;flex-wrap:wrap;gap:14px;font-size:10px;display:flex}.bp-timeline-stats strong{color:var(--dusk-peach);font-weight:600}.bp-timeline-axis{align-items:start;padding:12px 4px 0;display:grid;position:relative}.bp-timeline-rule{background:linear-gradient(90deg, transparent, var(--border-bright) 6%, var(--border-bright) 94%, transparent);pointer-events:none;height:1px;position:absolute;top:30px;left:5%;right:5%}.bp-timeline-col{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.bp-timeline-time{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;height:14px;font-size:10px}.bp-timeline-col--spike .bp-timeline-time{color:var(--dusk-peach);font-weight:600}.bp-timeline-dot{background:var(--border-bright);z-index:1;width:8px;height:8px;transition:all var(--dur-fast) var(--ease-out);border-radius:50%;position:relative}.bp-timeline-col--spike .bp-timeline-dot{background:var(--dusk-peach);width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in oklab, var(--dusk-peach) 18%, transparent), 0 0 18px color-mix(in oklab, var(--dusk-peach) 50%, transparent)}.bp-timeline-stem{background:linear-gradient(180deg, var(--border-bright), transparent);width:1px;height:12px}.bp-timeline-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.bp-timeline-col--spike .bp-timeline-label{color:var(--dusk-peach);font-weight:600}.bp-timeline-items{flex-wrap:wrap;justify-content:center;gap:4px;min-height:32px;margin-top:8px;display:flex}.bp-timeline-items .item-slot{width:30px;height:30px}@media (width<=720px){.bp-timeline-axis{gap:16px;grid-template-columns:1fr!important}.bp-timeline-rule,.bp-timeline-stem{display:none}}.bp-drilldown{border-top:1px solid var(--border);grid-template-columns:5fr 7fr;gap:28px;padding:20px 22px 22px;display:grid}.bp-drilldown-col{flex-direction:column;gap:18px;min-width:0;display:flex}.bp-rune-tree{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 55%, transparent);border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.bp-rune-tree:before{content:"";background:var(--bp-tree-tint,var(--dusk-peach));opacity:.85;width:3px;position:absolute;inset:0 auto 0 0}.bp-rune-tree--domination{--bp-tree-tint:var(--dusk-rose)}.bp-rune-tree--sorcery{--bp-tree-tint:var(--dusk-violet)}.bp-rune-tree--precision{--bp-tree-tint:var(--dusk-gold)}.bp-rune-tree--resolve{--bp-tree-tint:var(--dusk-teal)}.bp-rune-tree--inspiration{--bp-tree-tint:#7eb6c4}.bp-rune-tree-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:8px;display:flex}.bp-rune-tree-icon{box-sizing:content-box;background:#00000073;border-radius:5px;width:24px;height:24px;padding:4px}.bp-rune-tree-name{font-family:var(--font-display);letter-spacing:.01em;color:var(--cream);font-size:14px;font-weight:500}.bp-rune-tree--domination .bp-rune-tree-name{color:var(--dusk-rose)}.bp-rune-tree--sorcery .bp-rune-tree-name{color:var(--dusk-violet)}.bp-rune-tree--precision .bp-rune-tree-name{color:var(--dusk-gold)}.bp-rune-tree--resolve .bp-rune-tree-name{color:var(--dusk-teal)}.bp-rune-tree--inspiration .bp-rune-tree-name{color:#7eb6c4}.bp-rune-tree-tag{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-faint);margin-left:auto;font-size:8px}.bp-rune-tree-perks{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bp-rune-tree-perk{flex-shrink:0;width:26px;height:26px}.bp-rune-tree-perk--keystone{width:36px;height:36px}.bp-rune-tree-shard-sep{background:var(--border-bright);opacity:.6;width:1px;height:18px;margin:0 4px;display:inline-block}.bp-situational{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:6px;display:grid}.bp-ability-row{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:20px 22px 22px;display:flex}.bp-situational-row{transition:background var(--dur-fast) var(--ease-out);border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.bp-situational-row:hover{background:color-mix(in oklab, var(--dusk-peach) 8%, transparent)}.bp-situational-row .item-slot{width:32px;height:32px}.bp-situational-name{min-width:0;font-family:var(--font-ui);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:12px;overflow:hidden}.bp-situational-meta{text-align:right;font-family:var(--font-mono);flex-direction:column;margin-left:auto;font-size:11px;line-height:1.2;display:flex}.bp-situational-wr{color:var(--win);font-weight:600}.bp-situational-wr--low{color:var(--loss)}.bp-situational-games{color:var(--text-faint);font-size:9px}@media (width<=880px){.bp-active-row{grid-template-columns:1fr 1fr}.bp-cell--items{grid-column:1/-1}.bp-drilldown{grid-template-columns:1fr}.bp-situational{grid-template-columns:repeat(2,1fr);display:grid}}.builds-sequence-list{flex-direction:column;gap:10px;display:flex}.build-seq{background:var(--surface);transition:box-shadow var(--dur-fast) var(--ease-out);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 4px 16px #00000040}.build-seq:before{content:"";background:var(--inner-light);pointer-events:none;z-index:0;position:absolute;inset:0}.build-seq>*{z-index:1;position:relative}.build-seq:hover{box-shadow:0 1px 0 #ffffff0d inset, 0 6px 22px #00000052, var(--bloom-warm)}.build-seq-items{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.build-seq-item{align-items:center;gap:6px;display:inline-flex;position:relative}.build-seq-slot{font-family:var(--font-display);color:var(--cream);border:1px solid color-mix(in oklab, var(--dusk-peach) 40%, transparent);cursor:help;z-index:1;background:#08060eeb;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1;position:absolute;bottom:-4px;right:16px}.build-seq-arrow{color:var(--text-faint);margin:0 2px;font-size:12px}.build-seq-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.build-seq-wr{font-family:var(--font-mono);color:var(--win);font-size:13px;font-weight:600}.build-seq-wr--low{color:var(--loss)}.build-seq-meta{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.skill-order-wrap{background:var(--surface);border-radius:8px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.skill-priority{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.14em;align-items:center;gap:8px;font-size:11px;display:flex}.skill-priority-chip{width:24px;height:24px;font-family:var(--font-display);color:var(--cream);background:#ffffff0f;border-radius:4px;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.skill-priority-chip.skill-Q{color:#88c8ff;border:1px solid #88c8ff66}.skill-priority-chip.skill-W{color:#78dc96;border:1px solid #78dc9666}.skill-priority-chip.skill-E{color:#ffb478;border:1px solid #ffb47866}.skill-priority-chip.skill-R{color:#dc82f0;border:1px solid #dc82f080}.skill-priority-sep{font-family:var(--font-display);color:var(--text-faint);opacity:.55;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1}.skill-grid{scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent;flex-direction:column;gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.skill-grid::-webkit-scrollbar{height:6px}.skill-grid::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.skill-grid-row{grid-template-columns:36px repeat(18,minmax(28px,34px));align-items:center;gap:4px;display:grid}.skill-row-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.1em;text-align:center;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.skill-row-label.skill-Q{color:#88c8ff}.skill-row-label.skill-W{color:#78dc96}.skill-row-label.skill-E{color:#ffb478}.skill-row-label.skill-R{color:#dc82f0}.skill-row-label--ability{cursor:help;border-radius:6px;width:32px;height:32px;position:relative;overflow:hidden}.skill-row-icon{object-fit:cover;filter:saturate(1.05);width:100%;height:100%;display:block}.skill-row-label--ability.skill-Q{box-shadow:inset 0 0 0 1px #88c8ff8c}.skill-row-label--ability.skill-W{box-shadow:inset 0 0 0 1px #78dc968c}.skill-row-label--ability.skill-E{box-shadow:inset 0 0 0 1px #ffb4788c}.skill-row-label--ability.skill-R{box-shadow:inset 0 0 0 1px #dc82f099}.skill-level-num{font-family:var(--font-mono);color:var(--text-dim);text-align:center;font-size:9px}.skill-cell{background:#ffffff06;border-radius:4px;height:32px}.skill-cell--active.skill-Q{background:#88c8ff80;box-shadow:inset 0 0 0 1px #88c8ff4d}.skill-cell--active.skill-W{background:#78dc9680;box-shadow:inset 0 0 0 1px #78dc964d}.skill-cell--active.skill-E{background:#ffb47880;box-shadow:inset 0 0 0 1px #ffb4784d}.skill-cell--active.skill-R{background:#dc82f099;box-shadow:inset 0 0 0 1px #dc82f066}.skill-sequence{scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent;gap:4px;padding:6px 0 4px;display:flex;overflow-x:auto}.skill-sequence::-webkit-scrollbar{height:6px}.skill-sequence::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.skill-seq-chip{cursor:help;min-width:30px;height:54px;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#ffffff06;border-radius:7px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff0a,0 2px 6px #0000002e}.skill-seq-chip:before{content:"";background:var(--inner-light);pointer-events:none;z-index:0;position:absolute;inset:0}.skill-seq-chip>*{z-index:1;position:relative}.skill-seq-chip:nth-child(5n):not(:last-child){margin-right:12px}.skill-seq-chip:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff14,0 6px 14px #00000052}.skill-seq-lvl{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.06em;font-variant-numeric:tabular-nums;opacity:.8;font-size:9px;line-height:1}.skill-seq-slot{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.02em;text-shadow:0 1px 2px #0000004d;margin-top:5px;font-size:16px;font-weight:700;line-height:1}.skill-seq-chip.skill-Q{background:linear-gradient(#88c8ff38,#88c8ff1a);box-shadow:inset 0 0 0 1px #88c8ff73,inset 0 1px #ffffff24,0 2px 8px #88c8ff1a}.skill-seq-chip.skill-Q .skill-seq-slot{color:#b4dcff;text-shadow:0 0 6px #88c8ff73,0 1px 2px #0006}.skill-seq-chip.skill-W{background:linear-gradient(#78dc9638,#78dc961a);box-shadow:inset 0 0 0 1px #78dc9673,inset 0 1px #ffffff24,0 2px 8px #78dc961a}.skill-seq-chip.skill-W .skill-seq-slot{color:#aaebc3;text-shadow:0 0 6px #78dc9673,0 1px 2px #0006}.skill-seq-chip.skill-E{background:linear-gradient(#ffb47838,#ffb4781a);box-shadow:inset 0 0 0 1px #ffb47873,inset 0 1px #ffffff24,0 2px 8px #ffb4781a}.skill-seq-chip.skill-E .skill-seq-slot{color:#ffd2aa;text-shadow:0 0 6px #ffb47873,0 1px 2px #0006}.skill-seq-chip.skill-R{background:linear-gradient(#dc82f052,#dc82f029);box-shadow:inset 0 0 0 1px #dc82f0a6,inset 0 1px #ffffff2e,0 2px 10px #dc82f024,0 0 18px #dc82f038}.skill-seq-chip.skill-R .skill-seq-slot{color:#f0c8fa;text-shadow:0 0 8px #dc82f08c,0 1px 2px #0006}.skill-seq-chip.skill-R .skill-seq-lvl{color:#f0c8fad9}.skill-seq-chip--priority{flex:none;gap:6px;min-width:60px;height:78px;padding:7px 9px 8px}.skill-priority-icon{object-fit:cover;filter:saturate(1.05);border-radius:5px;width:38px;height:38px;display:block;box-shadow:inset 0 0 0 1px #0006}.skill-seq-chip--priority .skill-seq-slot{margin-top:0;font-size:14px}.ability-chip{cursor:help;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:relative;overflow:hidden}.ability-chip-icon{object-fit:cover;width:100%;height:100%;display:block}.ability-chip.skill-Q{box-shadow:inset 0 0 0 1px #88c8ff8c}.ability-chip.skill-W{box-shadow:inset 0 0 0 1px #78dc968c}.ability-chip.skill-E{box-shadow:inset 0 0 0 1px #ffb4788c}.ability-chip.skill-R{box-shadow:inset 0 0 0 1px #dc82f099}.skill-priority-text{letter-spacing:.14em}.rune-pages-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.rune-page-card{background:var(--surface);transition:box-shadow var(--dur-fast) var(--ease-out);border-radius:8px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 4px 16px #00000040}.rune-page-card:before{content:"";background:var(--inner-light);pointer-events:none;z-index:0;position:absolute;inset:0}.rune-page-card>*{z-index:1;position:relative}.rune-page-card:hover{box-shadow:0 1px 0 #ffffff0d inset, 0 6px 22px #00000052, var(--bloom-warm)}.rpc-header{justify-content:space-between;align-items:center;display:flex}.rpc-trees{align-items:center;gap:6px;display:flex}.rpc-tree-icon{box-sizing:content-box;object-fit:contain;background:#00000080;border:1px solid #ffffff0f;border-radius:5px;width:18px;height:18px;padding:4px}.rpc-tree-icon--secondary{opacity:.85;border-radius:4px;width:14px;height:14px;padding:3px}.rpc-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.rpc-wr{font-family:var(--font-mono);color:var(--win);font-size:13px;font-weight:600}.rpc-wr--low{color:var(--loss)}.rpc-pick{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.rpc-perks{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rpc-primary-perks,.rpc-secondary-perks{align-items:center;gap:6px;display:flex}.rpc-perk-frame{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.rpc-perk-frame--keystone{width:30px;height:30px}.rpc-perk-icon{object-fit:contain;width:100%;height:100%;display:block}.rpc-shards{gap:6px;display:flex}.rpc-shard{cursor:help;width:22px;height:22px;transition:border-color .15s var(--ease-out), background .15s var(--ease-out);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.rpc-shard:hover{border-color:color-mix(in oklab, var(--dusk-peach) 50%, transparent);background:#ffffff14}.rpc-shard-icon{object-fit:contain;width:16px;height:16px;display:block}.rpc-shard-fallback{color:var(--text-dim);font-size:11px}.spells-grid{flex-wrap:wrap;gap:10px;display:flex}.spell-combo-card{background:var(--surface);transition:box-shadow var(--dur-fast) var(--ease-out);border-radius:6px;align-items:center;gap:12px;padding:8px 14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 4px 14px #00000038}.spell-combo-card:before{content:"";background:var(--inner-light);pointer-events:none;z-index:0;position:absolute;inset:0}.spell-combo-card>*{z-index:1;position:relative}.spell-combo-card:hover{box-shadow:0 1px 0 #ffffff0d inset, 0 6px 20px #0000004d, var(--bloom-warm)}.scc-icons{gap:6px;display:flex}.scc-spell{border-radius:4px;width:32px;height:32px}.scc-stats{flex-direction:column;gap:2px;display:flex}.scc-wr{font-family:var(--font-mono);color:var(--win);font-size:13px;font-weight:600}.scc-wr--low{color:var(--loss)}.scc-games{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.popular-items-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;display:grid}.pop-item-card{border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:8px;transition:background .15s;display:flex}.pop-item-card:hover{background:var(--surface)}.pop-item-info{align-items:baseline;gap:6px;display:flex}.pop-item-wr{font-family:var(--font-mono);color:var(--win);font-size:12px}.pop-item-wr--low{color:var(--loss)}.pop-item-games{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.cb-loading,.cb-empty{text-align:center;color:var(--text-dim);font-family:var(--font-mono);padding:40px;font-size:12px}.champ-skins-section{margin-top:32px}.champ-skins-carousel{position:relative}.champ-skins-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;gap:16px;margin:-40px -48px -28px;padding:40px 48px 48px;scroll-padding:0 48px;display:flex;overflow:auto visible}.champ-skins-scroller .cc-stage,.champ-skins-grid .cc-stage{contain:none}.champ-skins-scroller .cc-stage{--hover-lift:-3px;--scale:1.03;--tilt:8}.champ-skins-grid .cc-stage{--hover-lift:-2px;--scale:1.02;--tilt:6}.champ-skins-scroller::-webkit-scrollbar{display:none}.champ-skin-cell{scroll-snap-align:start;min-width:0;transition:flex-basis .24s var(--ease-out);flex:0 0 170px}.champ-skins-scroller .sk-stage .cc-name.sk-name{letter-spacing:.08em;padding:0 10px;font-size:12px}.champ-skins-scroller .sk-stage .cc-plate{bottom:14px}.champ-skins-scroller .sk-stage .cc-plate .cc-role{letter-spacing:.3em;font-size:7px}.champ-skins-scroller .sk-stage .cc-plate .cc-title{letter-spacing:.2em;padding:0 10px;font-size:8px}.champ-skins-scroller .sk-stage .cc-plate .cc-divider{width:48px;margin:3px 0 2px}.champ-skins-scroller .sk-stage .cc-mastery-points{font-size:8px;top:10px;left:10px}.champ-skins-scroller .sk-stage .sk-wishlist{top:8px;right:8px;transform:scale(.8)}.champ-skins-arrow{color:#ecd8a1;width:36px;height:36px;font-family:var(--font-ui);cursor:pointer;z-index:10;transition:all .2s var(--ease-out);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14121cd9;border:1px solid #ecd8a159;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.champ-skins-arrow:hover{background:#ecd8a126;border-color:#ecd8a1b3;box-shadow:0 0 16px #ecd8a140}.champ-skins-arrow[disabled]{opacity:.3;cursor:default;pointer-events:none}.champ-skins-arrow--prev{left:4px}.champ-skins-arrow--next{right:4px}@media (width<=700px){.champ-skin-cell{flex:0 0 140px}.champ-skins-scroller{margin:0 -20px;padding:12px 20px 20px;scroll-padding:0 20px}.champ-skins-arrow{display:none}}.champ-skins-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.champ-skins-view-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;display:inline-flex;overflow:hidden}.champ-skins-view-btn{color:var(--text-dim);font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .15s var(--ease-out);background:0 0;border:none;padding:6px 14px;font-size:11px;font-weight:600}.champ-skins-view-btn:hover{color:var(--cream)}.champ-skins-view-btn.active{background:var(--cream);color:var(--bg)}.champ-skins-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;padding:12px 0 0;display:grid}.champ-skin-mini-cell{min-width:0}.champ-skins-grid .sk-stage{cursor:pointer}.champ-skins-grid .cc-card,.champ-skins-grid .cc-face{border-radius:6px}.champ-skins-grid .cc-plate,.champ-skins-grid .sk-price{display:none}.champ-skins-grid .sk-wishlist{transform-origin:100% 0;top:4px;right:4px;transform:scale(.65)}.champ-skins-grid .sk-badges{gap:2px;top:4px;left:4px}.champ-skins-grid .sk-badge{letter-spacing:.1em;padding:1px 4px;font-size:7px}.champ-skins-grid .sk-badge--legacy{display:none}.champ-skins-grid .cc-card{box-shadow:0 6px 14px -4px #000000b3,0 2px 6px -2px #00000080}.champ-skins-grid .cc-stage.hovering .cc-card{box-shadow:0 14px 30px -8px #000c, 0 4px 10px -3px #0009, 0 0 24px -6px color-mix(in srgb, var(--metal-stroke) 50%, transparent)}.nw-section{margin-bottom:24px}.nw-header{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.nw-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.nw-view-all{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--text-dim);border-bottom:1px solid var(--border);transition:color .15s var(--ease-out), border-color .15s var(--ease-out);font-weight:500;text-decoration:none}.nw-view-all:hover,.nw-view-all:focus-visible{color:var(--dusk-peach);border-color:var(--dusk-peach);outline:none}.nw-grid-wrap{position:relative}.nw-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.nw-grid>[role=listitem]{min-width:0;display:flex}.nw-grid>[role=listitem]>.dossier-card--notable{flex:100%;min-width:0}.nw-rail-wrap{position:relative}.nw-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:12px;padding-bottom:8px;scroll-padding-inline:0;display:flex;overflow-x:auto}.nw-rail::-webkit-scrollbar{height:4px}.nw-rail::-webkit-scrollbar-track{background:0 0}.nw-rail::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.nw-card{scroll-snap-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:default;height:168px;transition:border-color .15s var(--ease-out);flex-direction:column;flex:0 0 272px;gap:6px;padding:14px;display:flex;position:relative;overflow:hidden}.nw-card:hover,.nw-card:focus-visible{border-color:var(--border-bright);outline:none}.nw-card--clickable{cursor:pointer}.nw-card--error:after{content:"";border-style:solid;border-width:0 10px 10px 0;border-color:transparent var(--loss) transparent transparent;width:0;height:0;position:absolute;top:0;right:0}.nw-card-top{flex-shrink:0;align-items:center;gap:6px;display:flex}.nw-tier-badge{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--dusk-peach);font-size:9px;font-weight:700}.nw-tier-badge--grandmaster{color:var(--dusk-gold)}.nw-tier-badge--master{color:var(--text-dim)}.nw-region{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;font-size:9px}.nw-lp{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;margin-left:auto;font-size:9px}.nw-card-kda{flex-shrink:0}.nw-kda{font-family:var(--font-mono);color:var(--cream);letter-spacing:.04em;font-size:14px;font-weight:700}.nw-kda-meta{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;margin-left:8px;font-size:9px}.nw-card-items{flex-shrink:0;align-items:center;gap:4px;display:flex}.nw-item-slot{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;width:24px;height:24px;overflow:hidden}.nw-item-slot img{object-fit:cover;width:100%;height:100%;display:block}.nw-item-slot--empty{opacity:.3}.nw-card-footer{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin-top:auto;font-size:9px;overflow:hidden}.nw-rail>[role=listitem]{scroll-snap-align:start;flex:0 0 272px;display:flex}.nw-rail>[role=listitem]>.dossier-card--notable{flex:100%}.dossier-card--notable{grid-template-columns:52px 1fr;column-gap:12px;padding:14px}.dossier-card--notable .dossier-info{padding-right:0}.dossier-card--notable .dossier-name{font-size:13px}.dossier-card--notable .dossier-meta-group{flex-wrap:wrap;row-gap:2px}.dossier-name-text--unknown{color:var(--text-dim);font-style:italic;font-weight:500}.dossier-icon--emblem{object-fit:contain;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--dusk-peach) 35%, transparent));background:0 0;border:0;border-radius:0}.dossier-icon--emblem-fallback{background:var(--surface-2);border-radius:var(--radius-sm);width:100%;height:100%;display:block}.nw-stats-row{border-top:1px solid var(--border);grid-area:2/1/3/3;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:8px;display:flex}.nw-kda-inline{font-family:var(--font-mono);color:var(--cream);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.nw-kda-slash{color:var(--text-dim);margin:0 2px;font-weight:500}.nw-kda-deaths{color:var(--loss)}.nw-kda-cs{color:var(--text-dim);letter-spacing:.04em;margin-left:6px;font-size:10px;font-weight:500}.nw-vs{vertical-align:middle;align-items:center;gap:4px;margin-right:8px;display:inline-flex}.nw-vs-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:9px}.nw-vs-icon{border-radius:var(--radius-sm);border:1px solid var(--border);object-fit:cover;width:16px;height:16px;display:block}.nw-items-inline{flex-shrink:0;align-items:center;gap:3px;display:flex}.nw-items-inline .nw-item-slot{width:22px;height:22px}.nw-item-slot-fallback{background:var(--surface-3);width:100%;height:100%;display:block}.dossier-card--notable:hover .dossier-time{opacity:.7}.nw-card--skeleton{cursor:default}.nw-skeleton-line{background:var(--surface-2);border-radius:2px;height:10px;animation:1.6s ease-in-out infinite nw-shimmer}.nw-skeleton-line--wide{width:60%}.nw-skeleton-line--mid{width:40%}.nw-skeleton-line--items{width:156px;height:24px}.nw-skeleton-line--narrow{width:70%}@keyframes nw-shimmer{0%,to{opacity:.4}50%{opacity:.7}}.nw-empty{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);padding:12px 0}.bg-starters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:16px;margin-bottom:12px;padding:10px 14px;display:flex}.bg-starters-head{flex-direction:column;flex:none;gap:2px;display:flex}.bg-starters-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.bg-starters-time{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-faint);font-size:10px}.bg-starters-items{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bg-starters-items .bp-item-cell,.bg-starters-items img,.bg-starters-items>*{width:28px;height:28px}.bg-grid{grid-template-columns:minmax(280px,1.4fr) minmax(260px,1fr) minmax(260px,1fr);gap:16px;margin-bottom:24px;display:grid}.bg-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:480px;padding:16px}.bg-col-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.bg-col-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.bg-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.bg-eyebrow--numbered{letter-spacing:.18em;align-items:baseline;gap:0;display:flex}.bg-eyebrow-num{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;color:var(--text-dim);font-weight:600}.bg-eyebrow-build{color:var(--text-faint);font-size:9px;font-family:var(--font-mono);letter-spacing:.04em}.bg-source-meta-caption{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;margin-top:8px;font-size:9px;font-style:italic}.bp-source-toggle-inline{border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;display:flex;overflow:hidden}.bp-source-toggle-inline .bp-source-btn{padding:3px 8px;font-size:9px}.bp-source-toggle-inline .bp-source-btn+.bp-source-btn{border-left:1px solid var(--border)}.bg-builds-list{flex-direction:column;gap:8px;display:flex}.bg-build-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;transition:border-color .15s var(--ease-out), background .15s var(--ease-out);border-left:2px solid #0000;padding:10px 12px}.bg-build-card:hover,.bg-build-card:focus-visible{border-color:var(--border-bright);border-left-color:var(--border-bright);background:var(--surface-3);outline:none}.bg-build-card--active{border-left-color:var(--dusk-peach);background:var(--surface-3)}.bg-build-card--active:hover,.bg-build-card--active:focus-visible{border-left-color:var(--dusk-peach)}.bg-build-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.bg-build-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);font-weight:600}.bg-build-wr{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--win);font-weight:700}.bg-build-wr--low{color:var(--loss)}.bg-build-items{align-items:center;gap:4px;margin-bottom:4px;display:flex}.bg-build-meta{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;font-size:9px}.bg-runes-wrap{flex-direction:column;gap:12px;display:flex}.bg-rune-tabs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.bg-rune-tab{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 8px;transition:border-color .1s,background .1s;display:flex}.bg-rune-tab:hover,.bg-rune-tab:focus-visible{border-color:var(--border-bright);background:var(--surface-2);outline:none}.bg-rune-tab--active{border-color:var(--dusk-peach);background:color-mix(in oklch, var(--dusk-peach) 8%, transparent)}.bg-rune-tab-icon{border-radius:50%;width:16px;height:16px}.bg-rune-tab-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;font-size:9px}.bg-rune-tab--active .bg-rune-tab-label{color:var(--dusk-peach)}.bg-situational-list{flex-direction:column;gap:6px;display:flex}.bg-situational-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 0;display:flex}.bg-situational-row:last-child{border-bottom:none}.bg-situational-name{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bg-situational-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.bg-situational-wr{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--win);font-weight:700}.bg-situational-wr--low{color:var(--loss)}.bg-situational-games{font-family:var(--font-mono);color:var(--text-faint);font-size:9px}.bg-note{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--text-faint);margin-bottom:10px;font-style:italic}.ao-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:16px}.ao-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ao-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.ao-eyebrow--numbered{align-items:baseline;gap:0;display:flex}.ao-eyebrow-num{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;color:var(--text-dim);font-weight:600}.ao-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.ao-toggle-btn{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:color .1s var(--ease-out), background .1s var(--ease-out);background:0 0;border:none;padding:4px 10px;font-size:9px;font-weight:600}.ao-toggle-btn+.ao-toggle-btn{border-left:1px solid var(--border)}.ao-toggle-btn:hover,.ao-toggle-btn:focus-visible{color:var(--cream);outline:none}.ao-toggle-btn--active{color:var(--cream);background:var(--surface-2)}.ao-compact{flex-direction:column;gap:8px;display:flex}.ao-compact-sequence{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--cream);word-break:break-word;line-height:1.6}.ao-compact-sep{color:var(--dusk-peach);margin:0 3px}.ao-compact-meta{flex-direction:column;gap:4px;display:flex}.ao-compact-max{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.ao-compact-max strong{color:var(--dusk-peach);font-weight:700}.ao-compact-start{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.bar-rune-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;align-self:flex-start;margin-bottom:12px;display:flex;overflow:hidden}.bar-rune-toggle-btn{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);cursor:pointer;transition:color .15s var(--ease-out), background .15s var(--ease-out);background:0 0;border:none;padding:3px 10px;font-size:9px;font-weight:500}.bar-rune-toggle-btn+.bar-rune-toggle-btn{border-left:1px solid var(--border)}.bar-rune-toggle-btn:hover,.bar-rune-toggle-btn:focus-visible{color:var(--cream);background:var(--surface-2);outline:none}.bar-rune-toggle-btn--active{color:var(--dusk-peach);background:color-mix(in oklch, var(--dusk-peach) 10%, transparent)}.bar-divider{background:var(--border);height:1px;margin:10px 0}.bar-tree{flex-direction:column;gap:6px;display:flex}.bar-tree-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.bar-tree-icon{border-radius:50%;flex-shrink:0;width:18px;height:18px}.bar-tree-name{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.bar-tree--domination .bar-tree-name{color:var(--dusk-rose)}.bar-tree--sorcery .bar-tree-name{color:var(--dusk-violet)}.bar-tree--precision .bar-tree-name{color:var(--dusk-gold)}.bar-tree--resolve .bar-tree-name{color:var(--dusk-teal)}.bar-tree--inspiration .bar-tree-name{color:#7eb6c4}.bar-tree-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);flex-shrink:0;font-size:8px}.bar-tree-rows{flex-direction:column;gap:6px;display:flex}.bar-tree-row{justify-content:center;align-items:center;gap:8px;display:flex}.bar-tree-row--keystone{gap:10px;margin-bottom:2px}.bar-perk{transition:opacity .12s var(--ease-out);cursor:default;border-radius:50%;display:block}.bar-perk--keystone{width:32px;height:32px}.bar-perk--minor{width:22px;height:22px}.bar-perk--selected{opacity:1;border:1px solid var(--dusk-peach);border-radius:50%}.bar-perk--muted{opacity:.35}.bar-shards{flex-direction:column;gap:6px;display:flex}.bar-shards-row{align-items:center;gap:8px;display:flex}.bar-shards-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);flex-shrink:0;width:48px;font-size:8px}.bar-shards-options{align-items:center;gap:6px;display:flex}.bar-shard{transition:opacity .12s var(--ease-out);cursor:default;justify-content:center;align-items:center;display:inline-flex}.bar-shard-icon{border-radius:50%;width:18px;height:18px;display:block}.bar-shard-fallback{color:var(--text-faint);font-size:12px}.bar-shard--selected{opacity:1}.bar-shard--selected .bar-shard-icon{border:1px solid var(--dusk-peach);border-radius:50%}.bar-shard--muted{opacity:.35}@media (width<=1280px) and (width>=768px){.nw-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (width<=960px){.bg-grid{grid-template-columns:1fr}.bg-col{min-height:auto}}@media (width<=767px){.nw-grid-wrap{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding-bottom:8px;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.nw-grid{grid-template-columns:repeat(6,240px);overflow:visible}.nw-grid>[role=listitem]{scroll-snap-align:start}}@media (width<=720px){.nw-rail{margin-inline:-16px;padding-inline:16px}}.eternals-chip{font-family:var(--font-mono);letter-spacing:.18em;color:var(--cream);cursor:default;background:#f7a6790f;border:1px solid #f7a67938;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 12px;font-size:11px;transition:background .12s,border-color .12s;display:inline-flex}.eternals-chip:hover,.eternals-chip.is-open{background:#f7a6791f;border-color:#f7a6796b}.eternals-chip-label{font-weight:500}.eternals-chip-count{letter-spacing:.04em;min-width:20px;color:var(--dusk-peach);background:#f7a6792e;border-radius:999px;justify-content:center;align-items:center;padding:1px 6px;font-size:10px;display:inline-flex}.eternals-pop{z-index:1100;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(460px,92vw);max-height:min(560px,80vh);padding:14px 14px 16px;position:fixed;overflow-y:auto;box-shadow:0 18px 48px #0000008c,inset 0 0 0 1px #ffffff05}.eternals-pop-head{border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px}.eternals-pop-head h4{font-family:var(--font-mono);letter-spacing:.26em;color:var(--dusk-peach);margin:0 0 4px;font-size:11px}.eternals-pop-head p{font-family:var(--font-ui);color:var(--text-dim);margin:0;font-size:12px;line-height:1.45}.eternals-pop-body{flex-direction:column;gap:14px;display:flex}.cdx-eternals-series-title{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:11px}.cdx-eternals-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cdx-eternal{border:1px solid var(--border);background:#ffffff05;border-radius:8px;grid-template-columns:36px 1fr;align-items:start;gap:10px;padding:8px 10px;display:grid}.cdx-eternal-icon{object-fit:contain;background:#00000040;border-radius:6px;width:36px;height:36px;display:block}.cdx-eternal-body{flex-direction:column;gap:4px;min-width:0;display:flex}.cdx-eternal-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cdx-eternal-name{font-family:var(--font-ui);color:var(--cream);font-size:13px;font-weight:600}.cdx-eternal-series{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;font-size:9px}.cdx-eternal-desc{font-family:var(--font-ui);color:var(--text-dim);margin:0;font-size:12px;line-height:1.45}.cdx-eternal-tiers{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.cdx-eternal-tier{min-width:38px;font-family:var(--font-mono);color:var(--cream);background:#f7a6790f;border:1px solid #f7a6792e;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-size:10px;display:inline-flex}.cdx-eternal-bench{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);margin-top:1px;font-size:9px}.cdx-eternal-bench strong{color:var(--dusk-peach);font-weight:500}.mv{flex-direction:column;gap:22px;display:flex}.mv--loading{justify-content:center;align-items:center;min-height:240px}.vs-stage{isolation:isolate;background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;height:320px;position:relative;overflow:hidden}.vs-stage-side{background-color:#06030c;background-repeat:no-repeat;background-size:auto 160%;border:0;margin:0;padding:0;position:absolute;inset:0}.vs-stage-side--focal{background-position:30% 28%;-webkit-mask-image:linear-gradient(90deg,#000 0% 38%,#0000 62%);mask-image:linear-gradient(90deg,#000 0% 38%,#0000 62%)}.vs-stage-side--opponent{background-position:70% 28%;-webkit-mask-image:linear-gradient(90deg,#0000 38%,#000 62% 100%);mask-image:linear-gradient(90deg,#0000 38%,#000 62% 100%)}.vs-stage-side--clickable{cursor:pointer;transition:filter var(--dur-fast) var(--ease-out);background-clip:padding-box}.vs-stage-side--clickable:hover{filter:brightness(1.06)saturate(1.04)}.vs-stage-side--clickable:focus-visible{outline:2px solid color-mix(in oklab, var(--dusk-peach) 70%, transparent);outline-offset:-4px}.vs-stage-scrim{pointer-events:none;background:linear-gradient(#08060e2e 0%,#08060e00 25%,#08060e8c 100%),radial-gradient(120% 80%,#08060e8c 0%,#0000 60%);position:absolute;inset:0}.vs-stage-name{z-index:2;flex-direction:column;gap:4px;max-width:36%;display:flex;position:absolute;bottom:18px}.vs-stage-name--focal{text-align:left;align-items:flex-start;left:22px}.vs-stage-name--opponent{text-align:right;align-items:flex-end;right:22px}.vs-stage-name-text{font-family:var(--font-display);color:var(--cream);letter-spacing:-.015em;text-shadow:0 2px 12px #0000008c;font-size:28px;font-weight:700;line-height:1.05}.vs-stage-name-tags{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:color-mix(in oklab, var(--cream) 70%, transparent);font-size:10px}.vs-letterform{pointer-events:none;z-index:1;--vs-tone:var(--dusk-peach);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vs-letterform--tough{--vs-tone:var(--loss)}.vs-letterform--slightLow{--vs-tone:color-mix(in oklab, var(--loss) 60%, var(--dusk-peach))}.vs-letterform--even{--vs-tone:color-mix(in oklab, var(--cream) 50%, var(--dusk-peach))}.vs-letterform--slightHigh{--vs-tone:var(--dusk-peach)}.vs-letterform--favorable{--vs-tone:var(--win)}.vs-letterform-corona{background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--vs-tone) 70%, transparent) 0%, color-mix(in oklab, var(--vs-tone) 28%, transparent) 30%, transparent 70%);filter:blur(28px);mix-blend-mode:screen;width:320px;height:320px;transition:background var(--dur-base) var(--ease-out);border-radius:50%;position:absolute}.vs-letterform-disc{background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--dusk-violet) 30%, #06030c) 0%, #03010a 70%, #000 100%);width:180px;height:180px;box-shadow:0 0 50px 10px color-mix(in oklab, var(--vs-tone) 35%, transparent), inset 0 0 35px 5px #000000b3;transition:box-shadow var(--dur-base) var(--ease-out);border-radius:50%;position:absolute}.vs-letterform-blade{width:4px;height:220px;box-shadow:0 0 14px 4px color-mix(in oklab, var(--vs-tone) 55%, transparent);transition:box-shadow var(--dur-base) var(--ease-out);background:linear-gradient(#0000 0%,#000000d9 18%,#000000f2 50%,#000000d9 82%,#0000 100%);border-radius:999px;position:absolute}.vs-letterform-letter{font-family:var(--font-display);color:color-mix(in oklab, var(--cream) 96%, transparent);text-shadow:0 2px 18px #000000d9,0 0 1px #fff6;-webkit-user-select:none;user-select:none;font-size:168px;font-weight:800;line-height:1;position:relative}.vs-letterform-letter--v{margin-right:-22px;transform:translate(-2px)}.vs-letterform-letter--s{margin-left:-22px;transform:translate(2px)}@media (width<=720px){.vs-stage{height:220px}.vs-letterform-letter{font-size:110px}.vs-letterform-corona{width:220px;height:220px}.vs-letterform-disc{width:130px;height:130px}.vs-letterform-blade{height:160px}.vs-stage-name-text{font-size:20px}.vs-stage-name{max-width:42%}}.mv-stats{background:color-mix(in oklab, var(--surface-2) 50%, transparent);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px 22px;display:flex}.mv-stats-bar{background:color-mix(in oklab, var(--surface-2) 80%, transparent);border-radius:999px;width:100%;max-width:720px;height:6px;display:flex;position:relative;overflow:hidden}.mv-stats-bar-focal{background:var(--dusk-peach);height:100%;display:block}.mv-stats-bar-opponent{background:var(--dusk-violet);height:100%;display:block}.mv-stats-row{justify-content:space-between;align-items:baseline;gap:16px;width:100%;max-width:720px;display:flex}.mv-stats-wr{font-family:var(--font-mono);color:var(--win);font-size:18px;font-weight:600}.mv-stats-wr.is-low{color:var(--loss)}.mv-stats-meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);text-align:center;font-size:10px}.mv-stats-meta-sep{margin:0 6px}.mv-stats-verdict{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 70%, transparent);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:600}.mv-stats-verdict--tough{color:var(--loss);border-color:color-mix(in oklab, var(--loss) 36%, transparent)}.mv-stats-verdict--slightLow{color:var(--loss);border-color:color-mix(in oklab, var(--loss) 22%, transparent)}.mv-stats-verdict--even{color:var(--text-dim)}.mv-stats-verdict--slightHigh{color:var(--win);border-color:color-mix(in oklab, var(--win) 22%, transparent)}.mv-stats-verdict--favorable{color:var(--win);border-color:color-mix(in oklab, var(--win) 36%, transparent)}@media (prefers-reduced-motion:reduce){.vs-letterform-corona,.vs-letterform-blade,.vs-stage-side{transition:none!important;animation:none!important}}.mv-stats-baseline{color:color-mix(in oklab, var(--cream) 70%, transparent);justify-content:center;align-items:baseline;gap:8px;margin-top:6px;font-size:.85em;display:flex}.mv-stats-baseline-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklab, var(--cream) 50%, transparent);font-size:.78em}.mv-stats-baseline-value{color:var(--cream);font-weight:600}.mv-stats-baseline-games{color:color-mix(in oklab, var(--cream) 50%, transparent);font-size:.85em}.mv-stats-delta{font-family:var(--font-mono);background:color-mix(in oklab, var(--surface-2) 60%, transparent);border-radius:4px;padding:2px 6px;font-size:.85em;font-weight:600}.mv-stats-delta--bad{color:var(--dusk-rose)}.mv-stats-delta--good{color:var(--dusk-teal)}.mv-stats-delta--neutral{color:color-mix(in oklab, var(--cream) 60%, transparent)}.mv-stats-delta--low-sample{color:color-mix(in oklab, var(--cream) 45%, transparent);background:0 0;font-style:italic}.mv-picker{background:color-mix(in oklab, var(--surface-2) 50%, transparent);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.mv-picker-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mv-picker-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dusk-peach);font-size:11px}.mv-picker-search{background:var(--surface);border:1px solid var(--border);color:var(--cream);font-family:var(--font-ui);border-radius:999px;flex:200px;padding:6px 12px;font-size:12px}.mv-picker-search::placeholder{color:var(--text-faint)}.mv-picker-search:focus-visible{border-color:color-mix(in oklab, var(--dusk-peach) 40%, transparent);box-shadow:var(--bloom-warm);outline:none}.mv-picker-list{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--cream) 18%, transparent) transparent;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px;max-height:320px;padding:4px 2px;display:grid;overflow-y:auto}.mv-picker-list::-webkit-scrollbar{width:8px}.mv-picker-list::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--cream) 18%, transparent);border-radius:999px}.mv-picker-empty{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);text-align:center;padding:18px 4px;font-size:11px}.mv-picker-row{color:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;font-family:inherit;display:grid}.mv-picker-row:hover{background:color-mix(in oklab, var(--surface-2) 70%, transparent);border-color:color-mix(in oklab, var(--cream) 10%, transparent)}.mv-picker-row.is-active{background:color-mix(in oklab, var(--dusk-peach) 12%, transparent);border-color:color-mix(in oklab, var(--dusk-peach) 36%, transparent)}.mv-picker-row-icon{object-fit:cover;border-radius:50%;width:28px;height:28px}.mv-picker-row-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mv-picker-row.is-active .mv-picker-row-name{color:var(--cream)}.mv-picker-row-wr{font-family:var(--font-mono);color:var(--win);font-size:12px;font-weight:600}.mv-picker-row-wr.is-low{color:var(--loss)}.mv-picker-row-games{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-faint);font-size:10px}.mv-guide{background:color-mix(in oklab, var(--surface-2) 40%, transparent);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:22px;display:flex}.mv-guide-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.mv-guide-eyebrow{font-family:var(--font-display);color:var(--cream);letter-spacing:-.005em;font-size:18px;font-weight:600}.mv-guide-meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-left:auto;font-size:10px}.mv-guide-empty{font-family:var(--font-ui);color:var(--text-dim);font-size:14px;line-height:1.6}.mv-guide-empty strong{color:var(--cream);font-weight:600}.mv-guide-empty--loading{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-size:11px}.mv-guide-body{flex-direction:column;gap:14px;display:flex}.mv-guide-summary{font-family:var(--font-ui);color:var(--cream);border-left:2px solid color-mix(in oklab, var(--dusk-peach) 50%, transparent);margin:0;padding-left:12px;font-size:15px;font-style:italic;line-height:1.55}.mv-guide-meta-pills{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mv-guide-pill{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-dim);background:color-mix(in oklab, var(--surface) 70%, transparent);border-radius:999px;padding:3px 8px;font-size:10px}.mv-guide-pill--tough{color:var(--loss);border-color:color-mix(in oklab, var(--loss) 36%, transparent)}.mv-guide-pill--favorable{color:var(--win);border-color:color-mix(in oklab, var(--win) 36%, transparent)}.mv-guide-pill--even{color:var(--text-dim)}.mv-guide-pill--muted{color:var(--text-faint)}.mv-guide-prose{font-family:var(--font-ui);color:var(--text-dim);max-width:var(--w-prose,720px);font-size:14.5px;line-height:1.65}.mv-guide-prose>*+*{margin-top:14px}.mv-guide-prose h2,.mv-guide-prose h3,.mv-guide-prose h4{font-family:var(--font-display);color:var(--cream);letter-spacing:-.005em;margin-top:22px;margin-bottom:-4px}.mv-guide-prose h2{font-size:18px;font-weight:600}.mv-guide-prose h3{font-size:16px;font-weight:600}.mv-guide-prose h4{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:600}.mv-guide-prose p{margin:0}.mv-guide-prose strong{color:var(--cream);font-weight:600}.mv-guide-prose em{color:var(--cream);font-style:italic}.mv-guide-prose code{font-family:var(--font-mono);background:color-mix(in oklab, var(--surface) 80%, transparent);border:1px solid var(--border);color:var(--cream);border-radius:4px;padding:1px 6px;font-size:12.5px}.mv-guide-prose ul{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.mv-guide-prose li::marker{color:var(--dusk-peach)}.mv-guide-prose blockquote{border-left:2px solid color-mix(in oklab, var(--dusk-peach) 60%, transparent);background:color-mix(in oklab, var(--surface-2) 60%, transparent);color:var(--cream);border-radius:0 6px 6px 0;margin:0;padding:10px 14px;font-style:italic}.mv-guide-prose a{color:var(--dusk-peach);text-underline-offset:2px;text-decoration:underline}.mv-guide-prose a:hover{color:var(--cream)}.mv-score-badge{align-items:baseline;gap:6px;display:inline-flex}.mv-score-badge-value{font-family:var(--font-mono);font-size:var(--fs-xl);color:var(--dusk-peach);letter-spacing:-.02em;font-weight:700;line-height:1}.mv-score-badge-denom{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-faint);letter-spacing:.04em}.mv-score-badge-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--dusk-peach);border:1px solid color-mix(in oklab, var(--dusk-peach) 36%, transparent);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--dusk-peach) 10%, transparent);padding:3px 8px;font-weight:600}.mv-score-badge-tooltip{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:.04em}.mv-score-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex}.mv-matchup-grid{grid-template-columns:1fr 200px 1fr;align-items:start;gap:16px;display:grid}@media (width<=960px){.mv-matchup-grid{grid-template-columns:1fr}}.mv-col-focal,.mv-col-opponent{flex-direction:column;gap:12px;display:flex}.mv-wr-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.mv-wr-panel-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.mv-wr-panel-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.mv-wr-panel-cell{flex-direction:column;gap:2px;display:flex}.mv-wr-panel-cell--center{justify-content:center;align-items:center}.mv-wr-panel-cell--right{text-align:right;align-items:flex-end}.mv-wr-panel-cell-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.mv-wr-panel-cell-value{font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--cream);letter-spacing:-.01em;font-weight:700;line-height:1.1}.mv-wr-panel-delta{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.02em;font-weight:600}.mv-wr-panel-delta--pos{color:var(--win)}.mv-wr-panel-delta--neg{color:var(--loss)}.mv-wr-panel-delta--neutral{color:var(--text-dim)}.mv-wr-panel-delta-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.mv-wr-panel-divider{border:none;border-top:1px dashed var(--border);margin:0}.mv-wr-panel-cell-value--dim{color:var(--text-faint)}.mv-pip-row{align-items:center;gap:10px;display:flex}.mv-pip-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);flex-shrink:0;min-width:80px}.mv-pip-strip{flex:1;align-items:center;gap:3px;display:flex}.mv-pip{background:var(--surface-2);height:8px;transition:background var(--dur-fast) var(--ease-out);border-radius:0;flex:1}.mv-pip.is-filled{background:var(--dusk-peach)}.mv-pip-value-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);text-align:right;flex-shrink:0;min-width:72px;font-weight:600}.mv-pip-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.mv-pip-card-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.mv-ladder{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:16px 12px;display:flex}.mv-ladder-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.mv-ladder-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.mv-ladder-col-labels{grid-template-columns:20px 34px 1fr 34px;gap:6px;margin-bottom:4px;display:grid}.mv-ladder-col-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.mv-ladder-col-label--blue{text-align:right}.mv-ladder-col-label--bar{text-align:center}.mv-ladder-col-label--red{text-align:left}.mv-ladder-row{border-left:2px solid #0000;border-bottom:1px solid var(--border);transition:border-color var(--dur-fast) var(--ease-out);grid-template-columns:20px 34px 1fr 34px;align-items:center;gap:6px;padding:2px 0;display:grid}.mv-ladder-row:last-child{border-bottom:none}.mv-ladder-row.is-active{border-left-color:var(--dusk-peach);background:color-mix(in oklab, var(--dusk-peach) 4%, transparent)}.mv-ladder-level{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-faint);text-align:center;font-size:9px}.mv-ladder-row.is-active .mv-ladder-level{color:var(--dusk-peach);font-weight:600}.mv-ladder-pct{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.mv-ladder-pct--blue{text-align:right;color:color-mix(in oklab, var(--dusk-teal) 70%, transparent)}.mv-ladder-pct--red{text-align:left;color:color-mix(in oklab, var(--dusk-rose) 70%, transparent)}.mv-ladder-row.is-active .mv-ladder-pct--blue{color:var(--dusk-teal);font-weight:600}.mv-ladder-row.is-active .mv-ladder-pct--red{color:var(--dusk-rose);font-weight:600}.mv-ladder-bar{background:color-mix(in oklab, var(--surface-2) 80%, transparent);border-radius:0;height:12px;position:relative;overflow:hidden}.mv-ladder-row.is-active .mv-ladder-bar{height:16px}.mv-ladder-bar-inner{width:50%;position:absolute;top:0;bottom:0}.mv-ladder-bar-focal{background:var(--dusk-teal);transform-origin:100%;right:50%}.mv-ladder-bar-opp{background:var(--dusk-rose);transform-origin:0;left:50%}.mv-ladder-bar:after{content:"";background:var(--border-bright);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.mv-ladder-diamond{background:var(--dusk-peach);z-index:1;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.mv-ladder-modeled-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:help;padding:2px 6px;font-size:9px}.mv-phases{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mv-phase-tile{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.mv-phase-tile--focal{background:color-mix(in srgb, var(--dusk-teal) 15%, var(--surface))}.mv-phase-tile--opponent{background:color-mix(in srgb, var(--dusk-rose) 15%, var(--surface))}.mv-phase-tile--even{background:var(--surface-2)}.mv-phase-tile-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.mv-phase-tile-winner{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--cream);font-weight:600}.cm-marquee{background:var(--bg);border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:18px 24px 14px;display:grid}.cm-marquee-left{align-items:center;gap:12px;display:flex}.cm-marquee-center{flex-direction:column;align-items:center;gap:4px;display:flex}.cm-marquee-score-badge{font-family:var(--font-mono);align-items:baseline;gap:4px;display:flex}.cm-marquee-score-value{color:var(--cream);letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1}.cm-marquee-score-denom{color:color-mix(in srgb, var(--cream) 50%, transparent);letter-spacing:.04em;font-size:11px}.cm-marquee-score-label{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--dusk-peach);font-size:9px}.cm-marquee-right{justify-content:flex-end;display:flex}.cm-marquee-lane{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:color-mix(in srgb, var(--cream) 40%, transparent);font-size:9px}.cm-stage{background:var(--bg);grid-template-columns:1fr 320px 1fr;align-items:start;gap:0;min-height:760px;padding:32px 24px;display:grid}@media (width<=1280px){.cm-stage{grid-template-columns:1fr 280px 1fr;min-height:640px;padding:24px 16px}}@media (width<=1024px){.cm-stage{grid-template-columns:1fr 240px 1fr;min-height:560px;padding:20px 12px}}@media (width<=768px){.cm-stage{grid-template-columns:1fr;align-items:start;gap:24px;min-height:auto;padding:16px}.cm-col:nth-child(2){order:-1}}.cm-col{flex-direction:column;align-items:center;gap:12px;padding-top:0;padding-bottom:0;display:flex}.cm-col--left{padding-right:8px}.cm-col--right{padding-left:8px}.cm-panels{background:var(--bg);grid-template-columns:380px 320px 380px;justify-content:center;gap:0;padding:0 24px 24px;display:grid}@media (width<=1280px){.cm-panels{grid-template-columns:1fr 280px 1fr;padding:0 16px 20px}}@media (width<=1024px){.cm-panels{grid-template-columns:1fr 240px 1fr;padding:0 12px 16px}}@media (width<=768px){.cm-panels{grid-template-columns:1fr;gap:12px;padding:0 16px 16px}}.cm-card-wrap{perspective:1600px;position:relative}.cm-card{border-radius:var(--radius-lg);isolation:isolate;background:var(--surface);border:1px solid var(--border);cursor:default;width:380px;height:620px;transform:rotateY(var(--cm-base-ry,0deg)) rotateX(-1deg);transition:transform .2s var(--ease-out);filter:drop-shadow(var(--cm-shadow-x,0px) 18px 30px #00000073);will-change:transform;position:relative;overflow:hidden}.cm-card--left{--cm-base-ry:8deg;--cm-shadow-x:18px}.cm-card--right{--cm-base-ry:-8deg;--cm-shadow-x:-18px}.cm-card-wrap:hover .cm-card{transform:rotateY(var(--cm-hover-ry,0deg)) rotateX(var(--cm-hover-rx,-1deg))}.cm-card--left{--cm-hover-ry:8deg}.cm-card--right{--cm-hover-ry:-8deg}@media (width<=768px){.cm-card{filter:none!important;transform:none!important}}@media (width<=1280px){.cm-card{width:320px;height:520px}}@media (width<=1024px){.cm-card{width:280px;height:460px}}.cm-card-splash{object-fit:cover;filter:contrast(1.1)saturate(1.05)brightness(.78);z-index:1;width:100%;height:100%;position:absolute;inset:0}.cm-card--left .cm-card-splash{object-position:38% center}.cm-card--right .cm-card-splash{object-position:62% center}.cm-card-vignette{z-index:2;pointer-events:none;background:linear-gradient(#0000 35%,#0006 70%,#000000e6 100%),radial-gradient(120% 80% at 50% 0,#0000 60%,#0006 100%);position:absolute;inset:0}.cm-card-portrait{filter:contrast(1.06)saturate(.96);z-index:3;pointer-events:none;width:auto;height:92%;transition:transform .2s var(--ease-out);position:absolute;bottom:-14px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.cm-card-grain{z-index:5;pointer-events:none;opacity:.04;mix-blend-mode:overlay;position:absolute;inset:0}.cm-card-corners{z-index:7;pointer-events:none;position:absolute;inset:0}.cm-card-corners:before,.cm-card-corners:after{content:"";border-color:var(--dusk-peach);border-style:solid;border-width:0;width:18px;height:18px;position:absolute}.cm-card-corners:before{border-top-width:2px;border-left-width:2px;top:10px;left:10px}.cm-card-corners:after{border-bottom-width:2px;border-right-width:2px;bottom:10px;right:10px}.cm-card-corner-tr,.cm-card-corner-bl{border-color:var(--dusk-peach);z-index:7;pointer-events:none;border-style:solid;border-width:0;width:18px;height:18px;position:absolute}.cm-card-corner-tr{border-top-width:2px;border-right-width:2px;top:10px;right:10px}.cm-card-corner-bl{border-bottom-width:2px;border-left-width:2px;bottom:10px;left:10px}.cm-card-nameplate{z-index:9;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:0;display:flex;position:absolute;bottom:28px;left:0;right:0}.cm-card-role{font-family:var(--font-mono);letter-spacing:.4em;text-transform:uppercase;color:color-mix(in srgb, var(--cream) 70%, transparent);margin-bottom:6px;font-size:9px}.cm-name{letter-spacing:.22em;color:var(--cream);text-transform:uppercase;margin:0;padding-left:.22em;font-family:Cinzel,serif;font-size:26px;font-weight:600;line-height:1}@media (width<=1280px){.cm-name{font-size:22px}}@media (width<=1024px){.cm-name{font-size:19px}}.cm-card-divider{background:linear-gradient(90deg, transparent, var(--dusk-peach), transparent);width:100px;height:1px;margin:8px auto;display:block}.cm-title{letter-spacing:.28em;color:color-mix(in srgb, var(--cream) 78%, transparent);text-transform:lowercase;font-family:Cinzel,serif;font-size:12px;font-style:italic;font-weight:500}.cm-card-caption{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--dusk-peach);margin-bottom:6px;font-size:9px}.cm-stat-strip{width:380px;font-family:var(--font-mono);justify-content:flex-start;gap:16px;display:flex}.cm-col--right .cm-stat-strip{justify-content:flex-end}@media (width<=1280px){.cm-stat-strip{width:320px}}@media (width<=1024px){.cm-stat-strip{width:280px}}.cm-stat{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.cm-stat-label{letter-spacing:.28em;text-transform:uppercase;color:color-mix(in srgb, var(--cream) 45%, transparent);font-size:8px}.cm-stat-value{color:var(--cream);letter-spacing:.02em;font-size:15px;font-weight:600;line-height:1}.cm-stat-value--win{color:var(--win)}.cm-stat-value--loss{color:var(--loss)}.cm-stat-value--peach{color:var(--dusk-peach)}.cm-stat-strip--placeholder{visibility:hidden;pointer-events:none}.cm-stat-strip--placeholder:before{content:"· · ·";font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.2em;font-size:11px}.cm-marginalia{background:var(--surface);border:1px solid var(--border);width:220px;font-family:var(--font-mono);color:color-mix(in srgb, var(--cream) 78%, transparent);z-index:10;pointer-events:none;padding:14px 16px;font-size:11px;line-height:1.55;position:absolute;top:180px}.cm-marginalia--left{border-left:2px solid var(--dusk-peach);text-align:left;left:-248px}.cm-marginalia--right{border-right:2px solid var(--dusk-peach);text-align:right;right:-248px}@media (width<=1280px){.cm-marginalia{display:none}}.cm-marginalia-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--dusk-peach);margin-bottom:6px;font-size:9px;display:block}.cm-ladder-wrap{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;padding:0 8px;display:flex}.cm-ladder-header{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.cm-ladder-eyebrow{font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--text-dim);font-size:9px}.cm-ladder-favor{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--dusk-peach);font-size:9px}.cm-ladder-modeled-chip{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:help;padding:2px 6px;font-size:8px;display:inline-block}.cm-ladder-col-labels{width:100%;font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--text-dim);grid-template-columns:20px 34px 1fr 34px;gap:6px;font-size:8px;display:grid}.cm-ladder-col-lv{text-align:left}.cm-ladder-col-you{text-align:right}.cm-ladder-col-bar{text-align:center}.cm-ladder-col-them{text-align:left}.cm-ladder-rows{row-gap:3px;width:100%;display:grid}.cm-ladder-row{grid-template-columns:20px 34px 1fr 34px;align-items:center;gap:6px;display:grid}.cm-ladder-row-lv{font-family:var(--font-mono);letter-spacing:.05em;color:color-mix(in srgb, var(--cream) 40%, transparent);font-size:9px;font-weight:500}.cm-ladder-row.is-active .cm-ladder-row-lv{color:var(--dusk-peach);font-weight:700}.cm-ladder-row-pct{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-faint);font-size:10px;font-weight:500}.cm-ladder-row-pct--you{text-align:right}.cm-ladder-row-pct--them{text-align:left}.cm-ladder-row.is-active .cm-ladder-row-pct--you{color:var(--dusk-teal);font-weight:700}.cm-ladder-row.is-active .cm-ladder-row-pct--them{color:var(--dusk-rose);font-weight:700}.cm-ladder-row:not(.is-active) .cm-ladder-row-pct{color:var(--text-dim)}.cm-ladder-bar{background:color-mix(in srgb, var(--surface-2) 80%, transparent);height:12px;transition:height .2s var(--ease-out);grid-template-columns:1fr 1fr;display:grid;position:relative}.cm-ladder-row.is-active .cm-ladder-bar{outline:1px solid var(--dusk-peach);outline-offset:2px;height:16px}.cm-ladder-bar:before{content:"";background:color-mix(in srgb, var(--dusk-peach) 35%, transparent);z-index:2;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.cm-ladder-bar-you{position:relative}.cm-ladder-bar-you-fill{background:var(--dusk-teal);opacity:.7;position:absolute;top:0;bottom:0;right:0}.cm-ladder-row.is-active .cm-ladder-bar-you-fill{opacity:1}.cm-ladder-bar-them{position:relative}.cm-ladder-bar-them-fill{background:var(--dusk-rose);opacity:.7;position:absolute;top:0;bottom:0;left:0}.cm-ladder-row.is-active .cm-ladder-bar-them-fill{opacity:1}.cm-ladder-diamond{background:var(--dusk-peach);outline:1px solid var(--surface);z-index:3;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cm-ladder-footer{font-family:var(--font-mono);letter-spacing:.36em;text-transform:uppercase;color:color-mix(in srgb, var(--dusk-peach) 70%, transparent);text-align:center;font-size:9px}.cm-ladder-summary{flex-direction:column;gap:6px;width:100%;margin-top:16px;display:flex}.cm-ladder-summary-bar{width:100%;height:4px;display:flex;position:relative;overflow:hidden}.cm-ladder-summary-bar-focal{background:var(--dusk-teal);opacity:.7;height:100%;display:block}.cm-ladder-summary-bar-opp{background:var(--dusk-rose);opacity:.7;height:100%;display:block}.cm-ladder-summary-bar:after{content:"";background:color-mix(in srgb, var(--dusk-peach) 35%, transparent);z-index:2;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.cm-ladder-summary-labels{justify-content:space-between;display:flex}.cm-ladder-summary-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:9px}.cm-ladder-summary-label--you{color:color-mix(in srgb, var(--dusk-teal) 70%, transparent)}.cm-ladder-summary-label--them{color:color-mix(in srgb, var(--dusk-rose) 70%, transparent)}.mv--cinematic .mv-wr-panel{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:0;gap:8px;width:100%;padding:12px 16px}.mv--cinematic .mv-wr-panel-eyebrow-row{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);grid-template-columns:1fr 1fr;margin-bottom:6px;font-size:9px;display:grid}.mv--cinematic .mv-wr-panel-eyebrow-row .mv-wr-panel-eyebrow-col:last-child{text-align:right}.mv--cinematic .mv-wr-panel-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.mv--cinematic .mv-wr-panel-cell{flex-direction:column;gap:3px;display:flex}.mv--cinematic .mv-wr-panel-cell--right{text-align:right;align-items:flex-end}.mv--cinematic .mv-wr-panel-cell-value{font-family:var(--font-mono);color:var(--cream);letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1}.mv--cinematic .mv-wr-panel-cell-value--dim{color:var(--text-dim)}.mv--cinematic .mv-wr-panel-cell-value--win{color:var(--win)}.mv--cinematic .mv-wr-panel-cell-value--loss{color:var(--loss)}.mv--cinematic .mv-wr-panel-cell-sub{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-faint);font-size:9px}.mv--cinematic .mv-wr-panel-divider{border:none;border-top:1px solid var(--border);margin:10px 0 0}.cm-difficulty-block{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:8px;width:100%;padding:14px 18px;display:flex}.mv.mv--cinematic{background:var(--bg);flex-direction:column;gap:0;padding-bottom:32px;display:flex}.mv--cinematic .mv-picker,.mv--cinematic .mv-guide,.mv--cinematic .mv-stats{max-width:var(--w-app);box-sizing:border-box;width:100%;margin:0 auto}.mv--cinematic .mv-stats,.mv--cinematic .mv-picker{padding:0 24px}.mv-matchup-grid--cinematic{max-width:var(--w-app);box-sizing:border-box;width:100%;margin:0 auto;padding:0 24px 8px}.pro-badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklch, var(--dusk-peach) 90%, transparent);background:color-mix(in oklch, var(--dusk-peach) 18%, transparent);border:1px solid color-mix(in oklch, var(--dusk-peach) 30%, transparent);border-radius:var(--radius-sm);cursor:default;white-space:nowrap;align-items:center;padding:2px 7px;font-weight:500;line-height:1;display:inline-flex}.pro-badge--sm{font-size:var(--fs-xs);padding:2px 6px;line-height:1.4}.pro-badge--md{font-size:var(--fs-sm);padding:3px 8px;line-height:1.4}.otp-ranking{padding:16px 0 24px}.otp-ranking-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.otp-ranking-sort{align-items:center;gap:4px;display:flex}.otp-ranking-sort-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;margin-right:6px}.otp-ranking-sort-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s var(--ease-out), border-color .15s var(--ease-out);padding:4px 12px;font-weight:500}.otp-ranking-sort-btn:hover,.otp-ranking-sort-btn:focus-visible{color:var(--cream);border-color:var(--border-bright);outline:none}.otp-ranking-sort-btn.is-active{color:var(--dusk-peach);border-color:color-mix(in oklch, var(--dusk-peach) 50%, transparent);background:color-mix(in oklch, var(--dusk-peach) 10%, transparent)}.otp-ranking-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.otp-ranking-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.otp-ranking-table thead tr{border-bottom:1px solid var(--border)}.otp-ranking-table th{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);text-align:left;white-space:nowrap;padding:10px 14px;font-weight:500}.otp-ranking-row{border-bottom:1px solid var(--border);transition:background .15s var(--ease-out)}.otp-ranking-row:last-child{border-bottom:none}.otp-ranking-row:hover{background:var(--surface-2)}.otp-ranking-table td{vertical-align:middle;padding:10px 14px}.otp-col-rank{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);text-align:right;width:36px}.otp-col-player{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.otp-player-name{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--cream)}.otp-player-tag{color:var(--text-dim);font-size:var(--fs-xs)}.otp-col-region{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--text-dim);white-space:nowrap}.otp-col-tier{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);white-space:nowrap}.otp-col-games{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--cream);text-align:right}.otp-col-wr{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--win);text-align:right}.otp-col-wr.otp-wr--low{color:var(--loss)}.otp-ranking-empty{font-size:var(--fs-sm);color:var(--text-dim);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:32px 16px}.otp-ranking-footer{font-size:var(--fs-xs);color:var(--text-faint);margin-top:12px;padding:0 2px}.otp-ranking-attribution-link{color:var(--text-dim);text-underline-offset:2px;text-decoration:underline}.otp-ranking-attribution-link:hover{color:var(--cream)}@media (width<=600px){.otp-ranking-table th,.otp-ranking-table td{padding:8px 10px}.otp-col-region{display:none}}.rg-section{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.rg-header{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.rg-title{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.rg-subtitle{font-size:var(--fs-xs);color:var(--text-faint);font-family:var(--font-mono)}.rg-loading{flex-direction:column;gap:8px;display:flex}.rg-loading-bar{border-radius:var(--radius);background:color-mix(in oklch, var(--surface-2) 80%, transparent);height:52px;animation:1.4s ease-in-out infinite rg-pulse;display:block}.rg-loading-bar:nth-child(2){animation-delay:.2s}.rg-loading-bar:nth-child(3){animation-delay:.4s}@keyframes rg-pulse{0%,to{opacity:.6}50%{opacity:.3}}.rg-empty{font-size:var(--fs-sm);color:var(--text-dim);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:24px 16px}.rg-feed{flex-direction:column;gap:4px;display:flex}.rg-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:background .15s var(--ease-out);grid-template-columns:80px 160px auto 56px 72px 1fr 48px;align-items:center;gap:12px;padding:10px 14px 10px 18px;display:grid;position:relative;overflow:hidden}.rg-row:hover{background:var(--surface-2)}.rg-outcome-stripe{border-radius:var(--radius) 0 0 var(--radius);width:3px;position:absolute;top:0;bottom:0;left:0}.rg-row--win .rg-outcome-stripe{background:var(--win)}.rg-row--loss .rg-outcome-stripe{background:var(--loss)}.rg-time{flex-direction:column;gap:2px;display:flex}.rg-played-at{font-size:var(--fs-xs);color:var(--text-dim);font-family:var(--font-mono)}.rg-duration{font-size:var(--fs-xs);color:var(--text-faint);font-family:var(--font-mono)}.rg-player{flex-direction:column;gap:4px;min-width:0;display:flex}.rg-player-name{font-size:var(--fs-sm);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rg-player-tag{color:var(--text-dim);font-size:var(--fs-xs)}.rg-player-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rg-region,.rg-tier{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint)}.rg-matchup{align-items:center;gap:4px;display:flex}.rg-vs{font-size:var(--fs-xs);color:var(--text-faint);font-family:var(--font-mono)}.rg-champ-icon{border-radius:var(--radius-sm);object-fit:cover;width:28px;height:28px}.rg-kda{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--cream);white-space:nowrap}.rg-kda--high{color:var(--dusk-gold)}.rg-cs-gold{flex-direction:column;gap:2px;display:flex}.rg-cs,.rg-gold{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);white-space:nowrap}.rg-items{align-items:center;gap:3px;display:flex}.rg-item-icon{object-fit:cover;border-radius:3px;flex-shrink:0;width:24px;height:24px}.rg-item-empty{background:var(--surface-3);border-radius:3px;flex-shrink:0;width:24px;height:24px;display:inline-block}.rg-result{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);white-space:nowrap;text-align:center;padding:3px 7px;font-weight:500}.rg-result--win{color:var(--win);background:color-mix(in oklch, var(--win) 12%, transparent);border:1px solid color-mix(in oklch, var(--win) 25%, transparent)}.rg-result--loss{color:var(--loss);background:color-mix(in oklch, var(--loss) 12%, transparent);border:1px solid color-mix(in oklch, var(--loss) 25%, transparent)}@media (width<=768px){.rg-row{grid-template-rows:auto auto;grid-template-columns:70px 1fr;gap:8px}.rg-player{grid-column:2}.rg-matchup{grid-area:2/1}.rg-kda{grid-area:2/2}.rg-cs-gold{display:none}.rg-items{grid-area:3/1/auto/-1}.rg-result{grid-area:2/2;justify-self:end}}.about-splash-banner{width:100%;height:300px;margin-bottom:0;position:relative;overflow:hidden}.about-splash-img{object-fit:cover;object-position:center 20%;filter:saturate(.85)brightness(.9);width:100%;height:100%;display:block}.about-splash-scrim{background:linear-gradient(to bottom, transparent 0%, transparent 30%, color-mix(in oklab, var(--bg) 50%, transparent) 70%, var(--bg) 100%);pointer-events:none;position:absolute;inset:0}.about-section{padding-bottom:48px}.about-inner{max-width:68ch;padding:0 var(--pad);margin:0 auto}.about-faction{background:color-mix(in oklab, var(--surface) 60%, transparent);border:1px solid color-mix(in oklab, var(--cream) 8%, transparent);border-radius:var(--radius);align-items:flex-start;gap:14px;margin-top:24px;margin-bottom:28px;padding:16px 20px;display:flex}.about-faction-crest{object-fit:contain;filter:drop-shadow(0 2px 6px #00000080);flex-shrink:0;width:48px;height:48px}.about-faction-text{flex:1;min-width:0}.about-faction-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--dusk-peach) 85%, transparent);margin-bottom:5px;font-weight:600;display:block}.about-faction-flavour{font-family:var(--font-ui);color:color-mix(in oklab, var(--cream) 65%, transparent);margin:0;font-size:13px;line-height:1.6}.about-head{margin-bottom:24px}.about-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklab, var(--dusk-peach) 80%, transparent);margin-bottom:8px;font-size:11px;font-weight:500;display:block}.about-title{font-family:var(--font-display);color:var(--cream);letter-spacing:-.01em;margin:0;font-size:38px;font-weight:600;line-height:1.05}.about-subtitle{font-family:var(--font-display);color:color-mix(in oklab, var(--cream) 65%, transparent);margin:6px 0 0;font-size:17px;font-style:italic;font-weight:400}.about-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.about-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab, var(--cream) 75%, transparent);background:color-mix(in oklab, var(--surface) 60%, transparent);border:1px solid color-mix(in oklab, var(--cream) 12%, transparent);border-radius:999px;align-items:center;padding:3px 10px;font-size:10px;font-weight:500;display:inline-flex}.about-lore{margin-top:8px}.about-lore-p{font-family:var(--font-ui);color:color-mix(in oklab, var(--cream) 78%, transparent);margin:0 0 14px;font-size:15px;line-height:1.7}.about-lore-p:last-child{margin-bottom:0}.about-lore-p:first-child{color:color-mix(in oklab, var(--cream) 88%, transparent);font-size:16px}.about-related{border-top:1px solid color-mix(in oklab, var(--cream) 8%, transparent);margin-top:40px;padding-top:24px}.about-related-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--cream) 50%, transparent);margin-bottom:16px;font-size:10px;font-weight:500;display:block}.about-related-list{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.about-related-item{margin:0}.about-related-link{width:64px;color:color-mix(in oklab, var(--cream) 65%, transparent);transition:color var(--dur-fast) var(--ease-out);flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.about-related-link:hover,.about-related-link:focus-visible{color:var(--cream)}.about-related-icon{object-fit:cover;border:1px solid color-mix(in oklab, var(--cream) 8%, transparent);width:52px;height:52px;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:8px}.about-related-link:hover .about-related-icon,.about-related-link:focus-visible .about-related-icon{border-color:color-mix(in oklab, var(--dusk-peach) 32%, transparent);transform:translateY(-2px)}.about-related-link:not(:has(.about-related-icon)) .about-related-name{margin-top:58px}.about-related-name{font-family:var(--font-ui);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:64px;font-size:11px;font-weight:500;overflow:hidden}.about-related-viewall{font-family:var(--font-mono);letter-spacing:.06em;color:color-mix(in oklab, var(--cream) 35%, transparent);text-underline-offset:3px;cursor:default;margin-top:14px;font-size:11px;text-decoration:underline;display:block}@media (width<=600px){.about-splash-banner{height:200px}.about-title{font-size:30px}.about-subtitle{font-size:15px}.about-lore-p{font-size:14px;line-height:1.65}.about-lore-p:first-child{font-size:15px}.about-faction{flex-direction:column;gap:10px;padding:14px 16px}.about-faction-crest{width:40px;height:40px}}.items-page{background:var(--bg);min-height:100vh;padding-top:var(--topbar-h);padding-bottom:80px}.items-page-inner{max-width:var(--max-w);width:100%;margin:0 auto}.items-page-header{padding:48px var(--pad) 32px}.items-page-title{font-family:var(--font-display);font-size:var(--fs-3xl);color:var(--cream);letter-spacing:-.01em;margin:0 0 8px;line-height:.9}.items-page-sub{font-family:var(--font-ui);font-size:var(--fs-md);color:var(--text-dim);letter-spacing:.02em;margin:0}.items-filters{padding:0 var(--pad) 32px;flex-wrap:wrap;align-items:center;gap:16px;display:flex}.items-filter-group{align-items:center;gap:8px;display:flex}.items-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.items-toggle input{appearance:none;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:4px;width:16px;height:16px;transition:all .15s;position:relative}.items-toggle input:checked{background:var(--dusk-peach);border-color:var(--dusk-peach)}.items-toggle input:checked:after{content:"✓";color:var(--bg);font-size:10px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.items-toggle-label{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text);font-weight:500}.items-champ-input{background:var(--surface);border:1px solid var(--border);color:var(--cream);font-family:var(--font-ui);font-size:var(--fs-sm);border-radius:var(--radius);outline:none;width:180px;padding:8px 12px;transition:border-color .15s}.items-champ-input:focus{border-color:var(--amber)}.items-filter-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-sm);letter-spacing:.05em;cursor:pointer;border-radius:var(--radius);padding:8px 16px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.items-filter-btn:hover{border-color:var(--border-bright);color:var(--cream);background:var(--surface-3)}.items-filter-clear{background:var(--red-dim);border:1px solid var(--red);color:var(--red);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;border-radius:var(--radius);padding:8px 12px;font-weight:600}.items-filter-clear:hover{background:var(--red);color:#fff}.items-select{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;border-radius:var(--radius);outline:none;padding:8px 12px;transition:border-color .15s}.items-select:focus{border-color:var(--amber)}.items-sort-group{align-items:center;gap:8px;margin-left:auto;display:flex}.items-sort-label{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.items-sort-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;border-radius:var(--radius);padding:6px 14px;font-weight:600;transition:all .15s}.items-sort-btn:hover{color:var(--cream);border-color:var(--border-bright)}.items-sort-btn.active{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.lb-page{min-height:100vh;padding-top:var(--topbar-h);background:var(--bg);padding-bottom:80px}.lb-header{background:var(--surface);border-bottom:1px solid var(--border)}.lb-header-inner{max-width:var(--max-w);padding:32px var(--pad) 28px;margin:0 auto}.lb-header-titlebar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lb-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--cream);margin:0;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1}.lb-header-selectors{gap:8px;display:flex}.lb-select{font-family:var(--font-mono);letter-spacing:.08em;background:var(--bg);color:var(--cream);border:1px solid var(--border);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:right 12px top 53%,right 8px top 53%;background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:6px;padding:7px 28px 7px 12px;font-size:12px;transition:border-color .15s,color .15s}.lb-select:hover,.lb-select:focus{border-color:var(--dusk-peach);outline:none}.lb-header-meta{align-items:center;gap:10px;margin-left:auto;display:flex}.lb-updated{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.lb-refresh{border:1px solid var(--border);width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.lb-refresh:hover{color:var(--dusk-peach);border-color:var(--dusk-peach)}.lb-refresh.spinning svg{animation:.8s linear infinite lb-spin}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-hero-card{background:linear-gradient(90deg, color-mix(in srgb, var(--tier-clr,var(--amber)) 14%, transparent) 0%, color-mix(in srgb, var(--tier-clr,var(--amber)) 4%, transparent) 40%, transparent 100%), var(--surface);border-left:3px solid var(--tier-clr,var(--amber));color:var(--text);border-radius:10px;grid-template-columns:auto 64px 1fr auto;align-items:center;gap:22px;max-width:760px;padding:18px 24px 18px 20px;text-decoration:none;transition:background .2s,transform .2s;display:grid;position:relative;overflow:hidden}.lb-hero-card:hover{transform:translate(2px)}.lb-hero-card:after{content:"";background:radial-gradient(circle at 90% 50%, color-mix(in srgb, var(--tier-clr,var(--amber)) 25%, transparent) 0%, transparent 60%);pointer-events:none;opacity:.6;width:40%;position:absolute;top:0;bottom:0;right:0}.lb-hero-card>*{z-index:1;position:relative}.lb-hero-rank{text-align:center;border-right:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:2px;min-width:60px;padding-right:6px;display:flex}.lb-hero-rank-label{font-family:var(--font-mono);letter-spacing:.24em;color:var(--text-dim);text-transform:uppercase;font-size:9px}.lb-hero-rank-num{font-family:var(--font-display);color:var(--tier-clr,var(--amber));letter-spacing:-.03em;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--tier-clr,var(--amber)) 30%, transparent));font-size:44px;font-weight:700;line-height:.9}.lb-hero-avatar{object-fit:cover;border:2px solid color-mix(in srgb, var(--tier-clr,var(--amber)) 50%, transparent);border-radius:50%;width:64px;height:64px;box-shadow:0 0 0 3px #0006}.lb-hero-body{flex-direction:column;gap:6px;min-width:0;display:flex}.lb-hero-ident{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.lb-hero-name{font-family:var(--font-display);color:var(--cream);letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:1}.lb-hero-tag{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.06em;font-size:12px}.lb-hero-region{font-family:var(--font-mono);letter-spacing:.16em;color:var(--tier-clr,var(--amber));border:1px solid color-mix(in srgb, var(--tier-clr,var(--amber)) 40%, transparent);text-transform:uppercase;border-radius:3px;padding:2px 7px;font-size:9px;line-height:1}.lb-hero-stats{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.lb-hero-tier{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;border-right:1px solid #ffffff14;align-items:center;gap:10px;padding-right:18px;font-size:11px;font-weight:700;display:inline-flex}.lb-hero-stat{align-items:baseline;gap:5px;display:inline-flex}.lb-hero-stat b{font-family:var(--font-mono);color:var(--cream);letter-spacing:.02em;font-size:14px;font-weight:600}.lb-hero-stat em{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-dim);text-transform:uppercase;font-size:9px;font-style:normal}.lb-hero-arrow{color:var(--text-dim);opacity:0;transition:opacity .2s,transform .2s,color .2s;transform:translate(-4px)}.lb-hero-card:hover .lb-hero-arrow{opacity:1;color:var(--tier-clr,var(--amber));transform:translate(0)}.lb-top-card,.lb-top-emblem,.lb-top-rank,.lb-top-info,.lb-top-tier,.lb-top-badge{display:none}.lb-top-name{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text);letter-spacing:.01em;line-height:1}.lb-top-tag{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.1em;margin-left:6px;font-size:.48em}.lb-top-lp{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-dim);letter-spacing:.08em}.lb-top-region{color:var(--text-faint)}.lb-hero-emblem-wrap,.lb-hero-bg-emblem{display:none}.lb-controls{border-bottom:1px solid var(--border);background:var(--surface)}.lb-controls-inner{max-width:var(--max-w);padding:14px var(--pad);flex-wrap:wrap;align-items:center;gap:20px;margin:0 auto;display:flex}.lb-global-note{max-width:var(--max-w);padding:0 var(--pad) 10px;font-family:var(--font-mono);letter-spacing:.12em;color:var(--amber);opacity:.75;margin:0 auto;font-size:10px}.lb-seg{border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;display:flex;overflow:hidden}.lb-seg-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;border:none;border-right:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;padding:8px 16px;transition:color .15s,background .15s}.lb-seg-btn:last-child{border-right:none}.lb-seg-btn:hover{color:var(--text)}.lb-seg-btn.active{background:var(--amber);color:var(--bg)}.lb-regions,.lb-region-pill,.lb-region-note{display:none}.lb-search{border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:6px;align-items:center;gap:8px;margin-left:auto;padding:6px 12px;transition:border-color .15s;display:inline-flex}.lb-search:focus-within{border-color:var(--dusk-peach);color:var(--cream)}.lb-search-input{font-family:var(--font-mono);letter-spacing:.04em;color:var(--cream);background:0 0;border:none;outline:none;width:160px;font-size:12px}.lb-search-input::placeholder{color:var(--text-dim);opacity:.55}.lb-limit{flex-shrink:0;align-items:center;gap:4px;display:flex}.lb-limit-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.2em;color:var(--text-faint);margin-right:6px}.lb-limit-btn{font-family:var(--font-mono);font-size:var(--fs-xs);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;letter-spacing:.08em;background:0 0;border-radius:2px;padding:6px 10px;transition:color .15s,border-color .15s}.lb-limit-btn:hover{color:var(--text);border-color:var(--amber)}.lb-limit-btn.active{color:var(--amber);border-color:var(--amber)}.lb-body{max-width:var(--max-w);padding:24px var(--pad) 0;margin:0 auto}.lb-table{flex-direction:column;gap:2px;display:flex}.lb-row{background:var(--surface);color:var(--text);border-left:2px solid #0000;grid-template-columns:52px minmax(170px,2fr) 1.2fr 1.2fr .8fr 1.3fr;align-items:center;gap:14px;padding:10px 16px;text-decoration:none;transition:background .12s,border-color .12s,transform .12s;display:grid}.lb-skeleton-row{background:0 0;padding:4px 0}.lb-head{font-family:var(--font-mono);letter-spacing:.22em;color:var(--text-faint);border-bottom:1px solid var(--border);background:0 0;border-left:2px solid #0000;margin-bottom:4px;padding:6px 16px;font-size:9px}.lb-entry:hover{background:var(--surface-2);border-left-color:var(--amber);transform:translate(2px)}.lb-entry.is-gold{border-left-color:#f0c040}.lb-entry.is-silver{border-left-color:#c0c4cc}.lb-entry.is-bronze{border-left-color:#c98a52}.lbc-rank{font-family:var(--font-display);font-size:var(--fs-md);text-align:center}.lb-rank-num{color:var(--text-dim);font-size:var(--fs-sm);letter-spacing:.04em;text-align:center;min-width:28px;display:inline-block}.lb-rank-gold{color:#f0c040}.lb-rank-silver{color:#c0c4cc}.lb-rank-bronze{color:#c98a52}.lb-medal{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.lb-medal-num{font-family:var(--font-mono);letter-spacing:0;color:color-mix(in srgb, var(--bg) 85%, var(--text));font-size:12px;font-weight:700;line-height:1}.lb-medal--gold{background:var(--dusk-gold);border:1px solid color-mix(in srgb, var(--dusk-gold) 50%, transparent)}.lb-medal--silver{background:color-mix(in srgb, var(--cream) 60%, var(--text-dim));border:1px solid color-mix(in srgb, var(--cream) 30%, transparent)}.lb-medal--bronze{background:color-mix(in srgb, var(--dusk-peach) 70%, var(--text-dim));border:1px solid color-mix(in srgb, var(--dusk-peach) 35%, transparent)}.lbc-player{align-items:center;gap:12px;min-width:0;display:flex}.lb-avatar{object-fit:cover;border:1px solid var(--border);border-radius:2px;flex-shrink:0;width:38px;height:38px}.lb-player-text{flex-direction:column;gap:1px;min-width:0;display:flex}.lb-player-name{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;line-height:1.1;overflow:hidden}.lb-player-tag{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.08em}.lbc-region{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;color:var(--amber);opacity:.8}.lbc-tier{align-items:center;display:flex}.lb-emblem{display:none}.lb-tier-chip{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;background:color-mix(in srgb, var(--tier-clr,var(--text-dim)) 12%, transparent);border-left:2px solid var(--tier-clr,var(--text-dim));white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}@media (width<=420px){.lb-tier-chip .lb-tier-text-label{display:none}}.lbc-champs{align-items:center;gap:6px;display:flex}.lb-champ{justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:relative}.lb-champ-icon{object-fit:cover;border:1px solid #ffffff0f;border-radius:50%;width:100%;height:100%}.lb-champ-games{font-family:var(--font-mono);color:var(--cream);background:var(--bg);border:1px solid var(--border);letter-spacing:.02em;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:600;line-height:1;position:absolute;bottom:-3px;right:-3px}.lbc-lp{flex-wrap:wrap;align-items:baseline;gap:5px;display:flex}.lbc-lp b{font-family:var(--font-display);font-size:var(--fs-md);color:var(--cream,var(--text));font-weight:400}.lbc-lp em{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.12em;font-style:normal}.lb-lp-delta{font-family:var(--font-mono);letter-spacing:.04em;border-radius:3px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:600}.lb-lp-delta--up{color:var(--win);background:color-mix(in srgb, var(--win) 14%, transparent)}.lb-lp-delta--down{color:var(--loss);background:color-mix(in srgb, var(--loss) 14%, transparent)}.lbc-wl{font-family:var(--font-mono);font-size:var(--fs-sm);align-items:center;gap:5px;display:flex}.lb-wl-sep{color:var(--text-dim);opacity:.4}.lbc-wr{grid-template-columns:42px 1fr auto;align-items:center;gap:10px;display:grid}.lb-wr-val{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--cream);letter-spacing:.04em;text-align:right;background:0 0;border:none;padding:0;font-weight:600}.lb-wr-val--high{color:var(--win,#6aaf6c)}.lb-wr-val--low{color:var(--loss,#c05050)}.lb-wl-bar{background:var(--loss,#c05050);opacity:.85;border-radius:3px;height:6px;display:block;overflow:hidden}.lb-wl-bar-win{background:var(--win,#6aaf6c);border-radius:3px 0 0 3px;height:100%;display:block}.lb-wl-raw{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;font-size:11px}@media (width<=1200px){.lb-row{grid-template-columns:48px minmax(160px,2fr) 1.2fr 1.1fr .75fr 1.2fr}.lb-wl-raw{display:none}.lb-hero-card{grid-template-columns:auto auto 1fr auto}.lb-hero-stats{gap:14px}}@media (width<=1000px){.lb-row{grid-template-columns:46px minmax(150px,2fr) 1.1fr .75fr 1.2fr}.lbc-champs{display:none}}@media (width<=760px){.lb-hero-card{grid-template-columns:auto 1fr;gap:14px;padding:14px 16px}.lb-hero-rank{min-width:auto;padding-right:12px}.lb-hero-rank-num{font-size:32px}.lb-hero-avatar{display:none}.lb-hero-name{font-size:18px}}@media (width<=860px){.lb-row{grid-template-columns:42px minmax(140px,2fr) 1.2fr .9fr;gap:10px}.lbc-lp{display:none}}@media (width<=620px){.lb-row{grid-template-columns:36px minmax(110px,2fr) .9fr;gap:8px}.lbc-wr{display:none}.lb-emblem{width:30px;height:30px}}.lb-multi-page{min-height:100vh;padding-top:var(--topbar-h);background:var(--bg);padding-bottom:80px}.lb-multi-header{background:var(--surface);border-bottom:1px solid var(--border)}.lb-multi-header-inner{max-width:var(--max-w);padding:24px var(--pad) 20px;flex-wrap:wrap;align-items:center;gap:16px;margin:0 auto;display:flex}.lb-multi-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--cream);margin:0;font-size:clamp(20px,2.4vw,28px);font-weight:600;line-height:1}.lb-multi-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.lb-multi-customize-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:6px;padding:7px 12px;transition:color .15s,border-color .15s;display:inline-flex}.lb-multi-customize-btn:hover,.lb-multi-customize-btn:focus-visible{color:var(--cream);border-color:var(--dusk-peach);outline:none}.lb-multi-customize-btn.is-active{color:var(--dusk-peach);border-color:var(--dusk-peach)}.lb-multi-refresh{border:1px solid var(--border);border-radius:var(--radius);width:30px;height:30px;color:var(--text-dim);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.lb-multi-refresh:hover,.lb-multi-refresh:focus-visible{color:var(--dusk-peach);border-color:var(--dusk-peach);outline:none}.lb-multi-refresh.spinning svg{animation:.8s linear infinite lb-spin}.lb-board-grid{max-width:var(--max-w);padding:24px var(--pad);grid-template-columns:1fr;gap:20px;margin:0 auto;display:grid}@media (width>=1080px){.lb-board-grid{grid-template-columns:1fr 1fr}}.lb-board-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);animation:lb-board-appear .15s var(--ease-out) both;flex-direction:column;display:flex;overflow:hidden}@keyframes lb-board-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lb-board-card.is-hiding{animation:lb-board-hide .15s var(--ease-in) both}@keyframes lb-board-hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.lb-board-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.lb-board-title-group{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.lb-board-title{font-family:var(--font-display);font-size:var(--fs-md);color:var(--cream);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1;overflow:hidden}.lb-board-queue-badge{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:2px 6px}.lb-board-region-badge{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--dusk-peach);background:color-mix(in srgb, var(--dusk-peach) 10%, transparent);border:1px solid color-mix(in srgb, var(--dusk-peach) 25%, transparent);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:2px 6px}.lb-board-hide-btn{border-radius:var(--radius);width:24px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:color .15s,border-color .15s;display:inline-flex}.lb-board-hide-btn:hover,.lb-board-hide-btn:focus-visible{color:var(--dusk-peach);border-color:var(--border);outline:none}.lb-board-overflow-wrap{flex-shrink:0;margin-left:auto;display:none;position:relative}.lb-board-overflow-btn{border-radius:var(--radius);width:44px;height:44px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.lb-board-overflow-btn:hover,.lb-board-overflow-btn:focus-visible{color:var(--cream);border-color:var(--border);outline:none}.lb-board-overflow-menu{z-index:200;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius);min-width:160px;animation:lb-board-appear .12s var(--ease-out) both;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.lb-board-overflow-item{text-align:left;width:100%;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--cream);cursor:pointer;background:0 0;border:none;padding:10px 14px;text-decoration:none;transition:background .12s;display:block}.lb-board-overflow-item:hover,.lb-board-overflow-item:focus-visible{background:var(--surface-3);outline:none}.lb-board-overflow-item.is-destructive{color:var(--dusk-rose)}@media (width<=768px){.lb-board-hide-btn{display:none}.lb-board-overflow-wrap{display:block}}.lb-board-filters{border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;align-items:center;gap:4px;padding:8px 14px;display:flex;overflow-x:auto}.lb-board-filters::-webkit-scrollbar{display:none}.lb-role-chip{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:5px;padding:4px 8px;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.lb-role-chip:hover,.lb-role-chip:focus-visible{color:var(--cream);border-color:var(--border-bright);outline:none}.lb-role-chip.is-active{background:var(--dusk-peach);color:var(--bg);border-color:var(--dusk-peach)}.lb-role-chip img{object-fit:contain;opacity:.85;flex-shrink:0;width:14px;height:14px}.lb-role-chip.is-active img{opacity:1;filter:brightness(0)invert()}@media (width<=419px){.lb-role-chip-label{display:none}.lb-role-chip{padding:5px 6px}}.lb-board-list{flex-direction:column;flex:1;min-height:0;display:flex}.lb-board-list .lb-row{grid-template-columns:40px minmax(100px,1fr) auto auto;gap:10px;padding:8px 14px}.lb-board-list .lb-head{padding:4px 14px;font-size:8px}.lb-board-list .lbc-champs,.lb-board-list .lbc-wr{display:none}.lb-board-lp-wr{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.lb-board-lp-wr .lb-wr-pct{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;font-size:10px}.lb-board-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.lb-board-expand-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:5px 10px;transition:color .15s,border-color .15s}.lb-board-expand-btn:hover,.lb-board-expand-btn:focus-visible{color:var(--dusk-peach);border-color:var(--dusk-peach);outline:none}.lb-board-expand-btn.is-expanded{color:var(--dusk-peach);border-color:var(--dusk-peach)}.lb-board-full-link{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--dusk-peach);padding:5px 0;text-decoration:none;transition:opacity .15s;display:none}.lb-board-full-link:hover,.lb-board-full-link:focus-visible{opacity:.75;outline:none}@media (width<=768px){.lb-board-expand-btn{display:none}.lb-board-full-link{display:inline}}.lb-board-loading{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;justify-content:center;align-items:center;padding:24px 14px;display:flex}.lb-board-error{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--dusk-rose);letter-spacing:.06em;padding:16px 14px}.lb-board-empty{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:.08em;text-align:center;padding:24px 14px}.lb-all-hidden{max-width:var(--max-w);padding:0 var(--pad);text-align:center;flex-direction:column;align-items:center;gap:16px;margin:60px auto;display:flex}.lb-all-hidden-msg{font-family:var(--font-ui);font-size:var(--fs-md);color:var(--text-dim)}.lb-all-hidden-restore{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;background:var(--surface-2);color:var(--cream);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:8px 16px;transition:border-color .15s,color .15s}.lb-all-hidden-restore:hover,.lb-all-hidden-restore:focus-visible{border-color:var(--dusk-peach);color:var(--dusk-peach);outline:none}.lb-add-board-chip{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border:1px dashed var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;align-self:start;align-items:center;gap:6px;padding:8px 14px;transition:color .15s,border-color .15s;display:inline-flex}.lb-add-board-chip:hover,.lb-add-board-chip:focus-visible{color:var(--dusk-peach);border-color:var(--dusk-peach);outline:none}.lb-tweaks-panel{z-index:500;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius-lg);flex-direction:column;width:300px;max-height:calc(100vh - 80px);display:flex;position:fixed;bottom:24px;right:24px;overflow-y:auto}.lb-tweaks-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lb-tweaks-title{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);font-weight:700}.lb-tweaks-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1;transition:color .15s}.lb-tweaks-close:hover{color:var(--cream)}.lb-tweaks-section{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.lb-tweaks-section:last-child{border-bottom:none}.lb-tweaks-section-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.lb-tweaks-board-row{justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.lb-tweaks-board-name{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--cream);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lb-tweaks-switch{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.lb-tweaks-switch input{opacity:0;width:0;height:0;position:absolute}.lb-tweaks-switch-track{background:var(--surface-3);border:1px solid var(--border);border-radius:100px;width:32px;height:18px;transition:background .15s,border-color .15s;position:relative}.lb-tweaks-switch-track:after{content:"";background:var(--text-dim);border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.lb-tweaks-switch input:checked+.lb-tweaks-switch-track{background:color-mix(in srgb, var(--dusk-peach) 25%, transparent);border-color:var(--dusk-peach)}.lb-tweaks-switch input:checked+.lb-tweaks-switch-track:after{background:var(--dusk-peach);transform:translate(14px)}.lb-tweaks-form{flex-direction:column;gap:8px;display:flex}.lb-tweaks-select{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;background:var(--bg);color:var(--cream);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:right 10px top 53%,right 6px top 53%;background-repeat:no-repeat;background-size:4px 4px,4px 4px;width:100%;padding:6px 24px 6px 10px;transition:border-color .15s}.lb-tweaks-select:hover,.lb-tweaks-select:focus{border-color:var(--dusk-peach);outline:none}.lb-tweaks-select:disabled{opacity:.5;cursor:default}.lb-tweaks-add-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;background:var(--dusk-peach);color:var(--bg);border-radius:var(--radius);cursor:pointer;border:none;padding:7px 14px;transition:opacity .15s}.lb-tweaks-add-btn:hover{opacity:.85}.lb-tweaks-add-btn:disabled{opacity:.4;cursor:default}.lb-tweaks-cap-note{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--dusk-rose);padding:4px 0}.lb-tweaks-reset-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:7px 12px;transition:color .15s,border-color .15s}.lb-tweaks-reset-btn:hover,.lb-tweaks-reset-btn:focus-visible{color:var(--cream);border-color:var(--border-bright);outline:none}.auth-page{min-height:100vh;padding:var(--sp-8) var(--pad);background:var(--bg);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--sp-8);color:var(--text)}.auth-title{font-family:var(--font-display);font-size:var(--fs-xl);margin:0 0 var(--sp-2);color:var(--text);font-weight:600}.auth-sub{font-size:var(--fs-sm);color:var(--text-dim);margin:0 0 var(--sp-6)}.auth-form{gap:var(--sp-4);flex-direction:column;display:flex}.auth-field{gap:var(--sp-2);flex-direction:column;display:flex}.auth-field label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:500}.auth-field input{font-family:var(--font-ui);font-size:var(--fs-md);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);transition:border-color var(--dur-fast) var(--ease-out);outline:none}.auth-field input:focus{border-color:var(--dusk-peach)}.auth-field input:disabled{opacity:.6;cursor:not-allowed}.auth-submit{font-family:var(--font-ui);font-size:var(--fs-md);background:var(--dusk-peach);color:#1a1320;border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:filter var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border:none;font-weight:600}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-submit--ghost{color:var(--text);border:1px solid var(--border-bright);background:0 0}.auth-error{font-size:var(--fs-sm);color:var(--loss);background:var(--red-dim);border:1px solid var(--red-dim);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3)}.auth-foot{margin:var(--sp-4) 0 0;font-size:var(--fs-sm);color:var(--text-dim);text-align:center}.auth-foot a{color:var(--dusk-peach);text-decoration:none}.auth-foot a:hover{text-decoration:underline}.auth-debug{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);white-space:pre-wrap;margin:0;overflow-x:auto}.auth-nav-link{font-size:var(--fs-sm);color:var(--text-dim);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}.auth-nav-link:hover{color:var(--dusk-peach)}.bw{letter-spacing:-.04em;color:var(--cream);text-transform:lowercase;align-items:baseline;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:700;line-height:1;display:inline-flex}.bw--side{font-size:26px}.bw--hero{letter-spacing:-.05em;font-size:56px}.search-hero-mark{justify-content:center;margin-bottom:40px;display:flex}.bw-text{color:var(--cream);text-shadow:0 0 12px #f59e5a2e}.bw-bracket{color:var(--bw-accent);text-shadow:0 0 8px #f59e5a66;padding:0 2px;font-weight:400}.bw--word{letter-spacing:-.045em}.bw-word{color:var(--cream);text-shadow:none;font-weight:700}.bw--word.bw--hero{letter-spacing:-.055em}.bw--word .bw-word{font-weight:600}.bw-dot{color:var(--bw-accent)}.bw--lockup{align-items:baseline;gap:.34em}.bw-lockup-word{color:var(--cream);letter-spacing:-.04em;font-size:.78em;font-weight:600}.logo-preview{max-width:1040px;margin:0 auto;padding:48px 24px 96px}.lp-header{margin-bottom:56px}.lp-eyebrow{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--dusk-peach);margin:0 0 10px;font-size:11px}.lp-title{font-family:var(--font-display);color:var(--cream);letter-spacing:-.01em;margin:0 0 12px;font-size:28px;font-weight:600}.lp-intro{font-family:var(--font-ui);color:var(--text-dim);max-width:560px;margin:0;font-size:15px;line-height:1.6}.lp-intro--dim{color:var(--text-faint);margin-top:8px;font-size:13px}.lp-intro code,.lp-variant-glyph{font-family:var(--font-mono)}.lp-intro code{color:var(--text-dim);font-size:.92em}.lp-variant{margin-bottom:56px}.lp-variant-head{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:14px}.lp-variant-name{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--dusk-peach);margin:0 0 4px;font-size:12px}.lp-variant-glyph{color:var(--cream);margin:0 0 8px;font-size:13px;display:inline-block}.lp-variant-use{font-family:var(--font-ui);color:var(--text-dim);margin:0;font-size:13px;line-height:1.55}.lp-variant-desc{font-family:var(--font-ui);color:var(--text-faint);max-width:640px;margin:8px 0 0;font-size:13px;line-height:1.6}.lp-matrix{grid-template-columns:1fr 1fr;gap:16px;display:grid}.lp-surface{background:var(--bg);box-shadow:inset 0 0 0 1px var(--border);border-radius:10px;padding:16px 16px 14px}.lp-surface-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px;font-size:10px;display:block}.lp-sizes{flex-direction:column;gap:6px;display:flex}.lp-cell{border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;display:flex}.lp-stage{justify-content:center;align-items:center;min-height:64px;display:flex}.lp-size-label{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-faint);font-size:10px}@media (width<=720px){.lp-matrix{grid-template-columns:1fr}}.design-lab{max-width:1240px;font-family:var(--font-ui,Helvetica, sans-serif);color:var(--text);margin:0 auto;padding:48px 24px 96px}.dl-header{border-bottom:1px solid #f59e5a2e;flex-direction:column;gap:12px;margin-bottom:48px;padding-bottom:28px;display:flex}.dl-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--dusk-peach);align-items:center;gap:12px;margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:flex}.dl-eyebrow:before{content:"";background:var(--dusk-peach);width:24px;height:1px}.dl-title{letter-spacing:-.04em;color:var(--cream);margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:36px;font-weight:700;line-height:1.1}.dl-intro{color:var(--text-dim);max-width:720px;margin:0;font-size:14px;line-height:1.6}.dl-intro--dim{color:var(--text-faint);font-size:13px}.dl-intro code{color:var(--dusk-peach);background:#f59e5a14;border-radius:3px;padding:1px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.dl-section{margin-bottom:64px}.dl-section-head{border-bottom:1px dashed #f59e5a26;flex-direction:column;gap:4px;margin-bottom:20px;padding-bottom:12px;display:flex}.dl-section-title{letter-spacing:.22em;text-transform:uppercase;color:var(--dusk-peach);margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:600}.dl-section-note{color:var(--text-dim);max-width:820px;margin:0;font-size:13px;line-height:1.5}.dl-grid{gap:16px;display:grid}.dl-grid--2{grid-template-columns:repeat(2,1fr)}.dl-grid--3{grid-template-columns:repeat(3,1fr)}@media (width<=800px){.dl-grid--3{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.dl-grid--2,.dl-grid--3{grid-template-columns:1fr}}.dl-cell{background:linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%);border:1px solid #f59e5a1f;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.dl-cell--dark{background:linear-gradient(#0a0604 0%,#050302 100%)}.dl-cell-stage{flex:1;justify-content:center;align-items:center;min-height:160px;padding:32px;display:flex}.dl-cell-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);background:#00000040;border-top:1px solid #f59e5a14;padding:10px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.dl-empty{color:var(--text-faint);opacity:.4;font-family:JetBrains Mono,ui-monospace,monospace;font-size:24px}.dl-icon-table{background:var(--surface);border:1px solid #f59e5a1f;border-radius:8px;overflow:hidden}.dl-icon-row{color:var(--dusk-peach);border-bottom:1px solid #f59e5a14;grid-template-columns:140px repeat(8,1fr);align-items:center;gap:8px;padding:16px 18px;display:grid}.dl-icon-row:last-child{border-bottom:none}.dl-icon-row--head{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);background:#f59e5a0a;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.dl-icon-set-label{letter-spacing:.18em;text-transform:uppercase;color:var(--cream);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.dl-icon-row>span:not(.dl-icon-set-label){justify-content:center;align-items:center;display:inline-flex}.dl-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.dl-swatch{background:var(--surface);border:1px solid #f59e5a1a;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;display:flex}.dl-swatch-chip{border:1px solid #ffffff0a;border-radius:4px;flex-shrink:0;width:36px;height:36px}.dl-swatch-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.dl-swatch-name{color:var(--cream);background:0 0;padding:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.dl-swatch-use{color:var(--text-faint);font-size:11px;line-height:1.3}.dl-type-family{background:var(--surface);border:1px solid #f59e5a1a;border-radius:8px;margin-bottom:32px;padding:20px}.dl-type-family-name{letter-spacing:.2em;text-transform:uppercase;color:var(--dusk-peach);margin:0 0 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:600}.dl-type-stack{flex-direction:column;gap:14px;display:flex}.dl-type-row{border-bottom:1px dashed #f59e5a14;justify-content:space-between;align-items:baseline;gap:24px;padding:8px 0;display:flex}.dl-type-row:last-child{border-bottom:none}.dl-type-sample{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dl-type-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);flex-shrink:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.dl-footer{color:var(--text-faint);border-top:1px solid #f59e5a1f;flex-direction:column;gap:6px;margin-top:64px;padding-top:28px;font-size:12px;display:flex}.dl-footer code{color:var(--dusk-peach);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.profile-page{min-height:100vh;padding-top:var(--topbar-h)}.profile-nav{padding:22px var(--pad);max-width:var(--max-w);width:100%;margin:0 auto}.back-btn{font-family:var(--font-display);letter-spacing:.14em;color:var(--text-dim);align-items:center;gap:10px;font-size:16px;transition:color .15s;display:inline-flex}.back-btn:hover{color:var(--cream)}.profile-header{max-width:var(--max-w);padding:0 var(--pad) 44px;align-items:flex-end;gap:26px;margin:0 auto;display:flex}.profile-icon-wrap{flex-shrink:0;position:relative}.profile-icon{border:2px solid var(--border);width:92px;height:92px}.profile-level{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-display);letter-spacing:.1em;color:var(--amber);white-space:nowrap;padding:2px 9px;font-size:12px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.profile-info{padding-bottom:12px}.profile-name-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.profile-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--cream);font-size:clamp(40px,6vw,64px);line-height:1}.profile-tag{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;font-size:14px}.profile-wl{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.03em;margin-top:8px;font-size:12px}.refresh-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;align-items:center;gap:6px;margin-left:14px;padding:6px 12px;font-size:11px;transition:all .15s;display:inline-flex}.refresh-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--amber);color:var(--amber)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .spin{animation:.9s linear infinite refresh-spin}@keyframes refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-updated{font-family:var(--font-mono);color:var(--text-dim);opacity:.6;letter-spacing:.08em;margin-top:4px;font-size:10px}.profile-grid{max-width:var(--max-w);padding:0 var(--pad);grid-template-columns:1fr 280px;gap:32px;margin:0 auto;display:grid}.profile-main{min-width:0}.profile-side{flex-direction:column;display:flex}.side-stats-list{flex-direction:column;gap:4px;display:flex}.side-champ-row{background:var(--surface);border:1px solid var(--border);align-items:center;gap:12px;padding:8px 12px;transition:all .12s;display:flex}.side-champ-row:hover{background:var(--surface-2);border-color:var(--border-bright)}.side-champ-icon{border:1px solid var(--border);width:32px;height:32px}.side-champ-info{flex-direction:column;flex:1;gap:2px;display:flex}.side-champ-name{font-family:var(--font-ui);color:var(--cream);font-size:14px;font-weight:500}.side-champ-meta{color:var(--text-dim);font-size:10px}.side-champ-stats{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.side-champ-wr{font-family:var(--font-display);letter-spacing:.04em;font-size:14px}.side-champ-kda{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.items-section{max-width:var(--max-w);padding:0 var(--pad) 44px;margin:0 auto}.items-grid{flex-wrap:wrap;gap:8px;display:flex}.item-wr-card{background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:center;gap:5px;width:80px;padding:10px 8px 8px;transition:border-color .15s;display:flex}.item-wr-card:hover{border-color:var(--border-bright)}.item-wr-card.item-card-win{background:linear-gradient(#2a966012 0%,#0000 50%);border-color:#2a966066}.item-wr-card.item-card-loss{background:linear-gradient(#c5202012 0%,#0000 50%);border-color:#c5202059}.item-wr-icon-wrap{flex-shrink:0;width:48px;height:48px;position:relative}.item-wr-icon{background:var(--surface-2);border:1px solid var(--border);cursor:default;width:48px;height:48px;display:block}.item-wr-icon img{object-fit:cover;width:100%;height:100%;display:block}.item-wr-badge{font-family:var(--font-mono);white-space:nowrap;letter-spacing:.03em;padding:2px 5px;font-size:10px;font-weight:700;position:absolute;bottom:-4px;right:-4px}.wr-high{color:var(--win);background:#2a966033;border:1px solid #2a966066}.wr-low{color:var(--loss);background:#c5202033;border:1px solid #c5202066}.wr-mid{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}.item-wr-name{font-family:var(--font-ui);color:var(--cream);letter-spacing:.02em;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:12px;font-weight:600;overflow:hidden}.item-wr-games{font-family:var(--font-mono);color:var(--text);letter-spacing:.01em;font-size:10px}.matches-section{max-width:var(--max-w);padding:0 var(--pad) 80px;margin:0 auto}.matches-loading{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:12px;padding:28px 0;font-size:12px;display:flex}.matches-header{align-items:center}.matches-header-toggles{align-items:center;gap:10px;margin-left:auto;display:inline-flex}.view-toggle{border:1px solid var(--border);background:var(--surface);gap:0;margin-left:auto;display:inline-flex}.view-toggle-btn{color:var(--text-dim);font-family:var(--font-display);letter-spacing:.14em;cursor:pointer;background:0 0;border:0;padding:10px 22px;font-size:12px;transition:color .15s,background .15s}.view-toggle-btn:hover{color:var(--cream)}.view-toggle-btn.is-active{background:var(--surface-2);color:var(--amber)}.match-filter-bar{background:var(--surface);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.filter-select{background:var(--bg);border:1px solid var(--border);min-width:160px;color:var(--cream);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-repeat:no-repeat;background-size:5px 5px;padding:10px 34px 10px 14px;font-size:13px}.filter-select:hover{border-color:var(--amber)}.filter-role-group{border:1px solid var(--border);background:var(--bg);display:inline-flex}.filter-role-btn{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.12em;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:14px 20px;font-size:14px;transition:color .15s,background .15s;display:inline-flex}.filter-role-btn+.filter-role-btn{border-left:1px solid var(--border)}.filter-role-btn:hover{color:var(--cream)}.filter-role-btn.is-active{background:var(--surface-2);color:var(--amber)}.filter-role-btn.is-empty{color:var(--text-dim);opacity:.32;cursor:not-allowed}.filter-role-btn.is-empty:hover{color:var(--text-dim)}.filter-role-btn.is-empty .filter-role-icon{opacity:.4}.filter-role-count{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.08em;opacity:.7;padding-left:4px;font-size:10px}.filter-role-btn.is-active .filter-role-count{color:var(--amber);opacity:.9}.filter-role-icon{filter:invert()brightness(.85);opacity:.75;width:22px;height:22px;transition:opacity .15s,filter .15s}.filter-role-btn:hover .filter-role-icon{opacity:1}.filter-role-btn.is-active .filter-role-icon{opacity:1;filter:invert(72%)sepia(55%)saturate(600%)hue-rotate(5deg)brightness(.95)}.filter-clear-btn{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.12em;cursor:pointer;background:0 0;margin-left:auto;padding:10px 16px;font-size:12px;transition:all .15s}.filter-clear-btn:hover{border-color:var(--red);color:var(--red)}.identity-section{max-width:var(--max-w);margin:0 auto var(--space-section);padding:0 var(--pad)}.identity-split{grid-template-columns:1fr 1fr;gap:28px;display:grid}.identity-col{flex-direction:column;gap:10px;display:flex}.identity-col--mastery:not(:only-child){border-right:1px solid var(--border);padding-right:28px}.identity-col-label{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.28em;border-bottom:1px solid var(--border);padding-bottom:6px}.identity-col--mastery .identity-col-label{color:var(--teal);border-bottom-color:#2d7d8e38}.identity-col--season .identity-col-label{color:var(--amber);border-bottom-color:#c8913a38}.identity-col-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.champ-card{background:var(--surface);border:1px solid var(--border);flex-direction:column;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.champ-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.champ-card-portrait{aspect-ratio:1;background:var(--bg);position:relative;overflow:hidden}.champ-card-portrait img{object-fit:cover;object-position:center 20%;filter:contrast(1.05)saturate(1.08);width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.champ-card:hover .champ-card-portrait img{transform:scale(1.08)}.champ-card-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0a0a0a99 100%);position:absolute;inset:0}.champ-card-badge{border:1px solid var(--border-bright);color:var(--cream);font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.08em;font-feature-settings:"tnum";z-index:1;background:#0a0a0ad1;padding:3px 8px;position:absolute;top:8px;right:8px}.champ-card-badge-mastery{border-color:var(--amber);color:var(--amber)}.champ-card-badge-win{border-color:var(--teal);color:var(--teal)}.champ-card-badge-loss{border-color:var(--red);color:var(--red)}.champ-card-body{flex-direction:column;gap:8px;padding:11px 13px 13px;display:flex}.champ-card-name{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--cream);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.champ-card-stats{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:7px;display:flex}.champ-card-row{font-family:var(--font-mono);font-size:var(--fs-xs);font-feature-settings:"tnum";justify-content:space-between;align-items:baseline;display:flex}.champ-card-row-lbl{color:var(--text-dim);letter-spacing:.14em}.champ-card-row-val{color:var(--cream);letter-spacing:.04em}.champ-card-wl-sep{color:var(--text-dim);opacity:.5;padding:0 4px}@media (width<=820px){.identity-split{grid-template-columns:1fr;gap:20px}.identity-col--mastery:not(:only-child){border-right:0;border-bottom:1px solid var(--border);padding-bottom:20px;padding-right:0}}@media (width<=560px){.identity-col-cards{gap:8px}}@keyframes roster-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.champ-summary-list{flex-direction:column;gap:3px;display:flex}.champ-summary-row{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border);color:var(--cream);text-align:left;cursor:pointer;font-family:var(--font-mono);grid-template-columns:48px 1.4fr 1fr 1.2fr .7fr .7fr;align-items:center;gap:14px;padding:10px 16px;transition:border-color .15s,background .15s;display:grid}.champ-summary-row:hover{background:var(--surface-2);border-color:var(--border-bright)}.champ-summary-row.row-win{border-left-color:var(--win)}.champ-summary-row.row-loss{border-left-color:var(--red)}.champ-summary-icon{object-fit:cover;border-radius:2px;width:40px;height:40px}.champ-summary-name-col{flex-direction:column;gap:2px;display:flex}.champ-summary-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--cream);font-size:14px}.champ-summary-games{color:var(--text-dim);letter-spacing:.08em;font-size:10px}.champ-summary-wr-col,.champ-summary-kda-col,.champ-summary-stat-col{flex-direction:column;gap:2px;display:flex}.champ-summary-wr{font-family:var(--font-display);letter-spacing:.04em;font-size:16px}.champ-summary-wr.wr-high{color:var(--win)}.champ-summary-wr.wr-low{color:var(--red)}.champ-summary-wl{color:var(--text-dim);font-size:10px}.champ-summary-kda{font-family:var(--font-display);color:var(--cream);font-size:14px}.champ-summary-kda-sub{color:var(--text-dim);font-size:10px}.champ-summary-stat-val{font-family:var(--font-display);color:var(--cream);font-size:13px}.champ-summary-stat-lbl{color:var(--text-dim);letter-spacing:.12em;font-size:9px}@media (width<=720px){.champ-summary-row{grid-template-columns:40px 1.3fr .9fr 1fr}.champ-summary-stat-col{display:none}.match-filter-bar{gap:8px}.filter-role-btn{padding:6px 8px}}.load-more-wrap{justify-content:center;margin-top:24px;display:flex}.load-more-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-display);letter-spacing:.1em;justify-content:center;align-items:center;gap:10px;min-width:180px;padding:12px 40px;font-size:14px;transition:all .2s;display:flex}.load-more-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-bright);color:var(--cream)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.no-data{font-family:var(--font-mono);color:var(--text-dim);padding:28px 0;font-size:12px}.scope-bar{max-width:var(--max-w);padding:14px var(--pad) 0;flex-wrap:wrap;align-items:center;gap:22px 40px;margin:20px auto 4px;display:flex}.scope-group{align-items:center;gap:12px;min-width:0;display:flex}.scope-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.22em;color:var(--amber);opacity:.85}.scope-pills{border:1px solid var(--border);gap:2px;display:flex}.scope-pill{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;border:none;border-right:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;isolation:isolate;background:0 0;padding:8px 14px;transition:color .15s;position:relative}.scope-pills .scope-pill:last-child{border-right:none}.scope-pill:hover{color:var(--text)}.scope-pill.is-active{color:var(--bg)}.scope-pill-active-bg{background:var(--amber);z-index:-1;position:absolute;inset:0}.scope-pill-content{z-index:1;position:relative}.scope-pill.is-empty{opacity:.28;cursor:not-allowed}.scope-pill.is-empty:hover{color:var(--text-dim);background:0 0}.scope-pill-count{opacity:.65;letter-spacing:.06em;margin-left:6px;font-size:9px}.scope-pill.is-active .scope-pill-count{opacity:.85}.profile-page-v2{max-width:var(--w-app);padding:calc(var(--topbar-h) + 24px) var(--pad-inline) 96px;margin:0 auto}.profile-page-v2>*+*{margin-top:28px}.profile-section-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;padding-bottom:12px;display:flex}.profile-section-label-text{color:var(--text)}.profile-section-label-aside{color:var(--text-faint);letter-spacing:.16em;font-size:10px}.hero-broadcast{isolation:isolate;background:var(--surface-raised);border:var(--surface-hairline);box-shadow:var(--surface-shadow);border-radius:16px;min-height:240px;position:relative;overflow:hidden}.hero-broadcast:before{content:"";background:var(--ambient-mesh);opacity:.7;pointer-events:none;z-index:0;animation:24s ease-in-out infinite alternate hero-drift;position:absolute;inset:-8%}@keyframes hero-drift{0%{transform:translate(0)scale(1)}to{transform:translate(-1.5%,-1%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.hero-broadcast:before{animation:none}}.hero-broadcast:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(100% 80% at 30%,#0000 30%,#14101a73 100%);position:absolute;inset:0}.hero-broadcast>*{z-index:2;position:relative}.hero-broadcast--banner-grid:before{background:linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px), var(--ambient-mesh);opacity:.6;background-size:60px 60px,60px 60px,auto}.hero-broadcast--banner-minimal:before{background:0 0}.hero-broadcast-controls{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;top:18px;right:22px}.hero-broadcast-inner{z-index:2;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:36px 40px 40px;display:grid;position:relative}.hero-broadcast-avatar{background:linear-gradient(135deg, var(--surface-3), var(--surface-2));border:2px solid var(--accent);width:120px;height:120px;box-shadow:0 0 0 4px #14101ae6, 0 0 0 5px var(--accent-soft), 0 0 48px var(--accent-soft), 0 6px 18px #00000073;transition:box-shadow var(--dur-base) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.hero-broadcast-avatar:hover{box-shadow:0 0 0 4px #14101ae6, 0 0 0 5px var(--accent), 0 0 56px var(--accent-soft), 0 6px 18px #00000073}.hero-broadcast-avatar-img{object-fit:cover;width:100%;height:100%}.hero-broadcast-avatar-fallback{font-family:var(--font-display);color:var(--accent);font-size:48px;font-weight:400}.hero-broadcast-id{flex-direction:column;gap:8px;min-width:0;display:flex}.hero-broadcast-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:2px;font-size:10px;display:flex}.hero-broadcast-eyebrow-region{color:var(--accent);align-items:center;gap:6px;display:inline-flex}.hero-broadcast-eyebrow-region-img{object-fit:cover;border:1px solid #f7a67959;border-radius:2px;flex-shrink:0;width:22px;height:14px}.hero-broadcast-eyebrow-sep{color:var(--text-faint);opacity:.6}.hero-broadcast-reload,.hero-broadcast-customize{border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:#14101a66;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;display:inline-flex}.hero-broadcast-reload{padding:5px 8px}.hero-broadcast-reload:hover:not(:disabled),.hero-broadcast-customize:hover:not(:disabled){color:var(--accent);border-color:var(--accent-glow)}.hero-broadcast-reload .spin{animation:.8s linear infinite hb-spin}@keyframes hb-spin{to{transform:rotate(360deg)}}.hero-broadcast-customize.is-open{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.hero-broadcast-charge{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);align-items:center;gap:6px;font-size:10px;display:inline-flex}.hero-broadcast-name{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);word-break:break-word;overflow-wrap:anywhere;margin:0;font-size:clamp(40px,5vw,64px);font-weight:300;line-height:1}.hero-broadcast-name-tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-top:2px;font-size:12px}.hero-broadcast-meta{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;font-size:11px;display:flex}.hero-broadcast-meta-dim{color:var(--text-faint);letter-spacing:.2em;text-transform:uppercase}.hero-broadcast-rank{color:var(--dusk-gold);letter-spacing:.04em;background:linear-gradient(135deg,#e6b2571f,#e6b2570a);border:1px solid #e6b2574d;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;display:inline-flex}.hero-broadcast-rank-emblem{flex-shrink:0;width:22px;height:22px}.hero-broadcast-rank-lp,.hero-broadcast-rank-wl{color:var(--text-dim)}.hero-broadcast-peak{color:var(--text);letter-spacing:.04em;cursor:default;background:linear-gradient(135deg,#b4aac81a,#b4aac80a);border:1px solid #c8bedc38;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:inline-flex}.hero-broadcast-peak-emblem{opacity:.95;flex-shrink:0;width:22px;height:22px}.hero-broadcast-peak-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:600}.hero-broadcast-peak-tier{color:var(--text);font-weight:500}.hero-broadcast-peak-season{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-dim);border-left:1px solid #c8bedc38;padding-left:8px;font-size:10px}.hero-broadcast-ribbon{background:linear-gradient(90deg, transparent 0%, var(--accent-glow) 25%, var(--accent) 50%, var(--accent-glow) 75%, transparent 100%);opacity:.6;pointer-events:none;z-index:3;height:1px;position:absolute;bottom:0;left:0;right:0}.hero-featured-slot{border:1px solid var(--border);color:inherit;min-width:220px;max-width:260px;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:#ffffff05;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;text-decoration:none;display:flex}.hero-featured-slot:hover{border-color:var(--accent-glow);background:#ffffff0a}.hero-featured-slot-body{grid-template-columns:44px 1fr;align-items:center;gap:12px;display:grid}.hero-featured-slot-portrait{background:var(--surface-2);border:1px solid var(--border);width:44px;height:44px;font-family:var(--font-display);color:var(--text-dim);border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex;overflow:hidden}.hero-featured-slot-portrait img{object-fit:cover;width:100%;height:100%}.hero-featured-slot-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.hero-featured-slot-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:400;line-height:1.1}.hero-featured-slot-stats{align-items:baseline;gap:6px;display:flex}.hero-featured-slot-kda{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.hero-featured-slot-games{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.profile-modules-row{flex-wrap:wrap;gap:12px;margin:12px 0 4px;display:flex}.profile-modules-row-cell{opacity:0;animation:.42s cubic-bezier(.22,.61,.36,1) forwards profile-module-rise;transform:translateY(10px)}@keyframes profile-module-rise{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.profile-modules-row-cell{opacity:1;animation:none;transform:none}}.hero-role-split{border:1px solid var(--border);background:linear-gradient(135deg,#7b5aa314,#f7a6790a),#ffffff05;border-radius:10px;flex-direction:column;flex-shrink:0;gap:10px;width:320px;padding:12px 16px 14px;display:flex}.hero-role-split-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hero-role-split-eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:600}.hero-role-split-total{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;font-size:10px}.hero-role-split-grid{grid-template-columns:repeat(5,1fr);align-items:end;gap:6px;display:grid}.hero-role-col{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.hero-role-col.is-empty{opacity:.4}.hero-role-bars{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:48px;margin-bottom:4px;display:flex}.hero-role-bar{width:7px;min-height:1px;transition:height var(--dur-base) var(--ease-out);border-radius:2px 2px 0 0;display:block}.hero-role-bar--win{background:linear-gradient(180deg, var(--win), #78c8b48c)}.hero-role-bar--loss{background:linear-gradient(180deg, var(--loss), #dc6e828c)}.hero-role-icon{opacity:.72;filter:invert(72%)sepia(8%)saturate(0%)brightness(.95);width:16px;height:16px}.hero-role-games{font-family:var(--font-display);color:var(--text);font-feature-settings:"tnum";font-size:14px;font-weight:300;line-height:1}.hero-role-winrate{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);font-feature-settings:"tnum";font-size:10px}.hero-role-winrate.is-strong{color:var(--win)}.hero-role-winrate.is-weak{color:var(--loss)}.hero-role-winrate.is-thin{color:var(--text-faint)}@media (width<=880px){.hero-broadcast-inner{grid-template-columns:auto 1fr;gap:20px;padding:24px 22px}.hero-featured-slot{grid-column:1/-1;min-width:0;max-width:none}.hero-role-split,.hero-top-tags{width:100%}}.hero-identity-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.hero-identity-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text);border:1px solid var(--border);cursor:default;background:#ffffff06;border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-size:10px;font-weight:500;display:inline-flex}.hero-identity-tag:before{content:"";background:var(--text-faint);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hero-identity-tag--fight:before{background:var(--dusk-rose)}.hero-identity-tag--risk:before{background:var(--dusk-gold)}.hero-identity-tag--vision:before{background:var(--dusk-teal)}.hero-identity-tag--damage:before{background:var(--dusk-peach)}.hero-identity-tag--pace:before{background:var(--accent)}.hero-identity-tag--shape:before{background:var(--dusk-violet)}.hero-identity-tag--pool:before{background:var(--dusk-teal)}.hero-identity-tag--streak:before{background:var(--win)}.hero-top-tags{border:1px solid var(--border);background:linear-gradient(135deg,#7b5aa314,#f7a6790a),#ffffff05;border-radius:10px;flex-direction:column;flex-shrink:0;gap:10px;width:320px;padding:12px 16px 14px;display:flex}.hero-top-tags-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hero-top-tags-eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:600}.hero-top-tags-scope{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;font-size:10px}.hero-top-tags-list{flex-wrap:wrap;gap:6px;display:flex}.hero-top-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text);border:1px solid var(--border);cursor:default;background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 9px;font-size:10px;font-weight:500;display:inline-flex}.hero-top-tag--achievement{background:#e6b2571a;border-color:#e6b25752}.hero-top-tag--shape{background:#7b5aa31f;border-color:#7b5aa35c}.hero-top-tag--personal{background:#f7a6791a;border-color:#f7a6794d}.hero-top-tag-label{line-height:1}.hero-top-tag-count{min-width:18px;color:var(--text);font-feature-settings:"tnum";text-align:center;letter-spacing:0;background:#00000059;border-radius:999px;padding:2px 6px;display:inline-block}.hero-gold-efficiency{border:1px solid var(--border);width:320px;color:var(--accent);background:linear-gradient(135deg,#7b5aa314,#f7a6790a),#ffffff05;border-radius:10px;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px 14px;display:flex}.hero-gold-efficiency-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hero-gold-efficiency-eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:600}.hero-gold-efficiency-scope{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;font-size:10px}.hero-gold-efficiency-body{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-gold-efficiency-metric{flex-direction:column;gap:2px;display:flex}.hero-gold-efficiency-value{font-family:var(--font-display);color:var(--text);font-feature-settings:"tnum";letter-spacing:-.015em;font-size:28px;font-weight:300;line-height:1}.hero-gold-efficiency-unit{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.hero-gold-efficiency-spark{opacity:.85;flex-shrink:0;width:50%;height:28px}.hero-gold-efficiency-deltas{flex-direction:column;gap:2px;margin-top:4px;display:flex}.hero-gold-efficiency-delta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);cursor:default;font-size:10px}.hero-gold-efficiency-delta.is-strong{color:var(--win)}.hero-gold-efficiency-delta.is-weak{color:var(--loss)}.hero-gold-efficiency-foot{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;gap:12px;font-size:10px;display:flex}.hero-gold-efficiency-foot>span:first-child{color:var(--dusk-gold)}.hero-gold-efficiency-spark-hit:hover circle:first-child{r:3;transition:r var(--dur-fast) var(--ease-out)}.hero-mastery{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;width:320px;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:linear-gradient(135deg,#7b5aa314,#f7a6790a),#ffffff05;border-radius:10px;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px 14px;font-family:inherit;display:flex}.hero-mastery:hover{border-color:var(--accent-glow);transform:translateY(-1px)}.hero-mastery-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hero-mastery-eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:600}.hero-mastery-cta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.hero-mastery-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.hero-mastery-row{grid-template-columns:22px 1fr auto 44px;align-items:center;gap:10px;min-width:0;padding:3px 0;display:grid}.hero-mastery-level{background:var(--ink-deep,#14101a);border:1px solid var(--dusk-peach);min-width:22px;height:16px;font-family:var(--font-mono);color:var(--cream);font-feature-settings:"tnum";letter-spacing:.02em;border-radius:8px;justify-content:center;justify-self:end;align-items:center;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.hero-mastery-portrait{border:1px solid var(--border);object-fit:cover;border-radius:4px;width:22px;height:22px}.hero-mastery-name{font-family:var(--font-mono);color:var(--text);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.hero-mastery-crest{object-fit:contain;filter:drop-shadow(0 1px 1px #0009);width:18px;height:18px}.hero-mastery-pts{font-family:var(--font-mono);color:var(--text-dim);font-feature-settings:"tnum";text-align:right;font-size:11px}.mastery-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:9000;background:#08060cb8;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out mastery-modal-in;display:flex;position:fixed;inset:0}@keyframes mastery-modal-in{0%{opacity:0}to{opacity:1}}.mastery-modal-panel{background:var(--surface);border:1px solid var(--border-bright);border-radius:14px;flex-direction:column;width:min(960px,100%);max-height:86vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000008c}.mastery-modal-head{border-bottom:1px solid var(--border);align-items:baseline;gap:16px;padding:18px 22px 14px;display:flex}.mastery-modal-eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.mastery-modal-count{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);flex:1;font-size:10px}.mastery-modal-close{border:1px solid var(--border);width:28px;height:28px;color:var(--text-dim);cursor:pointer;transition:color var(--dur-fast), border-color var(--dur-fast);background:0 0;border-radius:50%;font-size:16px;line-height:1}.mastery-modal-close:hover{color:var(--text);border-color:var(--accent)}.mastery-modal-inner{flex-direction:column;flex:1;min-height:0;display:flex}.mastery-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px 18px;padding:12px 22px;display:flex}.mastery-filter-group{align-items:center;gap:8px;display:inline-flex}.mastery-filter-label{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-dim);font-size:9px}.mastery-filter-pills{align-items:center;gap:4px;display:inline-flex}.mastery-filter-pill{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;transition:color var(--dur-fast), border-color var(--dur-fast), background var(--dur-fast);background:#ffffff0a;border-radius:4px;padding:4px 8px;font-size:10px}.mastery-filter-pill:hover{color:var(--text);border-color:var(--border-bright)}.mastery-filter-pill.is-active{color:var(--ink-deep,#14101a);background:var(--dusk-peach);border-color:var(--dusk-peach)}.mastery-filter-search{border:1px solid var(--border);min-width:180px;color:var(--text-dim);transition:border-color var(--dur-fast);background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:5px 8px;display:inline-flex}.mastery-filter-search:focus-within{border-color:#f7a67966}.mastery-filter-search input{font-family:var(--font-mono);color:var(--text);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;font-size:11px}.mastery-filter-search input::placeholder{color:var(--text-dim);letter-spacing:.1em}.mastery-filter-search input::-webkit-search-cancel-button{display:none}.mastery-filter-search-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:14px;line-height:1}.mastery-filter-search-clear:hover{color:var(--text)}.mastery-modal-empty{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-dim);text-align:center;grid-column:1/-1;margin:0;padding:24px 0;font-size:11px}.mastery-modal-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-auto-rows:min-content;gap:16px 12px;min-height:0;padding:18px 22px;display:grid;overflow-y:auto}.mastery-card{color:inherit;border-radius:6px;flex-direction:column;gap:8px;text-decoration:none;display:flex}.mastery-card-art{aspect-ratio:1;background:var(--surface-2);isolation:isolate;transition:transform .16s var(--ease-out,ease-out), box-shadow .16s var(--ease-out,ease-out);border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 6px 18px #00000059}.mastery-card:hover .mastery-card-art,.mastery-card:focus-visible .mastery-card-art{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0f,0 12px 26px #00000080}.mastery-card:focus-visible{outline:none}.mastery-card:focus-visible .mastery-card-art{outline:1px solid var(--dusk-peach);outline-offset:2px}.mastery-card-art-img{object-fit:cover;filter:saturate(.95)brightness(.94);width:100%;height:100%;transition:transform .24s var(--ease-out,ease-out), filter .24s var(--ease-out,ease-out);position:absolute;inset:0}.mastery-card:hover .mastery-card-art-img,.mastery-card:focus-visible .mastery-card-art-img{filter:saturate(1.04)brightness();transform:scale(1.04)}.mastery-card-art-scrim{pointer-events:none;z-index:1;background:linear-gradient(#0000 55%,#08060cb3 100%);position:absolute;inset:0}.mastery-card-level{z-index:2;background:var(--ink-deep,#14101a);border:1px solid var(--dusk-peach);min-width:20px;height:16px;font-family:var(--font-mono);color:var(--cream);font-feature-settings:"tnum";letter-spacing:.02em;border-radius:8px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:5px;left:5px}.mastery-card-pts{z-index:2;font-family:var(--font-mono);color:var(--cream);letter-spacing:.02em;font-feature-settings:"tnum";text-shadow:0 1px 2px #000000b3;pointer-events:none;align-items:center;gap:2px;font-size:9px;font-weight:600;display:inline-flex;position:absolute;bottom:4px;right:5px}.mastery-card-pts-icon{width:8px;height:11px;color:var(--dusk-peach);filter:drop-shadow(0 1px 1px #0009)}.mastery-card-name{font-family:var(--font-display);letter-spacing:.03em;color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}@media (width<=480px){.hero-broadcast-inner{grid-template-columns:1fr}.hero-broadcast-avatar{width:72px;height:72px}.hero-broadcast-avatar-fallback{font-size:28px}}.profile-stats-spine{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(6,1fr);gap:0;padding:6px 0;display:grid}.profile-stats-shard{border-right:1px solid var(--border);flex-direction:column;gap:2px;min-width:0;padding:14px 18px;display:flex}.profile-stats-shard:last-child{border-right:0}.profile-stats-shard-sub{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-top:4px;font-size:10px}@media (width<=1080px){.profile-stats-spine{grid-template-columns:repeat(3,1fr)}.profile-stats-shard:nth-child(3n){border-right:0}.profile-stats-shard:nth-child(n+4){border-top:1px solid var(--border)}}@media (width<=560px){.profile-stats-spine{grid-template-columns:repeat(2,1fr)}.profile-stats-shard{border-right:1px solid var(--border)}.profile-stats-shard:nth-child(2n){border-right:0}.profile-stats-shard:nth-child(n+3){border-top:1px solid var(--border)}}.profile-mastery-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:4px;display:grid}.profile-list-footer{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:16px;padding-top:14px;display:flex}.broadcast-heatmap{flex-direction:column;gap:6px;display:flex}.broadcast-heatmap-axis{margin-bottom:4px;display:flex}.broadcast-heatmap-axis-tick{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-faint);flex:1;font-size:9px}.broadcast-heatmap-row{grid-template-columns:56px 1fr 36px;align-items:center;gap:12px;display:grid}.broadcast-heatmap-day{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.broadcast-heatmap-bar{filter:blur(.5px);border-radius:12px;height:24px;position:relative;overflow:hidden}.broadcast-heatmap-bar:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff05}.recent-activity{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-shrink:0;width:320px;padding:10px 12px 8px;box-shadow:inset 0 1px #ffffff08,0 6px 18px #0000004d}.recent-activity-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.recent-activity-window{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;font-size:10px}.recent-activity-body{align-items:flex-end;gap:6px;display:flex}.recent-activity-day-labels{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;grid-template-rows:repeat(7,11px);margin-top:16px;font-size:8px;display:grid}.recent-activity-day-label{text-align:right;opacity:.7;padding-right:5px;line-height:11px}.recent-activity-grid-wrap{flex:1;min-width:0}.recent-activity-month-row{grid-template-columns:repeat(var(--cols,18), 9px);height:14px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase;gap:5px;margin-bottom:2px;font-size:9px;display:grid}.recent-activity-month{white-space:nowrap;text-align:center;white-space:nowrap;min-width:0;line-height:14px;overflow:visible}.recent-activity-grid{align-items:flex-start;gap:5px;display:flex}.recent-activity-col{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.recent-activity-cell{width:9px;height:9px;transition:transform .12s var(--ease-out,ease-out);background:#ffffff0a;border-radius:2px;position:relative}.recent-activity-cell:hover{z-index:3;transform:scale(1.18)}.recent-activity-cell[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--ink-deep,#14101a);border:1px solid var(--border-bright);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text);white-space:nowrap;pointer-events:none;z-index:4;border-radius:4px;padding:4px 8px;font-size:10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.recent-activity-cell[data-tooltip]:hover:before{content:"";background:var(--ink-deep,#14101a);border-right:1px solid var(--border-bright);border-bottom:1px solid var(--border-bright);pointer-events:none;z-index:4;width:6px;height:6px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)rotate(45deg)}.recent-activity-col>.recent-activity-cell[data-tooltip]:nth-child(-n+2):hover:after{top:calc(100% + 8px);bottom:auto}.recent-activity-col>.recent-activity-cell[data-tooltip]:nth-child(-n+2):hover:before{border:0;border-top:1px solid var(--border-bright);border-left:1px solid var(--border-bright);top:calc(100% + 4px);bottom:auto}.recent-activity-cell--blank{background:0 0}.recent-activity-cell--lvl-0{background:#ffffff1a}.recent-activity-cell--lvl-1{background:color-mix(in oklab, var(--dusk-teal) 75%, transparent)}.recent-activity-cell--lvl-2{background:color-mix(in oklab, var(--dusk-violet) 80%, transparent)}.recent-activity-cell--lvl-3{background:color-mix(in oklab, var(--dusk-rose) 85%, transparent)}.recent-activity-cell--lvl-4{background:var(--dusk-peach)}.recent-activity-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:8px;display:flex}.recent-activity-totals{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;align-items:baseline;gap:12px;font-size:10px;display:inline-flex}.recent-activity-totals-num{font-family:var(--font-display);color:var(--text);margin-right:3px;font-size:13px;font-weight:700}.recent-activity-legend{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase;align-items:center;gap:4px;font-size:9px;display:inline-flex}.recent-activity-legend .recent-activity-cell{cursor:default;transform:none}.recent-activity--loading .recent-activity-skeleton{background:linear-gradient(90deg,#ffffff08 0%,#ffffff0f 50%,#ffffff08 100%) 0 0/200% 100%;border-radius:6px;height:110px;margin-top:12px;animation:1.4s linear infinite recent-activity-skel}@keyframes recent-activity-skel{to{background-position:-200% 0}}.tweaks-panel{background:var(--surface-raised);border:var(--surface-hairline);width:280px;max-height:calc(100vh - 96px);box-shadow:var(--surface-shadow), 0 16px 40px #00000073;z-index:50;animation:tweaks-panel-in .22s var(--ease-out);border-radius:14px;flex-direction:column;gap:16px;padding:18px;display:flex;position:fixed;bottom:24px;right:24px;overflow-y:auto}@keyframes tweaks-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tweaks-panel{animation:none}}.tweaks-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;display:flex}.tweaks-panel-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);font-size:18px;font-weight:400}.tweaks-panel-close{color:var(--text-faint);cursor:pointer;width:24px;height:24px;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:4px;font-size:22px;line-height:1}.tweaks-panel-close:hover{color:var(--text);background:#ffffff0a}.tweaks-panel-section{flex-direction:column;gap:10px;display:flex}.tweaks-panel-swatches{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.tweaks-panel-swatch{aspect-ratio:1;background:var(--swatch);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border:2px solid #0000;border-radius:50%;padding:0}.tweaks-panel-swatch:hover{transform:scale(1.08)}.tweaks-panel-swatch.is-active{border-color:var(--text);box-shadow:0 0 0 2px #14101ae6, 0 0 0 4px var(--swatch)}.tweaks-panel-stack{flex-direction:column;gap:6px;display:flex}.tweaks-panel-row{border:1px solid var(--border);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:#ffffff05;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.tweaks-panel-row:hover{border-color:var(--accent-glow);background:#ffffff0a}.tweaks-panel-row.is-active{border-color:var(--accent);background:var(--accent-soft)}.tweaks-panel-row-name{font-family:var(--font-body);color:var(--text);font-size:13px}.tweaks-panel-row-desc{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-faint);font-size:10px}.tweaks-panel-foot{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);border-top:1px solid var(--border);text-align:center;margin:0;padding-top:8px;font-size:10px}@media (width<=720px){.tweaks-panel{width:auto;max-height:70vh;bottom:12px;left:12px;right:12px}}.profile-link-chip{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 16px;display:flex}.profile-link-chip-btn{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-soft);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;padding:6px 14px;font-size:11px}.profile-link-chip-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.profile-link-chip-btn:disabled{opacity:.5;cursor:not-allowed}.profile-link-chip-error{font-family:var(--font-body);color:var(--loss);font-size:12px}.profile-link-footnote{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin:0;padding:6px 0;font-size:10px}.search-page{min-height:100vh;padding-top:var(--topbar-h);justify-content:center;align-items:flex-start;display:flex;position:relative}.search-center{z-index:10;text-align:center;width:100%;max-width:1000px;padding:96px var(--pad) 64px;flex-direction:column;align-items:center;animation:.8s cubic-bezier(.16,1,.3,1) search-fade-in;display:flex;position:relative}.nav-links{align-items:center;gap:12px;margin-bottom:32px;display:flex}.nav-link{font-family:var(--font-display);letter-spacing:.22em;color:var(--text-dim);font-size:11px;transition:color .15s}.nav-link:hover{color:var(--cream)}.nav-sep{color:var(--border-bright);font-size:10px}@keyframes search-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-empty-hint{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-faint);letter-spacing:.02em;text-align:center;margin-top:48px}.region-pills{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;margin-bottom:24px;display:flex}.region-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;border-radius:20px;padding:6px 14px;font-size:11px;transition:all .2s}.region-pill:hover{border-color:var(--border-bright);color:var(--cream)}.region-pill.active{background:var(--red-dim);border-color:var(--red);color:var(--red);box-shadow:0 0 15px #c520201a}.settings-section{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--border)}.settings-section:first-of-type{margin-top:var(--sp-5);border-top:0;padding-top:0}.settings-section__header{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--sp-3)}.settings-row{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.settings-row:last-child{margin-bottom:0}.settings-row__label{font-size:var(--fs-sm);color:var(--text)}.settings-row__hint,.settings-row__readonly{font-size:var(--fs-sm);color:var(--text-dim)}.settings-row__readonly strong{color:var(--text);font-weight:500}.settings-input-group{gap:var(--sp-2);align-items:stretch;display:flex}.settings-input-group input{flex:1}.settings-save-btn{padding:0 var(--sp-4);white-space:nowrap}.settings-status{font-size:var(--fs-sm);color:var(--dusk-teal);min-height:1.2em;transition:opacity .2s var(--ease-out)}.settings-status[data-fading=true]{opacity:0}.settings-field-error{font-size:var(--fs-sm);color:var(--dusk-rose)}.settings-toggle{gap:var(--sp-3);cursor:pointer;align-items:flex-start;display:flex}.settings-toggle input[type=checkbox]{accent-color:var(--dusk-peach);margin-top:3px}.settings-toggle__body{flex-direction:column;gap:2px;display:flex}.skins-page{background:var(--bg);min-height:100vh;padding-top:var(--topbar-h);padding-bottom:80px}.skins-page-inner{max-width:var(--max-w);width:100%;padding:0 var(--pad);margin:0 auto}.skins-page-header{padding:48px 0 24px}.skins-page-title{font-family:var(--font-display);font-size:var(--fs-3xl);color:var(--cream);letter-spacing:-.01em;margin:0 0 8px;line-height:.95}.skins-page-sub{font-family:var(--font-ui);font-size:var(--fs-md);color:var(--text-dim);margin:0}.skins-sync-row{justify-content:flex-end;margin:8px 0 0;display:flex}.skins-filters{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:28px;display:flex}.skins-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.skins-filter-row--inline{justify-content:flex-start}.skins-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--cream);font-family:var(--font-ui);font-size:var(--fs-sm);min-width:180px;transition:border-color var(--dur-fast) var(--ease-out);padding:8px 12px}.skins-input::placeholder{color:var(--text-faint)}.skins-input:focus{border-color:var(--dusk-peach);outline:none}.skins-input--search{flex:1;min-width:200px}.skins-select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--cream);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;padding:8px 12px}.skins-select:focus{border-color:var(--dusk-peach);outline:none}.skins-pill-group{flex-wrap:wrap;gap:4px;display:flex}.skins-pill{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;padding:6px 12px}.skins-pill:hover,.skins-pill:focus-visible{color:var(--cream);border-color:var(--border-bright);outline:none}.skins-pill.is-active{color:var(--bg);background:var(--dusk-peach);border-color:var(--dusk-peach)}.skins-chip--clear{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--cream);font-size:var(--fs-sm);font-family:var(--font-ui);cursor:pointer;padding:6px 10px}.skins-chip--clear:hover{border-color:var(--dusk-peach);color:var(--dusk-peach)}.skins-toggle{color:var(--text-dim);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.skins-toggle input{accent-color:var(--dusk-peach);cursor:pointer}.skins-toggle--disabled{opacity:.45;cursor:not-allowed}.skins-toggle--disabled input{cursor:not-allowed}.skins-toggle-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--dusk-rose);margin-left:2px}.skins-sort-group{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.skins-sort-label{font-family:var(--font-ui);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-right:4px}.skins-sort-btn{color:var(--text-dim);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;padding:4px 8px}.skins-sort-btn:hover,.skins-sort-btn:focus-visible{color:var(--cream);outline:none}.skins-sort-btn.is-active{color:var(--dusk-peach)}.skins-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));justify-content:start;gap:12px 10px;margin:-10px -4px -4px;padding:10px 4px 16px;display:grid;overflow:visible}.skins-grid>.skins-grid-cell{flex-direction:column;justify-self:start;gap:6px;width:100%;max-width:80px;display:flex}.skins-grid-cell-label{font-family:var(--font-ui);color:var(--cream);text-align:center;letter-spacing:.01em;-webkit-line-clamp:2;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;font-size:10px;line-height:1.25;display:-webkit-box;overflow:hidden}@media (width<=700px){.skins-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px 6px;margin:-8px -2px -2px;padding:8px 2px 12px}.skins-grid>.skins-grid-cell{max-width:72px}.skins-grid-cell-label{font-size:9px}}.skins-grid .sk-stage .cc-name.sk-name,.skins-grid .sk-stage .cc-plate .cc-title{display:none}.skins-grid .sk-stage .sk-price{gap:3px;margin-top:4px;font-size:9px}.skins-grid .sk-stage .sk-price-icon{width:9px;height:9px}.skins-grid .sk-stage .sk-price-icon--me{width:12px;height:12px}.skins-grid .sk-stage .sk-price-original{margin-left:2px;font-size:7px}.skins-grid .sk-stage .sk-price--me,.skins-grid .sk-stage .sk-price--event,.skins-grid .sk-stage .sk-price--loot,.skins-grid .sk-stage .sk-price--unobtainable{letter-spacing:.08em;font-size:7px}.skins-grid .sk-stage .sk-price--event,.skins-grid .sk-stage .sk-price--loot,.skins-grid .sk-stage .sk-price--unobtainable{letter-spacing:0;font-size:0}.skins-grid .sk-stage .sk-price--event:before,.skins-grid .sk-stage .sk-price--loot:before,.skins-grid .sk-stage .sk-price--unobtainable:before{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#e6dcc8c7;text-shadow:0 1px 2px #0009;font-size:8px;font-weight:600}.skins-grid .sk-stage .sk-price--event:before{content:"EVENT"}.skins-grid .sk-stage .sk-price--loot:before{content:"LOOT"}.skins-grid .sk-stage .sk-price--unobtainable:before{content:"N/A"}.skins-grid .sk-stage .cc-plate-gem-row{gap:4px;min-height:12px;margin:3px auto 2px}.skins-grid .sk-stage .cc-plate{bottom:4px}.skins-grid .sk-stage .cc-plate:after{content:"";height:23px;display:block}.skins-grid .sk-stage .cc-plate:has(.sk-price):after{display:none}.skins-grid .sk-stage .sk-wishlist{transform-origin:100% 0;top:3px;right:3px;transform:scale(.62)}.skins-grid .sk-stage .sk-chroma-selector{transform-origin:0 0;top:6px;left:6px;transform:scale(.62)}.skins-grid .sk-stage .sk-badges{gap:2px;top:6px;left:6px}.skins-grid .sk-stage:has(.sk-chroma-selector) .sk-badges{top:24px}.skins-grid .sk-stage .sk-badge{letter-spacing:.1em;padding:1px 3px;font-size:6px}.skins-grid .sk-stage .sk-badge-icon--legacy{width:12px;height:12px}.skins-grid .sk-stage .cc-plate-gem .rarity-badge,.skins-grid .sk-stage .cc-plate-gem img{width:auto;height:11px!important}.skins-grid .sk-stage .cc-plate-gem-placeholder{width:28px}.skins-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding-top:16px;display:flex}.skins-count{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-faint)}.skins-load-more{background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--cream);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:10px 24px}.skins-load-more:hover:not(:disabled){background:var(--surface-3);border-color:var(--dusk-peach)}.skins-load-more:disabled{opacity:.6;cursor:default}.skins-error{color:var(--loss);font-family:var(--font-ui);font-size:var(--fs-sm);background:var(--loss-dim);border-radius:var(--radius);margin-bottom:16px;padding:12px 16px}.skins-empty{text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:16px;padding:64px 0;display:flex}.skins-empty p{font-family:var(--font-ui);font-size:var(--fs-md);margin:0}.skins-empty-btn{border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--cream);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;background:0 0;padding:8px 16px}.skins-empty-btn:hover{border-color:var(--dusk-peach);color:var(--dusk-peach)}.skins-view-row{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 20px;display:flex}.skins-view-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;display:inline-flex;overflow:hidden}.skins-view-btn{color:var(--text-dim);font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .15s var(--ease-out);background:0 0;border:none;padding:7px 16px;font-size:11px;font-weight:600}.skins-view-btn:hover{color:var(--cream)}.skins-view-btn.active{background:var(--cream);color:var(--bg)}.skins-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-top:8px;overflow-x:auto}.skins-table{border-collapse:separate;border-spacing:0;width:100%;font-family:var(--font-ui);color:var(--cream);min-width:820px;font-size:13px}.skins-table thead th{background:var(--surface-2);z-index:1;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);text-align:left;-webkit-user-select:none;user-select:none;cursor:pointer;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:10px;font-weight:700;position:sticky;top:0}.skins-table thead th:hover{color:var(--cream)}.st-th--right{text-align:right}.st-th--thumb,.st-th--legacy,.st-th--wishlist{cursor:default;padding:10px 8px}.st-th--legacy{width:28px}.st-th.is-sorted{color:var(--dusk-peach)}.st-sort-indicator{opacity:.9;margin-left:4px;font-size:9px;display:inline-block}.st-row{transition:background .12s var(--ease-out);background:0 0}.st-row:hover{background:var(--surface-2)}.st-row.is-clickable{cursor:pointer}.st-row.is-legacy{opacity:.82}.st-row.is-legacy .st-td--name{font-style:italic}.st-td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:8px 14px}.st-td--right{text-align:right;font-variant-numeric:tabular-nums}.st-td--thumb{width:64px;padding:4px 8px;position:relative}.st-td--thumb img{object-fit:cover;border:1px solid var(--border);border-radius:3px;width:48px;height:28px;display:block}.st-td--legacy{text-align:center;width:28px;padding:4px 8px}.st-legacy-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #0009);opacity:.9;width:18px;height:18px;display:inline-block}.st-td--name{color:var(--cream);text-overflow:ellipsis;max-width:240px;font-weight:500;overflow:hidden}.st-rarity-pill{letter-spacing:.08em;text-transform:uppercase;background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);border-radius:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.st-rarity-pill--epic{color:#d79cff;border-color:#c372ff59}.st-rarity-pill--legendary{color:#ffb86a;border-color:#ff9a3c59}.st-rarity-pill--mythic{color:#f5dda0;border-color:#e5c87866}.st-rarity-pill--ultimate{color:#7ce8f5;border-color:#4dd4e873}.st-rarity-pill--transcendent{color:#f5e4b6;border-color:#ecd8a18c}.st-cost{justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.st-cost-icon{object-fit:contain;width:12px;height:12px}.st-cost-none{color:var(--text-faint)}.st-td--wishlist{text-align:center;width:48px;padding:4px 8px}.st-td--wishlist .wishlist-btn{position:static}@media (width<=700px){.skins-table-wrap{margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));border-left:none;border-right:none;border-radius:0}.st-td,.skins-table thead th{padding:6px 10px;font-size:12px}}.patches-page{max-width:var(--w-app);padding:56px var(--pad-inline) 120px;margin:0 auto}.patches-header{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.patches-header-text{flex-direction:column;gap:6px;display:flex}.patches-view-toggle{align-items:center;gap:10px;display:inline-flex}.patches-view-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.patches-view-pills{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:7px;gap:2px;padding:3px;display:inline-flex}.patches-view-pill{appearance:none;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast,.15s) var(--ease-out,ease-out), color var(--dur-fast,.15s) var(--ease-out,ease-out);background:0 0;border:none;border-radius:5px;padding:5px 12px;font-size:11px}.patches-view-pill:hover{color:var(--text)}.patches-view-pill.is-active{color:#f7a679;background:#f7a67929;box-shadow:inset 0 0 0 1px #f7a67940}.patches-title{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.06em;color:var(--cream);margin:0;font-weight:700}.patches-sub{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-faint);text-transform:lowercase;margin:0;font-size:11px}.patches-loading,.patches-error,.patches-empty{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.06em;justify-content:center;align-items:center;gap:8px;padding:80px 24px;font-size:12px;display:flex}.patches-error{color:var(--loss);background:#e65a5a0f;border:1px solid #e65a5a2e;border-radius:10px;padding:32px 24px}.patches-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.patch-card{background:var(--surface,#ffffff08);border:1px solid var(--border,#ffffff0f);transition:transform var(--dur-fast,.15s) var(--ease-out,ease-out), border-color var(--dur-fast,.15s) var(--ease-out,ease-out), box-shadow var(--dur-fast,.15s) var(--ease-out,ease-out);border-radius:12px;position:relative;overflow:hidden}.patch-card:hover{border-color:#f7a6794d;transform:translateY(-2px);box-shadow:0 12px 32px #0000005c}.patch-card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.patch-card-image{aspect-ratio:16/9;background:var(--surface-2,#ffffff0a);position:relative;overflow:hidden}.patch-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-out,ease-out);display:block}.patch-card:hover .patch-card-image img{transform:scale(1.04)}.patch-card-image--placeholder{background:linear-gradient(135deg,#f7a6791a,#8c82c81a);justify-content:center;align-items:center;display:flex}.patch-card-id-overlay{font-family:var(--font-mono);letter-spacing:.04em;color:var(--cream);-webkit-backdrop-filter:blur(8px);background:#14101ac7;border-radius:5px;padding:4px 10px;font-size:14px;font-weight:700;position:absolute;bottom:10px;left:10px;box-shadow:0 0 0 1px #ffffff14}.patch-card-body{flex-direction:column;flex:auto;gap:8px;padding:14px 16px 18px;display:flex}.patch-card-meta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:10px;font-size:10px;display:flex}.patch-card-id{color:#f7a679;letter-spacing:.02em;text-transform:none;background:#f7a67924;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.patch-card-date{font-variant-numeric:tabular-nums}.patch-card-title{font-family:var(--font-display);letter-spacing:.01em;color:var(--cream);margin:0;font-size:16px;font-weight:600;line-height:1.3}.patch-card-excerpt{font-family:var(--font-ui);color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.patch-card-cta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:lowercase;color:var(--text-faint);transition:color var(--dur-fast,.15s) var(--ease-out,ease-out);margin-top:auto;font-size:10px}.patch-card:hover .patch-card-cta{color:#f7a679}@media (width<=540px){.patches-list{grid-template-columns:1fr}.patches-page{padding-top:32px;padding-bottom:80px}.patches-header{align-items:flex-start}.patches-view-label{display:none}}.patches-rows{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.patch-row{background:var(--surface,#ffffff08);border:1px solid var(--border,#ffffff0f);transition:border-color var(--dur-fast,.15s) var(--ease-out,ease-out);border-radius:8px;overflow:hidden}.patch-row.is-open{border-color:#f7a6794d}.patch-row-header{appearance:none;cursor:pointer;text-align:left;width:100%;color:inherit;transition:background var(--dur-fast,.15s) var(--ease-out,ease-out);background:0 0;border:none;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;display:flex}.patch-row-header:hover{background:#ffffff0a}.patch-row.is-open .patch-row-header{background:#f7a6790f}.patch-row-id{font-family:var(--font-mono);letter-spacing:.04em;color:#f7a679;text-align:center;font-variant-numeric:tabular-nums;background:#f7a6791f;border-radius:4px;flex-shrink:0;min-width:48px;padding:3px 8px;font-size:11px;font-weight:700}.patch-row-title{font-family:var(--font-display);color:var(--cream);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.patch-row-meta{flex-shrink:0;align-items:center;gap:12px;display:inline-flex}.patch-row-date{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:11px}.patch-row-chevron{font-family:var(--font-mono);color:var(--text-dim);transition:transform var(--dur-fast,.15s) var(--ease-out,ease-out), color var(--dur-fast,.15s) var(--ease-out,ease-out);font-size:12px}.patch-row.is-open .patch-row-chevron{color:#f7a679;transform:rotate(180deg)}.patch-row-body{border-top:1px solid #ffffff0a;flex-direction:column;gap:12px;padding:0 18px 18px;display:flex}.patch-row-loading,.patch-row-error{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:10px;padding:24px 0;font-size:11px;display:flex}.patch-row-error{color:var(--loss);flex-direction:column;align-items:flex-start;gap:8px}.patch-row-article{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-bright,#ffffff1f) transparent;max-height:70vh;font-family:var(--font-ui);color:var(--text);padding:16px 4px;font-size:14px;line-height:1.6;overflow-y:auto}.patch-row-article::-webkit-scrollbar{width:6px}.patch-row-article::-webkit-scrollbar-thumb{background:var(--border-bright,#ffffff1f);border-radius:3px}.patch-row-article h1,.patch-row-article h2,.patch-row-article h3,.patch-row-article h4{font-family:var(--font-display);color:var(--cream);letter-spacing:.02em;margin-top:1.4em;margin-bottom:.5em;line-height:1.2}.patch-row-article h2{font-size:18px}.patch-row-article h3{color:#f7a679;font-size:15px}.patch-row-article h4{color:var(--text);font-size:13px}.patch-row-article p{margin:.5em 0}.patch-row-article a{color:#f7a679;border-bottom:1px solid #f7a6794d;text-decoration:none}.patch-row-article a:hover{border-bottom-color:#f7a679}.patch-row-article ul,.patch-row-article ol{margin:.5em 0;padding-left:1.4em}.patch-row-article li{margin:.2em 0}.patch-row-article blockquote{color:var(--text-dim);background:#ffffff0a;border-left:2px solid #f7a67966;border-radius:0 6px 6px 0;margin:1em 0;padding:12px 16px}.patch-row-article blockquote p:first-child{margin-top:0}.patch-row-article blockquote p:last-child{margin-bottom:0}.patch-row-article img{border-radius:6px;max-width:100%;height:auto;margin:.6em 0}.patch-row-article hr{background:#ffffff14;border:0;height:1px;margin:1.4em 0}.patch-row-article table{border-collapse:collapse;margin:.8em 0;font-size:12px}.patch-row-article th,.patch-row-article td{text-align:left;border:1px solid #ffffff14;padding:6px 10px}.patch-row-article th{color:var(--cream);background:#ffffff0a;font-weight:600}.patch-row-article strong{color:var(--cream)}.patch-row-article code{font-family:var(--font-mono);color:var(--cream);background:#ffffff0f;border-radius:3px;padding:1px 5px;font-size:12px}.patch-detail-page{max-width:var(--w-app);padding:calc(var(--topbar-h) + 24px) var(--pad-inline) 96px;margin:0 auto;position:relative}.patch-reading-progress{z-index:50;pointer-events:none;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.patch-reading-progress-fill{transform-origin:0;background:linear-gradient(90deg,#f7a679cc,#f7a679);height:100%;transition:transform 80ms linear;transform:scaleX(0);box-shadow:0 0 8px #f7a67999}.patch-detail-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.patch-detail-back{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);transition:color var(--dur-fast,.15s) var(--ease-out,ease-out), background var(--dur-fast,.15s) var(--ease-out,ease-out);border-radius:5px;align-items:center;padding:6px 10px;font-size:11px;text-decoration:none;display:inline-flex}.patch-detail-back:hover{color:#f7a679;background:#f7a6790f}.patch-pager{align-items:center;gap:6px;display:inline-flex}.patch-pager-link{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;transition:color var(--dur-fast,.15s) var(--ease-out,ease-out), background var(--dur-fast,.15s) var(--ease-out,ease-out), border-color var(--dur-fast,.15s) var(--ease-out,ease-out);background:#ffffff08;border:1px solid #ffffff0f;border-radius:5px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;text-decoration:none;display:inline-flex}.patch-pager-link:hover{color:#f7a679;background:#f7a6790f;border-color:#f7a6794d}.patch-pager-arrow{color:var(--text-faint);font-size:13px}.patch-pager-link:hover .patch-pager-arrow{color:#f7a679}.patch-pager-label{font-variant-numeric:tabular-nums;font-weight:600}.patch-detail-layout{grid-template-columns:220px minmax(0,1fr);align-items:flex-start;gap:32px;display:grid}.patch-toc{scrollbar-width:thin;scrollbar-color:var(--border-bright,#ffffff1f) transparent;flex-direction:column;align-self:flex-start;gap:8px;max-height:calc(100vh - 120px);padding-right:8px;display:flex;position:sticky;top:88px;overflow-y:auto}.patch-toc::-webkit-scrollbar{width:4px}.patch-toc::-webkit-scrollbar-thumb{background:var(--border-bright,#ffffff1f);border-radius:2px}.patch-toc-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding:0 6px;font-size:9px}.patch-toc-list{border-left:1px solid #ffffff0f;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.patch-toc-item{margin:0}.patch-toc-link{color:var(--text-dim);font-family:var(--font-ui);transition:color var(--dur-fast,.15s) var(--ease-out,ease-out), border-color var(--dur-fast,.15s) var(--ease-out,ease-out), background var(--dur-fast,.15s) var(--ease-out,ease-out);border-left:2px solid #0000;margin-left:-1px;padding:5px 10px;font-size:12px;line-height:1.35;text-decoration:none;display:block}.patch-toc-link:hover{color:#f7a679;background:#f7a6790a;border-left-color:#f7a67980}.patch-toc-item--h2 .patch-toc-link{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--cream);padding-top:10px;padding-bottom:6px;font-size:12px;font-weight:600}.patch-toc-item--h3 .patch-toc-link{padding-left:18px;font-size:11px}.patch-detail-header{flex-direction:column;gap:6px;margin-bottom:28px;display:flex}.patch-detail-title{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.04em;color:var(--cream);margin:0;font-weight:700;line-height:1.25}.patch-detail-date{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-variant-numeric:tabular-nums;margin:0;font-size:11px}.patch-detail-article{max-height:none;padding:0;scroll-margin-top:88px;font-size:15px;overflow-y:visible}.patch-detail-article h2,.patch-detail-article h3{scroll-margin-top:88px}.patch-chip{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;white-space:nowrap;border-radius:3px;align-items:center;margin-left:8px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-flex}.patch-chip--buff{color:#60d090;background:#50c87829;box-shadow:inset 0 0 0 1px #50c87840}.patch-chip--nerf{color:#ff8080;background:#e65a5a24;box-shadow:inset 0 0 0 1px #e65a5a40}.patch-row-article .patch-link--champion{border-bottom:none;position:relative}.patch-row-article .patch-link--champion:hover{color:#ffc8aa;border-bottom:1px solid #f7a67980}@media (width<=540px){.patch-row-header{flex-wrap:wrap}.patch-row-title{white-space:normal}.patch-row-meta{justify-content:space-between;width:100%}}@media (width<=980px){.patch-detail-layout{grid-template-columns:1fr;gap:16px}.patch-toc{border-bottom:1px solid #ffffff0f;max-height:240px;padding-bottom:8px;padding-right:0;position:static}.patch-toc-list,.patch-toc-link{border-left:none}}.hub-page{min-height:100vh;padding:var(--topbar-h) 16px 64px}.hub-page-inner{max-width:var(--w-app);margin:0 auto}.hub-header{margin-bottom:16px}.hub-title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--cream);margin:0 0 4px}.hub-subtitle{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-dim);margin:0}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:16px;display:grid}.hub-grid--compact{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}.hub-grid--medium{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.hub-grid--large{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.hub-grid--compact .champion-card-body{display:none}.hub-grouped{--hub-group-min-w:320px;grid-template-columns:repeat(auto-fit, minmax(var(--hub-group-min-w), 1fr));align-items:start;gap:28px 24px;margin-top:16px;display:grid}.hub-grouped:has(.hub-tbl-wrap){--hub-group-min-w:460px}.hub-group{background:color-mix(in oklab, var(--surface) 65%, transparent);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:0;min-width:0;padding:12px 14px 14px;display:flex;box-shadow:inset 0 1px #ffffff05,0 4px 16px #0000002e}.hub-grouped .hub-grid{grid-template-columns:repeat(auto-fill, minmax(var(--hub-tile-min,56px), 1fr))}.hub-grouped .hub-grid--compact{--hub-tile-min:48px}.hub-grouped .hub-grid--medium{--hub-tile-min:60px}.hub-grouped .hub-grid--large{--hub-tile-min:80px}.hub-group-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:12px;padding:0 0 10px;display:flex}.hub-group-icon{object-fit:contain;opacity:.9;flex-shrink:0;width:22px;height:22px}.hub-group-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--cream);text-transform:none;letter-spacing:0;margin:0}.hub-group-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:.06em}.hub-group-body>.hub-tbl-wrap{background:0 0;border:0;border-radius:0;margin-top:0}.hub-loading{justify-content:center;align-items:center;min-height:480px;padding:48px 16px;display:flex}.hub-empty,.hub-error{text-align:center;color:var(--text-dim);font-family:var(--font-ui);font-size:var(--fs-md);padding:48px 16px}.hub-error-detail{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);margin-top:8px}.hub-empty-btn{background:var(--surface-2);color:var(--cream);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--dur-fast,.15s) ease-out;margin-top:12px;padding:8px 14px}.hub-empty-btn:hover{border-color:var(--dusk-peach)}body.champion-overlay-body,body.champion-overlay-body #root{background:0 0!important}html:has(body.champion-overlay-body){background:0 0!important}body.champion-overlay-body .top-nav,body.champion-overlay-body footer{display:none!important}body.champion-overlay-body main{padding:0}.champion-overlay-root{padding:12px}.champion-overlay-stage{transform:scale(var(--champion-overlay-scale,1));transform-origin:0 0;flex-direction:column;gap:10px;display:flex}.champion-overlay-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin-top:6px}.champion-overlay-footer{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--text-faint);text-shadow:0 1px 2px #0009;white-space:nowrap;margin-top:10px}.champion-card--overlay{border-radius:var(--radius-sm,2px);background:0 0;border:none;padding:0}.champion-card--overlay:hover,.champion-card--overlay:focus-visible{border-color:#0000;transform:none}.champion-card--overlay .champion-card-body{padding:4px 0 0}.champion-card--overlay .champion-card-name{font-size:var(--fs-xs);color:var(--cream);text-shadow:0 1px 2px #000000b3;-webkit-line-clamp:1}.champion-card--overlay .champion-card-tags,.champion-card--overlay .champion-card-region{display:none}.champion-card--overlay .champion-card-portrait{border-radius:var(--radius-sm,2px)}.champion-card--highlighted{box-shadow:0 0 0 2px var(--dusk-peach), 0 0 12px 2px #f7a67980;border-radius:var(--radius-sm,2px)}@media (prefers-reduced-motion:reduce){.champion-card--overlay{transition:none}}.profile-collection-cta{padding:0 var(--pad);margin:12px 0 24px}.profile-collection-link{background:var(--surface-2);color:#ecd8a1;font-family:var(--font-display);letter-spacing:.18em;cursor:pointer;text-transform:uppercase;transition:all .2s var(--ease-out);border:1px solid #ecd8a159;border-radius:4px;padding:10px 22px;font-size:13px;font-weight:500}.profile-collection-link:hover{background:#ecd8a114;border-color:#ecd8a1b3;box-shadow:0 0 20px #ecd8a126}.collection-page{background:var(--bg);min-height:100vh;padding-bottom:96px}.collection-page-inner{max-width:var(--w-app);padding:32px var(--pad-inline) 0;margin:0 auto}.collection-header{margin-bottom:32px}.collection-back{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-ui);letter-spacing:.18em;cursor:pointer;transition:all .2s var(--ease-out);background:0 0;border-radius:4px;margin-bottom:20px;padding:6px 12px;font-size:11px}.collection-back:hover{color:var(--cream);border-color:var(--border-bright)}.collection-title-row{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.collection-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream);margin:0;font-size:42px;font-weight:600}.collection-owner{font-family:var(--font-ui);color:var(--text-dim);letter-spacing:.1em;font-size:13px}.collection-stats{align-items:center;gap:16px;max-width:560px;margin-bottom:18px;display:flex}.collection-stat{align-items:baseline;gap:8px;display:flex}.collection-stat-num{font-family:var(--font-display);color:var(--cream);font-size:28px;font-weight:600}.collection-stat-label{font-family:var(--font-ui);color:var(--text-dim);letter-spacing:.05em;font-size:12px}.collection-progress{background:var(--surface-2);border-radius:3px;flex:1;min-width:120px;height:6px;overflow:hidden}.collection-progress-bar{background:linear-gradient(90deg,#cdb77a,#ecd8a1);height:100%;transition:width .4s}.collection-stat-pct{color:var(--cream);letter-spacing:.1em;text-align:right;min-width:44px;font-family:JetBrains Mono,monospace;font-size:13px}.collection-tier-counts{flex-wrap:wrap;gap:8px;display:flex}.collection-tier-chip{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-ui);letter-spacing:.08em;border-radius:20px;align-items:center;gap:8px;padding:5px 12px;font-size:11px;display:flex}.collection-tier-chip[data-tier=locked]{color:#e6dcc873}.collection-tier-chip[data-tier=bronze]{color:#b08a5f;border-color:#b08a5f66}.collection-tier-chip[data-tier=silver]{color:#c5c9d2;border-color:#c5c9d259}.collection-tier-chip[data-tier=gold]{color:#e5c878;border-color:#e5c87873}.collection-tier-chip[data-tier=iridescent]{color:#ecd8a1;border-color:#ecd8a199;box-shadow:0 0 12px #ecd8a126}.collection-tier-name{text-transform:uppercase;font-weight:600}.collection-tier-count{opacity:.8;font-family:JetBrains Mono,monospace}.collection-filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.collection-filter{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-ui);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s var(--ease-out);border-radius:4px;padding:7px 14px;font-size:12px;font-weight:600}.collection-filter:hover{color:var(--cream);border-color:var(--border-bright)}.collection-filter.active{background:var(--cream);color:var(--bg);border-color:var(--cream)}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;display:grid}.collection-cell{min-width:0}@media (width<=700px){.collection-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.collection-title{font-size:30px}}.error-page{min-height:calc(100vh - var(--topbar-h));background:var(--bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.error-glow{pointer-events:none;background:radial-gradient(circle,#d96a7d14 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-grain{opacity:.12;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.error-content{z-index:10;text-align:center;max-width:420px;padding:var(--pad);animation:error-fade-up .8s var(--ease-out) forwards;position:relative}@keyframes error-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-code{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.2em;color:var(--dusk-rose);margin-bottom:var(--sp-4);display:block}.error-title{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text);margin-bottom:var(--sp-3);font-weight:700}.error-desc{color:var(--text-dim);font-size:var(--fs-md);margin-bottom:var(--sp-8);line-height:1.6}.error-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-display);font-size:var(--fs-sm);transition:all .2s var(--ease-out);align-items:center;gap:10px;padding:10px 20px;font-weight:500;text-decoration:none;display:inline-flex}.error-btn:hover{background:var(--surface-3);border-color:var(--dusk-peach);color:var(--dusk-peach)}.error-terminal{border:1px solid var(--border-bright);border-radius:var(--radius-lg);text-align:left;margin-top:var(--sp-8);background:#000;width:100%;box-shadow:0 20px 40px #0006}.terminal-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;display:flex}.terminal-dot{background:var(--dusk-rose);width:6px;height:6px;box-shadow:0 0 8px var(--dusk-rose);border-radius:50%}.terminal-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-faint);font-size:10px}.terminal-body{font-family:var(--font-mono);padding:16px;font-size:12px}.terminal-line{gap:12px;margin-bottom:4px;display:flex}.line-key{color:var(--text-faint);width:80px}.line-val{color:var(--text)}.legal-page{z-index:1;max-width:720px;margin:0 auto;padding:64px 24px 96px;position:relative}@media (width<=768px){.legal-page{padding:40px 20px 64px}}.legal-head{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.legal-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--dusk-peach);margin-bottom:12px;font-weight:700;display:block}.legal-title{font-family:var(--font-display);color:var(--cream);letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(28px,4vw,38px);font-weight:600;line-height:1.15}.legal-meta{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--text-faint)}.legal-body{font-family:var(--font-display);color:var(--text);font-size:15px;line-height:1.65}.legal-body section{margin-bottom:32px}.legal-body h2{font-family:var(--font-display);color:var(--cream);letter-spacing:-.005em;margin:0 0 12px;font-size:19px;font-weight:600}.legal-body h3{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:20px 0 8px;font-weight:700}.legal-body p{margin:0 0 14px}.legal-body ul,.legal-body ol{margin:0 0 14px;padding-left:24px}.legal-body li{margin-bottom:6px}.legal-body li::marker{color:var(--dusk-peach)}.legal-body a{color:var(--dusk-peach);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.legal-body a:hover{color:var(--cream)}.legal-body strong{color:var(--cream);font-weight:600}.legal-body code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--cream);padding:2px 6px;font-size:13px}.legal-callout{background:color-mix(in srgb, var(--dusk-peach) 6%, var(--surface-2));border-left:2px solid var(--dusk-peach);border-radius:var(--radius-md);color:var(--text);margin:24px 0;padding:20px 24px;font-size:14px;line-height:1.55}.legal-callout strong{color:var(--cream)}.legal-kv{font-family:var(--font-mono);grid-template-columns:160px 1fr;gap:8px 16px;margin:8px 0 16px;font-size:13px;display:grid}.legal-kv dt{color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;padding-top:4px;font-size:11px}.legal-kv dd{color:var(--cream);margin:0}.legal-title.brand-name{font-family:var(--font-mono)}.legal-back{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;margin-top:32px;padding:8px 14px;text-decoration:none;display:inline-flex}.legal-back:hover{color:var(--cream);border-color:var(--dusk-peach)}.az-lb-page{min-height:100vh;padding-top:var(--topbar-h);background:var(--bg);padding-bottom:80px}.az-lb-header{background:var(--surface);border-bottom:1px solid var(--border)}.az-lb-header-inner{max-width:var(--max-w);padding:28px var(--pad) 20px;flex-direction:column;gap:10px;margin:0 auto;display:flex}.az-lb-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--dusk-peach)}.az-lb-title{font-family:var(--font-display);color:var(--text);margin:0;font-size:clamp(24px,3vw,32px);font-weight:700}.az-lb-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.az-lb-tab{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-dim);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:6px 14px}.az-lb-tab:hover{border-color:var(--border-bright);color:var(--text)}.az-lb-tab.is-active{color:var(--dusk-peach);border-color:#f7a67980}.az-lb-region-select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text);padding:6px 10px}.az-lb-body{max-width:var(--max-w);padding:20px var(--pad);margin:0 auto}.az-lb-table{flex-direction:column;gap:2px;display:flex}.az-lb-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-sm);grid-template-columns:48px minmax(0,1fr) 90px 90px 90px 64px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:grid}.az-lb-head{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-color:#0000;padding-top:0;padding-bottom:4px}.az-lb-entry{transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out)}.az-lb-entry:hover{border-color:var(--border-bright);background:var(--surface-2)}.az-lbc-rank{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-faint);text-align:center}.az-lbc-player{flex-direction:column;gap:2px;min-width:0;display:flex}.az-lb-player-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.az-lb-player-tag{font-size:var(--fs-xs);color:var(--text-dim)}.az-lbc-score b{font-family:var(--font-mono);color:var(--dusk-peach);font-size:var(--fs-md)}.az-lbc-letters{font-family:var(--font-mono)}.az-lbc-letters b{color:var(--text);font-weight:600}.az-lbc-letters em{color:var(--text-faint);font-style:normal;font-size:var(--fs-xs)}.az-lbc-firsts,.az-lbc-splus{font-family:var(--font-mono);color:var(--text-dim);font-size:var(--fs-sm)}.az-lb-skel{background:0 0;border:none;padding:0}.az-lb-empty{padding:48px var(--pad);text-align:center;color:var(--text-dim)}@media (width<=640px){.az-lb-row{grid-template-columns:40px minmax(0,1fr) 70px 60px}.az-lbc-firsts,.az-lbc-splus{display:none}}.group-create-intro{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-dim);margin:0 0 20px;line-height:1.5}.group-page-body{max-width:var(--max-w);padding:32px var(--pad);margin:0 auto}.group-section-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text);margin:0 0 16px}.group-badge{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:2px 8px;display:inline-block}.group-meta-dot{color:var(--text-faint);margin:0 6px}.group-join-inline{gap:8px;max-width:360px;margin:16px auto;display:flex}.group-join-inline input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em;flex:1;padding:10px 12px}.group-join-inline input:focus{border-color:var(--dusk-peach);outline:none}.group-invite-code{font-family:var(--font-mono);font-size:var(--fs-md);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--dusk-peach);letter-spacing:.1em;padding:2px 8px}.group-members-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.group-members-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);font-size:var(--fs-sm);grid-template-columns:minmax(0,1fr) 90px 90px;align-items:center;gap:12px;padding:8px 12px;display:grid}.group-members-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-members-role{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.group-members-spacer{display:block}