:root{--text-caption: .75rem;--text-label: .8125rem;--text-small: .875rem;--text-body: 1rem;--text-lead: 1.125rem;--text-title-sm: 1.25rem;--text-title: 1.375rem;--text-heading-sm: 1.5rem;--text-heading: 1.75rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.relative{position:relative}.top-1{top:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.border-2{border-width:2px}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-700{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.px-1{padding-left:.25rem;padding-right:.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{color:#edf1ff;background:#050812;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;--ink: #050812;--panel: rgba(7, 12, 27, .94);--panel-2: #0d1629;--line: #34415d;--muted: #8994ab;--gold: #e6b95d;--gold-bright: #ffd882;--blue: #277df0;--blue-bright: #67a9ff;--red: #e33d58;--red-bright: #ff7085;--retro-tick: .1s;--control-response: 0ms;--tgv-cursor: url(/tgv-cursor.png) 3 3}:root.cursor-pressed{--tgv-cursor: url(/tgv-cursor-pressed.png) 3 3}*{box-sizing:border-box;border-radius:0!important}html{background:var(--ink);cursor:var(--tgv-cursor),default}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink);cursor:var(--tgv-cursor),default}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;cursor:var(--tgv-cursor),pointer}input[type=range],input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{cursor:var(--tgv-cursor),pointer}button:disabled{cursor:var(--tgv-cursor),not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.pixel-art,.pixel-art:before,.pixel-art:after,.pixel-art img,img[src^="/data/champion-assets/"],img[src^="https://ddragon.leagueoflegends.com/"]{image-rendering:pixelated;image-rendering:crisp-edges}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.11;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.34) 3px 4px);mix-blend-mode:multiply}h1,h2,h3,.eyebrow,.retro-button,.nav-link,.draft-phase,.pick-clock{font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;letter-spacing:.08em}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:#050812}.app-main{flex:1;min-height:0}.topbar{height:58px;position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1500px)/2));background:#060a13;border-bottom:2px solid #24314d;box-shadow:0 8px 24px #00000073}.wordmark{min-height:44px;display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.wordmark img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;transform-origin:30% 30%}.wordmark:hover img,.wordmark:focus-visible img{animation:wordmark-arrow-wiggle .8s step-end infinite}@keyframes wordmark-arrow-wiggle{0%,75%,to{transform:translate(0) rotate(0)}15%{transform:translate(-1px,-1px) rotate(-6deg)}30%{transform:translate(1px) rotate(5deg)}45%{transform:translate(-1px,1px) rotate(-4deg)}60%{transform:translate(1px) rotate(3deg)}}.wordmark span{color:var(--gold);font:800 var(--text-title)/1 "Arial Narrow",sans-serif;letter-spacing:.12em}.wordmark small{color:#9ca9c4;font:700 var(--text-label)/1 monospace;letter-spacing:.14em;border-left:1px solid #39445a;padding-left:9px}.nav-links{display:flex;height:100%}.nav-link{display:flex;align-items:center;gap:7px;padding:0 17px;color:#94a1ba;background:transparent;border:0;border-left:1px solid #171f31;text-decoration:none;font-size:var(--text-body);font-weight:800}.nav-link svg{width:15px}.nav-link:hover,.nav-link--active{color:#fff;background:#111a2b;box-shadow:inset 0 -3px var(--gold)}.menu-button{width:44px;height:44px;display:none;place-items:center;color:#fff;background:transparent;border:0}.site-footer{position:relative;z-index:3;isolation:isolate;padding:11px 16px 10px;color:#7e899d;background:#04070d;border-top:1px solid #182137;text-align:center;font:400 var(--text-caption)/1.3 monospace;letter-spacing:0}.site-footer nav{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:7px}.site-footer a{display:inline-flex;align-items:center;gap:5px;color:#9ca9bd;text-decoration:none;font:800 var(--text-caption) monospace}.site-footer a:hover{color:var(--gold-bright)}.site-footer a svg{display:block;flex:0 0 11px;width:11px;height:11px}.site-footer p{max-width:1120px;margin:0 auto}.mocha-button-character{display:inline-block;flex:0 0 auto;font-family:sans-serif;font-size:var(--text-lead);line-height:1}.site-footer .mocha-button-character{font-size:var(--text-body)}@media (max-width: 470px){.site-footer nav{flex-wrap:wrap;gap:10px 16px}}.support-cta{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;color:#c5cede;background:#111a2b;border:1px solid #715f38;box-shadow:inset 4px 0 var(--gold)}.support-cta--compact{margin-top:18px}.support-cta__icon{display:grid;place-items:center;align-self:stretch;overflow:hidden}.support-cta__icon img{width:64px;height:64px;-o-object-fit:contain;object-fit:contain}.support-cta strong{color:var(--gold-bright);font:800 var(--text-body) "Arial Narrow","Roboto Condensed",Impact,sans-serif;letter-spacing:.07em}.support-cta p{margin:4px 0 0;font:700 var(--text-caption)/1.4 monospace}@media (max-width: 760px){.support-cta{grid-template-columns:64px 1fr}.support-cta .retro-button{grid-column:1 / -1}}@media (min-width: 2200px){.support-cta{grid-template-columns:64px minmax(0,1fr) auto;gap:18px;padding:18px}.support-cta strong{font-size:var(--text-title-sm)}.support-cta p{font-size:var(--text-body)}.site-footer{padding:15px 22px 14px;font-size:var(--text-label);line-height:1.45}.site-footer nav{gap:24px;margin-bottom:10px}.site-footer a{gap:7px;font-size:var(--text-small)}.site-footer a svg{flex-basis:14px;width:14px;height:14px}.site-footer p{max-width:1440px}}.arena-backdrop{position:relative;isolation:isolate;background-image:linear-gradient(#02050d33,#02050d8c),url(/draft-arena-retro.webp);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;image-rendering:pixelated}.arena-backdrop>*{position:relative;z-index:2}.arena-backdrop--scouting .team-light{animation:none;opacity:.55}.arena-backdrop--live{background-image:linear-gradient(#02050d1a,#02050d5c),url(/draft-arena-retro.webp)}.arena-backdrop--live:before,.arena-backdrop--live:after{content:"";position:absolute;inset:0;pointer-events:none}.arena-backdrop--live:not(.arena-effects-disabled):before{z-index:0;opacity:0;background-image:linear-gradient(#02050d1a,#02050d5c),url(/draft-arena-retro-action.webp);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;image-rendering:pixelated;animation:crowd-two-frame 1.6s step-end infinite}.arena-backdrop--live:after{z-index:1;opacity:.28;background:radial-gradient(ellipse at 17% 3%,rgba(38,112,255,.32) 0 2%,rgba(24,75,204,.12) 9%,transparent 27%),radial-gradient(ellipse at 83% 3%,rgba(255,45,83,.28) 0 2%,rgba(195,24,61,.11) 9%,transparent 27%),linear-gradient(105deg,transparent 15%,rgba(39,104,255,.07) 28%,transparent 39% 61%,rgba(255,44,76,.065) 72%,transparent 85%);mix-blend-mode:screen;animation:arena-light-rig 6.4s ease-in-out infinite}.arena-effects-disabled{animation:none;background-attachment:scroll}.arena-backdrop--live.arena-effects-disabled:before,.arena-backdrop--live.arena-effects-disabled:after{display:none;animation:none}.arena-effects-disabled .arena-atmosphere{display:none}.motion-effects-disabled .retro-button:after,.motion-effects-disabled .champion-grid button:after,.motion-effects-disabled .draft-console__header:after{display:none;animation:none}.motion-effects-disabled .retro-button,.motion-effects-disabled .sound-toggle,.motion-effects-disabled .pool-entry,.motion-effects-disabled .pool-actions button,.motion-effects-disabled .champion-grid button,.motion-effects-disabled button,.motion-effects-disabled .mocha-tier,.motion-effects-disabled .status-histogram__bar{transition:none!important}.motion-effects-disabled .retro-button:hover:not(:active),.motion-effects-disabled .pool-actions button:hover:not(:active):not(:disabled),.motion-effects-disabled button:hover:not(:active),.motion-effects-disabled .mocha-tier:hover:not(:active){transform:none!important}.motion-effects-disabled .draft-console,.motion-effects-disabled .team-light,.motion-effects-disabled .ban-slot--active,.motion-effects-disabled .ban-slot--filled img,.motion-effects-disabled .pick-slot--active,.motion-effects-disabled .pick-slot--filled,.motion-effects-disabled .pick-clock--danger,.motion-effects-disabled .thinking-state,.motion-effects-disabled .leaderboard-name-modal,.motion-effects-disabled .leaderboard-name-prompt{animation:none}.motion-effects-disabled .leaderboard-name-modal,.game-instructions.game-instructions--reduced-effects{-webkit-backdrop-filter:none;backdrop-filter:none}.motion-effects-disabled body{position:relative}.motion-effects-disabled body:after{position:absolute;mix-blend-mode:normal}.motion-effects-disabled .arena-backdrop,.motion-effects-disabled .support-page,.motion-effects-disabled .site-gate,.motion-effects-disabled .not-found-stage{background-attachment:scroll}@keyframes crowd-two-frame{0%,48%{opacity:0}49%,to{opacity:1}}@keyframes arena-light-rig{0%,to{opacity:.2;filter:brightness(.9)}25%{opacity:.34;filter:brightness(1.12)}50%{opacity:.24;filter:brightness(.98)}75%{opacity:.31;filter:brightness(1.08)}}.arena-atmosphere{position:absolute!important;inset:0;z-index:1!important;overflow:hidden;pointer-events:none}.arena-spotlights,.arena-crowd-particles,.arena-crowd-lights,.arena-stage-effects{position:absolute!important;inset:0;overflow:hidden;pointer-events:none}.arena-spotlights:before,.arena-spotlights:after{content:"";position:absolute;top:-4px;width:32px;height:11px;opacity:.55;background:#d9e9ff;box-shadow:0 0 8px #9ac6ff,0 0 24px #4084ffa6;animation:arena-lamp-pulse 6.4s ease-in-out infinite}.arena-spotlights:before{left:13%}.arena-spotlights:after{right:13%;background:#ffe0e6;box-shadow:0 0 8px #ff9aae,0 0 24px #ff406099;animation-delay:-3.2s}.arena-spotlight{position:absolute;top:0;height:112vh;opacity:.12;transform-origin:50% 0;mix-blend-mode:screen;clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);will-change:transform,opacity}.arena-spotlight--primary{width:38vw}.arena-spotlight--secondary{width:27vw;opacity:.075}.arena-spotlight--blu{left:-5%;background:linear-gradient(to bottom,rgba(126,183,255,.34),rgba(56,127,255,.12) 52%,transparent 100%);animation:spotlight-blu 9.6s ease-in-out infinite}.arena-spotlight--blu.arena-spotlight--secondary{left:7%;animation-delay:-4.8s}.arena-spotlight--red{right:-5%;background:linear-gradient(to bottom,rgba(255,143,163,.31),rgba(255,55,90,.11) 52%,transparent 100%);animation:spotlight-red 9.6s ease-in-out -2.4s infinite}.arena-spotlight--red.arena-spotlight--secondary{right:7%;animation-delay:-7.2s}@keyframes spotlight-blu{0%,to{opacity:.09;transform:rotate(-13deg) translate(-2vw)}50%{opacity:.2;transform:rotate(12deg) translate(7vw)}}@keyframes spotlight-red{0%,to{opacity:.085;transform:rotate(13deg) translate(2vw)}50%{opacity:.19;transform:rotate(-12deg) translate(-7vw)}}@keyframes arena-lamp-pulse{50%{opacity:.78;filter:brightness(1.18)}}.arena-crowd-particle{position:absolute;opacity:0;will-change:transform,opacity;animation-name:crowd-particle-rise;animation-timing-function:linear;animation-fill-mode:forwards}.arena-crowd-particles,.arena-crowd-lights{position:fixed!important;inset:0}.arena-crowd-particle>span{display:block;width:100%;height:100%;background:currentColor;box-shadow:0 0 4px currentColor,0 0 10px currentColor;image-rendering:pixelated;will-change:transform;animation-name:crowd-particle-wander;animation-duration:inherit;animation-delay:inherit;animation-timing-function:ease-in-out;animation-fill-mode:inherit}.arena-crowd-particle--blue{color:#5ca6ff}.arena-crowd-particle--ice{color:#a8d4ff}.arena-crowd-particle--white{color:#edf7ff}.arena-crowd-particle--red{color:#ff536f}.arena-crowd-particle--rose{color:#ff9aae}@keyframes crowd-particle-rise{0%{opacity:0;transform:translate3d(0,7px,0)}8%{opacity:var(--particle-opacity)}43%{opacity:var(--particle-opacity-2)}71%{opacity:var(--particle-opacity-3)}85%{opacity:var(--particle-opacity-4)}to{opacity:0;transform:translate3d(0,var(--particle-rise),0)}}@keyframes crowd-particle-wander{0%{transform:translateZ(0)}15%{transform:translate3d(var(--particle-drift-1),0,0)}29%{transform:translate3d(var(--particle-drift-2),0,0)}43%{transform:translate3d(var(--particle-drift-3),0,0)}57%{transform:translate3d(var(--particle-drift-4),0,0)}71%{transform:translate3d(var(--particle-drift-5),0,0)}85%{transform:translate3d(var(--particle-drift-6),0,0)}to{transform:translate3d(var(--particle-drift-7),0,0)}}.arena-crowd-light-region{position:absolute;inset:0;overflow:hidden}.arena-crowd-light{position:absolute;width:3px;height:11px;opacity:.12;background:currentColor;box-shadow:0 0 5px currentColor,0 0 11px currentColor;transform-origin:50% 100%;animation:crowd-light-wave 6s steps(60,end) infinite}.arena-crowd-light--blu{color:#67afff}.arena-crowd-light--red{color:#ff5876}@keyframes crowd-light-wave{0%,46%,to{opacity:.1;transform:translateY(0) rotate(-8deg)}50%{opacity:.9;transform:translateY(-4px) rotate(10deg)}57%{opacity:.58;transform:translateY(-8px) rotate(-12deg)}64%{opacity:.78;transform:translateY(-3px) rotate(7deg)}72%{opacity:.18;transform:translateY(0) rotate(-8deg)}}.arena-stage-effects:after{content:"";position:absolute;left:18%;right:18%;bottom:-8%;height:34%;opacity:.18;background:radial-gradient(ellipse at center,rgba(117,145,255,.32),rgba(45,89,205,.08) 38%,transparent 70%);animation:stage-glow-breathe 6.4s ease-in-out infinite}@keyframes stage-glow-breathe{50%{opacity:.32;transform:scaleX(1.08)}}.retro-panel{background:var(--panel);border:1px solid #3e4a63;box-shadow:0 0 0 2px #040710e6,0 18px 50px #00000080;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.eyebrow{color:var(--gold);margin:0 0 7px;font-size:var(--text-small);font-weight:800}.challenge-patch-label{display:inline-flex;align-items:center;min-height:20px;margin-left:8px;padding:3px 7px;color:#080b12;background:var(--gold-bright);border:1px solid #fff0b7;box-shadow:inset 0 -2px #5b3d0e47,2px 2px #00000052;font:900 var(--text-caption) monospace;letter-spacing:.05em;vertical-align:middle}.challenge-side-label{display:inline-flex;align-items:center;min-height:20px;margin-left:5px;padding:3px 7px;border:1px solid currentColor;box-shadow:inset 0 -2px #00000038;font:900 var(--text-caption) monospace;letter-spacing:.05em;vertical-align:middle}.challenge-side-label--blu{color:#8dccff;background:#102943}.challenge-side-label--red{color:#ff9aa8;background:#3b1420}.retro-button{position:relative;overflow:hidden;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;color:#dce5f6;background:#111b2d;border:1px solid #55617a;text-decoration:none;font-size:var(--text-body);font-weight:800;box-shadow:inset 0 -3px #00000059;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:transform var(--control-response) step-end,box-shadow var(--control-response) step-end,background-color var(--control-response) step-end,border-color var(--control-response) step-end}.retro-button:after{content:"";position:absolute;top:0;bottom:0;left:-12px;width:8px;opacity:0;background:#ffffff38}.retro-button:hover{color:#fff;background:#182743;border-color:#7f8ba3;transform:translate(-2px,-2px);box-shadow:inset 0 -3px #00000059,3px 3px #0000006b}.retro-button:hover:after{opacity:1;animation:button-pixel-scan .4s steps(4,end) 1}.retro-button:active{transform:translate(2px,2px);box-shadow:inset 0 2px #0000007a}.retro-button svg{width:16px}.retro-button--gold{color:#130e05;background:var(--gold);border-color:var(--gold-bright)}.retro-button--gold:hover{color:#000;background:var(--gold-bright)}@keyframes button-pixel-scan{to{left:calc(100% + 12px)}}.home-stage{min-height:calc(100dvh - 91px);display:grid;place-items:center;padding:24px}.home-stage__content{width:min(980px,100%);padding:52px;text-align:center;border-color:#9a7841}.home-stage h1{margin:0;padding-bottom:28px;color:#fff;font-size:clamp(44px,8vw,82px);line-height:.9;letter-spacing:-.02em;white-space:nowrap;text-shadow:4px 4px #10162a}.home-stage__lede{max-width:720px;margin:0 auto 28px;color:#aeb8cc;font:700 var(--text-body)/1.6 monospace}.home-stage__lede-highlight{color:var(--gold-bright)}.home-stage__actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:0}@media (max-width: 820px){.home-stage__content{padding-inline:20px}}.site-gate{position:relative;min-height:100vh;display:grid;place-items:center;padding:20px;background-color:#050913;background-image:url(/draft-arena-retro.webp);background-position:center;background-size:cover;background-repeat:no-repeat;image-rendering:pixelated}.site-gate:before{content:"";position:absolute;inset:0;background:#02050ca3}.site-gate__panel{position:relative;width:min(420px,100%);padding:34px;display:grid;grid-template-columns:40px 1fr;gap:18px}.site-gate__panel>svg{color:var(--gold);width:32px}.site-gate__panel h1{margin:0;font-size:28px}.site-gate__panel label,.site-gate__panel input,.site-gate__panel button,.form-error{grid-column:1 / -1}.site-gate__panel label{color:#8c99b2;font:700 var(--text-label) monospace}.site-gate__panel input{height:46px;padding:0 12px;color:#fff;background:#050812;border:1px solid #566179;outline:none}.site-gate__panel input:focus{border-color:var(--gold)}.form-error{color:var(--red-bright);margin:0;font:700 var(--text-small) monospace}.page-state{min-height:calc(100vh - 90px);display:flex;align-items:center;justify-content:center;gap:10px;color:#9ba7bd;font:800 var(--text-body) monospace}.page-state--error{color:var(--red-bright)}.page-state--route-error{flex-direction:column;padding:32px 20px;color:#98a5bb;text-align:center}.page-state--route-error strong{color:var(--red-bright);font-size:var(--text-lead);letter-spacing:.08em}.page-state--route-error span{max-width:460px;line-height:1.6}.page-state--route-error .retro-button{margin-top:8px}.spin{animation:spin 1.2s steps(12,end) infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell:has(.not-found-stage)>.app-main{min-height:0;display:flex}.not-found-stage{position:relative;isolation:isolate;flex:1 1 auto;width:100%;min-height:560px;display:grid;place-items:center;overflow:hidden;padding:clamp(26px,4vh,48px) 20px;background:linear-gradient(90deg,rgba(31,104,212,.14),transparent 34% 66%,rgba(203,38,67,.13)),linear-gradient(#02050d7a,#02050dd1),url(/draft-arena-retro.webp) center / cover no-repeat fixed}.not-found-stage:before,.not-found-stage:after{content:"";position:absolute;inset:0;pointer-events:none}.not-found-stage:before{z-index:-2;background:linear-gradient(115deg,transparent 0 20%,rgba(77,145,255,.08) 20.2% 20.6%,transparent 20.8% 79%,rgba(255,78,108,.07) 79.2% 79.6%,transparent 79.8%),radial-gradient(ellipse at 50% 105%,rgba(230,185,93,.13),transparent 52%)}.not-found-stage:after{z-index:-1;inset:8% 4%;opacity:.28;background-image:linear-gradient(rgba(109,129,166,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(109,129,166,.13) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 72%);mask-image:radial-gradient(ellipse at center,#000,transparent 72%)}.not-found-panel{position:relative;width:min(900px,100%);display:grid;grid-template-columns:minmax(260px,.86fr) minmax(360px,1.14fr);overflow:hidden;border-color:#596985;background:#050a16f5;box-shadow:0 0 0 2px #03060eeb,0 30px 90px #000000ad}.not-found-panel:before{content:"";position:absolute;inset:0 0 auto;z-index:4;height:3px;background:linear-gradient(90deg,var(--blue-bright) 0 33%,var(--gold-bright) 33% 67%,var(--red-bright) 67%)}.not-found-visual{position:relative;min-height:390px;display:grid;align-content:center;justify-items:center;gap:21px;overflow:hidden;padding:38px 28px;background:linear-gradient(135deg,rgba(36,113,226,.11),transparent 45%),linear-gradient(315deg,rgba(220,51,82,.1),transparent 45%),#070d19;border-right:1px solid #33415a}.not-found-visual:before,.not-found-visual:after{content:"";position:absolute;opacity:.48;background:#35445f}.not-found-visual:before{top:50%;left:18px;right:18px;height:1px}.not-found-visual:after{top:18px;bottom:18px;left:50%;width:1px}.not-found-signal{position:relative;z-index:1;min-height:24px;display:inline-flex;align-items:center;gap:8px;padding:0 9px;color:#ff9aaa;background:#28101a;border:1px solid #703044;font:900 var(--text-caption)/1 monospace;letter-spacing:.1em}.not-found-signal i,.not-found-safe>span{width:6px;height:6px;display:inline-block;background:var(--red-bright);box-shadow:0 0 8px #ff5e77b3}.not-found-code{position:relative;z-index:1;display:flex;align-items:baseline;color:#eff4ff;font:900 clamp(92px,11vw,142px)/.72 "Arial Narrow",Impact,sans-serif;letter-spacing:-.09em;text-shadow:5px 5px 0 #02050b}.not-found-code span:first-child{color:var(--blue-bright)}.not-found-code span:nth-child(2){color:var(--gold-bright)}.not-found-code span:last-child{color:var(--red-bright)}.not-found-coordinates{position:relative;z-index:1;min-width:160px;display:grid;grid-template-columns:auto auto;align-items:center;gap:12px;padding-top:10px;border-top:1px solid #394861;font:800 var(--text-caption) monospace}.not-found-coordinates span{color:var(--muted)}.not-found-coordinates strong{color:#b8c4d8}.not-found-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,58px)}.not-found-copy .eyebrow{margin-bottom:11px}.not-found-copy h1{max-width:430px;margin:0;color:#f3f6fc;font-size:clamp(35px,4.4vw,58px);line-height:.88;letter-spacing:.015em;text-wrap:balance}.not-found-copy__lede{max-width:500px;margin:21px 0 0;color:#9eabc0;font:700 var(--text-small)/1.65 monospace}.not-found-readout{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-top:24px;padding:11px 12px;color:#6e7c94;background:#060b15;border:1px solid #2e3c54;box-shadow:inset 3px 0 var(--red);font:800 var(--text-caption) monospace;letter-spacing:.05em}.not-found-readout strong{color:#f18ba0;text-align:right}.not-found-actions{display:flex;gap:8px;margin-top:25px}.not-found-actions .retro-button{flex:1 1 0;padding-inline:12px;font-size:var(--text-label);white-space:nowrap}.not-found-board-link{align-self:flex-start;margin-top:15px;color:#8392aa;text-decoration:none;border-bottom:1px solid #43516a;font:800 var(--text-caption)/1.5 monospace;letter-spacing:.04em}.not-found-board-link:hover{color:var(--gold-bright);border-color:var(--gold)}.not-found-safe{display:flex;align-items:center;gap:7px;margin:25px 0 0;color:var(--muted);font:800 var(--text-caption) monospace;letter-spacing:.07em}.not-found-safe>span{width:5px;height:5px;background:#58ce91;box-shadow:0 0 7px #58ce918c}.not-found-topbar__nav{height:100%;display:flex}.not-found-footer nav{gap:18px}@media (max-width: 720px){.not-found-stage{min-height:0;padding:24px 12px 34px}.not-found-panel{grid-template-columns:1fr}.not-found-visual{min-height:205px;gap:14px;padding:30px 18px 22px;border-right:0;border-bottom:1px solid #33415a}.not-found-code{font-size:clamp(76px,26vw,116px)}.not-found-copy{padding:31px 23px 34px}.not-found-copy h1{font-size:clamp(35px,11vw,48px)}.not-found-actions{flex-direction:column}.not-found-actions .retro-button{flex-basis:auto;min-height:46px}.not-found-topbar__nav .nav-link{min-height:58px;padding:0 10px;border-top:0;border-left:1px solid #171f31;font-size:var(--text-caption)}}@media (max-width: 430px){.not-found-topbar .wordmark small,.not-found-topbar__nav .nav-link:first-child{display:none}.not-found-readout{grid-template-columns:1fr;gap:5px}.not-found-readout strong{text-align:left}}.page-heading{max-width:1480px;margin:0 auto 22px;display:flex;justify-content:space-between;align-items:end;gap:20px}.page-heading h1{margin:0;font-size:clamp(28px,4vw,52px);line-height:.9}.page-heading__tools{display:flex;align-items:stretch;gap:8px}.patch-control{min-height:38px;display:grid;grid-template-columns:auto auto;align-items:center;gap:9px;padding:0 10px;color:#77849c;background:#070c17;border:1px solid #3e4a61;font:800 var(--text-caption) monospace}.patch-control select{min-width:116px;color:#f0d28b;background:#0b1423;border:0;outline:0;font:800 var(--text-small) monospace}.patch-picker{position:relative;min-height:42px;display:grid;grid-template-columns:auto minmax(126px,1fr);align-items:stretch;color:#77849c;background:#070c17;border:1px solid #3e4a61;font:800 var(--text-caption) monospace}.patch-picker--open{z-index:70;border-color:var(--gold);box-shadow:inset 0 -2px #e6b95d5c}.patch-picker__label{display:grid;place-items:center;padding:0 10px;border-right:1px solid #26344d}.patch-picker__trigger{min-width:126px;display:grid;grid-template-columns:1fr auto 15px;align-items:center;gap:7px;padding:0 9px;color:#f0d28b;background:#0b1423;border:0;text-align:left;font:800 var(--text-small) monospace}.patch-picker__trigger small,.patch-picker__option small{color:#71809a;font:700 var(--text-caption) monospace}.patch-picker__trigger svg{width:14px;transition:transform var(--control-response) step-end}.patch-picker--open .patch-picker__trigger svg{transform:rotate(180deg)}.patch-picker__menu{position:absolute;top:calc(100% + 4px);right:-1px;z-index:80;width:max(100%,190px);max-height:264px;overflow-y:auto;padding:4px;background:#060b15;border:1px solid #806b45;box-shadow:5px 5px #00000080}.patch-picker__option{width:100%;min-height:34px;display:grid;grid-template-columns:1fr auto 16px;align-items:center;gap:7px;padding:0 8px;color:#aab5c9;background:#0a1220;border:0;border-bottom:1px solid #202c42;text-align:left;font:800 var(--text-label) monospace}.patch-picker__option:last-child{border-bottom:0}.patch-picker__option:hover,.patch-picker__option--selected{color:#fff;background:#17243a;box-shadow:inset 3px 0 var(--gold)}.patch-picker__option svg{width:13px;color:var(--gold-bright)}.search-box{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#070c17;border:1px solid #3e4a61;color:#7f8aa1}.search-box svg{width:16px;flex:0 0 auto}.search-box input{min-width:0;width:100%;color:#fff;background:transparent;border:0;outline:0;font:700 var(--text-small) monospace}.search-box:focus-within{border-color:var(--gold);box-shadow:inset 0 -2px #e6b95d73}.role-tabs{display:flex;max-width:1480px;margin:0 auto 18px;border:1px solid #33405a;overflow-x:auto}.role-tab{min-height:42px;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;color:#8190aa;background:#0a1120;border:0;border-right:1px solid #2b3750;font:800 var(--text-label) monospace;transition:color var(--control-response) step-end,background var(--control-response) step-end,box-shadow var(--control-response) step-end}.role-tab:last-child{border-right:0}.role-tab:hover,.role-tab--active{color:#fff;background:#162238;box-shadow:inset 0 -3px var(--gold)}.role-tab:active{box-shadow:inset 0 3px var(--gold);transform:translateY(1px)}.role-tab img{width:17px;height:17px}.role-tabs--small{margin:0}.role-tabs--small .role-tab{min-height:34px;padding:0 9px}.champions-page{min-height:calc(100vh - 90px);padding:44px 24px 70px;background:#080d18}.champion-filters{max-width:1480px;margin:0 auto 18px;display:grid;grid-template-columns:minmax(500px,1fr) auto auto;align-items:stretch;gap:8px}.champion-filters .role-tabs{margin:0}.role-tabs--champion-board{overflow:hidden}.role-tabs--champion-board .role-tab{min-width:0;padding-inline:8px}.pick-filter{min-height:42px;display:grid;grid-template-columns:auto 110px 38px;align-items:center;gap:8px;padding:0 11px;color:#7f8da5;background:#0a1120;border:1px solid #33405a;font:800 var(--text-caption) monospace}.pick-filter input{width:110px;accent-color:var(--gold)}.pick-filter strong{color:var(--gold-bright);text-align:right;font-size:var(--text-caption)}.champion-count{min-height:42px;display:grid;place-items:center;padding:0 14px;color:#9ba8bc;background:#0a1120;border:1px solid #33405a;font:800 var(--text-caption) monospace}.patch-updates{max-width:1480px;margin:0 auto 18px;padding:14px}.patch-updates__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.patch-updates__header h2{margin:0;color:var(--gold-bright);font:800 var(--text-label) monospace}.patch-updates__header>span{color:#9ba8bc;font:700 var(--text-small) monospace;white-space:nowrap}.patch-updates__header>span>span{margin-inline:6px;color:#64718a}.patch-updates__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.patch-updates__group{min-width:0;--update-color: #76dca4}.patch-updates__group--worst{--update-color: var(--red-bright)}.patch-updates__group h3{display:flex;align-items:center;gap:6px;margin:0 0 7px;color:#9ba8bc;font:800 var(--text-caption) monospace}.patch-updates__group h3 svg{width:15px;height:15px;color:var(--update-color)}.patch-updates__list{display:grid;grid-template-columns:repeat(5,minmax(0,112px));gap:10px;margin:0;padding:0;list-style:none}.patch-updates__list li{min-width:0}.patch-update{--update-corner: 10px;position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;padding:2px;border:0;background:linear-gradient(135deg,#98a8bf,#34415d 45%,color-mix(in srgb,var(--update-color) 60%,#34415d));clip-path:polygon(0 0,calc(100% - var(--update-corner)) 0,100% var(--update-corner),100% 100%,0 100%)}.patch-update:after{content:"";position:absolute;inset:2px;box-shadow:inset 0 0 0 1px #ffffff1f;clip-path:polygon(0 0,calc(100% - var(--update-corner) + 1px) 0,100% calc(var(--update-corner) - 1px),100% 100%,0 100%);pointer-events:none}.patch-update:hover,.patch-update:focus-visible{background:linear-gradient(135deg,var(--gold-bright),var(--gold) 55%,var(--update-color))}.patch-update img{display:block;width:100%;height:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;clip-path:polygon(0 0,calc(100% - var(--update-corner) + 1px) 0,100% calc(var(--update-corner) - 1px),100% 100%,0 100%)}.patch-update strong{position:absolute;inset:auto 2px 2px;padding:5px 0;color:var(--update-color);background:#05081266;text-align:center;text-shadow:0 1px 2px #050812,0 0 4px #050812;font:800 var(--text-body)/1.2 monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.patch-updates__empty{margin:0;padding:12px 0;color:#7f8da5;font:700 var(--text-caption)/1.5 monospace}.champion-board-layout{max-width:1480px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:18px;align-items:start}.tier-list{padding:8px}.tier-row{min-height:128px;display:grid;grid-template-columns:72px 1fr;border-bottom:1px solid #253149;content-visibility:auto;contain-intrinsic-size:auto 150px}.tier-row:last-child{border-bottom:0}.tier-mark{display:grid;place-items:center;color:#07101b;font:900 36px Impact,sans-serif}.tier-mark--s{background:#e6b95d}.tier-mark--a{background:#cf785a}.tier-mark--b{background:#6788b2}.tier-mark--c{background:#65706f}.tier-champions{--tier-portrait-size: 96px;display:grid;grid-template-columns:repeat(auto-fill,calc(var(--tier-portrait-size) + 8px));gap:6px;padding:10px;align-content:start}.tier-champion{min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:3px;color:#dce3ef;background:#10192a;border:1px solid #28354d;text-align:left}.tier-champion:hover,.tier-champion--selected{border-color:var(--gold);background:#18243a}.tier-champion img{width:var(--tier-portrait-size);height:var(--tier-portrait-size);aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.tier-champion .champion-tile-portrait{filter:saturate(.86)}.champion-tile-portrait{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.champion-tile-portrait:before,.champion-tile-portrait:after{content:"";flex:1 1 0;min-width:0;align-self:stretch}.champion-tile-portrait:before{background-color:var(--portrait-left)}.champion-tile-portrait:after{background-color:var(--portrait-right)}.champion-tile-portrait>img{display:block;flex:0 0 auto}.champion-tile-portrait--no-ban{background:#141f31}.tier-champion__metrics{padding:2px 3px 4px;display:grid;gap:1px;background:#05081266;border-top:1px solid #243149}.tier-champion__metrics small{padding:0;overflow:hidden;color:#7d8ca8;font:var(--text-caption)/1.35 monospace;white-space:nowrap}.tier-champion__metrics small:first-child{color:var(--gold-bright)}.champion-empty{min-height:170px;display:grid;place-items:center;color:#66738a;font:800 var(--text-label) monospace}.champion-detail{position:sticky;top:80px;padding:18px}.champion-detail__hero{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid #33405a}.champion-detail__hero>img{width:64px;height:64px;-o-object-fit:cover;object-fit:cover}.champion-detail h2{margin:0;font-size:var(--text-heading)}.champion-metrics{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #33405a}.champion-metrics span{min-width:0;padding:12px 5px;border-right:1px solid #27344b}.champion-metrics span:last-child{border-right:0}.champion-metrics small{display:block;overflow:hidden;color:#71809a;font:var(--text-caption) monospace;white-space:nowrap}.champion-metrics strong{display:block;margin-top:4px;color:var(--gold-bright);font:700 var(--text-small) monospace}.strength-history{padding:17px 0 3px;border-bottom:1px solid #27344b}.strength-history header{display:flex;justify-content:space-between;align-items:center;color:#8896ad;font:800 var(--text-caption) monospace}.strength-history header span{display:flex;align-items:center;gap:5px}.strength-history header svg{width:13px;color:var(--gold)}.strength-history header small{color:#74694f;font:var(--text-caption) monospace}.strength-history>svg{width:100%;height:auto;display:block;margin-top:7px;overflow:visible}.history-grid{stroke:#263249;stroke-width:1}.history-value{fill:#64718a;font:var(--text-caption) monospace;text-anchor:end}.history-selected-band{fill:#e6b95d1f;stroke:#ffd8824d;stroke-width:1}.history-unstable-band{stroke:none}.unstable-patch-badge{display:inline-block;color:#ffc56b!important;background:#392917;border:1px solid #8f632f;padding:2px 4px;font:800 9px monospace;line-height:1.25;vertical-align:middle;white-space:nowrap}.challenge-patch-label .unstable-patch-badge{margin-left:8px}.history-line{fill:none;stroke:#73a8e3;stroke-width:2;vector-effect:non-scaling-stroke}.history-dot{fill:#080d18;stroke:#73a8e3;stroke-width:2;vector-effect:non-scaling-stroke}.history-dot--selected{fill:var(--gold);stroke:#fff0b7}.history-patch{fill:#697791;font:var(--text-caption) monospace;text-anchor:middle}.history-patch--selected{fill:var(--gold-bright);font-weight:800}.history-empty{min-height:82px;display:grid;place-items:center;color:#5f6d84;font:800 var(--text-caption) monospace}.connection-sections{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.connection-list{min-width:0;padding-top:18px}.connection-list h3{margin:0 0 9px;color:#7e8aa1;font-size:var(--text-label)}.connection-row{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:6px;align-items:center;min-height:40px;padding:4px 0;border-bottom:1px solid #1e293e}.connection-row img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover}.connection-row span{min-width:0;overflow:hidden;font-size:var(--text-label);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.connection-row small{display:block;color:#71809b;font:var(--text-caption) monospace;text-transform:uppercase}.connection-row strong{color:#64d3a0;font:var(--text-small) monospace}.connection-list--worst .connection-row strong{color:var(--red-bright)}.connection-empty{color:#4d5970}.champion-detail__pending{color:#68758d;font:var(--text-caption)/1.5 monospace;border-top:1px solid #263149;padding-top:14px}.arcade-page,.review-page{min-height:calc(100vh - 90px);padding:26px 18px 70px}.arcade-page__inner,.review-page__inner{max-width:1500px;margin:auto}.arena-backdrop--live.arcade-page{padding:clamp(42px,7vh,72px) 48px 90px}.arena-backdrop--live .arcade-page__inner,.arena-backdrop--live .draft-console{max-width:1180px}.challenge-brief{width:min(540px,calc(100% - 30px));margin:clamp(70px,14vh,160px) auto;padding:42px;text-align:center;border-color:#8f7041}.challenge-brief h1{margin:0;font-size:58px}.challenge-brief__meta{display:flex;justify-content:center;flex-wrap:wrap;margin:22px 0 28px;color:#93a0b8;font:800 var(--text-label) monospace}.challenge-brief__meta span{display:flex;align-items:center;gap:5px;padding:0 12px;border-right:1px solid #3b465d}.challenge-brief__meta span:last-child{border-right:0}.challenge-brief__meta svg{width:13px}.challenge-scout{display:grid;gap:14px}.challenge-brief--scout{width:auto;margin:0;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;text-align:left}.challenge-brief--scout h1{font-size:42px}.challenge-brief--scout .challenge-brief__meta{margin:0}.pool-versus--scout{align-items:start;margin-bottom:0}.challenge-scout__launch{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 16px;color:#75839a;background:#090f1c;border:1px solid #334059;font:800 var(--text-caption) monospace}.challenge-scout__launch-actions{display:flex;align-items:center;gap:18px}.game-instructions{position:fixed!important;inset:0;z-index:300!important;display:grid;place-items:center;padding:20px;background:#02050cdb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.game-instructions__dialog{width:min(1120px,100%);height:min(720px,calc(100dvh - 40px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-color:#a07e45;background:#070c18;overflow:hidden}.game-instructions__dialog>header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 18px 13px 22px;border-bottom:1px solid #39445a;background:linear-gradient(90deg,rgba(230,185,93,.08),transparent 42%)}.game-instructions__dialog>header h2{margin:2px 0 0;color:#f1f4fb;font-size:25px}.game-instructions__dialog>header .eyebrow{margin:0}.game-instructions__header-meta{display:flex;align-items:center;gap:15px}.game-instructions__header-meta>span{color:var(--gold-bright);font:900 var(--text-label) monospace;letter-spacing:.12em}.game-instructions__header-meta button{width:34px;height:34px;display:grid;place-items:center;color:#8390a7;background:#0b1423;border:1px solid #344158}.game-instructions__header-meta button:hover{color:var(--gold-bright);border-color:var(--gold);background:#172238}.game-instructions__header-meta svg{width:16px}.game-instructions__slide{min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.9fr);overflow:hidden}.game-instructions__media{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;border-right:1px solid #3a465d;background:#030711}.game-instructions__media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 65%,rgba(4,8,17,.16)),linear-gradient(0deg,rgba(4,8,17,.18),transparent 25%)}.game-instructions__media>img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.game-instructions__focus{position:absolute;z-index:2;border:2px solid var(--gold-bright);box-shadow:0 0 0 9999px #02050ca8,0 0 22px #ffd26f52,inset 0 0 18px #ffd26f14;pointer-events:none}.game-instructions__focus:before,.game-instructions__focus:after{content:"";position:absolute;width:12px;height:12px;border-color:#fff1bd}.game-instructions__focus:before{top:-4px;left:-4px;border-top:3px solid;border-left:3px solid}.game-instructions__focus:after{right:-4px;bottom:-4px;border-right:3px solid;border-bottom:3px solid}.game-instructions__focus b{position:absolute;top:6px;left:7px;padding:4px 6px;color:#09101c;background:var(--gold-bright);font:900 var(--text-caption) monospace;letter-spacing:.08em;white-space:nowrap}.game-instructions--reduced-effects .game-instructions__focus{box-shadow:inset 0 0 0 1px #ffe8a7a6}.game-instructions__copy{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,4vw,56px);background:radial-gradient(circle at top right,rgba(57,108,181,.14),transparent 42%),#080f1d}.game-instructions__copy>svg{width:34px;height:34px;margin-bottom:23px;color:var(--gold-bright);stroke-width:1.5}.game-instructions__copy .eyebrow{margin:0 0 9px}.game-instructions__copy h3{max-width:360px;margin:0;color:#f4f6fb;font-size:clamp(25px,3vw,39px);line-height:1.08}.game-instructions__copy>p:last-of-type{max-width:410px;margin:22px 0 0;color:#a8b3c6;font:800 var(--text-label)/1.8 monospace}.game-instructions__copy>a{display:inline-flex;align-items:center;gap:7px;margin-top:24px;color:var(--gold-bright);font:900 var(--text-caption) monospace;letter-spacing:.06em;text-decoration:none;border-bottom:1px solid rgba(230,185,93,.45)}.game-instructions__copy>a:hover{color:#fff1bd;border-color:currentColor}.game-instructions__copy>a svg{width:13px}.game-instructions__dialog>footer{min-height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px 18px;border-top:1px solid #806a3e;background:linear-gradient(90deg,#e6b95d1a,#080f1d 68%)}.game-instructions__dialog>footer>span{color:#78869c;font:900 var(--text-caption) monospace;letter-spacing:.1em}.game-instructions__pages{display:flex;align-items:center;gap:7px}.game-instructions__pages button{width:22px;height:4px;padding:0;background:#344159;border:0}.game-instructions__pages button:hover{background:#71809b}.game-instructions__pages button.is-active{width:37px;background:var(--gold-bright);box-shadow:0 0 8px #e6b95d59}.game-instructions__actions{justify-self:end;display:flex;gap:7px}.game-instructions__actions .retro-button{min-width:108px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px}.game-instructions__actions .retro-button svg{width:13px}.game-instructions__actions .retro-button:disabled{opacity:.35;cursor:default}.player-name{min-height:38px;display:grid;grid-template-columns:auto 116px;align-items:center;gap:8px;padding:0 9px;color:#74829a;background:#050a13;border:1px solid #34415b}.player-name:focus-within{border-color:var(--gold);box-shadow:inset 0 -2px #e6b95d52}.player-name small{font:800 var(--text-caption) monospace}.player-name input{min-width:0;color:#fff1ba;background:transparent;border:0;outline:0;font:800 var(--text-label) monospace;text-transform:uppercase}.pool-versus,.custom-pools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.pool-board{position:relative;background:#060b17ed;border:1px solid #34415a}.pool-board--blu{box-shadow:inset 3px 0 var(--blue)}.pool-board--red{box-shadow:inset -3px 0 var(--red)}.pool-board__header{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #2a3650}.pool-board__header>div:first-child{display:flex;align-items:baseline;gap:9px}.pool-board__header h2{margin:0;font-size:var(--text-body)}.pool-board__header small{color:#62718c;font:var(--text-caption) monospace}.daily-player{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:6px;padding:4px;overflow:hidden;background:#0b1424;border:1px solid #2a3852}.pool-board--blu .daily-player{border-bottom-color:#3e8bff8c}.pool-board--red .daily-player{border-bottom-color:#ff426085}.daily-player__portrait-frame{position:relative;width:32px;height:32px;display:grid;place-items:center;overflow:hidden;background:#050a14}.daily-player__portrait{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;background:#050a14}.daily-player__portrait-fallback{color:#8ea0bc;font:900 var(--text-body) monospace}.daily-player__details{min-width:0;display:grid;gap:4px}.daily-player small{display:flex;align-items:center;gap:3px;color:#687995;font:800 var(--text-caption)/1 monospace}.daily-player small img{width:11px;height:11px}.daily-player strong{min-width:0;overflow:hidden;color:#e5ebf5;font:800 var(--text-caption)/1 monospace;text-overflow:ellipsis;white-space:nowrap}.team-light{width:6px;height:6px;background:currentColor;box-shadow:0 0 8px currentColor;animation:team-light-step 2.4s steps(24,end) infinite}.pool-board--blu .team-light{color:var(--blue-bright)}.pool-board--red .team-light{color:var(--red-bright)}@keyframes team-light-step{50%{opacity:.55;box-shadow:0 0 3px currentColor}}.pool-actions{display:flex}.pool-actions button{width:32px;height:32px;display:grid;place-items:center;color:#94a2ba;background:#101a2a;border:1px solid #334059;transition:color var(--control-response) step-end,background var(--control-response) step-end,transform var(--control-response) step-end}.pool-actions button+button{border-left:0}.pool-actions button:hover:not(:disabled){color:var(--gold-bright);background:#1a2740;transform:translateY(-1px)}.pool-actions button:active:not(:disabled){transform:translateY(1px)}.pool-actions svg{width:14px}.pool-roles{padding:7px 10px 10px}.pool-role{display:grid;grid-template-columns:52px minmax(0,1fr);min-height:47px;border-bottom:1px solid #172137}.pool-role--with-player{grid-template-columns:122px minmax(0,1fr)}.pool-role:last-child{border-bottom:0}.pool-role__identity{display:flex;align-items:center;padding-right:6px}.pool-role__identity .daily-player{width:100%}.pool-role__label{display:flex;align-items:center;gap:5px;color:#65738d;font:800 var(--text-caption) monospace}.pool-role__label img{width:14px;height:14px}.pool-role__entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:4px;padding:4px}.custom-pools .pool-role__entries{grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr))}.pool-role__empty{min-height:38px;display:flex;align-items:center;padding-left:8px;color:#435169;border:1px dashed #1d2940;font:var(--text-caption) monospace}.pool-entry{min-width:0;height:34px;display:grid;grid-template-columns:32px minmax(44px,1fr) 64px 39px;align-items:center;overflow:hidden;background:#0d1728;border:1px solid #26334b;transition:background var(--retro-tick) step-end,border-color var(--retro-tick) step-end,box-shadow var(--retro-tick) step-end}.pool-entry--editable{grid-template-columns:32px minmax(0,1fr) max-content max-content 24px}.pool-entry--scouting{height:34px;grid-template-columns:32px minmax(44px,1fr) minmax(76px,96px)}.pool-entry--editable:hover{background:#111e33;border-color:#566786;box-shadow:inset 0 0 0 1px #849bc021}.pool-entry>img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover}.pool-entry--scouting>img{height:32px}.pool-entry__name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 6px;font-size:var(--text-label);font-weight:700}.pool-entry__strength,.pool-entry__modifier{overflow:hidden;color:#7f8da7;font:var(--text-caption) monospace;text-align:right;white-space:nowrap;padding-right:5px}.pool-entry__modifier--active{color:var(--gold-bright)}.pool-entry__scouting-metrics{align-self:stretch;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid #26334b}.pool-entry__scouting-metric{min-width:0;display:grid;align-content:center;justify-items:center;gap:3px;overflow:hidden;white-space:nowrap}.pool-entry__scouting-metric+.pool-entry__scouting-metric{border-left:1px solid #202c42}.pool-entry__scouting-metric{color:#afbdd3;font:800 var(--text-caption)/1 monospace;font-variant-numeric:tabular-nums}.pool-entry__scouting-metric:before{content:attr(data-label);max-width:100%;overflow:hidden;color:#64748f;font:700 var(--text-caption)/1 monospace;letter-spacing:-.02em}.pool-entry__scouting-metric--affinity{color:var(--gold-bright)}.pool-entry__scouting-metric--affinity:before{color:#9d8351}.modifier-stepper{width:calc(5ch + 25px);height:30px;display:grid;grid-template-columns:minmax(0,1fr) 18px;grid-template-rows:1fr 1fr;margin-right:3px;border:1px solid #35435d;background:#080f1d;font:var(--text-caption) monospace}.modifier-stepper input{grid-row:1 / -1;min-width:0;width:100%;padding:0 2px;color:var(--gold-bright);background:transparent;border:0;border-right:1px solid #35435d;outline:0;text-align:center;font:var(--text-caption) monospace;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.modifier-stepper input::-webkit-inner-spin-button,.modifier-stepper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.modifier-stepper button{display:grid;place-items:center;padding:0;color:#8291aa;background:#111b2c;border:0}.modifier-stepper button:first-of-type{border-bottom:1px solid #35435d}.modifier-stepper button:hover{color:var(--gold-bright);background:#1c2a43}.modifier-stepper button:active{color:#fff;background:#273853}.modifier-stepper svg{width:11px;height:11px;stroke-width:3}.pool-entry__remove{height:100%;display:grid;place-items:center;color:#64728b;background:transparent;border:0}.engine-timer{width:min(220px,72vw);display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:5px 12px;color:#8295b8;font:800 var(--text-caption)/1 monospace;letter-spacing:.12em}.engine-timer strong{color:#d5e9ff;font-size:var(--text-lead);font-variant-numeric:tabular-nums;letter-spacing:.04em}.engine-timer__track{grid-column:1 / -1;height:4px;overflow:hidden;background:#101a2c;border:1px solid #293854}.engine-timer__track i{display:block;width:100%;height:100%;background:#62b9e8;transform:scaleX(0);transform-origin:left center;animation:engine-timer-fill var(--engine-timer-duration, 5s) linear forwards;will-change:transform}@keyframes engine-timer-fill{to{transform:scaleX(1)}}.pool-entry__remove:hover{color:var(--red-bright)}.pool-entry__remove svg{width:11px}.pool-board--compact .pool-entry{height:34px;grid-template-columns:32px 1fr 45px 35px}.pool-board--compact .pool-entry--scouting{grid-template-columns:32px minmax(36px,1fr) minmax(72px,88px)}.pool-board--compact .pool-entry>img{width:32px;height:32px}.pool-board--compact .pool-role{min-height:34px}.pool-board--compact .pool-role__entries{grid-template-columns:repeat(5,minmax(0,1fr))}.pool-board--compact .pool-entry__name{padding:0 3px;font-size:var(--text-caption)}.pool-board--compact .pool-entry__strength,.pool-board--compact .pool-entry__modifier{font-size:var(--text-caption)}.pool-empty{grid-column:1 / -1;padding:22px;color:#56647d;font:var(--text-caption) monospace;text-align:center}.pool-add__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pool-add__heading strong{font:var(--text-label) monospace}.pool-add__heading small{color:#75839a;font:var(--text-caption) monospace}.pool-add__grid button>span{display:grid;gap:2px}.pool-add__grid button small{color:#697790;font:var(--text-caption) monospace}.pool-add{position:absolute;left:10px;right:10px;top:50px;z-index:60;padding:12px}.pool-add .search-box,.pool-add .role-tabs{margin-top:9px}.pool-add__grid{max-height:260px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px;margin-top:8px;padding:1px}.pool-add__grid button{min-width:0;height:40px;display:grid;grid-template-columns:32px 1fr 15px;align-items:center;gap:5px;padding:3px;color:#dce4f2;background:#111b2c;border:1px solid #2a3750;text-align:left;font-size:var(--text-label);transition:border-color var(--control-response) step-end,background var(--control-response) step-end,box-shadow var(--control-response) step-end}.pool-add__grid button:hover{border-color:var(--gold);background:#17243a;box-shadow:inset 0 0 0 1px #e6b95d26}.pool-add__grid img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover}.pool-add__grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-add__grid svg{width:12px;color:#5ecca0}.draft-console{position:relative;max-width:1500px;margin:auto;overflow:hidden;border-color:#806b45;animation:console-boot .3s steps(3,end) both}.draft-console:before,.draft-console:after{content:"";position:absolute;top:60px;bottom:0;width:3px;z-index:8;pointer-events:none;opacity:.52}.draft-console:before{left:0;background:var(--blue-bright);box-shadow:0 0 14px #3e8bffbf}.draft-console:after{right:0;background:var(--red-bright);box-shadow:0 0 14px #ff4260b3}.draft-console__header{position:relative;min-height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;background:#080e1b;border-bottom:2px solid #654f2f}.draft-console__header:after{content:"";position:absolute;left:0;bottom:-2px;width:12%;height:2px;background:var(--gold-bright);box-shadow:0 0 8px #ffd88299;animation:header-signal 6.4s linear infinite}@keyframes console-boot{0%{opacity:0;transform:scaleY(.96);filter:brightness(1.7)}50%{opacity:1;transform:scaleY(1.01);filter:brightness(1.2)}to{transform:scaleY(1);filter:brightness(1)}}@keyframes header-signal{0%{left:-12%}to{left:100%}}.draft-phase span{display:block;color:#697791;font-size:var(--text-caption)}.draft-phase__context{display:flex;align-items:center;gap:7px}.draft-phase__context .challenge-patch-label{margin-left:0}.draft-phase strong{display:block;margin-top:4px;color:var(--gold-bright);font-size:var(--text-lead)}.draft-console__toggles{justify-self:center;display:flex;align-items:center;gap:2px}.sound-toggle{justify-self:center;display:flex;align-items:center;gap:6px;padding:7px 9px;color:#7f8da7;background:transparent;border:1px solid transparent;font:800 var(--text-caption) monospace;transition:color var(--control-response) step-end,border-color var(--control-response) step-end,background var(--control-response) step-end}.sound-toggle[aria-pressed=false]{color:#59647a}.sound-toggle:hover:not(:disabled){color:var(--gold-bright);background:#101a2b;border-color:#3b4860}.sound-toggle:active:not(:disabled){transform:translateY(1px)}.sound-toggle svg{width:15px}.pick-clock{justify-self:end;width:132px;display:grid;grid-template-columns:1fr;gap:3px;color:var(--gold-bright)}.pick-clock__readout{display:flex;align-items:center;justify-content:flex-end;gap:8px}.pick-clock svg{width:17px}.pick-clock strong{font-size:27px;line-height:1}.pick-clock small{color:#68758d;font:var(--text-caption) monospace;text-align:right}.pick-clock__track{height:3px;background:#2c3546;overflow:hidden}.pick-clock__track i{width:100%;height:100%;display:block;background:var(--gold-bright);box-shadow:0 0 7px currentColor;transform-origin:left center;animation:pick-clock-drain var(--pick-clock-duration, 30s) linear forwards;will-change:transform}.pick-clock--danger .pick-clock__track i{background:var(--red-bright)}.pick-clock--danger{color:var(--red-bright);animation:clock-pulse .6s steps(6,end) infinite}@keyframes pick-clock-drain{to{transform:scaleX(0)}}@keyframes clock-pulse{50%{opacity:.45}}.ban-rail{min-height:76px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:48px;column-gap:48px;align-items:center;padding:10px 20px;background:#070c17;border-bottom:1px solid #2d3950}.ban-group{min-width:0;display:flex;align-items:center;gap:14px}.ban-group--red{flex-direction:row-reverse}.ban-group>span{width:72px;color:#6f7d95;font:800 var(--text-caption) monospace}.ban-group--red>span{text-align:right}.ban-group>div{display:flex;gap:6px}.ban-slot{width:34px;height:34px;background:#0b1424;border:1px solid #303d55;box-shadow:inset 0 0 12px #000000b3}.ban-slot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(.65) brightness(.68)}.ban-slot--no-ban{display:grid;place-items:center;color:#697791;background:repeating-linear-gradient(135deg,#0b1424 0 5px,#111d30 5px 10px)}.ban-slot--no-ban span{font:900 var(--text-heading-sm)/1 monospace}.ban-slot--active{border-color:var(--gold);box-shadow:inset 0 0 12px #e6b95d26,0 0 8px #e6b95d59;animation:active-slot-step .6s steps(6,end) infinite}.ban-slot--filled img{animation:ban-stamp .2s steps(2,end) both}.draft-stage{display:grid;grid-template-columns:minmax(165px,230px) minmax(0,1fr) minmax(165px,230px);min-height:550px}.pick-column{padding:12px;background:#080e1b}.pick-column--blu{border-right:2px solid #1c4f92}.pick-column--red{border-left:2px solid #7f2638}.pick-column h3{margin:0 0 10px;color:#71809a;font-size:var(--text-label);text-align:center}.pick-column--blu h3{color:var(--blue-bright)}.pick-column--red h3{color:var(--red-bright)}.pick-slot{height:92px;display:flex;align-items:stretch;margin-bottom:6px;background:#0e182a;border:1px solid #29364e;overflow:hidden}.pick-slot>img{width:64px;height:64px;align-self:center;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;filter:saturate(.9)}.pick-slot>div{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:8px}.pick-slot strong{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-body)}.pick-slot span{color:#65738e;font:var(--text-caption) monospace;text-transform:uppercase}.pick-slot__number{margin:auto;color:#26344c!important;font:900 30px Impact,sans-serif!important}.pick-slot--active{border-color:var(--gold);background:#172137;box-shadow:inset 4px 0 var(--gold);animation:active-slot-step .6s steps(6,end) infinite}.pick-slot--filled{animation:pick-lock .2s steps(2,end) both}@keyframes active-slot-step{50%{border-color:var(--gold-bright);box-shadow:inset 4px 0 var(--gold-bright),0 0 10px #e6b95d40}}@keyframes pick-lock{0%{opacity:.35;transform:translate(-7px);filter:brightness(1.8) saturate(.4)}66%{opacity:1;transform:translate(2px);filter:brightness(1.25) saturate(1.1)}to{transform:translate(0);filter:brightness(1) saturate(1)}}@keyframes ban-stamp{0%{opacity:0;transform:translateY(-2px);filter:grayscale(0) brightness(1.5)}65%{opacity:1;transform:translateY(1px)}to{transform:translateY(0)}}.champion-select{position:relative;min-width:0;display:flex;flex-direction:column;padding:14px;background:#050912d1}.champion-select__controls{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:8px;margin-bottom:10px}.champion-grid{--draft-portrait-size: 64px;flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,calc(var(--draft-portrait-size) + 8px));gap:5px;align-content:start;align-items:start;justify-content:center;padding-right:3px}.champion-grid button{position:relative;min-width:0;overflow:hidden;padding:3px;color:#e5e9f2;background:#0d1626;border:1px solid #28364d;text-align:left;transition:border-color var(--control-response) step-end,background var(--control-response) step-end,box-shadow var(--control-response) step-end}.champion-grid button:after{content:"";position:absolute;left:3px;right:3px;top:3px;height:3px;opacity:0;background:var(--gold-bright)}.champion-grid button:hover:not(:disabled){z-index:2;border-color:var(--gold-bright);background:#17243a;box-shadow:inset 0 0 0 1px #ffd8822e,inset 0 -3px #e6b95d29}.champion-grid button:hover:not(:disabled):after{opacity:.7;animation:tile-scan .8s steps(8,end) infinite}.champion-grid button:active:not(:disabled){box-shadow:inset 0 2px #00000080}.champion-grid .champion-tile-portrait>img{width:var(--draft-portrait-size);height:var(--draft-portrait-size);margin-inline:auto;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;display:block}.champion-option__no-ban-mark{width:var(--draft-portrait-size);height:var(--draft-portrait-size);margin-inline:auto;aspect-ratio:1;display:grid;place-items:center;color:#8b98ae;background:repeating-linear-gradient(135deg,#101a2b 0 8px,#17243a 8px 16px);border:1px dashed #4a5870;font:900 30px/1 monospace}.champion-grid .champion-option--no-ban{border-color:#4a5870}.champion-grid button span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 2px 1px;font-size:var(--text-caption);font-weight:800}.champion-grid button small{display:block;padding:0 2px 3px;color:#74829c;font:var(--text-caption) monospace}.champion-option__strengths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2px;background:#05081266;border-top:1px solid #28364d}.champion-grid .champion-option__score{display:grid;place-items:center;min-width:0;min-height:26px;padding:5px 0;font:900 var(--text-caption)/1.2 monospace;font-variant-numeric:tabular-nums;text-align:center}.champion-option__score--blu{color:var(--blue-bright);background:#277df01a}.champion-option__score--red{color:var(--red-bright);background:#e33d581a;border-left:1px solid #28364d}.champion-option__portrait{position:relative}.champion-grid .champion-option__roles{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-height:22px;padding:3px 0;background:#0409124d;border-top:1px solid rgba(126,145,176,.15)}.champion-grid .champion-option__team-roles{display:flex;flex-wrap:nowrap;align-items:center;gap:3px;min-width:0;padding:0 2px}.champion-grid .champion-option__team-roles:has(>:nth-child(3)){gap:1px}.champion-grid .champion-option__team-roles--blu{justify-content:flex-start;color:var(--blue-bright)}.champion-grid .champion-option__team-roles--red{justify-content:flex-end;color:var(--red-bright)}.champion-option__role-icon{display:block;flex:0 1 auto;min-width:0;width:12px;height:12px;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.champion-grid__empty{grid-column:1 / -1;padding:80px 20px;color:#62708a;text-align:center;font:800 var(--text-label) monospace}.thinking-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--gold-bright);background:repeating-linear-gradient(0deg,#03070feb 0 5px,#080e1ce6 5px 7px);font:800 var(--text-body) monospace;z-index:5;animation:thinking-step 1.2s steps(12,end) infinite}.engine-error{position:absolute;bottom:14px;left:50%;transform:translate(-50%);padding:10px;color:#fff;background:#7c2637;border:1px solid var(--red-bright);font:800 var(--text-label) monospace;z-index:6}@keyframes tile-scan{0%{top:3px}to{top:calc(100% - 6px)}}@keyframes thinking-step{50%{color:#fff0b7;background-position-y:7px}}.draft-pool-browser{--draft-pool-team-color: var(--blue-bright);position:relative;padding:14px 18px 18px;background:#070d19;border-top:2px solid #2d3950}.draft-pool-browser--red{--draft-pool-team-color: var(--red-bright)}.draft-pool-browser:before{content:"";position:absolute;top:-2px;left:18px;width:120px;height:2px;background:var(--blue-bright);box-shadow:0 0 8px #3e8bff73}.draft-pool-browser--red:before{background:var(--red-bright);box-shadow:0 0 8px #ff42606b}.draft-pool-browser__header{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-bottom:10px}.draft-pool-browser__sides{display:grid;grid-template-columns:repeat(2,minmax(118px,1fr));border:1px solid #2b3850}.draft-pool-browser__sides button{min-height:34px;display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;color:#71809a;background:#0b1424;border:0;border-right:1px solid #2b3850;font:800 var(--text-caption) monospace}.draft-pool-browser__sides button:last-child{border-right:0}.draft-pool-browser__sides button i{width:6px;height:6px;background:currentColor;box-shadow:0 0 6px currentColor}.draft-pool-browser__sides button:first-child i{color:var(--blue-bright)}.draft-pool-browser__sides button:last-child i{color:var(--red-bright)}.draft-pool-browser__sides button[aria-pressed=true]{color:#f2f5fb;background:#172239;box-shadow:inset 0 -2px var(--gold-bright)}.draft-pool-browser__players{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:8px}.draft-pool-player{min-width:0;min-height:46px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:5px;padding:3px;color:#76849d;background:#0b1424;border:1px solid #28364d;text-align:left}.draft-pool-player:hover{color:#dfe6f2;border-color:#52617a;background:#111d30}.draft-pool-player--selected{color:#f2f5fb;border-color:var(--gold);background:#172137;box-shadow:inset 0 -2px var(--gold)}.draft-pool-player__portrait{width:32px;height:32px;display:grid;place-items:center;margin:auto;overflow:hidden;color:var(--gold-bright);background:#050a13;border:1px solid #344159}.draft-pool-player__portrait>img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover}.draft-pool-player__portrait>b{font:900 var(--text-label) monospace}.draft-pool-player>span:last-child{min-width:0;display:grid;gap:2px}.draft-pool-player small{display:flex;align-items:center;gap:4px;color:#6e7c95;font:800 var(--text-caption) monospace}.draft-pool-player small img{width:12px;height:12px}.draft-pool-player strong{overflow:hidden;color:inherit;font-size:var(--text-label);text-overflow:ellipsis;white-space:nowrap}.draft-pool-browser__champions{--draft-pool-portrait-size: 64px;display:flex;flex-wrap:wrap;gap:5px}.draft-pool-champion{--pool-accent: var(--draft-pool-team-color);flex:1 1 min(100%,calc(var(--draft-pool-portrait-size) + 6rem));position:relative;min-width:0;display:grid;grid-template-columns:var(--draft-pool-portrait-size) minmax(0,1fr);align-items:center;gap:8px;padding:3px;color:#e5e9f2;background:linear-gradient(115deg,color-mix(in srgb,var(--pool-accent) 14%,transparent),transparent 72%),#0c1627;border:1px solid color-mix(in srgb,var(--pool-accent) 35%,#26334b);box-shadow:inset 2px 0 var(--pool-accent),inset 0 1px #dde9ff0f,0 2px #03070e;text-align:left}.draft-pool-champion:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-top:1px solid var(--pool-accent);border-right:1px solid var(--pool-accent);opacity:.6;pointer-events:none}.draft-pool-champion:hover{border-color:color-mix(in srgb,var(--pool-accent) 65%,#26334b)}.draft-pool-champion>img{width:var(--draft-pool-portrait-size);height:var(--draft-pool-portrait-size);align-self:center;justify-self:center;-o-object-fit:cover;object-fit:cover;outline:1px solid rgba(194,212,238,.2);outline-offset:-1px}.draft-pool-champion__identity{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.draft-pool-champion__identity small{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;padding:5px 6px;color:var(--pool-accent);background:color-mix(in srgb,var(--pool-accent) 8%,#080e19);border:1px solid color-mix(in srgb,var(--pool-accent) 28%,#26334b);font:800 var(--text-caption)/1.2 monospace;letter-spacing:.02em;white-space:normal;overflow-wrap:break-word}.draft-pool-champion__identity small:before{content:"";flex:0 0 5px;width:5px;height:5px;background:currentColor;box-shadow:0 0 6px color-mix(in srgb,currentColor 55%,transparent)}.draft-pool-champion--used{--pool-accent: #a0a0a0;filter:grayscale(1)}.draft-pool-champion--used>img{filter:brightness(.65)}.draft-pool-champion--used .draft-pool-champion__identity small:before{flex-basis:auto;width:auto;height:auto;background:none;box-shadow:none}.draft-pool-champion[data-status=picked] .draft-pool-champion__identity small:before{content:"✓"}.draft-pool-champion[data-status=banned] .draft-pool-champion__identity small:before{content:"×"}.draft-pool-browser__empty{flex:1 1 100%;min-height:62px;display:grid;place-items:center;color:#5f6d85;border:1px dashed #29364e;font:800 var(--text-caption) monospace}.review-page,.draft-feedback{--player-side-color: var(--blue-bright)}.review-page[data-player-team=red],.draft-feedback[data-player-team=red]{--player-side-color: var(--red-bright)}.review-page__inner{max-width:1300px}.review-hero{padding:28px 34px;display:grid;grid-template-columns:1fr auto;border-color:#8b7043}.review-hero h1{margin:0;color:var(--player-side-color);font-size:clamp(45px,8vw,82px);line-height:.85}.review-hero__score{grid-column:1;margin-top:7px}.review-hero__score>small{display:block;margin-bottom:9px;color:#7c8aa2;font:800 var(--text-caption) monospace;letter-spacing:.08em}.review-hero--loss{border-color:#9b3547}.review-hero--loss h1{color:var(--red-bright)}.review-hero__stats{grid-column:1;display:flex;margin-top:20px}.review-hero__stats span{min-width:120px;padding-right:30px;color:#e4e9f3;font:800 var(--text-lead) monospace}.review-hero__stats small{display:block;margin-bottom:5px;color:#6f7d95;font-size:var(--text-caption)}.review-hero__rank-value{display:block;color:inherit;font:800 var(--text-title) monospace}.review-hero__rank-value--gold{color:#ffd76a;font-weight:1000;text-shadow:0 0 9px rgba(255,215,106,.34)}.review-hero__rank-value--silver{color:#d7e0ee;font-weight:1000;text-shadow:0 0 9px rgba(215,224,238,.25)}.review-hero__rank-value--bronze{color:#d8945b;font-weight:1000;text-shadow:0 0 9px rgba(216,148,91,.28)}.review-hero__actions{grid-column:2;grid-row:1 / span 3;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px}.leaderboard-name-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;overflow:hidden;padding:20px;background:#02050cdb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:leaderboard-modal-reveal .42s ease-out both}.leaderboard-name-modal--particles:before{content:"";position:absolute;z-index:0;width:20vmin;aspect-ratio:1;border:3px solid rgba(255,216,130,.75);border-radius:50%;box-shadow:0 0 35px #e6b95d73,inset 0 0 35px #e6b95d47;pointer-events:none;animation:leaderboard-gold-shockwave .82s cubic-bezier(.15,.7,.22,1) both}.leaderboard-name-confetti{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.leaderboard-name-confetti i{--particle-angle: 0deg;--particle-delay: 0ms;--particle-distance: -40vmin;position:absolute;top:50%;left:50%;width:clamp(4px,.5vw,7px);height:clamp(9px,1vw,14px);opacity:0;background:#ffd76a;border:1px solid #fff2ae;box-shadow:0 0 9px #ffd76ad9;animation:leaderboard-confetti-burst 1.05s cubic-bezier(.12,.65,.22,1) var(--particle-delay) both}.leaderboard-name-confetti i:nth-child(3n){width:clamp(5px,.65vw,9px);height:clamp(5px,.65vw,9px);background:#fff0a4;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.leaderboard-name-confetti i:nth-child(4n){background:#c9912f}.leaderboard-name-confetti i:nth-child(5n){background:#fff8d9}@keyframes leaderboard-modal-reveal{0%{opacity:0;background:#02050c00;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;background:#02050cdb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes leaderboard-gold-shockwave{0%{opacity:0;transform:scale(.1)}15%{opacity:1}to{opacity:0;transform:scale(8)}}@keyframes leaderboard-confetti-burst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translateY(0) scale(.15) rotate(0)}12%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translateY(var(--particle-distance)) scale(.8) rotate(540deg)}}.leaderboard-name-prompt{position:relative;z-index:2;isolation:isolate;width:min(540px,100%);display:grid;justify-items:center;padding:42px 48px 34px;overflow:hidden;color:#f5f7fb;background:linear-gradient(135deg,rgba(230,185,93,.13),transparent 32%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 2px,transparent 2px 5px),#080f1c;border:2px solid var(--gold-bright);box-shadow:0 0 0 4px #080f1c,0 0 0 6px #8b7043,0 0 42px #e6b95d3d,0 28px 80px #000000c7,inset 0 0 0 8px #e6b95d12;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);text-align:center;transform-origin:center;will-change:transform,opacity,filter;animation:leaderboard-popup-explode .68s cubic-bezier(.16,1,.3,1) both}@keyframes leaderboard-popup-explode{0%{opacity:0;filter:brightness(2.5);transform:scale(.12) rotate(-5deg)}54%{opacity:1;filter:brightness(1.25);transform:scale(1.1) rotate(1deg)}76%{filter:brightness(1);transform:scale(.97) rotate(-.3deg)}to{opacity:1;filter:brightness(1);transform:scale(1) rotate(0)}}.leaderboard-name-prompt:before,.leaderboard-name-prompt:after{content:"";position:absolute;z-index:-1;pointer-events:none}.leaderboard-name-prompt:before{inset:10px;border:1px solid rgba(255,216,130,.28);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.leaderboard-name-prompt:after{width:240px;height:240px;top:-162px;left:50%;transform:translate(-50%) rotate(45deg);background:#e6b95d12;border:1px solid rgba(255,216,130,.14)}.leaderboard-name-prompt__rank{position:absolute;top:16px;right:18px;color:var(--gold-bright);font:900 var(--text-caption) monospace;letter-spacing:.08em}.leaderboard-name-prompt__trophy{width:68px;height:68px;display:grid;place-items:center;margin-bottom:13px;color:#130e05;background:var(--gold-bright);border:3px solid #fff0b7;outline:3px solid #6d542d;outline-offset:3px;box-shadow:8px 8px #00000057;transform:rotate(45deg)}.leaderboard-name-prompt__trophy svg{width:34px;height:34px;transform:rotate(-45deg)}.leaderboard-name-prompt__eyebrow{margin:10px 0 5px;color:#8e9ab0;font:900 var(--text-caption) monospace;letter-spacing:.18em}.leaderboard-name-prompt h2{margin:0;color:#fff;font-size:clamp(34px,7vw,52px);line-height:.9;text-shadow:4px 4px #151d31}.leaderboard-name-prompt h2 span{display:block;color:var(--gold-bright)}.leaderboard-name-prompt__description{margin:15px 0 25px;color:#adb7c9;font:700 var(--text-small)/1.5 monospace}.leaderboard-name-prompt label{width:100%;margin-bottom:7px;color:#7f8ca3;font:900 var(--text-caption) monospace;letter-spacing:.08em;text-align:left}.leaderboard-name-prompt input{width:100%;min-width:0;height:54px;padding:0 14px;color:#fff5d8;background:#040914;border:2px solid #66738a;outline:0;box-shadow:inset 0 -4px #00000052;font:900 var(--text-title-sm) monospace;letter-spacing:.08em;text-align:center;text-transform:uppercase}.leaderboard-name-prompt input::-moz-placeholder{color:#56637a}.leaderboard-name-prompt input::placeholder{color:#56637a}.leaderboard-name-prompt input:focus{border-color:var(--gold-bright);box-shadow:inset 0 -4px #e6b95d24,0 0 0 3px #e6b95d21}.leaderboard-name-prompt__error{width:100%;margin:8px 0 0;color:var(--red-bright);font:800 var(--text-caption) monospace;text-align:left}.leaderboard-name-prompt__actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:12px}.leaderboard-name-prompt__actions .retro-button{min-height:50px}.leaderboard-name-prompt__later{padding:8px 0;color:#77849b;background:transparent;border:0;font:800 var(--text-caption) monospace;text-decoration:underline;text-underline-offset:3px}.leaderboard-name-prompt__later:hover{color:#dce5f6}.review-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(560px,1fr);gap:14px;margin-top:14px;align-items:stretch}.move-review,.leaderboard{padding:18px}.leaderboard{display:flex;flex-direction:column;container:leaderboard / inline-size;--leaderboard-draft-min: calc(370px + 4.5rem) }.move-review h2,.leaderboard h2{display:flex;align-items:center;gap:7px;margin:0 0 13px;color:#8693ab;font-size:var(--text-small)}.leaderboard h2 svg{width:15px;color:var(--gold)}.move-timeline{display:grid;gap:12px}.move-phase{display:grid;gap:4px}.move-phase h3{margin:0;padding:5px 0;color:#65738d;border-bottom:1px solid #202d43;font:800 var(--text-caption) monospace;letter-spacing:.08em;text-align:center}.review-move-row{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;min-height:50px}.review-move-row--blu .review-move{grid-column:1}.review-move-row--red .review-move{grid-column:3}.review-move-row .review-move__number{grid-column:2;grid-row:1}.review-move{position:relative;min-width:0;height:50px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;background:#0c1525;border:1px solid #25324a}.review-move--blu{padding-left:3px;background:linear-gradient(90deg,#1e67c333,#0c1525 45%);border-color:#326bb1;box-shadow:inset 3px 0 var(--blue-bright)}.review-move--red{padding-right:3px;background:linear-gradient(270deg,#a02b4233,#0c1525 45%);border-color:#713147;box-shadow:inset -3px 0 var(--red-bright)}.review-move--player.review-move--blu>div small{color:var(--blue-bright)}.review-move--player.review-move--red>div small{color:var(--red-bright)}.review-move--best{border-left-color:#63ddb0}.review-move--great{border-left-color:#65adff}.review-move--good{border-left-color:#7d90aa}.review-move--inaccuracy{border-left-color:#d2a94e}.review-move--mistake{border-left-color:#e17b4e}.review-move--blunder{border-left-color:var(--red)}.review-move__number{color:#55637c;font:var(--text-caption) monospace;text-align:center}.review-move img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover}.review-move>div{min-width:0;padding:0 8px}.review-move>div strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-small)}.review-move>div small{display:block;color:#697892;font:var(--text-caption) monospace}.review-move__verdict{padding:0 8px;color:var(--gold-bright);font:800 var(--text-caption) monospace}.leaderboard__columns,.leader-row{grid-template-columns:34px minmax(62px,1fr) minmax(var(--leaderboard-draft-min),4fr) 4.5rem}.leaderboard__columns{display:grid;gap:7px;padding:0 14px 7px;color:#58667e;border-bottom:1px solid #344158;font:var(--text-caption) monospace}.leaderboard__columns span:last-child{text-align:right}.leaderboard__rows{flex:1}.leader-row{min-height:64px;display:grid;gap:7px;align-items:center;padding-inline:14px;border-bottom:1px solid #202c42}.leader-row>strong{color:#66748d;font:var(--text-label) monospace}.leader-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-label);font-weight:700}.leader-row>b{color:var(--player-side-color);font:800 var(--text-caption) monospace;text-align:right;white-space:nowrap}.leader-row--you{background:linear-gradient(90deg,rgba(230,185,93,.2),rgba(230,185,93,.06) 58%,transparent);box-shadow:inset 4px 0 var(--gold),inset 0 1px #ffe09157,inset 0 -1px #e6b95d57}.leader-row--you>strong,.leader-row--you>span{color:var(--gold-bright)}.leader-row__you-marker{margin-left:6px;padding:2px 4px;color:#07101d;background:var(--gold-bright);font:900 var(--text-caption) monospace;vertical-align:2px}.final-draft-preview{min-width:0;display:grid;grid-template-columns:max-content 18px max-content;align-items:center;gap:6px}.final-draft-preview__team{display:grid;grid-template-columns:minmax(25px,max-content) repeat(5,32px);gap:2px;align-items:end}.final-draft-preview__team--opponent{grid-template-columns:repeat(5,32px) minmax(25px,max-content)}.final-draft-preview__team>strong{align-self:center;color:#66758d;font:var(--text-caption) monospace}.final-draft-preview__team--opponent>strong{text-align:right}.final-draft-preview__team>span{min-width:0;display:grid;gap:2px;justify-items:center}.final-draft-preview__team>span:before{content:attr(data-role);color:#5d6b83;font:var(--text-caption) monospace}.final-draft-preview__team img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;background:#09101c;border:0;box-shadow:inset 0 0 0 1px #253149}.final-draft-preview__team--blu img{box-shadow:inset 0 0 0 1px #253149,inset 0 -1px var(--blue)}.final-draft-preview__team--red img{box-shadow:inset 0 0 0 1px #253149,inset 0 -1px var(--red)}.final-draft-preview__versus{color:#627089;font:800 var(--text-caption) monospace;text-align:center}.leaderboard__loading,.leaderboard__empty{min-height:130px;display:grid;place-items:center;color:#66748c;font:800 var(--text-caption) monospace}.review-feedback{margin-top:14px;padding:24px;border-color:#4d607d}.review-feedback form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;align-items:end}.review-feedback__header{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid #2b374d}.review-feedback__header>svg{width:25px;height:25px;color:var(--gold-bright)}.review-feedback__header .eyebrow{margin:0 0 3px}.review-feedback__header h2{margin:0;color:#edf2fa;font-size:var(--text-heading)}.review-feedback__prompt{grid-column:1 / -1;max-width:920px;margin:0;color:#aab5c7;font:700 var(--text-small)/1.65 monospace}.review-feedback__field{min-width:0;display:grid;gap:6px}.review-feedback__field>span{color:#9eabc0;font:800 var(--text-caption) monospace;text-transform:uppercase}.review-feedback__field>span b{color:#65738b}.review-feedback__field textarea{width:100%;min-height:116px;resize:vertical;padding:12px;color:#edf2fa;background:#060d19;border:1px solid #3b4a63;outline:0;font:700 var(--text-small)/1.55 monospace}.review-feedback__field textarea:focus{border-color:var(--gold-bright);box-shadow:0 0 0 2px #e6b95d26}.review-feedback__field textarea::-moz-placeholder{color:#536078}.review-feedback__field textarea::placeholder{color:#536078}.review-feedback__field small{display:flex;align-items:center;gap:5px;color:#66748b;font:700 var(--text-caption)/1.4 monospace}.review-feedback__field small svg{width:12px;height:12px}.review-feedback .retro-button{min-width:190px;min-height:48px}.review-feedback__error{grid-column:1 / -1;margin:-5px 0 0;color:var(--red-bright);font:800 var(--text-caption) monospace}.review-feedback__success{min-height:150px;display:flex;align-items:center;justify-content:center;gap:17px;text-align:left}.review-feedback__success>svg{width:45px;height:45px;color:#61d595}.review-feedback__success .eyebrow{margin:0 0 4px}.review-feedback__success h2{margin:0;color:#edf2fa;font-size:29px}.review-feedback__success p:last-child{margin:7px 0 0;color:#94a2b8;font:700 var(--text-caption) monospace}@media (min-width: 1051px){.leaderboard__rows:has(.leader-row){display:grid;grid-template-rows:repeat(18,minmax(64px,1fr))}.leaderboard__rows:has(.leader-row) .leader-row{min-height:0}}.draft-feedback{position:relative;z-index:1;max-width:1480px;margin:14px auto 0;padding:20px;overflow:visible}.draft-feedback:has(.feedback-champion:hover),.draft-feedback:has(.feedback-champion:focus),.draft-feedback:has(.composition-help:hover),.draft-feedback:has(.composition-help:focus){z-index:70;clip-path:none}.draft-feedback__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid #344158}.draft-feedback__header h2{margin:0;color:var(--player-side-color);font-size:34px}.draft-feedback__model{display:grid;justify-items:end;gap:5px;color:#8290a7;font:var(--text-caption) monospace}.draft-feedback__model small{color:#5f6c84}.draft-feedback__scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(7rem,100%),1fr));border-bottom:1px solid #2b374d}.draft-feedback__scores>div{padding:14px;border-right:1px solid #2b374d}.draft-feedback__scores>div:last-child{border-right:0}.draft-feedback__scores small{display:block;margin-bottom:5px;color:#707e96;font:var(--text-caption) monospace}.draft-feedback__scores strong{font:800 var(--text-lead) monospace}.score-blu{color:var(--blue-bright)}.score-red{color:var(--red-bright)}.composition-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#09111f;border-bottom:1px solid #2b374d}.composition-strip>div{position:relative;min-width:0;min-height:50px;container-type:inline-size;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:5px;padding:7px 11px;border-right:1px solid #222e43}.composition-strip>div:last-child{border-right:0}.composition-metric:has(.composition-help:hover),.composition-metric:has(.composition-help:focus){z-index:200}.composition-metric__icon{color:#77869e}.composition-metric__icon svg{width:14px}.composition-metric__label{min-width:0;overflow-wrap:anywhere;display:flex;align-items:center;gap:5px;color:#6c7a92;font:var(--text-caption) monospace}.composition-metric__values{min-width:0;grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;color:#aeb9ca;font:800 var(--text-caption) monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.composition-metric__values strong{display:inline;font:inherit}.composition-metric__team-values{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}.composition-metric__team-value{display:inline-flex;align-items:baseline;gap:3px;padding:0 1px 2px;border-bottom:2px solid}.composition-metric__team-value small{font:800 var(--text-caption)/1 monospace;letter-spacing:.02em}.composition-metric__team-value--blu{color:#c0ddff;border-bottom-color:var(--blue-bright)}.composition-metric__team-value--blu small{color:var(--blue-bright)}.composition-metric__team-value--red{color:#ffd0d5;border-bottom-color:var(--red-bright)}.composition-metric__team-value--red small{color:var(--red-bright)}.composition-metric__divider{color:#56637a}.composition-help{position:relative;width:13px;height:13px;flex:0 0 13px;display:grid;place-items:center;color:#a4b1c7;background:#101b2e;border:1px solid #43516a;outline:0;cursor:help;font:800 var(--text-caption) monospace}.composition-help:hover,.composition-help:focus{color:#08101b;background:var(--gold-bright);border-color:#fff0b7}.composition-help__tooltip{position:absolute;top:calc(100% + 7px);left:-8px;z-index:2100;width:245px;display:none;padding:10px;color:#aeb9ca;background:#050a13;border:1px solid #806b45;box-shadow:5px 5px #0000008c;text-align:left;text-transform:none;white-space:normal;font:var(--text-caption)/1.5 monospace}.composition-help__tooltip b{display:block;margin-bottom:4px;color:var(--gold-bright);font-size:var(--text-caption)}.composition-help:hover .composition-help__tooltip,.composition-help:focus .composition-help__tooltip{display:block}.composition-metric:nth-child(n+4) .composition-help__tooltip{left:auto;right:-8px}@container (max-width: 280px){.composition-metric__label{grid-column:2 / -1;grid-row:1}.composition-metric__values{grid-column:1 / -1;grid-row:2}.composition-help{position:static}}.optimal-rollout{margin-top:12px;padding:10px;background:#080f1c;border:1px solid #29364d}.optimal-rollout h3{margin:0 0 8px;color:#71809a;font-size:var(--text-caption)}.optimal-rollout>div{display:flex;gap:4px;overflow-x:auto}.optimal-rollout span{flex:0 0 66px;display:grid;background:#101a2a;border:1px solid #28354b}.optimal-rollout img{width:64px;height:64px;-o-object-fit:cover;object-fit:cover;filter:saturate(.85)}.optimal-rollout small{padding:4px 2px;color:#71809a;font:var(--text-caption) monospace;text-align:center}.resolved-lineups{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.resolved-team{position:relative;z-index:1;min-width:0;padding:11px;background:#080f1c;border:1px solid #2c3950}.resolved-team:has(.feedback-champion:hover),.resolved-team:has(.feedback-champion:focus){z-index:80}.resolved-team--blu{border-left:3px solid var(--blue)}.resolved-team--red{border-right:3px solid var(--red)}.resolved-team h3{margin:0 0 9px;color:#71809a;font-size:var(--text-caption)}.resolved-team--red h3{text-align:right}.resolved-team__champions{display:grid;grid-template-columns:repeat(5,minmax(92px,1fr));gap:6px}.feedback-champion{position:relative;min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:64px auto;background:#101a2b;border:1px solid #28354c;outline:0}.feedback-champion:focus{z-index:90;border-color:var(--gold)}.feedback-champion:hover{z-index:100;border-color:var(--gold)}.feedback-champion__role{grid-column:1;grid-row:1 / span 2;height:100%;display:grid;place-content:center;justify-items:center;gap:5px;color:#8b99af;background:#0b1423;border-right:1px solid #344158;font:800 var(--text-caption) monospace}.feedback-champion__role img{width:13px;height:13px}.feedback-champion__portrait{grid-column:2;grid-row:1;width:100%;height:64px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 28%;object-position:center 28%;overflow:hidden}.feedback-champion__name{grid-column:2;grid-row:2;min-width:0;padding:7px;border-top:1px solid #28354c}.feedback-champion__name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption)}.feedback-champion__name small{display:block;margin-top:4px;color:#8391a8;font:var(--text-caption) monospace}.feedback-champion__name small strong{display:inline;font:inherit;font-variant-numeric:tabular-nums}.champion-tooltip{position:absolute;top:auto;left:0;bottom:100%;z-index:1000;width:310px;display:none;max-height:min(520px,calc(100vh - 72px));overflow-y:auto;overscroll-behavior:contain;padding:12px;color:#dce3ef;background:#050a13;border:1px solid #806b45;box-shadow:0 12px 28px #000000b8,0 0 0 1px #03060d}.feedback-champion:nth-child(n+4) .champion-tooltip{left:auto;right:0}.feedback-champion:hover .champion-tooltip,.feedback-champion:focus .champion-tooltip{display:block}.champion-tooltip>header{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding-bottom:8px;border-bottom:1px solid #29354b}.champion-tooltip>header img{width:15px}.champion-tooltip>header strong{font-size:var(--text-small)}.champion-tooltip>header span{color:#74829b;font:var(--text-caption) monospace}.champion-tooltip dl{display:grid;grid-template-columns:1fr;gap:1px;margin:8px 0;background:#263249}.champion-tooltip dl div{display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:baseline;gap:8px;padding:6px 8px;background:#0a1220}.champion-tooltip dt{color:#67758e;font:var(--text-caption) monospace}.champion-tooltip dd{margin:0;text-align:right;font:800 var(--text-label) monospace;font-variant-numeric:tabular-nums}.tooltip-relations{display:grid;grid-template-columns:1fr;gap:3px;margin-top:7px}.tooltip-relations>strong{color:#697790;font:var(--text-caption) monospace}.tooltip-relations span{display:grid;grid-template-columns:minmax(0,1fr) 32px 70px;gap:5px;color:#aeb8c9;font:var(--text-caption) monospace}.tooltip-relations span small{color:#64728b;font:inherit}.tooltip-relations span>:last-child{justify-self:end;text-align:right;font-variant-numeric:tabular-nums}.draft-feedback__legend{margin:12px 0 0;color:#56637a;font:var(--text-caption) monospace;text-align:right}.custom-page{min-height:calc(100vh - 90px);padding:38px 20px 80px;background-color:#070c16;background-image:linear-gradient(rgba(49,66,96,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(49,66,96,.06) 1px,transparent 1px);background-size:24px 24px}.custom-actions{display:flex;align-items:center;gap:8px}.custom-actions .patch-control,.custom-actions .patch-picker{align-self:stretch}.top-k-control{min-width:142px;align-self:stretch;display:grid;grid-template-columns:auto 88px;grid-template-rows:1fr auto;align-items:center;gap:0 9px;padding:6px 9px 4px;color:#7d8ba3;background:#0b1423;border:1px solid #3d485c;font:800 var(--text-caption) monospace}.top-k-control>span{align-self:end;white-space:nowrap}.top-k-control>span strong{color:var(--gold-bright);font-size:var(--text-body)}.top-k-control input{width:88px;height:16px;margin:0;accent-color:var(--gold);cursor:pointer}.top-k-control input:disabled{cursor:wait;opacity:.5}.top-k-control small{grid-column:2;display:flex;justify-content:space-between;color:#59667c;font:var(--text-caption) monospace}.analyze-control{position:relative;display:inline-flex}.analyze-control .retro-button:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.35)}.analyze-control .retro-button:disabled:hover{color:#130e05;background:var(--gold);border-color:var(--gold-bright);transform:none;box-shadow:inset 0 -3px #00000059}.analyze-control__help{width:34px;display:grid;place-items:center;color:#a8b4c7;background:#0b1423;border:1px solid #3e4a61;border-left:0}.analyze-control__help:hover,.analyze-control__help:focus-visible{color:#070c16;background:var(--gold-bright);outline:0}.analyze-control__help svg{width:14px}.analyze-control__tooltip{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:250px;padding:10px 12px;visibility:hidden;opacity:0;color:#dce5f6;background:#070c16;border:1px solid #806b45;box-shadow:4px 4px #0000007a;transform:translateY(-4px);transition:opacity var(--retro-tick) step-end,transform var(--retro-tick) step-end,visibility var(--retro-tick) step-end;pointer-events:none}.analyze-control__tooltip strong{display:block;color:var(--gold);font:800 var(--text-caption) monospace;letter-spacing:.08em}.analyze-control__tooltip small{display:block;margin-top:4px;color:#9eabc0;font:700 var(--text-caption)/1.45 monospace}.analyze-control:hover .analyze-control__tooltip,.analyze-control:focus-within .analyze-control__tooltip{visibility:visible;opacity:1;transform:translateY(0)}.save-state{display:flex;align-items:center;gap:6px;margin-right:8px;color:#60c697;font:800 var(--text-caption) monospace}.save-state svg{width:13px}.custom-pools,.custom-page .draft-console,.custom-page .engine-message,.engine-panel,.custom-page .draft-feedback,.custom-page .support-cta{max-width:1480px;margin-left:auto;margin-right:auto}.custom-page .draft-console{margin-top:14px}.engine-message{margin-top:10px;padding:12px;color:#9da9bd;background:#111a2a;border:1px solid #344158;text-align:center;font:800 var(--text-label) monospace}.engine-message--error{color:var(--red-bright);border-color:#6f3040}.engine-panel{margin-top:14px;padding:22px}.engine-panel>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #334059;padding-bottom:15px}.engine-panel h2{margin:0;font-size:34px}.engine-panel>header>svg{color:var(--gold)}.ranked-options{--ranked-side: var(--blue-bright);--ranked-side-soft: rgba(62,139,255,.12)}.ranked-options--red{--ranked-side: var(--red-bright);--ranked-side-soft: rgba(255,66,96,.12)}.ranked-options__header{min-height:75px}.ranked-options__context{display:grid;justify-items:end;gap:6px}.ranked-options__context>strong{display:flex;align-items:center;gap:6px;color:var(--ranked-side);font:800 var(--text-label) monospace;letter-spacing:.07em}.ranked-options__context>strong i{width:6px;height:6px;display:block;background:currentColor;box-shadow:0 0 7px currentColor}.ranked-options__context>span{color:#71809a;font:800 var(--text-caption) monospace;letter-spacing:.08em}.ranked-options__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px;padding:15px 0;border-bottom:1px solid #2e3a51}.ranked-option{min-width:0;min-height:80px;display:grid;grid-template-columns:24px 64px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;color:#c8d2e2;background:#0a1220;border:1px solid #29364d;text-align:left;cursor:pointer}.ranked-option:hover,.ranked-option:focus-visible{border-color:var(--ranked-side);background:var(--ranked-side-soft);outline:0}.ranked-option--selected{color:#f5e6bd;background:#17180f;border-color:var(--gold);box-shadow:inset 0 -3px #c29d4c4d}.ranked-option__rank{color:#63708a;font:800 var(--text-caption) monospace}.ranked-option--selected .ranked-option__rank{color:var(--gold-bright)}.ranked-option>img{width:64px;height:64px;-o-object-fit:cover;object-fit:cover;filter:saturate(.82)}.ranked-option>img.no-ban-circle-icon{-o-object-fit:contain;object-fit:contain;transform:scale(.7)}.ranked-option--selected>img{filter:saturate(1)}.ranked-option__identity{min-width:0;display:grid;gap:4px}.ranked-option__identity b{overflow:hidden;font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap}.ranked-option__identity small{color:#627089;font:var(--text-caption) monospace}.ranked-option__probability{display:grid;justify-items:end;gap:4px;padding-left:7px;border-left:1px solid #253149;font-variant-numeric:tabular-nums}.ranked-option__probability strong{color:var(--ranked-side);font:800 var(--text-label) monospace}.ranked-option__probability small{color:#71809a;font:var(--text-caption) monospace;white-space:nowrap}.ranked-options__selection{margin-top:15px;padding:15px;background:#080f1c;border:1px solid #29364d}.ranked-options__selection>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid #253149}.ranked-options__selection-title{display:grid;gap:5px}.ranked-options__selection-title>small{color:#71809a;font:var(--text-caption) monospace}.ranked-options__selection-title>strong{display:flex;align-items:baseline;gap:9px;color:#e8edf7;font-size:var(--text-title-sm)}.ranked-options__selection-title>strong span{color:var(--gold-bright);font:800 var(--text-label) monospace}.ranked-options__metrics{display:flex;align-items:stretch;border:1px solid #29364d}.ranked-options__metric{min-width:112px;display:grid;gap:4px;padding:7px 10px;text-align:right}.ranked-options__metric+.ranked-options__metric{border-left:1px solid #29364d}.ranked-options__metric small{color:#71809a;font:var(--text-caption) monospace}.ranked-options__metric strong{color:#c3cddd;font:800 var(--text-small) monospace;font-variant-numeric:tabular-nums}.ranked-options__metric--blu strong{color:var(--blue-bright)}.ranked-options__metric--red strong{color:var(--red-bright)}.ranked-rollout{padding:13px 0 0}.ranked-rollout h3{margin:0 0 8px;color:#71809a;font-size:var(--text-caption);letter-spacing:.05em}.ranked-rollout>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:5px}.ranked-rollout__step{min-width:0;min-height:44px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;background:#101a2a;border:1px solid #28354b;border-top-color:#52617a}.ranked-rollout__step--blu{border-top-color:var(--blue-bright)}.ranked-rollout__step--red{border-top-color:var(--red-bright)}.ranked-rollout__step>img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover}.ranked-rollout__step>img.no-ban-circle-icon{-o-object-fit:contain;object-fit:contain;transform:scale(.7)}.ranked-rollout__step>span{min-width:0;display:grid;gap:4px;padding:0 5px}.ranked-rollout__step b{overflow:hidden;font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap}.ranked-rollout__step small{display:flex;align-items:center;gap:3px;color:#71809a;font:var(--text-caption) monospace;white-space:nowrap}.ranked-rollout__step small i{color:#9aa7bb;font-style:normal}.engine-breakdown{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #2e3a51}.engine-breakdown span{padding:17px;font:700 var(--text-title-sm) monospace;border-right:1px solid #2e3a51}.engine-breakdown span:last-child{border-right:0}.engine-breakdown small{display:block;margin-bottom:5px;color:#71809a;font-size:var(--text-caption)}.engine-options h3{color:#71809a;font-size:var(--text-label)}.engine-options>div{min-height:48px;display:grid;grid-template-columns:30px 32px 1fr auto;gap:9px;align-items:center;border-top:1px solid #253149}.engine-options>div>strong{color:#63708a;font:var(--text-caption) monospace}.engine-options img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover}.engine-options span{font-size:var(--text-body);font-weight:700}.engine-options b{color:var(--blue-bright);font:var(--text-caption) monospace}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.arena-backdrop--live:before{opacity:0}.arena-atmosphere{display:none}.pick-clock__track i,.engine-timer__track i{animation:none;transform:none}.leaderboard-name-confetti{display:none}}@media (max-width: 1250px){.composition-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.composition-strip>div{border-bottom:1px solid #222e43}.composition-strip>div:nth-child(3){border-right:0}.composition-strip>div:nth-child(n+4){border-bottom:0}.composition-strip>div:last-child{grid-column:span 2}.composition-metric:nth-child(n+4) .composition-help__tooltip{left:-8px;right:auto}.composition-metric:nth-child(3) .composition-help__tooltip{left:auto;right:-8px}}@media (max-width: 1050px){.patch-updates__groups,.pool-versus,.custom-pools{grid-template-columns:1fr}.challenge-brief--scout{align-items:flex-start;flex-direction:column;gap:12px}.resolved-lineups,.resolved-team__champions{grid-template-columns:1fr}.resolved-team--red h3{text-align:left}.feedback-champion{grid-template-columns:30px 108px minmax(0,1fr);grid-template-rows:64px;min-height:64px}.feedback-champion__role{grid-column:1;grid-row:1}.feedback-champion__portrait{grid-column:2;grid-row:1;width:108px;height:64px}.feedback-champion__name{grid-column:3;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:9px 11px;border-top:0;border-left:1px solid #28354c}.draft-stage{grid-template-columns:145px minmax(0,1fr) 145px}.pick-slot{height:78px}.pick-slot>img{width:52px}.pick-slot>div{padding:5px}.pick-slot strong{max-width:68px;font-size:var(--text-caption)}.review-grid,.champion-board-layout{grid-template-columns:1fr}.champion-detail{position:static}.champion-filters{grid-template-columns:1fr auto}.champion-filters .role-tabs{grid-column:1 / -1}}@media (max-width: 760px){.topbar{padding:0 13px}.menu-button{display:grid}.nav-links{display:none;position:absolute;top:58px;left:0;right:0;height:auto;flex-direction:column;background:#060a13;border-bottom:2px solid #34405a}.nav-links--open{display:flex}.nav-link{min-height:48px;border:0;border-top:1px solid #172033}.home-stage{padding:16px}.home-stage__content{padding:35px 20px}.home-stage__actions{flex-direction:column}.page-heading{align-items:stretch;flex-direction:column}.page-heading__tools{flex-direction:column}.patch-control{min-height:42px}.champions-page{padding:28px 10px 60px}.champion-filters{grid-template-columns:1fr}.champion-filters .role-tabs{grid-column:auto}.role-tabs--champion-board .role-tab{padding-inline:3px;font-size:var(--text-caption)}.pick-filter{grid-template-columns:1fr 110px 38px}.patch-updates{padding:10px}.patch-updates__groups{grid-template-columns:1fr;gap:14px}.tier-row{grid-template-columns:42px 1fr}.tier-mark{font-size:25px}.tier-champions{padding:5px}.arcade-page,.review-page{padding:12px 7px 55px}.arena-backdrop--live.arcade-page{padding:18px 7px 55px}.challenge-brief{padding:30px 16px}.challenge-brief h1{font-size:44px}.challenge-brief--scout{display:flex;margin:0}.challenge-brief--scout .challenge-brief__meta{justify-content:flex-start;gap:7px}.challenge-brief--scout .challenge-brief__meta span{padding:0 7px 0 0}.challenge-scout__launch{justify-content:space-between;padding:9px}.challenge-scout__launch-actions{gap:8px}.challenge-scout__launch-actions>span{display:none}.game-instructions{padding:8px}.game-instructions__dialog{height:calc(100dvh - 16px);max-height:none}.game-instructions__dialog>header{min-height:66px;padding:9px 10px 9px 13px}.game-instructions__dialog>header h2{font-size:var(--text-title)}.game-instructions__header-meta{gap:8px}.game-instructions__header-meta>span{font-size:var(--text-caption)}.game-instructions__slide{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(210px,42%) auto;overflow-y:auto}.game-instructions__media{min-height:210px;border-right:0;border-bottom:1px solid #3a465d}.game-instructions__copy{justify-content:flex-start;padding:23px 19px 27px}.game-instructions__copy>svg{width:25px;height:25px;margin-bottom:14px}.game-instructions__copy h3{font-size:26px}.game-instructions__copy>p:last-of-type{margin-top:14px;font-size:var(--text-caption);line-height:1.6}.game-instructions__copy>a{margin-top:17px}.game-instructions__dialog>footer{min-height:92px;grid-template-columns:1fr auto;gap:8px;padding:8px 10px}.game-instructions__dialog>footer>span{justify-self:end}.game-instructions__pages{gap:5px}.game-instructions__pages button{width:14px}.game-instructions__pages button.is-active{width:24px}.game-instructions__actions{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:1fr 1.35fr}.game-instructions__actions .retro-button{width:100%;min-width:0;min-height:36px;padding:0 7px;font-size:var(--text-caption)}.player-name{grid-template-columns:auto minmax(72px,1fr);flex:1}.daily-player{grid-template-columns:1fr;justify-items:center;gap:4px;padding:3px 2px 5px;text-align:center}.daily-player__portrait-frame,.daily-player__portrait{width:38px;height:38px}.daily-player__details{width:100%;justify-items:center;gap:3px}.daily-player strong{width:100%;font-size:var(--text-caption)}.pool-role--with-player{grid-template-columns:82px minmax(0,1fr)}.pool-board--compact{display:none}.draft-console__header{grid-template-columns:1fr auto;padding:0 10px}.draft-console__toggles{grid-column:1;grid-row:2;justify-self:start}.sound-toggle{min-height:28px;padding:5px 6px;font-size:var(--text-caption)}.pick-clock{grid-column:2;grid-row:1 / span 2}.ban-rail{-moz-column-gap:24px;column-gap:24px;padding:8px}.ban-group{gap:4px;flex-direction:column;align-items:flex-start}.ban-group--red{align-items:flex-end}.ban-group>span{width:auto}.ban-slot{width:34px;height:34px}.draft-stage{display:grid;grid-template-columns:1fr 1fr;min-height:0}.pick-column{padding:6px}.pick-column--blu{border-right:1px solid #1c4f92}.pick-column--red{border-left:1px solid #7f2638}.pick-slot{height:54px}.pick-slot>img{width:44px}.pick-slot strong{max-width:75px}.champion-select{grid-column:1 / -1;grid-row:2;min-height:420px;padding:8px;border-top:1px solid #39455d}.champion-select__controls{grid-template-columns:1fr}.draft-pool-browser{padding:12px 9px 14px}.draft-pool-browser:before{left:9px;width:72px}.draft-pool-browser__header{align-items:stretch;flex-direction:column;gap:8px}.draft-pool-browser__sides{width:100%}.draft-pool-browser__players{grid-template-columns:repeat(5,minmax(0,1fr))}.draft-pool-player{min-height:68px;grid-template-columns:1fr;grid-template-rows:34px minmax(0,1fr);justify-items:center;gap:2px;padding:2px;text-align:center}.draft-pool-player>span:last-child{width:100%;justify-items:center}.draft-pool-player small{gap:2px;font-size:var(--text-caption)}.draft-pool-player small img{width:10px;height:10px}.draft-pool-player strong{width:100%;font-size:var(--text-caption)}.draft-pool-champion__identity small{font-size:var(--text-caption)}.review-hero{display:block;padding:23px 17px}.review-hero__stats{overflow-x:auto}.review-hero__actions{flex-direction:column;align-items:stretch;justify-content:flex-start;margin-top:20px}.review-hero__actions>.retro-button{width:100%;min-width:0;padding-inline:8px;font-size:var(--text-caption)}.review-feedback{padding:18px 14px}.review-feedback form{grid-template-columns:1fr}.review-feedback .retro-button{width:100%;min-width:0}.leaderboard-name-modal{padding:13px}.leaderboard-name-prompt{padding:39px 24px 27px}.leaderboard-name-prompt__actions{grid-template-columns:1fr;gap:5px}.draft-feedback{padding:11px}.draft-feedback__header{align-items:flex-start}.draft-feedback__header h2{font-size:25px}.draft-feedback__scores{grid-template-columns:repeat(auto-fit,minmax(min(7rem,100%),1fr))}.draft-feedback__scores>div{border-bottom:1px solid #2b374d}.composition-strip{grid-template-columns:repeat(2,1fr)}.composition-strip>div{min-height:76px;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;row-gap:5px;border-bottom:1px solid #222e43}.composition-strip>div:last-child{grid-column:1 / -1}.composition-strip>div:nth-child(3){border-right:1px solid #222e43}.composition-strip>div:nth-child(n+4){border-bottom:1px solid #222e43}.composition-strip>div:nth-child(2n),.composition-strip>div:last-child{border-right:0}.composition-strip>div:last-child{border-bottom:0}.composition-metric__icon{grid-column:1;grid-row:1}.composition-metric__label{grid-column:2;grid-row:1}.composition-metric__values{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);justify-content:flex-start;justify-items:start;row-gap:5px;padding-left:23px}.composition-metric__values>span:last-child{grid-row:2}.composition-help__tooltip{position:fixed;top:auto;left:12px!important;right:12px!important;bottom:12px;width:auto}.champion-tooltip{position:fixed;top:auto;left:12px!important;right:12px!important;bottom:12px;width:auto;max-height:72vh}.review-move-row{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.review-move{grid-template-columns:38px minmax(0,1fr)}.review-move img{width:38px}.review-move--rated{height:60px;grid-template-rows:minmax(0,1fr) auto}.review-move--rated>img{grid-row:1 / -1}.review-move__verdict{grid-column:2;grid-row:2;position:static;justify-self:start;margin:0 8px 5px;padding:0;background:transparent;line-height:1}.custom-page{padding:25px 8px 60px}.custom-actions{flex-wrap:wrap}.save-state{width:100%}.top-k-control{flex:1;min-height:45px}.ranked-options{padding:12px}.ranked-options>header{align-items:flex-start;gap:8px}.ranked-options h2{font-size:25px}.ranked-options__context{max-width:145px;text-align:right}.ranked-options__choices{grid-template-columns:1fr}.ranked-options__selection>header{align-items:flex-start;flex-direction:column}.ranked-options__metrics{width:100%}.ranked-options__metric{min-width:0;flex:1;text-align:left}.ranked-rollout>div{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-pools .pool-role{grid-template-columns:42px 1fr}.custom-pools .pool-role__entries,.pool-champions{grid-template-columns:1fr}.engine-breakdown span{padding:10px;font-size:var(--text-body)}}@media (max-width: 520px){.patch-updates__list{grid-template-columns:repeat(3,minmax(0,112px))}.leaderboard{padding:14px 10px}}@container leaderboard (max-width: 41.25rem){.leaderboard__columns{display:none}.leaderboard__rows:has(.leader-row){display:block}.leader-row{min-width:0;min-height:0;grid-template-columns:30px minmax(0,1fr) auto;gap:7px 8px;padding:11px 9px 12px}.leader-row>strong{grid-column:1;grid-row:1}.leader-row>span{grid-column:2;grid-row:1}.leader-row>b{grid-column:3;grid-row:1;font-size:var(--text-label)}.leader-row>.final-draft-preview{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:max-content 18px max-content;justify-content:center;gap:3px}}@media (max-width: 760px){.daily-player{grid-template-columns:32px minmax(0,1fr)}.daily-player__portrait-frame,.daily-player__portrait{width:32px;height:32px}.pick-slot>img{width:32px;height:32px}.review-move{grid-template-columns:32px minmax(0,1fr)}.review-move img{width:32px;height:32px}.ban-rail{-moz-column-gap:14px;column-gap:14px;padding-inline:4px}.ban-group>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:178px;gap:2px}.ban-slot{width:100%;height:auto;aspect-ratio:1}}@media (max-width: 520px){.home-stage h1{font-size:clamp(24px,8vw,42px)}}@media (min-width: 2200px){.topbar{height:72px;padding-inline:max(28px,calc((100vw - 1920px)/2))}.wordmark{min-height:56px;gap:13px}.wordmark img{width:32px;height:32px}.wordmark span{font-size:var(--text-heading)}.wordmark small{padding-left:13px;font-size:var(--text-body)}.nav-link{gap:9px;padding-inline:24px;font-size:var(--text-lead)}.nav-link svg{width:19px}.eyebrow{margin-bottom:10px;font-size:var(--text-lead)}.challenge-patch-label,.challenge-side-label{min-height:28px;padding:5px 10px;font-size:var(--text-small)}.retro-button{min-height:54px;gap:10px;padding-inline:22px;font-size:var(--text-lead)}.retro-button svg{width:20px}.page-state{font-size:var(--text-lead)}.home-stage{padding:36px}.home-stage__content{width:min(1140px,100%);padding:68px}.home-stage h1{padding-bottom:36px;font-size:96px}.home-stage__actions{gap:14px;margin-top:0}.site-gate__panel{width:min(540px,100%);grid-template-columns:52px 1fr;gap:22px;padding:44px}.site-gate__panel>svg{width:40px}.site-gate__panel h1{font-size:36px}.site-gate__panel label{font-size:var(--text-body)}.site-gate__panel input{height:54px;padding-inline:16px;font-size:var(--text-lead)}.form-error{font-size:var(--text-body)}.champions-page{padding:58px 32px 96px}.page-heading,.role-tabs,.champion-filters,.patch-updates,.champion-board-layout{max-width:1920px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:64px}.page-heading__tools{gap:12px}.patch-picker{min-height:54px;grid-template-columns:auto minmax(164px,1fr);font-size:var(--text-body)}.patch-picker__label{padding-inline:14px}.patch-picker__trigger{min-width:164px;grid-template-columns:1fr auto 18px;gap:9px;padding-inline:13px;font-size:var(--text-lead)}.patch-picker__trigger small,.patch-picker__option small{font-size:var(--text-label)}.patch-picker__trigger svg{width:17px}.patch-picker__menu{width:max(100%,240px);max-height:340px;padding:6px}.patch-picker__option{min-height:44px;padding-inline:11px;font-size:var(--text-body)}.search-box{min-height:54px;gap:10px;padding-inline:15px}.search-box svg{width:20px}.search-box input{font-size:var(--text-lead)}.role-tab{min-height:54px;gap:9px;padding-inline:18px;font-size:var(--text-body)}.role-tab img{width:20px;height:20px}.champion-filters{grid-template-columns:minmax(650px,1fr) auto auto;gap:12px;margin-bottom:24px}.pick-filter{min-height:54px;grid-template-columns:auto 150px 52px;gap:11px;padding-inline:15px;font-size:var(--text-small)}.pick-filter input{width:150px}.pick-filter strong,.champion-count{font-size:var(--text-body)}.champion-count{min-height:54px;padding-inline:18px}.champion-board-layout{grid-template-columns:minmax(0,1fr) 600px;gap:24px}.tier-list{padding:10px}.tier-row{min-height:214px;grid-template-columns:92px 1fr}.tier-mark{font-size:48px}.tier-champions{--tier-portrait-size: 128px;gap:9px;padding:14px}.tier-champion{padding:3px}.tier-champion__metrics{padding:4px 5px 6px;gap:2px}.tier-champion__metrics small{font-size:var(--text-label);line-height:1.4}.champion-detail{top:94px;padding:24px}.champion-detail__hero{grid-template-columns:96px 1fr;gap:17px;padding-bottom:21px}.champion-detail__hero>img{width:96px;height:96px}.champion-detail h2{font-size:32px}.champion-metrics span{padding:16px 8px}.champion-metrics small{font-size:var(--text-label)}.champion-metrics strong{margin-top:6px;font-size:var(--text-lead)}.strength-history{padding-top:22px}.strength-history header{font-size:var(--text-body)}.history-value,.history-patch{font-size:var(--text-label)}.connection-sections{gap:0 18px}.connection-list{padding-top:22px}.connection-list h3{font-size:var(--text-body)}.connection-row{grid-template-columns:32px minmax(0,1fr) auto;min-height:44px;gap:9px}.connection-row img{width:32px;height:32px}.connection-row span{font-size:var(--text-body)}.connection-row small{font-size:var(--text-label)}.connection-row strong{font-size:var(--text-body)}.arcade-page,.review-page{padding:36px 30px 96px}.arcade-page__inner,.review-page__inner{max-width:1920px}.challenge-scout{gap:20px}.challenge-brief--scout{min-height:122px;padding:30px 38px}.challenge-brief--scout h1{font-size:56px}.challenge-brief__meta{font-size:var(--text-body)}.challenge-brief__meta svg{width:17px}.pool-versus{gap:18px;margin-bottom:18px}.custom-pools{max-width:1920px}.pool-board__header{min-height:64px;padding-inline:18px}.pool-board__header>div:first-child{gap:12px}.pool-board__header h2{font-size:var(--text-title-sm)}.pool-board__header small{font-size:var(--text-body)}.pool-roles{padding:9px 13px 13px}.pool-role{grid-template-columns:64px minmax(0,1fr);min-height:72px}.pool-role--with-player{grid-template-columns:160px minmax(0,1fr)}.pool-role__identity{padding-right:8px}.daily-player{grid-template-columns:64px minmax(0,1fr);gap:9px;padding:6px}.daily-player__portrait-frame,.daily-player__portrait{width:64px;height:64px}.daily-player small{gap:5px;font-size:var(--text-label)}.daily-player small img{width:16px;height:16px}.daily-player strong{font-size:var(--text-body)}.pool-role__entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px}.custom-pools .pool-role__entries{grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr))}.pool-entry{height:66px;grid-template-columns:64px minmax(48px,1fr) 82px 58px}.pool-entry--editable{grid-template-columns:64px minmax(0,1fr) max-content max-content 28px}.pool-entry--scouting{height:66px;grid-template-columns:64px minmax(48px,1fr) 112px}.pool-entry>img,.pool-entry--scouting>img{width:64px;height:64px}.pool-entry__name{padding-inline:8px;font-size:var(--text-body)}.pool-entry__strength,.pool-entry__modifier{padding-right:7px;font-size:var(--text-small)}.custom-pools .pool-entry__strength{font-size:var(--text-small)}.custom-pools .pool-entry__remove svg{width:15px}.pool-entry__scouting-metric{gap:5px}.pool-entry__scouting-metric:before{font-size:var(--text-label)}.pool-entry__scouting-metric{font-size:var(--text-body)}.pool-board--compact .pool-entry{height:34px;grid-template-columns:32px 1fr 56px 44px}.pool-board--compact .pool-entry--scouting{grid-template-columns:32px minmax(36px,1fr) minmax(88px,104px)}.pool-board--compact .pool-entry>img{width:32px;height:32px}.pool-board--compact .pool-role{min-height:38px}.pool-board--compact .pool-entry__name{font-size:var(--text-small)}.pool-board--compact .pool-entry__strength,.pool-board--compact .pool-entry__modifier{font-size:var(--text-label)}.challenge-scout__launch{min-height:74px;padding-inline:20px;font-size:var(--text-small)}.arena-backdrop--live.arcade-page{padding:64px 56px 110px}.arena-backdrop--live .arcade-page__inner,.arena-backdrop--live .draft-console{max-width:1800px}.draft-console__header{min-height:76px;padding-inline:24px}.draft-phase span{font-size:var(--text-body)}.draft-phase strong{font-size:var(--text-title)}.sound-toggle{gap:8px;padding:10px 12px;font-size:var(--text-body)}.pick-clock{width:170px}.pick-clock strong{font-size:36px}.ban-rail{min-height:96px;-moz-column-gap:60px;column-gap:60px;padding:14px 26px}.ban-group>span{width:92px;font-size:var(--text-small)}.ban-slot{width:66px;height:66px}.draft-stage{grid-template-columns:300px minmax(0,1fr) 300px;min-height:720px}.pick-column{padding:16px}.pick-column h3{margin-bottom:13px;font-size:var(--text-body)}.pick-slot{height:104px;margin-bottom:8px}.pick-slot>img{width:96px;height:96px}.pick-slot>div{padding:11px}.pick-slot strong{max-width:150px;font-size:var(--text-lead)}.pick-slot span{font-size:var(--text-label)}.champion-select{padding:18px}.champion-grid{--draft-portrait-size: 96px;gap:7px}.champion-grid button span{padding:7px 3px 2px;font-size:var(--text-small)}.champion-grid button small{font-size:var(--text-label)}.champion-grid .champion-option__score{font-size:var(--text-small)}.champion-option__role-icon{width:16px;height:16px}.draft-pool-browser{padding:20px 24px 24px}.draft-pool-browser:before{left:24px;width:180px}.draft-pool-browser__header{gap:20px;margin-bottom:14px}.draft-pool-browser__sides{grid-template-columns:repeat(2,minmax(164px,1fr))}.draft-pool-browser__sides button{min-height:46px;gap:8px;padding-inline:14px;font-size:var(--text-body)}.draft-pool-browser__sides button i{width:8px;height:8px}.draft-pool-browser__players{gap:8px;margin-bottom:12px}.draft-pool-player{min-height:76px;grid-template-columns:72px minmax(0,1fr);gap:8px;padding:5px}.draft-pool-player__portrait,.draft-pool-player__portrait>img{width:64px;height:64px}.draft-pool-player__portrait>b{font-size:var(--text-body)}.draft-pool-player small{gap:6px;font-size:var(--text-small)}.draft-pool-player small img{width:16px;height:16px}.draft-pool-player strong{font-size:var(--text-lead)}.draft-pool-browser__champions{--draft-pool-portrait-size: 96px;gap:8px}.draft-pool-champion__identity small{font-size:var(--text-label)}.draft-pool-browser__empty{min-height:88px;font-size:var(--text-body)}.review-hero h1{font-size:96px}.review-hero__score>small{font-size:var(--text-small)}.review-hero__stats span{font-size:var(--text-title-sm)}.review-hero__stats small{font-size:var(--text-small)}.review-move__number{font-size:var(--text-label)}.review-grid{gap:18px}.move-review,.leaderboard{padding:24px}.move-review h2,.leaderboard h2{font-size:var(--text-lead)}.move-phase h3{font-size:var(--text-small)}.review-move-row{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);min-height:68px}.review-move{height:66px;grid-template-columns:64px minmax(0,1fr) auto}.review-move img{width:64px;height:64px}.review-move>div strong{font-size:var(--text-lead)}.review-move>div small,.review-move__verdict{font-size:var(--text-label)}.leaderboard__columns,.leader-row{font-size:var(--text-label)}.leaderboard{--leaderboard-draft-min: calc(386px + 6rem) }.leaderboard__rows:has(.leader-row){grid-template-rows:repeat(18,minmax(58px,1fr))}.leader-row>strong,.leader-row>span,.leader-row>b{font-size:var(--text-body)}.leader-row__you-marker{font-size:var(--text-label)}.final-draft-preview{grid-template-columns:max-content 24px max-content;gap:6px}.final-draft-preview__team{grid-template-columns:48px repeat(5,32px);gap:3px}.final-draft-preview__team--opponent{grid-template-columns:repeat(5,32px) 48px}.final-draft-preview__team>strong,.final-draft-preview__team>span:before,.final-draft-preview__versus{font-size:var(--text-label)}.final-draft-preview__team img{width:32px;height:32px}.draft-feedback{max-width:1920px;padding:26px}.draft-feedback__header h2{font-size:42px}.draft-feedback__model,.draft-feedback__scores small,.composition-metric__label,.optimal-rollout h3,.resolved-team h3,.draft-feedback__legend{font-size:var(--text-label)}.composition-metric__values{font-size:var(--text-body)}.composition-metric__team-value small{font-size:var(--text-caption)}.composition-help__tooltip{width:300px;font-size:var(--text-small)}.composition-help__tooltip b{font-size:var(--text-body)}.feedback-champion{grid-template-rows:96px auto}.feedback-champion__portrait{width:100%;height:96px}.feedback-champion__name strong{font-size:var(--text-body)}.feedback-champion__name small{font-size:var(--text-label)}.champion-tooltip{width:380px;font-size:var(--text-body)}.champion-tooltip>header strong{font-size:var(--text-lead)}.champion-tooltip>header span,.champion-tooltip dt,.tooltip-relations>strong{font-size:var(--text-label)}.champion-tooltip dd,.tooltip-relations span{font-size:var(--text-body)}}.pick-filter{font-size:var(--text-caption)}.pick-filter strong,.champion-count{font-size:var(--text-label)}.tier-champion__metrics small{font-size:var(--text-caption);line-height:1.4}.champion-metrics small{font-size:var(--text-caption)}.champion-metrics strong{font-size:var(--text-body)}.strength-history header{font-size:var(--text-label)}.strength-history header small,.history-value,.history-patch{font-size:var(--text-caption)}.connection-list h3,.connection-row span{font-size:var(--text-small)}.connection-row small{font-size:var(--text-caption)}.connection-row strong{font-size:var(--text-body)}.pool-role__label,.pool-role__empty{font-size:var(--text-caption)}.pool-entry__name{font-size:var(--text-small)}.pool-entry__strength,.pool-entry__modifier{font-size:var(--text-label)}.pool-entry__scouting-metric,.pool-board--compact .pool-entry__name{font-size:var(--text-label)}.pool-board--compact .pool-entry__strength,.pool-board--compact .pool-entry__modifier,.pool-add__heading small,.pool-add__grid button small{font-size:var(--text-caption)}.pick-clock small,.ban-group>span,.pick-slot span{font-size:var(--text-caption)}.champion-grid button span{font-size:var(--text-label)}.champion-grid button small{font-size:var(--text-caption)}.review-hero__score>small,.review-hero__stats small{font-size:var(--text-label)}.review-move>div small,.review-move__verdict,.leaderboard__columns{font-size:var(--text-caption)}.leader-row>b{font-size:var(--text-label)}.final-draft-preview__team>strong,.final-draft-preview__team>span:before,.final-draft-preview__versus{font-size:var(--text-caption)}.draft-feedback__model,.draft-feedback__scores small{font-size:var(--text-label)}.draft-feedback__scores strong{font-size:var(--text-title-sm)}.composition-metric__label{font-size:var(--text-caption)}.composition-metric__values{font-size:var(--text-small)}.composition-metric__team-value small{font-size:var(--text-caption)}.optimal-rollout h3,.resolved-team h3{font-size:var(--text-label)}.optimal-rollout small,.feedback-champion__role{font-size:var(--text-caption)}.feedback-champion__name strong{font-size:var(--text-small)}.feedback-champion__name small{font-size:var(--text-caption)}.champion-tooltip>header span,.champion-tooltip dt,.tooltip-relations>strong,.draft-feedback__legend{font-size:var(--text-caption)}.champion-tooltip dd{font-size:var(--text-small)}.tooltip-relations span,.top-k-control{font-size:var(--text-label)}.top-k-control small{font-size:var(--text-caption)}.ranked-options__context>span,.ranked-option__identity small,.ranked-option__probability small,.ranked-options__metric small{font-size:var(--text-caption)}.ranked-option__probability strong,.ranked-options__metric strong{font-size:var(--text-body)}.ranked-rollout__step b,.ranked-rollout__step small{font-size:var(--text-caption)}.engine-breakdown small{font-size:var(--text-label)}.engine-options>div>strong,.engine-options b{font-size:var(--text-small)}@media (max-width: 760px){.tier-champion__metrics small{font-size:var(--text-caption)}.pool-entry__scouting-metric:before{font-size:var(--text-caption)}.pool-entry__scouting-metric,.champion-grid button small{font-size:var(--text-caption)}.final-draft-preview__team>strong,.final-draft-preview__team>span:before,.final-draft-preview__versus{font-size:var(--text-caption)}.resolved-team{padding:10px}.resolved-team__champions{gap:5px}.feedback-champion{grid-template-columns:42px 64px minmax(0,1fr);grid-template-rows:64px;min-height:64px}.feedback-champion__role{grid-column:1;grid-row:1}.feedback-champion__portrait{grid-column:2;grid-row:1;width:64px;height:64px;align-self:center;justify-self:start}.feedback-champion__name{grid-column:3;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:9px 11px;border-top:0;border-left:1px solid #28354c}}@container leaderboard (max-width: 28.75rem){.leader-row{gap:5px 8px;padding-block:9px 10px}.leader-row>.final-draft-preview{grid-template-columns:1fr;gap:5px}.final-draft-preview__team,.final-draft-preview__team--opponent{width:-moz-max-content;width:max-content;grid-template-columns:repeat(5,32px);grid-template-rows:auto 32px;justify-self:center;justify-content:center;align-items:center;gap:4px 2px}.final-draft-preview__team>strong,.final-draft-preview__team--opponent>strong{grid-column:1 / -1;grid-row:1;justify-self:start;text-align:left}.final-draft-preview__team>span{grid-row:2}.final-draft-preview__team>span:before{display:none}.final-draft-preview__versus{width:168px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-self:center;gap:6px;padding:1px 0}.final-draft-preview__versus:before,.final-draft-preview__versus:after{content:"";border-top:1px solid #28354c}}@media (min-width: 2200px){.pick-filter,.pick-filter strong,.champion-count,.tier-champion__metrics small,.champion-metrics small{font-size:var(--text-body)}.champion-metrics strong{font-size:var(--text-title-sm)}.strength-history header,.history-value,.history-patch{font-size:var(--text-body)}.strength-history header small{font-size:var(--text-small)}.connection-list h3{font-size:var(--text-lead)}.connection-row span{font-size:var(--text-body)}.connection-row small{font-size:var(--text-small)}.connection-row strong{font-size:var(--text-lead)}.pool-role__label,.pool-role__empty{font-size:var(--text-small)}.pool-entry__name{font-size:var(--text-lead)}.pool-entry__strength,.pool-entry__modifier{font-size:var(--text-body)}.pool-entry__scouting-metric:before{font-size:var(--text-small)}.pool-entry__scouting-metric{font-size:var(--text-lead)}.pool-board--compact .pool-entry__name{font-size:var(--text-body)}.pool-board--compact .pool-entry__strength,.pool-board--compact .pool-entry__modifier{font-size:var(--text-small)}.pick-clock small,.ban-group>span,.pick-slot span{font-size:var(--text-body)}.champion-grid button span{font-size:var(--text-body)}.champion-grid button small{font-size:var(--text-small)}.review-hero__score>small,.review-hero__stats small{font-size:var(--text-body)}.review-hero__stats span{font-size:var(--text-title)}.review-move>div small,.review-move__verdict,.leaderboard__columns{font-size:var(--text-small)}.leader-row>strong,.leader-row>span,.leader-row>b{font-size:var(--text-body)}.final-draft-preview__team>strong,.final-draft-preview__team>span:before,.final-draft-preview__versus{font-size:var(--text-small)}.draft-feedback__model,.draft-feedback__scores small,.composition-metric__label,.optimal-rollout h3,.resolved-team h3,.draft-feedback__legend{font-size:var(--text-body)}.draft-feedback__scores strong{font-size:var(--text-heading-sm)}.composition-metric__values{font-size:var(--text-lead)}.composition-metric__team-value small{font-size:var(--text-label)}.feedback-champion__name strong{font-size:var(--text-body)}.feedback-champion__name small{font-size:var(--text-small)}.champion-tooltip>header span,.champion-tooltip dt,.tooltip-relations>strong{font-size:var(--text-small)}.champion-tooltip dd,.tooltip-relations span{font-size:var(--text-body)}}.champion-pair{padding:16px 0;border-bottom:1px solid #33405a}.champion-pair h3{margin:0 0 12px;color:var(--gold-bright);font:700 var(--text-body) monospace}.champion-picker{position:relative;min-width:0;font:var(--text-body)/1.4 monospace}.champion-picker__label{display:block;margin-bottom:6px;color:#a1aec4;font-size:var(--text-label)}.champion-picker__trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 10px;border:1px solid #33405a;background:#101a2b;color:#e5eaf3;text-align:left}.champion-picker__trigger:hover,.champion-picker__trigger[aria-expanded=true]{border-color:var(--gold)}.champion-picker__trigger>img,.champion-picker__option>img{flex:0 0 32px;width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border:1px solid #46516a}.champion-picker__trigger>span,.champion-picker__option>span{flex:1;min-width:0;overflow-wrap:anywhere}.champion-picker__placeholder{width:32px;height:24px;flex-shrink:0;color:#8994ab}.champion-picker__chevron{width:16px;height:16px;flex-shrink:0;color:#a1aec4}.champion-picker__trigger[aria-expanded=true] .champion-picker__chevron{transform:rotate(180deg);color:var(--gold-bright)}.champion-picker__menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;border:1px solid #59617a;background:#0b1221;box-shadow:0 16px 32px #0009}.champion-picker__search{display:flex;align-items:center;gap:9px;padding:10px;border-bottom:1px solid #33405a;background:#111c2e}.champion-picker__search>svg{width:17px;height:17px;flex-shrink:0;color:var(--gold-bright)}.champion-picker__search>input{width:100%;min-width:0;padding:5px 3px;border:0;background:transparent;color:#edf1ff;font-size:var(--text-body)}.champion-picker__search>input::-moz-placeholder{color:#8994ab}.champion-picker__search>input::placeholder{color:#8994ab}.champion-picker__list{max-height:min(18rem,40dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#59617a #0b1221}.champion-picker__option{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 10px;border:0;border-left:3px solid transparent;background:transparent;color:#e5eaf3;text-align:left}.champion-picker__option[data-active=true]{border-left-color:var(--gold);background:#1a2940}.champion-picker__option[aria-selected=true]{color:var(--gold-bright)}.champion-picker__option>svg{width:17px;height:17px;flex-shrink:0;color:var(--gold-bright)}.champion-picker__empty{margin:0;padding:22px 12px;color:#a1aec4;font-size:var(--text-small);text-align:center}.champion-picker__clear{width:100%;min-height:40px;padding:8px 12px;border:0;border-top:1px solid #33405a;background:#111c2e;color:#a1aec4;font-size:var(--text-caption);text-align:left;letter-spacing:.06em}.champion-picker__clear:hover{background:#1a2940;color:var(--gold-bright)}.champion-pair__roles{display:flex;gap:4px;margin-top:10px}.champion-pair__roles .role-tab{flex:1;min-width:0;padding:8px 2px;flex-direction:column;gap:4px;font-size:var(--text-label)}.champion-pair__roles .role-tab img{width:20px;height:20px}.champion-pair__summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0 12px;color:#edf1ff;font:700 var(--text-lead)/1.4 monospace;letter-spacing:.04em;text-transform:uppercase}.champion-pair__champion{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.champion-pair__champion small{padding:2px 5px;border:1px solid #46516a;background:#111c2e;color:#a1aec4;font:700 var(--text-caption)/1.2 monospace;letter-spacing:.06em}.champion-pair__separator{color:var(--gold-bright);font-size:var(--text-title)}.champion-pair__help{margin:10px 0 0;color:#a1aec4;font:var(--text-small)/1.5 monospace}.champion-pair__retry{padding:3px 8px;border:1px solid var(--gold);background:#111c2e;color:var(--gold-bright);font:700 var(--text-small)/1.5 monospace}.champion-pair select:focus-visible,.champion-pair button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.tier-champion img{align-self:center}.champion-metrics small{white-space:normal;line-height:1.4}.pool-board__header{padding-block:10px;gap:10px;flex-wrap:wrap}.pool-board__header>div:first-child{flex-wrap:wrap}.pool-entry--scouting,.pool-board--compact .pool-entry--scouting{--pool-portrait-size: 64px;height:auto;min-height:0;grid-template-columns:var(--pool-portrait-size) minmax(0,1fr) max-content;grid-template-rows:minmax(var(--pool-portrait-size),auto)}.pool-entry--scouting>img,.pool-board--compact .pool-entry--scouting>img{width:var(--pool-portrait-size);height:var(--pool-portrait-size)}.pool-entry--scouting .pool-entry__name{white-space:nowrap;text-overflow:ellipsis;padding:8px 4px}.pool-entry__scouting-metrics{grid-column:3;grid-template-columns:auto;grid-template-rows:repeat(2,1fr);border-left:1px solid #26334b;padding:4px 6px}.pool-entry__scouting-metric{grid-template-columns:1fr auto;align-items:center;justify-items:start;gap:6px}.pool-entry__scouting-metric+.pool-entry__scouting-metric{border-left:0;border-top:1px solid #202c42}.pool-entry__scouting-metric:before{font-size:var(--text-caption)}.pool-board:has(.pool-entry--scouting) .pool-role__entries{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}.pool-versus--scout .pool-entry--scouting{--pool-portrait-size: 48px}.pool-versus--scout .pool-roles{display:grid;gap:12px}.pool-versus--scout .pool-role{padding-block:8px;border-bottom-color:#2a3650}@media (min-width: 2200px){.pool-entry--scouting,.pool-board--compact .pool-entry--scouting{--pool-portrait-size: 96px}.pool-versus--scout .pool-entry--scouting{--pool-portrait-size: 48px}.pool-versus--scout .pool-entry__name,.pool-versus--scout .pool-entry__scouting-metric{font-size:var(--text-body)}.pool-board:has(.pool-entry--scouting) .pool-role__entries{grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}}.game-instructions__copy>p:last-of-type{font-size:var(--text-small);line-height:1.65}.search-box input,.player-name input,.site-gate__panel input{font-size:var(--text-body)}@media (max-width: 760px){.champion-grid button span{white-space:normal;overflow-wrap:anywhere}.pick-filter{grid-template-columns:minmax(0,1fr) 80px 3.5rem}.pick-filter input{width:80px}.pool-role--with-player{grid-template-columns:minmax(0,1fr)}.pool-role__identity{padding:6px 4px 0}.pool-role__identity .daily-player{width:auto;min-width:110px}.pool-role__entries{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr))}.pool-versus--scout .pool-role__entries{grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr))}}@media (max-width: 380px){.challenge-scout__launch{flex-direction:column;align-items:stretch}.challenge-scout__launch-actions,.challenge-scout__launch-actions .retro-button{width:100%}}.composition-strip--expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.composition-strip--expanded>div{border-bottom:1px solid #222e43}.composition-strip--expanded>div:nth-child(3n){border-right:0}.composition-strip--expanded>div:nth-last-child(-n+3){border-bottom:0}.composition-strip--expanded>div:last-child{grid-column:auto}@container (max-width: 240px){.composition-metric__team-values{flex-direction:column;align-items:flex-start}.composition-metric__divider{display:none}}@media (max-width: 700px){.composition-strip--expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.composition-strip--expanded>div:nth-child(odd){border-right:1px solid #222e43}.composition-strip--expanded>div:nth-child(2n){border-right:0}.composition-strip--expanded>div:nth-last-child(3){border-bottom:1px solid #222e43}.composition-strip--expanded>div:nth-last-child(-n+2){border-bottom:0}}