@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--spacing: .25rem;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-lg: .5rem;--font-display: "Barlow Condensed", "Arial Narrow", sans-serif}}@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.m-0{margin:0}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.min-w-0{min-width:0px}.flex-1{flex:1}.list-none{list-style-type:none}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[10px\]{gap:10px}.gap-\[22px\]{gap:22px}.overflow-hidden{overflow:hidden}.rounded-\[6px\]{border-radius:6px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--line\)\]{border-color:var(--line)}.bg-\[\#15191d\]{background-color:#15191d}.p-0{padding:0}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-\[18px\]{padding-block:18px}.text-\[12px\]{font-size:12px}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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,)}}app-root{display:block}:root{color-scheme:dark;--bg: #101315;--panel: #171c20;--line: #2a3034;--gold: #d9bd83;--text: #f4f3ed;--muted: #9a9fa5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.25}a,button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{transition:background .15s,border-color .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.18)}.header{height:88px;border-bottom:1px solid var(--line);max-width:1440px;margin:auto;padding:0 5%}.brand{display:flex;align-items:center;gap:5px;font-weight:700;font-size:19px;letter-spacing:2px;text-decoration:none}.brand-light{font-weight:400;color:#bcc2c4}main{max-width:1440px;margin:auto;padding:0 5%}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--gold)}h1{font-family:Barlow Condensed,Arial Narrow,sans-serif;text-transform:uppercase;font-size:76px;line-height:.95;letter-spacing:.2px;margin:20px 0 16px;font-weight:700}h1 em{font-style:normal;color:var(--gold)}.list-section{padding-top:35px}.muted{color:#8e9499;font-size:9px}h2{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:34px;font-weight:600;margin:6px 0 0;letter-spacing:.3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border:1px solid var(--line);padding:12px 18px;font-size:12px;min-height:42px}.secondary{background:#171b1e;color:#e0e2e2}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:25px 0 22px;padding-bottom:15px;border-bottom:1px solid var(--line);gap:15px}nav{display:flex;gap:5px;flex-wrap:wrap}.filter{display:flex;align-items:center;gap:calc(var(--spacing) * 2);border-radius:4px;border:1px solid transparent;background:transparent;color:#939ba2;padding:9px 15px;font-size:11px}.filter.active{border-color:#484237;background:#28261f;color:var(--gold)}.filter .role-icon{width:15px;height:15px}.list-status{font-size:10px;color:#9da2a7;white-space:nowrap}.list-status span{margin:0 8px;color:#4c5155}.board{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.role-head{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 15px;background:#1a1f23}.role-head small{font-size:9px;color:#7c858e;letter-spacing:1px}.role-head .role-icon{color:var(--role-color)}.champion-row{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid #272d31;min-height:71px}.rank{font-family:Barlow Condensed,sans-serif;font-size:18px;color:#707a84;min-width:14px}.champion-row img{width:37px;height:37px;border-radius:5px;border:1px solid #3b4349;object-fit:cover}.row-info strong{font-size:12px;font-weight:600;display:block;overflow-wrap:anywhere}.row-info small{font-size:9px;color:#808b96;display:block;margin-top:4px}footer{max-width:1440px;padding:23px 5% 27px;margin:auto;display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);color:#717b84;font-size:9px}footer p{flex:1;line-height:1.6}.footer-brand{font-size:10px;letter-spacing:2px;color:#bcb9ad;text-decoration:none}input{width:100%;padding:13px 15px;background:#11171a;border:1px solid #414b52;border-radius:5px;color:#f5f5ef;margin-bottom:20px}.board.single-role{grid-template-columns:minmax(220px,340px);justify-content:center}@media(min-width:1441px){h1{font-size:86px}}@media(max-width:1050px){main{padding:0 4%}.header{padding:0 4%}.board{gap:9px}.role-head{padding:0 10px}.role-head small{display:none}.champion-row{gap:6px;padding:11px 8px}.champion-row img{width:29px;height:29px}.row-info strong{font-size:11px}.filter{padding:8px 10px}}@media(max-width:760px){.header{height:72px}.brand{font-size:16px}h1{font-size:67px}h2{font-size:30px}.button{padding:10px 13px;font-size:11px}.filter-row{align-items:flex-start;flex-direction:column;gap:14px}.filter{padding:9px 11px}.list-status{align-self:flex-end}.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.role-head small{display:block}.champion-row{padding:11px 13px;gap:10px}.champion-row img{width:36px;height:36px}.row-info strong{font-size:12px}.role-head{padding:0 14px}footer{flex-wrap:wrap;gap:12px}footer p{flex-basis:70%;margin:0}}@media(max-width:390px){.board{gap:9px}.champion-row{padding:10px 8px;gap:6px}.champion-row img{width:30px;height:30px}.button{padding:9px 10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}html{scroll-behavior:smooth;scroll-padding-top:24px}.header{height:auto;min-height:90px;padding-top:15px;padding-bottom:15px;gap:24px}.brand{gap:13px;font-size:23px;letter-spacing:1.5px;flex-shrink:0}.brand-light{color:var(--gold)}.brand-logo{width:47px;height:44px;object-fit:contain}.brand small{display:block;font-size:7px;letter-spacing:1.7px;color:#969e9f;font-weight:500;margin-top:5px}.site-nav{display:flex;gap:30px;margin-left:auto;margin-right:20px}.site-nav a{font-size:12px;color:#a4acb1;text-decoration:none;padding:12px 0}.site-nav a:hover{color:var(--gold)}.button{text-decoration:none}.twitch-button{background:#23202d;border-color:#4c405e;color:#ded0fa;white-space:nowrap}.twitch-button svg{width:18px;height:18px}h1{font-size:72px;margin:17px 0 15px}.filter-row{margin:24px 0 18px}.list-status{font-size:9px;letter-spacing:.6px}.role-head{border-bottom:1px solid #32383c}.role-head small{font-size:8px;color:#87929b}.champion-row{min-height:77px;padding:16px 12px;gap:11px}.champion-row:first-child{border-top:0}.rank{font-size:19px;color:#7e8992;min-width:17px}.first-pick .rank{color:var(--gold)}.champion-row img{width:39px;height:39px}.row-info small{color:#929da7;margin-top:5px}.board.single-role{grid-template-columns:minmax(230px,360px)}.text-link{color:#c8c4b8;font-size:11px;text-decoration:none}.stream-section{padding-top:42px;margin-top:32px;border-top:1px solid var(--line)}.stream-layout{grid-template-columns:minmax(0,1fr) 300px;margin-top:22px}.stream-player{position:relative;min-width:0;aspect-ratio:16/9;min-height:300px;border:1px solid #35363c;border-radius:7px;overflow:hidden;background:linear-gradient(135deg,#1b2225,#171420)}.stream-player iframe{width:100%;height:100%;min-height:300px;border:0;display:block}.player-help{font-size:10px;color:#89959e;margin:12px 0 0;line-height:1.7}.player-help a{color:#c1c6c7}.community{margin:45px 0;padding:30px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:center}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.social-links a{display:block;position:relative;border:1px solid #30373a;background:#161c1f;border-radius:5px;padding:18px;text-decoration:none}.social-links a:hover{border-color:#6e634c}.social-links span{font-size:12px}.social-links small{display:block;font-size:9px;color:#8e9aa2;margin-top:7px}.social-links b{position:absolute;right:13px;top:17px;font-weight:400;color:var(--gold)}.footer-brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:1.5px;color:#d5d4cd}.footer-brand img{width:34px;height:27px;object-fit:contain}@media(min-width:1441px){h1{font-size:80px}.champion-row{min-height:85px;padding:18px 16px}.champion-row img{width:44px;height:44px}}@media(max-width:1100px){.site-nav{gap:20px;margin-right:0}.header{gap:15px}.board{gap:9px}.role-head{padding:0 10px}.role-head small{display:none}.champion-row{gap:7px;padding:16px 8px}.champion-row img{width:32px;height:32px}.row-info strong{font-size:11px}.filter{padding:8px 10px}.stream-layout{grid-template-columns:minmax(0,1fr) 240px}.community{grid-template-columns:220px minmax(0,1fr)}.social-links a{padding:18px 12px}}@media(max-width:850px){.header{flex-wrap:wrap;padding-top:13px;padding-bottom:0}.brand{font-size:22px}.site-nav{order:3;width:100%;justify-content:center;border-top:1px solid #232a2e;gap:40px}.header>.twitch-button{margin-left:auto}.stream-layout{grid-template-columns:1fr}.community{grid-template-columns:1fr;gap:22px}}@media(max-width:760px){.header{height:auto}h1{font-size:65px}.champion-row{padding:14px 13px;gap:10px}.champion-row img{width:38px;height:38px}.row-info strong{font-size:12px}.role-head small{display:block}.stream-section{padding-top:30px;margin-top:30px}.stream-layout{margin-top:18px}.social-links{gap:9px}.social-links small{font-size:8px}.brand small{font-size:6px}.brand-logo{width:39px}footer>.text-link{margin-left:auto}}@media(max-width:450px){.board{gap:9px}.champion-row{padding:14px 9px;gap:7px}.champion-row img{width:32px;height:32px}.row-info strong{font-size:11px}.role-head{padding:0 10px}.social-links{grid-template-columns:1fr}.social-links a{padding:17px}.social-links small{font-size:10px}.brand{font-size:20px}.twitch-button{padding:9px 10px}.stream-player{min-height:275px;aspect-ratio:auto}.section-top>.text-link{font-size:9px}}.list-title{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:34px;line-height:1.2;font-weight:600;letter-spacing:.3px;text-transform:none;margin:6px 0 0}.champion-item+.champion-item{border-top:1px solid #272d31}a.champion-row{border-top:0;text-decoration:none;transition:background .15s}a.champion-row:hover{background:#22292d}a.champion-row:hover .row-info strong{color:var(--gold)}a.champion-row:focus-visible{outline-offset:-3px;background:#22292d}@media(max-width:760px){.list-title{font-size:30px}}.stream-layout{grid-template-columns:minmax(0,1fr)}.stream-player{min-height:300px;overflow:auto}.stream-player iframe{min-width:400px;min-height:300px}.site-nav a[aria-current=page]{color:var(--gold);box-shadow:inset 0 -2px var(--gold)}.sponsors-page{min-height:calc(100vh - 200px);padding-top:44px;padding-bottom:60px}.sponsors-heading{margin-bottom:30px}.sponsors-heading .list-title{font-size:42px}.sponsors-heading p{font-size:11px;color:#8e999f;margin:10px 0 0}.sponsor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sponsor-card{display:block;min-width:0px;overflow:hidden;border-radius:var(--radius-lg);text-decoration-line:none;border:1px solid #333a3e;background:#191f22;transition:transform .2s,border-color .2s}.sponsor-card:hover{transform:translateY(-4px);border-color:var(--gold)}.sponsor-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.sponsor-caption strong{font-size:14px;font-weight:600}.sponsor-caption>span{color:var(--gold);font-size:20px}@media(max-width:1100px){.site-nav{gap:16px}.site-nav a{font-size:11px}.sponsor-grid{gap:16px}}@media(max-width:760px){.sponsors-page{padding-top:30px}.sponsor-grid{grid-template-columns:1fr;max-width:440px;margin:auto}.sponsors-heading .list-title{font-size:34px}.site-nav{column-gap:22px;row-gap:0}.sponsors-heading{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.sponsor-card{transition:none}.sponsor-card:hover{transform:none}}.youtube-section{padding-top:38px;margin-top:32px;border-top:1px solid var(--line)}.youtube-layout{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);margin-top:22px;align-items:start}.youtube-feature{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--panel)}.youtube-player{aspect-ratio:16/9;background:#090c0e;position:relative}.youtube-player iframe{display:block;width:100%;height:100%;border:0}.youtube-cover{display:block;width:100%;height:100%;border:0;padding:0;background:#090c0e;position:relative;text-align:left;overflow:hidden}.youtube-cover img{display:block;width:100%;height:100%;object-fit:cover}.youtube-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%)}.youtube-cover:focus-visible{outline-offset:-4px}.youtube-badge{position:absolute;top:16px;left:16px;padding:7px 10px;border:1px solid #d9bd8360;background:#101315e8;border-radius:3px;font-size:9px;letter-spacing:1.4px;color:var(--gold);z-index:1}.youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;background:var(--gold);color:#171c20;border-radius:50%;box-shadow:0 4px 30px #0008;z-index:1}.youtube-play svg{width:30px;height:30px;margin-left:2px}.youtube-watch{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.3px;z-index:1}.youtube-feature-caption{padding:19px 21px 21px}.youtube-section time{display:block;color:#929da7;font-size:10px;letter-spacing:.3px}.youtube-feature-caption h3{font-family:var(--font-display);font-size:27px;line-height:1.12;font-weight:600;margin:9px 0 13px}.youtube-feature-caption h3 a{text-decoration:none}.youtube-feature-caption h3 a:hover{color:var(--gold)}.youtube-previous>.eyebrow{padding:2px 0 14px}.youtube-list{padding:0;margin:0;list-style:none;display:grid;gap:14px}.youtube-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:14px;text-decoration:none;padding:12px;border:1px solid var(--line);background:var(--panel);border-radius:6px;transition:border-color .15s,background .15s}.youtube-card:hover{border-color:#76694e;background:#1c2226}.youtube-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#0b0e10}.youtube-thumb img{display:block;width:100%;height:100%;object-fit:cover}.youtube-thumb>span{position:absolute;bottom:5px;right:6px;background:#101315cf;border-radius:3px;padding:4px 6px;font-size:9px;color:var(--gold)}.youtube-card-copy{min-width:0}.youtube-card h3{font-size:12px;line-height:1.45;font-weight:600;margin:7px 0 9px;overflow-wrap:anywhere}.youtube-card-link{font-size:9px;color:var(--gold)}@media(max-width:1100px){.youtube-layout{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}.youtube-card{padding:10px;gap:10px}.youtube-card h3{font-size:11px}}@media(max-width:850px){.youtube-layout{grid-template-columns:1fr}.youtube-card{grid-template-columns:150px minmax(0,1fr)}.youtube-card h3{font-size:13px}.youtube-feature-caption h3{font-size:26px}}@media(max-width:450px){.youtube-section{padding-top:30px}.youtube-card{grid-template-columns:112px minmax(0,1fr)}.youtube-card h3{font-size:11px}.youtube-feature-caption{padding:16px}.youtube-feature-caption h3{font-size:23px}.youtube-play{width:50px;height:50px}.youtube-badge{top:10px;left:10px;font-size:8px}}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}