:root{color-scheme:light;--bg: #f3f6fd;--bg-glow: radial-gradient(900px 520px at 8% -8%, rgba(76, 110, 245, .16), transparent 62%), radial-gradient(780px 480px at 96% 4%, rgba(168, 85, 247, .13), transparent 60%), radial-gradient(900px 520px at 60% 108%, rgba(20, 184, 196, .12), transparent 60%);--surface: #ffffff;--surface-2: #f4f6fc;--surface-3: #e9eef9;--surface-4: #dde4f3;--line: #e0e6f2;--line-2: #c7d0e2;--sel-bg: rgba(13, 162, 172, .13);--sel-fg: #07717a;--accent: #0a8d97;--accent-fill: #12b5c1;--violet: #6d4bd6;--pink: #c7287f;--arch-teamfight: #d9651b;--arch-pick: #7b4fe0;--arch-poke: #0b8fb3;--arch-protect: #18935a;--arch-dive: #d92e5d;--arch-split: #b58100;--grad-brand: linear-gradient(120deg, #3f6cf6, #7b4fe0 50%, #d0317f);--grad-gold: linear-gradient(135deg, #f6db8c, #d9b35c 45%, #b8892c);--glow: 0 10px 30px -12px rgba(63, 108, 246, .35);--text: #0f1623;--text-2: #3d4a5e;--muted: #586275;--gold: #7a5c14;--gold-2: #5c4511;--gold-fill: #c59a45;--on-gold: #1b1407;--gold-soft: rgba(197, 154, 69, .16);--blue: #2563d4;--red: #c7333b;--magic: #5b4bd6;--physical: #e0662f;--true: #6b7280;--ink-magic: #ffffff;--ink-physical: #ffffff;--ink-true: #ffffff;--div-pos: #2f6fe0;--div-neg: #e0662f;--div-mid: #eceef3;--good: #0f8f4f;--warning: #9a6200;--warning-fill: #f2b233;--critical: #c9303a;--wr-0: #c9303a;--wr-1: #b6545a;--wr-2: var(--text);--wr-3: #3b6fd8;--wr-4: #1d5bd8;--wr-5: #bb5f00;--grade-s: #b27300;--grade-a: #0f8f4f;--grade-b: #2f6fe0;--grade-c: #667085;--shadow-1: 0 1px 2px rgba(16, 24, 40, .06);--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 6px 20px rgba(16, 24, 40, .06);--shadow-lg: 0 20px 50px rgba(16, 24, 40, .18);--backdrop: rgba(15, 22, 35, .4);--scrim: rgba(8, 11, 18, .62);--state-hover: rgba(15, 22, 35, .06);--state-press: rgba(15, 22, 35, .1);--outline: #8a93a4;--focus: #7a5c14;--font: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--radius: var(--r-lg);--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-emph: cubic-bezier(.05, .7, .1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--appbar-h: 60px;--content: 1480px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #070a14;--bg-glow: radial-gradient(900px 560px at 6% -10%, rgba(59, 99, 255, .24), transparent 62%), radial-gradient(760px 520px at 98% 0, rgba(168, 85, 247, .2), transparent 60%), radial-gradient(1000px 560px at 55% 110%, rgba(10, 200, 185, .14), transparent 60%);--surface: #0d1323;--surface-2: #121a2e;--surface-3: #19233b;--surface-4: #212d49;--line: #1c2640;--line-2: #2b3a5c;--sel-bg: rgba(46, 230, 214, .14);--sel-fg: #5ff0e2;--accent: #2ee6d6;--accent-fill: #1fc7b9;--violet: #a78bfa;--pink: #ff6fb5;--arch-teamfight: #ff9a4d;--arch-pick: #b18cff;--arch-poke: #3cc8f0;--arch-protect: #45d18f;--arch-dive: #ff5f86;--arch-split: #f5c542;--grad-brand: linear-gradient(120deg, #4d8dff, #a06bff 50%, #ff5fa8);--grad-gold: linear-gradient(135deg, #f7e1a0, #d9b35c 45%, #a8802e);--glow: 0 12px 36px -12px rgba(77, 141, 255, .45);--text: #edf0f5;--text-2: #b6bfce;--muted: #7f8a9e;--gold: #c8aa6e;--gold-2: #f0e6d2;--gold-fill: #c8aa6e;--on-gold: #15110a;--gold-soft: rgba(200, 170, 110, .13);--blue: #4d8dff;--red: #ff5c63;--magic: #8f86ff;--physical: #ff8a4c;--true: #e8eaef;--ink-magic: #0b0f19;--ink-physical: #0b0f19;--ink-true: #0b0f19;--div-pos: #4d8dff;--div-neg: #ff8a4c;--div-mid: #1d2535;--good: #45d18f;--warning: #f5b83d;--warning-fill: #f5b83d;--critical: #ff6b6b;--wr-0: #ff4e50;--wr-1: #fcb1b2;--wr-2: var(--text);--wr-3: #7ea4f4;--wr-4: #4c86ff;--wr-5: #ff9b00;--grade-s: #f3b53f;--grade-a: #45d18f;--grade-b: #6ea8ff;--grade-c: #8a94a6;--shadow-1: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .55);--backdrop: rgba(2, 4, 9, .62);--scrim: rgba(2, 4, 9, .72);--state-hover: rgba(255, 255, 255, .07);--state-press: rgba(255, 255, 255, .1);--outline: #5a6780;--focus: #e2c47e}}:root[data-theme=dark]{color-scheme:dark;--bg: #070a14;--bg-glow: radial-gradient(900px 560px at 6% -10%, rgba(59, 99, 255, .24), transparent 62%), radial-gradient(760px 520px at 98% 0, rgba(168, 85, 247, .2), transparent 60%), radial-gradient(1000px 560px at 55% 110%, rgba(10, 200, 185, .14), transparent 60%);--surface: #0d1323;--surface-2: #121a2e;--surface-3: #19233b;--surface-4: #212d49;--line: #1c2640;--line-2: #2b3a5c;--sel-bg: rgba(46, 230, 214, .14);--sel-fg: #5ff0e2;--accent: #2ee6d6;--accent-fill: #1fc7b9;--violet: #a78bfa;--pink: #ff6fb5;--arch-teamfight: #ff9a4d;--arch-pick: #b18cff;--arch-poke: #3cc8f0;--arch-protect: #45d18f;--arch-dive: #ff5f86;--arch-split: #f5c542;--grad-brand: linear-gradient(120deg, #4d8dff, #a06bff 50%, #ff5fa8);--grad-gold: linear-gradient(135deg, #f7e1a0, #d9b35c 45%, #a8802e);--glow: 0 12px 36px -12px rgba(77, 141, 255, .45);--text: #edf0f5;--text-2: #b6bfce;--muted: #7f8a9e;--gold: #c8aa6e;--gold-2: #f0e6d2;--gold-fill: #c8aa6e;--on-gold: #15110a;--gold-soft: rgba(200, 170, 110, .13);--blue: #4d8dff;--red: #ff5c63;--magic: #8f86ff;--physical: #ff8a4c;--true: #e8eaef;--ink-magic: #0b0f19;--ink-physical: #0b0f19;--ink-true: #0b0f19;--div-pos: #4d8dff;--div-neg: #ff8a4c;--div-mid: #1d2535;--good: #45d18f;--warning: #f5b83d;--warning-fill: #f5b83d;--critical: #ff6b6b;--wr-0: #ff4e50;--wr-1: #fcb1b2;--wr-2: var(--text);--wr-3: #7ea4f4;--wr-4: #4c86ff;--wr-5: #ff9b00;--grade-s: #f3b53f;--grade-a: #45d18f;--grade-b: #6ea8ff;--grade-c: #8a94a6;--shadow-1: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .55);--backdrop: rgba(2, 4, 9, .62);--scrim: rgba(2, 4, 9, .72);--state-hover: rgba(255, 255, 255, .07);--state-press: rgba(255, 255, 255, .1);--outline: #5a6780;--focus: #e2c47e}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}}@keyframes slide-in-right{0%{transform:translate(32px);opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}}@keyframes slot-pulse{0%,to{box-shadow:inset 0 0 0 2px var(--side),0 0 color-mix(in oklab,var(--side) 45%,transparent)}50%{box-shadow:inset 0 0 0 2px var(--side),0 0 0 6px color-mix(in oklab,var(--side) 0%,transparent)}}@keyframes lock-in{0%{transform:scale(.96);filter:brightness(1.6)}to{transform:none;filter:none}}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.5 var(--font);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:var(--bg-glow);background-repeat:no-repeat;min-height:100vh}h1,h2,h3{line-height:1.25;letter-spacing:-.01em}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}img{max-width:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}::selection{background:var(--sel-bg)}kbd{display:inline-block;font:600 11px/1 var(--font);color:var(--text-2);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:3px 6px;background:var(--surface-2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;padding:8px 12px;border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow)}.skip-link:focus{top:12px}.muted{color:var(--muted)}.small{font-size:12px}.pos{color:var(--good);font-weight:600}.neg{color:var(--critical);font-weight:600}.empty{padding:24px 0;text-align:center}.ui-icon,.lucide{flex:none}.champ-icon{display:block;border-radius:var(--r-sm);background:var(--surface-3);object-fit:cover}.crest{display:block;flex:none;object-fit:contain}.crest-all{display:grid;place-items:center;border-radius:50%;background:var(--surface-3);color:var(--gold)}.class-icon{display:block;flex:none;object-fit:contain;filter:brightness(1.05)}:root[data-theme=light] .class-icon{filter:invert(.75)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .class-icon{filter:invert(.75)}}.ban-mark{display:block;opacity:.55}.wr{font-weight:700;font-variant-numeric:tabular-nums}.wr-0{color:var(--wr-0)}.wr-1{color:var(--wr-1)}.wr-2{color:var(--wr-2)}.wr-3{color:var(--wr-3)}.wr-4{color:var(--wr-4)}.wr-5{color:var(--wr-5)}.grade{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;font-size:12px;font-weight:800;line-height:1;color:var(--g);background:color-mix(in oklab,var(--g) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--g) 40%,transparent)}.grade-S{--g: var(--grade-s)}.grade-A{--g: var(--grade-a)}.grade-B{--g: var(--grade-b)}.grade-C{--g: var(--grade-c)}.app{min-height:100vh;display:flex;flex-direction:column}.appbar{position:sticky;top:0;z-index:45;height:var(--appbar-h);background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.appbar-inner{display:flex;align-items:center;gap:20px;height:100%;max-width:var(--content);margin:0 auto;padding:0 24px}.brand{display:flex;align-items:center;gap:10px;flex:none;font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--gold-2)}.logo-mark{display:block;flex:none;filter:drop-shadow(0 2px 6px rgba(200,170,110,.25))}.logo-mark .logo-left,.logo-mark .logo-right{transition:transform var(--dur-3) var(--ease-emph)}.brand:hover .logo-left{transform:translate(2px)}.brand:hover .logo-right{transform:translate(-2px)}.brand-name{color:var(--text-2)}.brand-name b{color:var(--gold-2);font-weight:800}.nav{display:flex;align-items:center;gap:2px;min-width:0}.nav-item{position:relative;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:10px;color:var(--text-2);font-weight:500;text-decoration:none;white-space:nowrap;transition:background-color var(--dur-1),color var(--dur-1)}.nav-item:hover{color:var(--text);background:var(--state-hover)}.nav-item.active{color:var(--sel-fg);background:var(--sel-bg)}.nav-item.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-11px;height:2px;border-radius:2px;background:var(--gold-fill)}.nav-badge{padding:1px 6px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;background:var(--gold-soft);color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold-fill) 35%,transparent)}.appbar-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--text-2);transition:background-color var(--dur-1),color var(--dur-1),transform var(--dur-1)}.icon-btn:hover:not(:disabled){background:var(--state-hover);color:var(--text)}.icon-btn:active:not(:disabled){transform:scale(.92)}.theme-toggle{display:flex;padding:3px;gap:2px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.theme-toggle button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--muted);transition:background-color var(--dur-2),color var(--dur-2),transform var(--dur-1)}.theme-toggle button:hover{color:var(--text)}.theme-toggle button.active{background:var(--surface);color:var(--gold);box-shadow:var(--shadow-1)}.theme-toggle button:active{transform:scale(.9)}.help-menu,.elo-menu,.menu-wrap{position:relative}.popover{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:220px;padding:6px;border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface);box-shadow:var(--shadow-lg);transform-origin:top right;animation:menu-in var(--dur-1) var(--ease-out)}.menu{display:flex;flex-direction:column}.menu>button,.menu>a{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);text-align:left;text-decoration:none;transition:background-color var(--dur-1)}.menu>button>span,.menu>a>span{display:flex;flex-direction:column}.menu>button:hover,.menu>a:hover{background:var(--state-hover)}.menu>button svg,.menu>a svg{margin-top:2px;color:var(--text-2)}.menu-theme{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:8px 10px 4px;border-top:1px solid var(--line);font-size:13px;color:var(--text-2)}.menu-theme .theme-toggle{display:flex}.elo-button{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 6px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);font-weight:600;transition:border-color var(--dur-1),background-color var(--dur-1)}.elo-button:hover{border-color:var(--gold-fill)}.elo-button[aria-busy=true]{opacity:.7}.elo-popover{width:280px;padding:8px}.popover-head{display:flex;flex-direction:column;margin:2px 6px 8px;font-size:12px;color:var(--muted)}.popover-head strong{font-size:13px;color:var(--text)}.elo-options{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}.elo-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--dur-1)}.elo-option:first-child{grid-column:1 / -1}.elo-option:hover,.elo-option:focus{background:var(--state-hover);outline:none}.elo-option:focus-visible{box-shadow:inset 0 0 0 2px var(--gold-fill)}.elo-option.on{background:var(--sel-bg);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold-fill) 45%,transparent)}.elo-option[aria-disabled=true]{opacity:.4;cursor:default}.elo-option-name{font-weight:600;font-size:13px}.elo-option-count{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.main{flex:1;width:100%;max-width:var(--content);margin:0 auto;padding:20px 24px 32px}.page{animation:fade-in var(--dur-2) ease backwards}.footer{width:100%;max-width:var(--content);margin:0 auto;padding:18px 24px 28px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer p{margin:4px 0}.footer-links{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:8px;font-size:13px}.footer-links a{color:var(--text-2);text-decoration:none}.footer-links a:hover{color:var(--gold)}.bottom-nav{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);font-weight:600;white-space:nowrap;text-decoration:none;transition:background-color var(--dur-1),border-color var(--dur-1),color var(--dur-1),transform var(--dur-1),box-shadow var(--dur-1)}.btn:hover:not(:disabled){background:var(--surface-2);border-color:color-mix(in oklab,var(--gold-fill) 45%,var(--line-2))}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--gold-fill);border-color:var(--gold-fill);color:var(--on-gold);box-shadow:0 1px #ffffff40 inset,0 2px 10px color-mix(in oklab,var(--gold-fill) 25%,transparent)}.btn.primary:hover:not(:disabled){background:color-mix(in oklab,var(--gold-fill) 86%,#fff);color:var(--on-gold)}.btn.ghost,.btn.text{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost{border-color:var(--line-2)}.btn.text:hover:not(:disabled){background:var(--state-hover);border-color:transparent;color:var(--text)}.link{background:none;border:0;padding:0 2px;color:var(--text-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;transition:color var(--dur-1)}.link:hover{color:var(--gold)}.text-input{width:100%;height:38px;background:var(--surface-2);border:1px solid var(--outline);border-radius:10px;padding:0 12px;transition:border-color var(--dur-1),box-shadow var(--dur-1),background-color var(--dur-1)}select.text-input{padding-right:6px}.text-input:hover{border-color:var(--text-2)}.text-input:focus{outline:none;border-color:var(--gold-fill);box-shadow:0 0 0 3px var(--gold-soft);background:var(--surface)}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.segmented button{flex:1;height:30px;border:0;border-radius:9px;padding:0 12px;font-size:13px;font-weight:500;background:transparent;color:var(--text-2);transition:background-color var(--dur-2),color var(--dur-2)}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface);color:var(--sel-fg);font-weight:700;box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line)}.switch{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;flex:none;width:34px;height:20px;border-radius:999px;background:var(--surface-4);box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color var(--dur-2)}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--text-2);transition:transform var(--dur-2) var(--ease-spring),background-color var(--dur-2)}.switch input:checked+.switch-track{background:var(--gold-fill);box-shadow:none}.switch input:checked+.switch-track:after{transform:translate(14px);background:var(--on-gold)}.switch input:focus-visible+.switch-track{outline:2px solid var(--gold-fill);outline-offset:2px}.switch.disabled{opacity:.5}.tabs{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:12px}.tabs button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--text-2);font-weight:600;transition:background-color var(--dur-1),color var(--dur-1)}.tabs button:hover{color:var(--text);background:var(--state-hover)}.tabs button.active{color:var(--sel-fg);background:var(--sel-bg)}.tab-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:11px;line-height:18px;background:var(--surface-3);color:var(--text-2)}.chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;height:24px;padding:0 8px 0 6px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .champ-icon{width:16px;height:16px;border-radius:50%}.chip svg{color:var(--gold)}.chip.neg{color:var(--critical);background:color-mix(in oklab,var(--critical) 12%,transparent)}.chip.neg svg{color:var(--critical)}.chip.pool{color:var(--gold-2);background:var(--gold-soft)}.tag{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--surface-3);color:var(--muted);white-space:nowrap}.role-badge,.pool-badge,.class-badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 7px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-3);color:var(--text-2)}.pool-badge{background:var(--gold-soft);color:var(--gold-2)}.section-tabs{display:flex;gap:4px;margin:0 0 18px;border-bottom:1px solid var(--line)}.section-tabs a{position:relative;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px;color:var(--text-2);font-weight:600;text-decoration:none;transition:color var(--dur-1)}.section-tabs a:hover{color:var(--text)}.section-tabs a.active{color:var(--sel-fg)}.section-tabs a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--gold-fill)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 18px;flex-wrap:wrap}.page-head h1{margin:0;font-size:26px;font-weight:750;display:flex;flex-direction:column;gap:4px}.page-sub{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.intro{max-width:820px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;min-width:0;box-shadow:var(--shadow-1)}.page>.panel,.page>section{margin-bottom:16px}.panel-title,.section-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;font-size:16px;font-weight:700}.sub-title{margin:18px 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.note{font-size:12px;padding:8px 12px;border-radius:var(--r-sm);background:color-mix(in oklab,var(--warning-fill) 12%,var(--surface-2));color:var(--text-2)}.warnings{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.warnings li{font-size:13px;padding:8px 12px;border-radius:var(--r-sm);background:color-mix(in oklab,var(--warning-fill) 10%,var(--surface-2));border-left:3px solid var(--warning-fill)}.empty-state{text-align:center;padding:36px 20px}.empty-state p{max-width:620px;margin:8px auto 18px}.board-shell{border-radius:var(--r-xl);border:1px solid var(--line);background:color-mix(in oklab,var(--surface) 88%,transparent);box-shadow:var(--shadow);overflow:visible}.board-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}.side-toggle{display:inline-flex;padding:3px;gap:2px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.side-btn{--side: var(--blue);display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--text-2);transition:background-color var(--dur-2),color var(--dur-2)}.side-btn.side-red{--side: var(--red)}.side-dot{width:9px;height:9px;border-radius:50%;background:var(--side);box-shadow:0 0 0 3px color-mix(in oklab,var(--side) 22%,transparent)}.side-name{font-weight:700;font-size:13px}.side-hint{font-size:12px;color:var(--muted)}.side-btn.active{color:var(--text);background:color-mix(in oklab,var(--side) 16%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--side) 45%,transparent)}.phase{display:flex;align-items:center;gap:12px;margin:0 auto;min-width:0}.phase-label{font-weight:700;font-size:14px;white-space:nowrap;color:var(--text-2)}.phase-label.ours{color:var(--sel-fg)}.phase-steps{display:flex;gap:3px}.phase-steps i{--side: var(--blue);width:14px;height:6px;border-radius:3px;background:color-mix(in oklab,var(--side) 18%,var(--surface-3));transition:background-color var(--dur-2),transform var(--dur-2)}.phase-steps i.side-red{--side: var(--red)}.phase-steps i.done{background:var(--side)}.phase-steps i.now{background:var(--gold-fill);transform:scaleY(1.4)}.phase-count{font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.board-actions{display:flex;align-items:center;gap:4px}.board-actions .btn{height:36px;padding:0 12px}.menu-right{right:0}.board{display:grid;grid-template-columns:minmax(220px,272px) minmax(0,1fr) minmax(220px,272px);gap:16px;padding:16px;align-items:start}.board-center{display:flex;flex-direction:column;gap:12px;min-width:0}.team{--side: var(--blue);min-width:0;position:sticky;top:calc(var(--appbar-h) + 12px)}.team-red{--side: var(--red)}.team-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px 8px;border-bottom:2px solid color-mix(in oklab,var(--side) 60%,transparent)}.team-name{margin:0;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.team.ours .team-name{color:var(--gold-2)}.team-sidename{font-size:12px;font-weight:600;color:var(--side);white-space:nowrap}.bans{display:flex;gap:5px;margin:10px 0}.bans.split .ban:nth-child(3){margin-right:10px}.ban{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden;transition:border-color var(--dur-2),transform var(--dur-1)}.ban:hover{border-color:var(--line-2);transform:translateY(-1px)}.ban .champ-icon{width:100%;height:100%;border-radius:0;filter:grayscale(1) brightness(.8);animation:pop-in var(--dur-3) var(--ease-emph) both}.ban.filled{position:relative}.ban.filled:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 46%,color-mix(in oklab,var(--critical) 85%,transparent) 46% 54%,transparent 54%)}.ban.targeted{border-color:var(--gold-fill);box-shadow:0 0 0 3px var(--gold-soft)}.slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.slot{position:relative;display:flex;align-items:center;gap:10px;height:72px;padding:0 10px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;isolation:isolate;transition:border-color var(--dur-2),background-color var(--dur-2),transform var(--dur-1)}.slot:has(.role-menu),.slot:focus-within{z-index:6}.slot:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--splash, none) center 22% / cover no-repeat;opacity:0;transition:opacity var(--dur-3)}.slot:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklab,var(--surface-2) 96%,transparent) 20%,color-mix(in oklab,var(--surface-2) 45%,transparent) 70%,color-mix(in oklab,var(--side) 18%,transparent))}.slot.filled:before{opacity:.9}.slot.filled{border-color:color-mix(in oklab,var(--side) 30%,var(--line));animation:lock-in .42s var(--ease-emph)}.slot:hover{border-color:var(--line-2)}.slot.targeted{border-color:transparent;background:color-mix(in oklab,var(--side) 8%,var(--surface-2));animation:slot-pulse 1.6s ease-in-out infinite}.slot-order{flex:none;min-width:28px;height:22px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.02em}.slot-order:hover{background:var(--state-hover);color:var(--text)}.slot.filled .slot-order{color:var(--side)}.slot-icon{flex:none;padding:0;border:0;background:none;border-radius:10px}.slot-icon .champ-icon{width:44px;height:44px;border-radius:10px;box-shadow:0 0 0 2px color-mix(in oklab,var(--side) 55%,transparent),var(--shadow-1);animation:pop-in var(--dur-3) var(--ease-emph) both}.slot-main{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;flex:1}.slot-name{max-width:100%;font-weight:750;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px var(--surface-2)}.slot-clear{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:color-mix(in oklab,var(--surface) 70%,transparent);color:var(--text-2);opacity:0;transition:opacity var(--dur-1),color var(--dur-1),background-color var(--dur-1)}.slot:hover .slot-clear,.slot-clear:focus-visible{opacity:1}.slot-clear:hover{color:var(--critical)}.slot-empty{color:var(--muted);font-size:13px;font-weight:600}.slot.targeted .slot-empty{color:var(--gold-2)}.role-icon{flex:none}.role-picker{position:relative}.role-current{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px 0 6px;border-radius:999px;border:1px solid var(--line);background:color-mix(in oklab,var(--surface) 78%,transparent);color:var(--text-2);font-size:12px;font-weight:600;transition:border-color var(--dur-1),color var(--dur-1)}.role-current:hover{border-color:var(--line-2);color:var(--text)}.role-current.fixed{color:var(--text);border-color:color-mix(in oklab,var(--gold-fill) 50%,var(--line))}.role-auto{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.role-q{width:16px;text-align:center;font-weight:700}.role-menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;display:flex;gap:2px;padding:4px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-lg);transform-origin:top left;animation:menu-in var(--dur-1) var(--ease-out)}.team.theirs .role-menu{left:auto;right:0}.role-menu button{display:grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font-size:12px;font-weight:600;transition:background-color var(--dur-1),color var(--dur-1)}.role-menu button:hover{background:var(--state-hover);color:var(--text)}.role-menu button.active{background:var(--sel-bg);color:var(--sel-fg)}.search{position:relative;display:flex;align-items:center;min-width:0;height:52px;background:var(--surface);border:1px solid var(--outline);border-radius:14px;box-shadow:var(--shadow-1);transition:border-color var(--dur-2),box-shadow var(--dur-2)}.search.tone-blue{border-color:color-mix(in oklab,var(--blue) 65%,var(--line-2));box-shadow:0 0 0 4px color-mix(in oklab,var(--blue) 14%,transparent)}.search.tone-red{border-color:color-mix(in oklab,var(--red) 65%,var(--line-2));box-shadow:0 0 0 4px color-mix(in oklab,var(--red) 14%,transparent)}.search-target{display:flex;align-items:center;height:100%;padding:0 16px;font-weight:800;font-size:13px;white-space:nowrap;border-right:1px solid var(--line);color:var(--sel-fg)}.search input{flex:1;min-width:0;height:100%;background:transparent;border:0;font-size:16px;padding:0 16px;outline:none}.search input::placeholder{color:var(--muted)}.search-hits{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;list-style:none;margin:0;padding:6px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:menu-in var(--dur-1) var(--ease-out)}.search-hits li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r-sm);cursor:pointer;font-weight:600;transition:background-color var(--dur-1)}.search-hits li.active,.search-hits li:hover{background:var(--surface-3)}.search-hits kbd{margin-left:auto}.search-empty{color:var(--muted);cursor:default!important}.small-hits{top:calc(100% + 4px)}.squad-picker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}.squad-picker.compact{margin:0}.squad-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-right:2px}.squad-label b{color:var(--text)}.squad-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:600;transition:background-color var(--dur-2),border-color var(--dur-2),color var(--dur-2),transform var(--dur-1)}.squad-chip:hover:not(:disabled){border-color:var(--line-2)}.squad-chip:active:not(:disabled){transform:scale(.95)}.squad-chip.on{border-color:color-mix(in oklab,var(--gold-fill) 60%,var(--line));background:var(--sel-bg);color:var(--text)}.squad-dot{width:8px;height:8px;border-radius:50%;background:var(--line-2)}.squad-empty{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;color:var(--muted)}.squad-empty.compact{margin:0}.center-tabs{margin:4px 0 0;padding-bottom:8px;border-bottom:1px solid var(--line)}.recs{display:flex;flex-direction:column;gap:12px;min-width:0}.needs-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px}.needs-strip.ok{color:var(--good);font-weight:600}.needs-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:2px}.need-chip{position:relative;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px 0 8px;overflow:hidden;white-space:nowrap;border-radius:999px;border:1px solid color-mix(in oklab,var(--warning-fill) 50%,var(--line));background:color-mix(in oklab,var(--warning-fill) 10%,var(--surface));font-weight:650}.need-chip svg{color:var(--warning)}.need-chip i{position:absolute;left:0;bottom:0;height:2px;background:var(--warning-fill)}.need-chip.dmg{border-color:color-mix(in oklab,var(--magic) 50%,var(--line));background:color-mix(in oklab,var(--magic) 10%,var(--surface))}.needs-arch{margin-left:auto;font-size:12px;font-weight:600;color:var(--text-2)}.recs-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.role-filter{display:inline-flex;padding:3px;gap:2px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.role-filter button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:var(--text-2);font-size:13px;font-weight:600;transition:background-color var(--dur-1),color var(--dur-1)}.role-filter button:hover{color:var(--text)}.role-filter button.active{background:var(--surface);color:var(--sel-fg);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line)}.role-filter button.active .role-icon{color:var(--gold)}.pick-hint{margin:-4px 0 0;font-size:12px;color:var(--muted)}.pick-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:8px}.pick{position:relative;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);animation:fade-up var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 26ms);transition:border-color var(--dur-2),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2),background-color var(--dur-2)}.pick:hover{border-color:color-mix(in oklab,var(--gold-fill) 55%,var(--line));background:var(--surface-3);transform:translateY(-2px);box-shadow:var(--shadow)}.pick-main{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 40px 12px 12px;border:0;background:none;text-align:left;border-radius:14px}.pick-main:active .champ-icon{transform:scale(.94)}.pick-portrait{position:relative;flex:none}.pick-portrait .champ-icon{width:52px;height:52px;border-radius:12px;transition:transform var(--dur-1)}.pick-role{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--surface);color:var(--gold);box-shadow:0 0 0 2px var(--surface-2)}.pick-body{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.pick-top{display:flex;align-items:center;gap:8px}.pick-name{font-size:15px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-stats{display:flex;align-items:center;gap:8px;font-size:12px}.few{display:inline-flex;align-items:center;gap:4px;color:var(--warning);font-weight:600}.pick-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.pick-info{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);transition:background-color var(--dur-1),color var(--dur-1)}.pick-info:hover{background:var(--state-hover);color:var(--sel-fg)}.pick-comfort{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:4px;max-width:45%;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gold-2);background:var(--gold-soft)}.pick-comfort.verdict-close{color:var(--warning);background:color-mix(in oklab,var(--warning-fill) 13%,transparent)}.pick-comfort.verdict-risky{color:var(--critical);background:color-mix(in oklab,var(--critical) 12%,transparent)}.recs.done{padding:24px 8px;text-align:center}.bans-panel{padding:14px;border-radius:var(--r-lg);background:color-mix(in oklab,var(--critical) 5%,var(--surface-2));border:1px solid color-mix(in oklab,var(--critical) 18%,var(--line))}.bans-panel .panel-title{font-size:14px;margin-bottom:4px}.bans-panel>p{margin:0 0 10px}.ban-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}.ban-list li{animation:fade-up var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 30ms)}.ban-sugg{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);text-align:left;transition:border-color var(--dur-2),transform var(--dur-2) var(--ease-out)}.ban-sugg:not(:disabled):hover{border-color:color-mix(in oklab,var(--critical) 55%,var(--line));transform:translateY(-1px)}.ban-sugg:disabled{opacity:1}.ban-sugg .champ-icon{border-radius:10px}.ban-text{display:flex;flex-direction:column;min-width:0}.ban-text strong{font-size:14px}.ban-text .muted{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.comp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.comps>.panel-title{margin-bottom:14px}.comp{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line);animation:fade-up var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 50ms);transition:border-color var(--dur-2),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}.comp header{display:flex;justify-content:space-between;align-items:center;gap:8px}.comp h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:750;color:var(--gold-2)}.comp h3 svg{color:var(--gold)}.comp-wr{font-size:12px;font-weight:700;color:var(--text-2)}.comp-picks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.comp-picks li{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0}.comp-picks button{padding:0;border:2px solid transparent;border-radius:12px;background:none;transition:border-color var(--dur-1),transform var(--dur-1)}.comp-picks button:not(:disabled):hover{border-color:var(--gold-fill);transform:translateY(-2px)}.comp-picks li.locked button:disabled{opacity:1}.comp-picks li.locked .champ-icon{box-shadow:0 0 0 2px var(--line-2)}.comp-picks .champ-icon{border-radius:10px}.comp-role{display:inline-flex;color:var(--muted)}.comp-name{font-size:11px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-plan{margin:0;font-size:13px;color:var(--text-2)}.comp-missing{margin:0;font-size:12px;color:var(--warning);font-weight:600}.comp-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:auto 0 0}.comp-actions{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:auto}.squad-comp.openable{cursor:pointer}.squad-comp.openable:hover,.comp:hover{border-color:color-mix(in oklab,var(--gold-fill) 45%,var(--line));box-shadow:var(--shadow)}.squad-comp.openable:hover{transform:translateY(-2px)}.lineup{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lineup>li{display:grid;grid-template-columns:18px minmax(64px,.9fr) minmax(0,1.3fr) auto;align-items:center;gap:8px;font-size:13px}.lineup .role-icon{color:var(--muted)}.lineup-player{color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lineup-player.open{color:var(--muted);font-style:italic}.lineup-champ{display:flex;align-items:center;gap:8px;min-width:0;font-weight:650;text-decoration:none}.lineup-champ .champ-icon{border-radius:9px}.lineup-champ span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.analysis>.panel{box-shadow:none;background:var(--surface-2)}.analysis .profile{grid-column:1 / -1}.need-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.need-head{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;margin-bottom:6px}.need-val{display:flex;gap:8px;align-items:center;color:var(--text-2);font-variant-numeric:tabular-nums;font-weight:500}.meter{--fill: var(--gold-fill);height:6px;border-radius:3px;background:color-mix(in oklab,var(--fill) 16%,var(--surface-3));overflow:hidden}.meter-fill{height:100%;border-radius:0 3px 3px 0;background:var(--fill);transition:width var(--dur-3) var(--ease-out)}.need-critical .meter{--fill: var(--critical)}.need-warning .meter{--fill: var(--warning-fill)}.need-ok .meter{--fill: var(--good)}.need-note{margin:4px 0 0;font-size:11px;color:var(--muted)}.flag-warn,.flag-crit,.flag-ok{font-size:11px;font-weight:700;padding:0 6px;border-radius:4px}.flag-warn{color:var(--warning);background:color-mix(in oklab,var(--warning-fill) 14%,transparent)}.flag-crit{color:var(--critical);background:color-mix(in oklab,var(--critical) 12%,transparent)}.flag-ok{color:var(--good)}.enemy-notes{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;color:var(--text-2)}.enemy-notes li:first-child{color:var(--text);list-style:none;margin-left:-18px;padding:10px 12px;border-radius:var(--r-sm);background:color-mix(in oklab,var(--red) 9%,var(--surface))}.legend-row{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--text-2);margin:4px 0 10px}.legend-item{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.swatch.side-blue,.pbar.side-blue{background:var(--blue)}.swatch.side-red,.pbar.side-red{background:var(--red)}.swatch-tick{width:2px;height:12px;background:var(--text-2);display:inline-block;border-radius:1px}.profile-rows{display:flex;flex-direction:column;gap:4px}.prow{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:10px;padding:3px 4px;border-radius:6px;transition:background-color var(--dur-1)}.prow:hover,.prow:focus{background:var(--state-hover);outline:none}.prow-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}.prow-bars{position:relative;display:flex;flex-direction:column;gap:2px}.pbar-track{height:8px;border-radius:0 4px 4px 0;background:color-mix(in oklab,var(--text) 5%,transparent)}.pbar{height:8px;border-radius:0 4px 4px 0;transition:width var(--dur-3) var(--ease-out)}.median-tick{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;border-radius:1px;background:var(--text-2)}.ptip{display:none;position:absolute;z-index:15;left:140px;top:calc(100% + 2px);flex-direction:column;gap:2px;min-width:240px;padding:8px 10px;font-size:12px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-lg)}.prow:hover .ptip,.prow:focus .ptip{display:flex;animation:fade-up var(--dur-1) var(--ease-out)}.need-name{display:inline-flex;align-items:center;gap:7px}.need-name svg,.prow-label svg{color:var(--gold)}.damage-icon,.objective-icon,.fill-icon{display:inline-block;flex:none;object-fit:contain}.dmg{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:4px 10px;margin:6px 0}.dmg.compact{grid-template-columns:minmax(0,1fr);margin:0}.dmg-label{font-size:12px;color:var(--text-2)}.dmg-bar{display:flex;gap:2px;height:22px}.dmg.compact .dmg-bar{height:6px}.dmg-text{grid-column:-2;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.dmg-seg{display:flex;align-items:center;justify-content:center;min-width:3px;flex-basis:0;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;transition:flex-grow var(--dur-3) var(--ease-out)}.dmg-seg:first-child{border-radius:4px 0 0 4px}.dmg-seg:last-child{border-radius:0 4px 4px 0}.dmg-empty{flex:1;border-radius:4px;background:color-mix(in oklab,var(--text) 6%,transparent)}.seg-magic{background:var(--magic);color:var(--ink-magic)}.seg-physical{background:var(--physical);color:var(--ink-physical)}.seg-true{background:var(--true);color:var(--ink-true)}.table-view{margin-top:12px;font-size:12px;color:var(--text-2)}.table-view summary{cursor:pointer}.table-wrap{overflow-x:auto}.table-view table,.top-table{width:100%;border-collapse:collapse;margin-top:8px;font-variant-numeric:tabular-nums}.table-view th,.table-view td{text-align:left;padding:6px;border-bottom:1px solid var(--line)}.drawer-backdrop{position:fixed;inset:0;z-index:70;background:var(--backdrop);display:flex;justify-content:flex-end;animation:fade-in var(--dur-2) ease}.drawer{position:relative;width:min(560px,100%);height:100%;overflow-y:auto;background:var(--surface);border-left:1px solid var(--line-2);padding:20px 22px 28px;box-shadow:var(--shadow-lg);animation:slide-in-right var(--dur-3) var(--ease-emph)}.drawer-close{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:color-mix(in oklab,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);transition:background-color var(--dur-1),transform var(--dur-2) var(--ease-out)}.drawer-close:hover{background:var(--surface-3);transform:rotate(90deg)}.why-pick{margin:0 0 16px;padding:14px 14px 12px;border-radius:var(--r-lg);background:var(--gold-soft);border:1px solid color-mix(in oklab,var(--gold-fill) 35%,transparent);animation:fade-up var(--dur-3) var(--ease-out) both}.why-pick .section-title{margin-bottom:10px;padding-right:44px}.why-pick .section-title .grade{margin-left:auto}.why-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:2px}.why-list li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 4px;border-radius:6px;font-size:13px}.why-list li:nth-child(odd){background:color-mix(in oklab,var(--surface) 55%,transparent)}.why-list svg{color:var(--gold)}.why-list .pos,.why-list .neg{font-variant-numeric:tabular-nums}.why-alts{display:flex;align-items:center;gap:6px;margin:8px 0 0}.alt{padding:0;border:0;border-radius:9px;background:none;transition:transform var(--dur-1)}.alt:hover{transform:translateY(-2px)}.verdict{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:7px 10px;border-radius:var(--r-sm);font-size:13px;font-weight:600}.verdict-worth-it{color:var(--good);background:color-mix(in oklab,var(--good) 12%,transparent)}.verdict-close{color:var(--warning);background:color-mix(in oklab,var(--warning-fill) 14%,transparent)}.verdict-risky{color:var(--critical);background:color-mix(in oklab,var(--critical) 11%,transparent)}.dialog{border:1px solid var(--line-2);border-radius:var(--r-xl);padding:0;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);width:min(540px,calc(100% - 32px))}.dialog[open]{animation:toast-in var(--dur-2) var(--ease-out)}.dialog::backdrop{background:var(--backdrop)}.dialog-body{padding:22px 24px}.dialog-body h2{margin:0 0 14px;font-size:18px}.shortcuts{margin:0 0 18px}.shortcuts div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.shortcuts dt,.shortcuts dd{margin:0}.shortcuts dd{color:var(--text-2)}.toasts{position:fixed;left:50%;bottom:24px;z-index:95;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%);pointer-events:none}.toast{max-width:min(560px,calc(100vw - 32px));padding:11px 16px;border-radius:var(--r-md);background:var(--text);color:var(--bg);font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);animation:toast-in var(--dur-2) var(--ease-out)}.toast-error{background:var(--critical);color:#fff}.tour{position:fixed;inset:0;z-index:120}.tour-backdrop{position:fixed;inset:0}.tour-centered .tour-backdrop{background:var(--scrim);animation:fade-in var(--dur-2) ease}.tour-spot{position:fixed;border-radius:var(--r-lg);box-shadow:0 0 0 2px var(--gold-fill),0 0 0 9999px var(--scrim);pointer-events:none}.tour[data-motion=on] .tour-spot{transition:top var(--dur-3) var(--ease-emph),left var(--dur-3) var(--ease-emph),width var(--dur-3) var(--ease-emph),height var(--dur-3) var(--ease-emph)}.tour-card{position:fixed;width:min(360px,calc(100vw - 24px));padding:18px 18px 14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid color-mix(in oklab,var(--gold-fill) 45%,var(--line-2));box-shadow:var(--shadow-lg);animation:toast-in var(--dur-2) var(--ease-out)}.tour[data-motion=on] .tour-card{transition:top var(--dur-3) var(--ease-emph),left var(--dur-3) var(--ease-emph)}.tour-centered .tour-card{width:min(440px,calc(100vw - 24px));padding:24px 24px 18px}.tour-progress{margin:0 0 10px;min-height:6px}.tour-dots{display:flex;gap:5px}.tour-dots i{width:6px;height:6px;border-radius:3px;background:var(--surface-4);transition:width var(--dur-2) var(--ease-out),background-color var(--dur-2)}.tour-dots i.done{background:color-mix(in oklab,var(--gold-fill) 50%,var(--surface-4))}.tour-dots i.on{width:18px;background:var(--gold-fill)}.tour-title{margin:0 0 6px;font-size:17px;font-weight:750}.tour-centered .tour-title{font-size:21px}.tour-body{color:var(--text-2);font-size:14px}.tour-body p{margin:0}.tour-actions{display:flex;align-items:center;gap:8px;margin-top:16px}.tour-spacer{flex:1}.champ-detail{display:flex;flex-direction:column;gap:4px}.detail-hero{position:relative;display:flex;align-items:flex-end;gap:16px;min-height:180px;margin:-20px -22px 8px;padding:24px 22px 18px;overflow:hidden;isolation:isolate;border-radius:0 0 var(--r-lg) var(--r-lg)}.detail-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--splash) center 20% / cover no-repeat}.detail-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 10%,transparent) 0%,color-mix(in oklab,var(--surface) 70%,transparent) 55%,var(--surface) 100%)}.detail-hero .champ-icon{border-radius:16px;box-shadow:0 0 0 2px var(--gold-fill),var(--shadow)}.detail-hero-text{min-width:0}.detail-hero h1,.detail-hero h2{margin:0;font-size:30px;font-weight:800;text-shadow:0 2px 16px var(--surface)}.detail-title{margin:0;color:var(--text-2);font-style:italic;text-shadow:0 1px 10px var(--surface)}.detail-roles{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}.detail-roles .role-badge,.detail-roles .class-badge{background:color-mix(in oklab,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.detail-summary{color:var(--text-2);max-width:820px;margin:8px 0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 28px}.detail-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.detail-page{padding:20px 22px 24px;overflow:hidden}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin:10px 0 4px}.tile{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line)}.tile-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.tile-value{font-size:20px;font-weight:750;font-variant-numeric:tabular-nums}.trait-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.trait-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:10px;font-size:12px;color:var(--text-2)}.trait-row.weak{opacity:.55}.trait-label{display:inline-flex;align-items:center;gap:7px;font-weight:600}.trait-label svg{color:var(--gold)}.trait-track{height:8px;border-radius:4px;background:color-mix(in oklab,var(--gold-fill) 14%,var(--surface-3));overflow:hidden}.trait-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,color-mix(in oklab,var(--gold-fill) 70%,transparent),var(--gold-fill));transition:width var(--dur-3) var(--ease-out)}.similar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.similar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);font-size:12px;font-weight:600;text-align:center;text-decoration:none;transition:border-color var(--dur-1),transform var(--dur-1)}.similar:hover{border-color:var(--line-2);transform:translateY(-2px)}.similar .muted{font-weight:400}.pair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:18px}.pair-block h3{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.pair-block ul{list-style:none;margin:0;padding:0}.link-row{display:flex;align-items:center;gap:8px;width:100%;padding:4px 6px;border:0;border-radius:var(--r-sm);background:none;text-align:left;font-weight:600;text-decoration:none;transition:background-color var(--dur-1)}.link-row:hover{background:var(--state-hover)}.link-row>span:nth-child(2){flex:1}.link-row .muted{font-weight:400}.breadcrumbs{display:flex;gap:8px;margin:0 0 12px;font-size:13px;color:var(--muted)}.breadcrumbs a{color:var(--text-2)}.filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 16px}.filter-row .text-input{max-width:280px}.filter-row .tabs{margin:0}.champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px;margin:0;padding:0;list-style:none}.champ-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);text-decoration:none;text-align:center;transition:border-color var(--dur-2),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}.champ-card:hover{border-color:color-mix(in oklab,var(--gold-fill) 50%,var(--line));transform:translateY(-3px);box-shadow:var(--shadow)}.champ-card .champ-icon{border-radius:14px}.champ-card-name{font-weight:700;font-size:13px}.champ-card-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:1 / -1}.top-table th,.top-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.top-table th{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.top-table tbody tr{transition:background-color var(--dur-1)}.top-table tbody tr:hover{background:var(--state-hover)}.top-table td:first-child{width:44px;color:var(--muted);font-weight:700}.top-table .champ-icon{width:32px;height:32px;border-radius:9px}.top-table .link-row{font-size:14px}.wins-rows,.arch-rows{display:flex;flex-direction:column;gap:8px}.wins-row{display:grid;grid-template-columns:minmax(120px,150px) minmax(60px,1fr) 64px minmax(0,150px);align-items:center;gap:10px;font-size:13px}.wins-label{display:inline-flex;align-items:center;gap:7px;font-weight:600}.wins-label svg{color:var(--gold)}.arch-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(80px,1fr) 56px 80px;align-items:center;gap:10px;font-size:13px}.arch-row p{margin:0}.wins-val{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.divbar{position:relative;height:10px}.divbar-zero{position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:var(--line-2)}.divbar-fill{position:absolute;top:0;bottom:0;transition:width var(--dur-3) var(--ease-out)}.divbar-fill.pos{background:var(--div-pos);border-radius:0 4px 4px 0}.divbar-fill.neg{background:var(--div-neg);border-radius:4px 0 0 4px}.matrix{border-collapse:separate;border-spacing:3px;font-size:12px;font-variant-numeric:tabular-nums}.matrix th{font-weight:700;color:var(--text-2);padding:4px 6px;text-align:left;white-space:nowrap}.matrix th[scope=row]{position:sticky;left:0;z-index:1;background:var(--surface)}.matrix td{padding:7px 6px;text-align:center;border-radius:6px;min-width:50px;color:var(--text)}.duo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.duo-list li{display:grid;grid-template-columns:32px 32px minmax(0,1fr) 56px 120px;align-items:center;gap:6px;font-size:13px}.duo-icon{display:block;border-radius:8px}.movers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.movers{list-style:none;margin:0;padding:0}.tier{display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 6px;border-radius:7px;font-size:12px;font-weight:800;color:var(--t);background:color-mix(in oklab,var(--t) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--t) 40%,transparent)}.tier-SS{--t: var(--wr-5)}.tier-S{--t: var(--grade-s)}.tier-A{--t: var(--grade-a)}.tier-B{--t: var(--grade-b)}.tier-C{--t: var(--grade-c)}.tier-D{--t: var(--critical)}.arch-name{display:inline-flex;align-items:center;gap:7px}.arch-name svg{color:var(--gold)}.lineup.no-players>li{grid-template-columns:18px minmax(0,1fr) auto}.comps-note{margin:0 0 10px}.squad-how{margin:-10px 0 16px}.add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:200px;padding:24px;border-radius:var(--r-lg);border:2px dashed var(--line-2);background:transparent;color:var(--text-2);text-align:center;transition:border-color var(--dur-2),background-color var(--dur-2),color var(--dur-2)}.add-card:hover{border-color:var(--gold-fill);background:var(--sel-bg);color:var(--sel-fg)}.add-card strong{font-size:15px;color:var(--text)}.team-side-grid,.team-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:16px}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.pool-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);animation:fade-up var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms);transition:border-color var(--dur-2),box-shadow var(--dur-2)}.pool-card.playing{border-color:color-mix(in oklab,var(--gold-fill) 55%,var(--line));box-shadow:inset 0 3px 0 var(--gold-fill),var(--shadow-1)}.pool-card.me{background:linear-gradient(180deg,var(--gold-soft),transparent 110px),var(--surface)}.pool-head{display:flex;gap:8px;align-items:center}.pool-name{font-weight:700;font-size:15px}.pool-head .switch{flex:none;font-size:12px}.pool-head .icon-btn:hover{color:var(--critical)}.me-badge{flex:none;padding:3px 9px;border-radius:999px;background:var(--gold-soft);color:var(--gold-2);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.role-prefs{display:flex;gap:6px}.role-prefs button{position:relative;display:grid;place-items:center;width:40px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);transition:background-color var(--dur-1),color var(--dur-1),border-color var(--dur-1)}.role-prefs button:hover{color:var(--text)}.role-prefs button.on{color:var(--sel-fg);border-color:color-mix(in oklab,var(--gold-fill) 55%,var(--line));background:var(--sel-bg)}.pref-n{position:absolute;top:-7px;right:-7px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--gold-fill);color:var(--on-gold);font-size:10px;font-weight:800;line-height:17px}.pool-import{display:flex;flex-wrap:wrap;gap:6px}.pool-import .riot-id{flex:1 1 100%}.pool-import .region{width:84px}.riot-id{display:flex;align-items:center;min-width:0;gap:4px}.riot-id .riot-name{flex:1 1 auto;min-width:0}.riot-id .riot-tag{flex:0 0 72px;width:72px;min-width:0;text-transform:uppercase}.riot-id .riot-tag::placeholder{text-transform:none}.riot-hash{color:var(--muted);font-weight:700}.pool-rank{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;color:var(--gold-2)}.pool-form,.pool-inactive{margin:0}.pool-inactive .link{padding:0}.pool-champs{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.pool-champ{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;font-weight:600;animation:pop-in var(--dur-2) var(--ease-out) both;transition:border-color var(--dur-1)}.pool-champ .champ-icon{border-radius:7px}.pool-champ .muted{font-weight:400}.pool-champ:has(.chip-x:hover){border-color:var(--critical)}.pool-champ:has(.chip-x:hover)>span{text-decoration:line-through}.pool-champ.main{border-color:color-mix(in oklab,var(--gold-fill) 60%,var(--line));background:var(--gold-soft)}.chip-star,.chip-x{border:0;background:transparent;padding:0 2px;line-height:1;color:var(--muted);transition:color var(--dur-1),transform var(--dur-1) var(--ease-spring)}.chip-star{font-size:14px;opacity:.55}.chip-star:hover{opacity:1;transform:scale(1.2)}.chip-star[aria-pressed=true]{color:var(--gold);opacity:1}.chip-x{font-size:16px}.chip-x:hover{color:var(--critical)}.rec-badge{font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.pool-add{position:relative;width:170px}.pool-add .text-input{height:36px}.lineup-editor .lineup-grid,.lineup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.lineup-role{display:grid;grid-template-columns:22px 60px minmax(0,1fr);align-items:center;gap:6px;font-size:13px;font-weight:600}.lineup-role .role-icon{color:var(--gold)}.import-banner{display:flex;align-items:center;gap:16px;margin:0 0 16px;padding:14px 16px;border-radius:var(--r-lg);border:1px solid color-mix(in oklab,var(--gold-fill) 45%,var(--line));background:var(--sel-bg)}.import-banner p{margin:0;flex:1}.onboarding-actions{display:flex;gap:12px;align-items:center}.patch-watch .alerts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.alerts li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:var(--r-md);background:var(--surface-2);border-left:3px solid var(--line-2)}.alerts li.down{border-left-color:var(--critical)}.alerts li.up{border-left-color:var(--good)}.alerts p{margin:0}.clash-side{margin-top:12px}.clash-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.opponents{display:flex;flex-direction:column;gap:8px;max-width:600px}.opp-row{display:grid;grid-template-columns:minmax(0,1fr) 84px 20px;gap:6px;align-items:center}.opp-status{font-weight:800}.opp-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:4px}.scout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:16px}.scout-card{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-2);animation:fade-up var(--dur-3) var(--ease-out) both}.scout-card header{display:flex;flex-direction:column}.scout-card strong{font-size:15px}.scout-card p{margin:0}.scout-roles{display:flex;gap:4px;flex-wrap:wrap}.scout-mains{display:flex;gap:6px;margin:0;padding:0;list-style:none}.scout-mains li{display:flex;flex-direction:column;align-items:center;gap:2px}.scout-mains .champ-icon{border-radius:10px}.comp-drawer{width:min(620px,100%);display:flex;flex-direction:column;gap:16px}.comp-detail-head{padding-right:44px}.comp-detail-head h2{display:flex;align-items:center;gap:10px;margin:4px 0;font-size:24px;font-weight:800}.comp-detail-head p{margin:0}.detail-lineup>li{grid-template-columns:18px minmax(0,1fr) auto}.detail-lineup .lineup-champ>span{display:flex;flex-direction:column;min-width:0}.detail-lineup .lineup-champ .muted{font-weight:400}.detail-wr{font-variant-numeric:tabular-nums;white-space:nowrap}.detail-section{border-top:1px solid var(--line);padding-top:14px;animation:fade-up var(--dur-3) var(--ease-out) both}.detail-section h3{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.detail-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;line-height:1.5}.phases{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px 12px;margin:0;line-height:1.5}.phases dt{display:flex;align-items:flex-start;gap:8px;font-weight:800;color:var(--gold-2)}.comp-detail-head h2 svg{color:var(--gold)}.phases dd{margin:0;color:var(--text-2)}.win-con{margin:12px 0 4px}.threat-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.threat-list li{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;font-weight:600}.comp-drawer .ban-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.detail-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding-top:14px;border-top:1px solid var(--line)}.style-browser{display:flex;gap:6px;margin:4px 0 10px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}.style-chip{display:inline-flex;align-items:center;flex:none;gap:7px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:650;white-space:nowrap;transition:background-color var(--dur-1),border-color var(--dur-1),color var(--dur-1)}.style-chip:hover{border-color:color-mix(in oklab,var(--gold-fill) 50%,var(--line-2));color:var(--text)}.style-chip.on{background:var(--sel-bg);border-color:color-mix(in oklab,var(--gold-fill) 65%,var(--line-2));color:var(--sel-fg)}.style-chip .wr{font-size:12px}.style-icons{display:inline-flex;gap:2px;color:var(--gold)}.style-note{max-width:980px;margin:0 0 16px}.comp-est{display:inline-flex;flex-direction:column;align-items:flex-end;flex:none;line-height:1.1;cursor:help}.comp-est .wr{font-size:15px}.comp-est-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.detail-lineup>li{grid-template-columns:18px minmax(0,1fr) auto 36px}.detail-lineup>li.swapped .lineup-champ strong{color:var(--sel-fg)}.swap-btn.on{background:var(--sel-bg);color:var(--sel-fg)}.detail-lineup>li.swap-row{display:block;margin:0 0 6px 26px;padding:10px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);animation:fade-up var(--dur-2) var(--ease-out)}.swap-row>p{margin:0 0 8px}.swap-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}.swap-opt{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);text-align:left;transition:border-color var(--dur-1),transform var(--dur-1)}.swap-opt:hover{border-color:var(--gold-fill);transform:translateY(-1px)}.swap-opt .champ-icon{border-radius:8px}.swap-name{display:flex;flex-direction:column;min-width:0;flex:1;font-weight:650;font-size:13px}.swap-name .muted{font-weight:400}.swap-note{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-6px 0 0;padding:8px 12px;border-radius:var(--r-sm);font-size:13px;background:var(--sel-bg)}.swap-note .link{display:inline-flex;align-items:center;gap:4px}.est-big{display:flex;align-items:baseline;gap:10px;margin:0 0 8px}.est-big .wr{font-size:26px;font-weight:800}.est-parts{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:2px}.est-parts li{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;border-radius:6px;font-size:13px;background:var(--surface-2)}.est-parts li span:last-child{font-variant-numeric:tabular-nums}.prose{max-width:860px;margin:0 auto;padding:26px 30px}.prose h1{margin-top:0;font-size:28px}.prose h2{margin-top:28px;font-size:18px}.prose p,.prose li{color:var(--text-2)}.faq h3{margin:18px 0 4px;font-size:15px}.faq p{margin:0}.not-found{text-align:center}.ad{display:flex;flex-direction:column;align-items:center;gap:4px;margin:20px auto 0;width:100%}.ad-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ad .adsbygoogle,.ad-placeholder{width:100%}.ad-leaderboard .ad-placeholder,.ad-leaderboard .adsbygoogle{max-width:728px;min-height:90px}.ad-inContent{grid-column:1 / -1}.ad-inContent .ad-placeholder,.ad-inContent .adsbygoogle{min-height:120px}.ad-sidebar .ad-placeholder,.ad-sidebar .adsbygoogle{max-width:300px;min-height:250px}.ad-placeholder{display:grid;place-items:center;border-radius:var(--r-md);border:1px dashed var(--line-2);background:repeating-linear-gradient(45deg,transparent 0 10px,color-mix(in oklab,var(--text) 3%,transparent) 10px 20px);color:var(--muted);font-size:12px}.fatal{max-width:640px;margin:15vh auto;padding:24px;text-align:center;color:var(--text-2)}.fatal code{background:var(--surface-2);padding:2px 6px;border-radius:4px}.boot{display:grid;place-items:center;min-height:60vh;color:var(--muted)}body{background-attachment:fixed}body:before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 35% at 20% 25%,color-mix(in oklab,var(--blue) 14%,transparent),transparent 70%),radial-gradient(35% 30% at 80% 20%,color-mix(in oklab,var(--violet) 12%,transparent),transparent 70%),radial-gradient(40% 35% at 60% 85%,color-mix(in oklab,var(--accent-fill) 10%,transparent),transparent 70%);animation:aurora 38s ease-in-out infinite alternate}@keyframes aurora{0%{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(3%,-2%,0) rotate(6deg) scale(1.06)}to{transform:translate3d(-3%,2%,0) rotate(-4deg) scale(1.03)}}@keyframes shine{0%{transform:translate(-120%) skew(-18deg)}to{transform:translate(220%) skew(-18deg)}}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}}@keyframes flame{0%,to{transform:translateZ(0) scale(1);opacity:.85}25%{transform:translate3d(-3%,-6%,0) scale(1.06,1.12);opacity:1}50%{transform:translate3d(2%,-3%,0) scale(.96,1.04);opacity:.75}75%{transform:translate3d(3%,-8%,0) scale(1.04,1.16);opacity:.95}}@keyframes flicker{0%,to{box-shadow:0 0 0 1px color-mix(in oklab,#3ec9ff 55%,transparent),0 0 22px -2px #3ec9ff8c,0 0 60px -10px #4d6bff8c}50%{box-shadow:0 0 0 1px color-mix(in oklab,#8f9dff 60%,transparent),0 0 30px #3ec9ffa6,0 0 80px -8px #785aff99}}@keyframes meter-in{0%{width:0}}[data-arch=teamfight],.arch-teamfight{--arch: var(--arch-teamfight)}[data-arch=pick],.arch-pick{--arch: var(--arch-pick)}[data-arch=poke],.arch-poke{--arch: var(--arch-poke)}[data-arch=protect],.arch-protect{--arch: var(--arch-protect)}[data-arch=dive],.arch-dive{--arch: var(--arch-dive)}[data-arch=split],.arch-split{--arch: var(--arch-split)}.arch-ico{display:inline-grid;place-items:center;color:var(--arch, currentColor)}.style-icons{display:inline-flex;gap:2px}.style-chip[data-arch]{border-color:color-mix(in oklab,var(--arch) 30%,var(--line))}.style-chip[data-arch]:hover{background:color-mix(in oklab,var(--arch) 10%,var(--surface))}.style-chip.on[data-arch]{background:color-mix(in oklab,var(--arch) 16%,var(--surface));border-color:var(--arch);color:var(--text);box-shadow:0 6px 18px -10px var(--arch)}.comp[data-arch]{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in oklab,var(--arch) 10%,var(--surface)) 0,var(--surface) 110px);border-color:color-mix(in oklab,var(--arch) 28%,var(--line))}.comp[data-arch]:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--arch),color-mix(in oklab,var(--arch) 30%,var(--violet)))}.comp[data-arch] h3{color:var(--text)}.comp[data-arch]:hover{box-shadow:0 16px 40px -18px var(--arch),var(--shadow);border-color:color-mix(in oklab,var(--arch) 55%,var(--line))}.pick[data-grade]{--g: var(--grade-c);background:linear-gradient(90deg,color-mix(in oklab,var(--g) 9%,var(--surface-2)),var(--surface-2) 45%)}.pick[data-grade=S]{--g: var(--grade-s)}.pick[data-grade=A]{--g: var(--grade-a)}.pick[data-grade=B]{--g: var(--grade-b)}.pick[data-grade]:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--g);opacity:.9}.pick[data-grade]:hover{border-color:color-mix(in oklab,var(--g) 55%,var(--line));box-shadow:0 14px 34px -18px var(--g),var(--shadow)}.btn.primary{position:relative;overflow:hidden;background:var(--grad-gold);border-color:color-mix(in oklab,var(--gold-fill) 80%,#000)}.btn.primary:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-120%) skew(-18deg)}.btn.primary:hover:not(:disabled):after{animation:shine .9s var(--ease-out)}.panel{transition:box-shadow var(--dur-3) var(--ease-out),border-color var(--dur-3)}.page-head h1{background:linear-gradient(100deg,var(--text) 30%,color-mix(in oklab,var(--violet) 60%,var(--text)) 100%);-webkit-background-clip:text;background-clip:text}.page-head h1 .page-sub{-webkit-text-fill-color:var(--muted)}.eyebrow{color:var(--accent)}.picker{display:flex;flex-direction:column;gap:10px;animation:rise var(--dur-3) var(--ease-out) both}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.picker-head .section-title{margin:0}.picker.tone-red .picker-head .section-title{color:var(--red)}.picker.tone-blue .picker-head .section-title{color:var(--blue)}.picker-note{margin:-4px 0 0}.picker-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.picker-search{display:flex;align-items:center;gap:6px;flex:1;min-width:160px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--outline);background:var(--surface-2);color:var(--muted)}.picker-search:focus-within{border-color:var(--accent-fill);box-shadow:0 0 0 3px var(--sel-bg)}.picker-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--text)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;max-height:460px;overflow:auto;margin:0;padding:4px 2px 4px 0;list-style:none;scrollbar-width:thin}.picker-champ{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:6px 2px;border:1px solid transparent;border-radius:12px;background:transparent;font-size:11px;font-weight:600;color:var(--text-2);transition:background-color var(--dur-1),border-color var(--dur-1),transform var(--dur-2) var(--ease-spring),color var(--dur-1)}.picker-champ .champ-icon{border-radius:12px;transition:box-shadow var(--dur-2)}.picker-champ span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-champ:hover{background:var(--sel-bg);border-color:color-mix(in oklab,var(--accent-fill) 45%,transparent);color:var(--text);transform:translateY(-2px) scale(1.03)}.picker-champ:hover .champ-icon{box-shadow:0 8px 20px -8px var(--accent-fill)}.picker.tone-red .picker-champ:hover{background:color-mix(in oklab,var(--red) 12%,transparent);border-color:color-mix(in oklab,var(--red) 45%,transparent)}.picker.tone-red .picker-champ:hover .champ-icon{box-shadow:0 8px 20px -8px var(--red)}.ban-board{display:flex;flex-direction:column;gap:14px}.ban-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border-radius:14px;background:color-mix(in oklab,var(--side, var(--red)) 7%,var(--surface-2));border:1px solid color-mix(in oklab,var(--side, var(--red)) 25%,var(--line))}.ban-row.side-blue{--side: var(--blue)}.ban-row.side-red{--side: var(--red)}.ban-slot{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border-radius:12px;border:1px dashed var(--line-2);background:var(--surface);transition:transform var(--dur-2) var(--ease-spring),border-color var(--dur-1)}.ban-slot.filled{border-style:solid;overflow:hidden}.ban-slot.filled .champ-icon{filter:grayscale(.85) brightness(.8);border-radius:11px}.ban-slot.filled:after{content:"";position:absolute;inset:45% -10%;height:2px;background:var(--critical);transform:rotate(-35deg)}.ban-slot-x{position:absolute;top:2px;right:2px;color:#fff;opacity:0;transition:opacity var(--dur-1)}.ban-slot.filled:hover .ban-slot-x{opacity:1}.ban-slot.targeted{border:2px solid var(--side, var(--red));animation:slot-pulse 1.6s ease-in-out infinite}.ban-slot:hover{transform:translateY(-2px)}.ban-done{margin-left:auto}.ban-sides button{white-space:nowrap}.ban-sides button .muted{margin-left:4px;font-weight:500}.ban-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.alert-strip{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.alert-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;animation:pop-in var(--dur-3) var(--ease-spring) both}.alert-chip.high{color:var(--critical);background:color-mix(in oklab,var(--critical) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--critical) 35%,transparent)}.alert-chip.medium{color:var(--warning);background:color-mix(in oklab,var(--warning-fill) 18%,transparent)}.alert-chip.krypto{color:var(--violet);background:color-mix(in oklab,var(--violet) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--violet) 35%,transparent)}.team-alert{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:750;color:var(--critical);background:color-mix(in oklab,var(--critical) 13%,var(--surface));animation:pop-in var(--dur-3) var(--ease-spring) both}.slot-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.lane-pill{display:inline-flex;align-items:center;width:fit-content;height:18px;padding:0 7px;border-radius:999px;font-size:10.5px;font-weight:750;letter-spacing:.01em;white-space:nowrap}.lane-pill.lane-winning{color:#fff;background:linear-gradient(90deg,#169a5b,#1db36c)}.lane-pill.lane-losing{color:#fff;background:linear-gradient(90deg,#c7303a,#e0515a)}.lane-pill.lane-even{color:var(--text-2);background:var(--surface-3)}.spicy-list{display:grid;gap:10px;margin-bottom:12px}.spicy{position:relative;isolation:isolate;border-radius:16px;background:radial-gradient(120% 140% at 0% 100%,rgba(40,110,255,.28),transparent 55%),radial-gradient(120% 120% at 100% 0%,rgba(62,201,255,.22),transparent 55%),linear-gradient(135deg,#0b1330,#101a3d 60%,#0a1026);color:#eaf2ff;animation:flicker 2.6s ease-in-out infinite,rise var(--dur-3) var(--ease-out) both}.spicy-fire{position:absolute;inset:-14px -8px auto;height:70px;z-index:-1;overflow:visible;pointer-events:none;filter:blur(8px)}.spicy-fire i{position:absolute;bottom:0;width:42%;height:100%;border-radius:50% 50% 40% 40%;background:radial-gradient(60% 70% at 50% 80%,#78dcfff2,#408cffb3 45%,#5a46ff00 75%);transform-origin:50% 100%;animation:flame 1.8s ease-in-out infinite}.spicy-fire i:nth-child(1){left:4%;animation-delay:-.4s}.spicy-fire i:nth-child(2){left:30%;height:120%;animation-duration:1.4s}.spicy-fire i:nth-child(3){left:56%;animation-delay:-.9s;animation-duration:2.1s}.spicy-main{display:flex;gap:14px;width:100%;padding:14px 44px 14px 14px;border:0;background:none;color:inherit;text-align:left;border-radius:16px}.spicy-portrait{position:relative;flex:none}.spicy-portrait .champ-icon{width:56px;height:56px;border-radius:14px;box-shadow:0 0 0 2px #78dcffcc,0 0 24px #3ec9ff99}.spicy-body{display:flex;flex-direction:column;gap:4px;min-width:0}.spicy-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spicy-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#041022;background:linear-gradient(90deg,#7ce8ff,#6d8dff)}.spicy-last{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#a9d8ff}.spicy-name{font-size:16px;font-weight:800}.spicy-name .muted{color:#a9b8d8;font-weight:600}.spicy-why{font-size:13px;color:#d5e3ff}.spicy .pick-info{color:#a9d8ff;font-weight:800}.spicy:hover .spicy-fire i{animation-duration:1s}.draft-verdict{position:relative;overflow:hidden;animation:rise var(--dur-3) var(--ease-out) both}.draft-verdict:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--grad-brand)}.draft-verdict-ahead{background:linear-gradient(180deg,color-mix(in oklab,var(--good) 9%,var(--surface)),var(--surface) 160px)}.draft-verdict-behind{background:linear-gradient(180deg,color-mix(in oklab,var(--critical) 8%,var(--surface)),var(--surface) 160px)}.verdict-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.verdict-head h2{margin:2px 0 0;font-size:22px;font-weight:800}.verdict-chance{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.verdict-chance strong{font-size:30px;font-weight:850;font-variant-numeric:tabular-nums;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.verdict-chance span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.verdict-meter{position:relative;height:10px;margin:12px 0 8px;border-radius:999px;background:linear-gradient(90deg,color-mix(in oklab,var(--critical) 55%,transparent),var(--surface-3) 50%,color-mix(in oklab,var(--good) 55%,transparent))}.verdict-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,transparent 0 calc(100% - 14px),var(--text) calc(100% - 14px));animation:meter-in .9s var(--ease-emph) both}.verdict-meter i{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:var(--line-2)}.verdict-sub{display:flex;align-items:center;gap:7px;margin:18px 0 8px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}.factor-list,.lane-list,.plan-list,.pg-blind{margin:0;padding:0;list-style:none}.factor-list li{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);animation:fade-up var(--dur-3) var(--ease-out) both}.factor-list li:last-child{border-bottom:0}.factor-list li>span:last-child{display:flex;flex-direction:column;gap:2px}.factor-value{flex:none;width:52px;font-weight:850;font-variant-numeric:tabular-nums;text-align:right}.factor-value.pos{color:var(--good)}.factor-value.neg{color:var(--critical)}.lane-row{display:grid;grid-template-columns:22px auto minmax(90px,1fr) 104px;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.lane-row:last-child{border-bottom:0}.lane-champs{display:inline-flex;align-items:center;gap:6px}.lane-champs .champ-icon{border-radius:9px}.lane-vs{font-size:11px;font-weight:700;color:var(--muted)}.lane-meter{position:relative;height:20px;border-radius:999px;overflow:hidden;background:color-mix(in oklab,var(--red) 22%,var(--surface-3))}.lane-meter-bar{display:block;height:100%;background:linear-gradient(90deg,color-mix(in oklab,var(--blue) 75%,#000),var(--blue));animation:meter-in .8s var(--ease-emph) both}.lane-meter-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:9px;font-size:11px;font-weight:800;color:var(--text)}.lane-call{font-size:12px;font-weight:800;white-space:nowrap;text-align:right}.lane-winning .lane-call{color:var(--good)}.lane-losing .lane-call{color:var(--critical)}.lane-even .lane-call{color:var(--muted)}.lane-personal{grid-column:2 / -1;margin-top:-2px}.phase-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;color:var(--muted)}.phase-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;background:var(--surface-3);color:var(--text-2)}.phase-chip.pos{color:var(--good);background:color-mix(in oklab,var(--good) 13%,transparent)}.phase-chip.neg{color:var(--critical);background:color-mix(in oklab,var(--critical) 12%,transparent)}.verdict-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px 22px}.plan-list li{position:relative;padding:7px 0 7px 18px;line-height:1.45}.plan-list li:before{content:"";position:absolute;left:2px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px color-mix(in oklab,var(--good) 18%,transparent)}.plan-list.neg li:before{background:var(--critical);box-shadow:0 0 0 3px color-mix(in oklab,var(--critical) 16%,transparent)}.plan-list li svg{vertical-align:-2px;color:var(--violet)}.pg-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;list-style:none}.pg-slot{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:8px;min-height:210px;padding:12px;border-radius:18px;border:1px solid var(--line);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-1);animation:rise var(--dur-3) var(--ease-out) both;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2),border-color var(--dur-2)}.pg-slot:nth-child(2){animation-delay:40ms}.pg-slot:nth-child(3){animation-delay:80ms}.pg-slot:nth-child(4){animation-delay:.12s}.pg-slot:nth-child(5){animation-delay:.16s}.pg-slot.filled:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 30%,transparent),var(--surface) 88%),var(--splash) center 20% / cover;opacity:.9;transition:transform .6s var(--ease-out)}.pg-slot.filled:hover:before{transform:scale(1.05)}.pg-slot.active{border-color:var(--accent-fill);box-shadow:0 0 0 3px var(--sel-bg),var(--glow);transform:translateY(-3px)}.pg-slot-head{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.pg-player-btn{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line-2);background:color-mix(in oklab,var(--surface) 85%,transparent);font-size:12px;font-weight:650;color:var(--text-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pg-player-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-player-btn.set{border-color:color-mix(in oklab,var(--violet) 50%,var(--line-2));color:var(--violet);background:color-mix(in oklab,var(--violet) 10%,var(--surface))}.pg-player .popover{min-width:220px}.pg-champ{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px;border-radius:14px;border:1px dashed var(--line-2);background:color-mix(in oklab,var(--surface-2) 70%,transparent);color:var(--text);text-align:center;transition:background-color var(--dur-1),border-color var(--dur-1)}.pg-slot.filled .pg-champ{border-style:solid;border-color:transparent;background:transparent}.pg-champ:hover{background:var(--sel-bg);border-color:var(--accent-fill)}.pg-champ .champ-icon{border-radius:16px;box-shadow:0 10px 24px -10px #0009}.pg-champ strong{font-size:15px;font-weight:800}.pg-empty{font-size:13px;font-weight:700;color:var(--muted)}.pg-comfort{font-size:11px;font-weight:700;color:var(--gold)}.pg-comfort.off{color:var(--muted)}.pg-clear{position:absolute;top:8px;right:8px}.blind-tag{display:inline-flex;align-items:center;gap:4px;width:fit-content;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.blind-tag.safe{color:var(--good);background:color-mix(in oklab,var(--good) 13%,transparent)}.blind-tag.late{color:var(--warning);background:color-mix(in oklab,var(--warning-fill) 18%,transparent);max-width:100%;overflow:hidden;text-overflow:ellipsis}.pg-slot .blind-tag{align-self:center}.pg-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.pg-suggest .recs-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.pg-suggest .recs-bar .panel-title{margin:0}.pg-suggest .segmented{flex-wrap:wrap}.pg-suggest .segmented button{white-space:nowrap}.pg-read{display:flex;flex-direction:column;gap:12px;position:sticky;top:calc(var(--appbar-h) + 12px)}.pg-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pg-summary-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800}.pg-blind{display:grid;gap:4px;margin-top:10px;font-size:13px}.pg-blind li{display:flex;align-items:center;gap:6px}.pg-blind li.safe{color:var(--good)}.pg-blind li.late{color:var(--warning)}.pg-guide-btn{width:100%;margin-top:12px}.pg-krypto .panel-title svg{color:var(--violet)}.menu-link{display:block;padding:8px 12px;color:var(--sel-fg)}.builds{position:relative;overflow:hidden}.builds:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--grad-brand)}.builds-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.builds-head .panel-title{margin:0}.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.build-block{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);animation:rise var(--dur-3) var(--ease-out) both}.build-block h3{margin:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.build-block p{margin:0}.icon-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.item-icon,.spell-icon{border-radius:8px;box-shadow:0 0 0 1px #0000004d;background:#0b0f19}.rune-icon{border-radius:50%;background:#0b0f19}.core-step{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}.build-stat{display:flex;align-items:baseline;gap:8px}.build-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid var(--line)}.rune-page{display:flex;gap:14px;flex-wrap:wrap}.rune-tree{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rune-tree.secondary{opacity:.92}.shards{display:flex;gap:4px;flex-wrap:wrap}.shard{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:999px;font-size:10.5px;font-weight:700;color:var(--text-2);background:var(--surface-3)}.skill-order{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.skill-step{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}.skill{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;font-size:15px;font-weight:850;color:#fff;box-shadow:inset 0 -2px #00000040}.skill-q{background:linear-gradient(135deg,#4d8dff,#2f5fd6)}.skill-w{background:linear-gradient(135deg,#22c38e,#139464)}.skill-e{background:linear-gradient(135deg,#b77cff,#7b4fe0)}.skill-first{margin-left:8px}.late-items{display:grid;gap:8px}.late-slot{display:flex;align-items:center;gap:10px}.late-slot>.muted{width:44px}.popular-items{display:grid;gap:6px;margin:0;padding:0;list-style:none}.popular-items li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;font-size:13px}.pro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.pro-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,color-mix(in oklab,var(--violet) 8%,var(--surface)),var(--surface) 60%);animation:rise var(--dur-3) var(--ease-out) both}.pro-head{display:flex;flex-direction:column;gap:2px}.pro-side{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:4px 10px;padding:8px 10px;border-radius:12px;background:color-mix(in oklab,var(--side) 8%,var(--surface-2));border-left:3px solid var(--side)}.pro-side.side-blue{--side: var(--blue)}.pro-side.side-red{--side: var(--red)}.pro-side.won{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold-fill) 45%,transparent)}.pro-team{display:inline-flex;align-items:center;gap:5px;font-weight:800}.pro-team svg{color:var(--gold-fill)}.pro-picks{display:flex;gap:4px}.pro-picks .champ-icon{border-radius:8px}.pro-style{grid-column:1 / -1;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-2)}.pro-vod{align-self:flex-start}.pool-matchups{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-2)}.matchup-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0}.matchup-line.krypto>svg{color:var(--violet)}.matchup-line.known>svg{color:var(--good)}.matchup-label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.matchup-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px 0 3px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-2);border:1px solid var(--line)}.matchup-line.krypto .matchup-chip{color:var(--violet);background:color-mix(in oklab,var(--violet) 10%,var(--surface));border-color:color-mix(in oklab,var(--violet) 30%,var(--line))}.matchup-line.known .matchup-chip{color:var(--good);background:color-mix(in oklab,var(--good) 10%,var(--surface));border-color:color-mix(in oklab,var(--good) 30%,var(--line))}.matchup-chip .champ-icon{border-radius:50%}.matchup-foot{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0}.elo-auto{padding:1px 6px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--sel-fg);background:var(--sel-bg)}.elo-option-name{display:flex;flex-direction:column;line-height:1.25}@media(max-width:1399px){.nav-item{padding:0 10px}.side-hint{display:none}}@media(max-width:1199px){.appbar-inner{gap:12px}.nav-item span:not(.nav-badge){display:none}.nav-item{width:40px;padding:0;justify-content:center}.nav-item .nav-badge{display:none}.nav-item.active:after{left:10px;right:10px}.board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"ours theirs" "center center"}.board>.team:first-child{grid-area:ours}.board>.team:last-child{grid-area:theirs}.board-center{grid-area:center}.team{position:static}.phase{order:5;width:100%;margin:0}}@media(max-width:839px){.meta-grid,.analysis,.clash-plan,.movers-grid{grid-template-columns:minmax(0,1fr)}.wins-row{grid-template-columns:130px minmax(60px,1fr) 64px}.wins-detail{display:none}}@media(max-width:599px){:root{--appbar-h: 54px}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.appbar-inner{padding:0 14px}.nav,.appbar-tools>.theme-toggle{display:none}.menu-theme{display:flex}.brand-name{font-size:13px}.elo-name{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{padding:14px 12px 24px}.footer{padding:16px 14px 20px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:calc(64px + env(safe-area-inset-bottom));padding:6px 4px env(safe-area-inset-bottom);background:color-mix(in oklab,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--line)}.bottom-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--muted);text-decoration:none}.bottom-icon{display:grid;place-items:center;width:52px;height:30px;border-radius:15px;transition:background-color var(--dur-2)}.bottom-item.active{color:var(--sel-fg)}.bottom-item.active .bottom-icon{background:var(--gold-soft);color:var(--gold)}.popover{right:-8px}.elo-popover{width:min(300px,calc(100vw - 24px))}.page-head h1{font-size:22px}.board-shell{border-radius:var(--r-lg)}.board-bar{padding:10px;gap:8px}.side-toggle{flex:1 1 100%}.side-btn{flex:1;justify-content:center}.board-actions{margin-left:auto}.board-actions .btn-label,.hide-mobile{display:none}.board{grid-template-columns:minmax(0,1fr);grid-template-areas:"ours" "theirs" "center";gap:12px;padding:10px}.team-head{padding-bottom:6px}.bans{margin:8px 0}.ban{width:30px;height:30px}.slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.slot{flex-direction:column;justify-content:center;gap:2px;height:76px;padding:6px 2px}.slot:after{background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--surface-2) 80%,transparent))}.slot:before{background-image:none}.slot-order{position:absolute;top:3px;left:3px;min-width:0;height:16px;font-size:10px}.slot-icon .champ-icon{width:40px;height:40px}.slot-main{align-items:center}.slot-name{font-size:11px}.role-current .role-name,.role-current .role-auto{display:none}.role-current{height:20px;padding:0 5px}.slot-clear{position:absolute;top:2px;right:2px;width:22px;height:22px;opacity:1}.slot-empty{font-size:11px;text-align:center}.search{height:50px}.board-center>[data-tour=search]{position:sticky;top:calc(var(--appbar-h) + 6px);z-index:25}.search-target{padding:0 12px;font-size:12px}.role-filter{width:100%;overflow-x:auto}.role-filter button{flex:1;justify-content:center;padding:0 8px}.role-filter-label{display:none}.pick-list,.comp-grid,.pool-grid,.ban-list{grid-template-columns:minmax(0,1fr)}.needs-arch{margin-left:0}.comp-picks .champ-icon{width:44px;height:44px}.lineup>li{grid-template-columns:18px minmax(56px,.7fr) minmax(0,1.3fr)}.lineup>li>:last-child{grid-column:2 / -1;justify-self:start}.detail-lineup>li{grid-template-columns:18px minmax(0,1fr) auto 36px}.detail-lineup>li>:last-child{grid-column:auto;justify-self:auto}.detail-lineup .detail-wr{display:none}.drawer{padding:16px 16px 24px}.detail-hero{margin:-16px -16px 8px;padding:20px 16px 16px;min-height:150px}.detail-hero h1,.detail-hero h2{font-size:24px}.trait-row{grid-template-columns:124px 1fr}.duo-list li{grid-template-columns:30px 30px minmax(0,1fr) 52px}.duo-list li>span:last-child{display:none}.opp-row{grid-template-columns:minmax(0,1fr) 70px 16px}.riot-id .riot-tag{flex-basis:60px;width:60px}.phases{grid-template-columns:minmax(0,1fr);gap:2px}.phases dd{margin-bottom:8px}.head-actions{width:100%}.prose{padding:18px}.import-banner{flex-direction:column;align-items:stretch}.toasts{bottom:calc(76px + env(safe-area-inset-bottom))}}@media(max-width:1199px){.pg-body{grid-template-columns:1fr}.pg-read{position:static}}@media(max-width:839px){.pg-board{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:599px){.pg-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pg-slot{min-height:180px}.verdict-head{flex-direction:column}.verdict-chance{align-items:flex-start}.lane-row{grid-template-columns:20px auto 1fr}.lane-call{grid-column:2 / -1}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));max-height:380px}.pro-side{grid-template-columns:1fr}}