@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,700&family=DM+Sans:wght@400;500;600&display=swap";:root{color-scheme:dark;font-family:DM Sans,sans-serif;color:#eef1ed;background:#050808;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#050808}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e6b85c;outline-offset:3px}.app-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 25% 20%,rgba(89,98,71,.08),transparent 28%),#050808;position:relative}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.ambient{position:absolute;width:650px;height:650px;border-radius:50%;filter:blur(130px);opacity:.09;pointer-events:none}.ambient-one{background:#d49a4c;top:900px;right:-400px}.ambient-two{background:#588b85;top:1650px;left:-500px}.site-header{height:82px;position:absolute;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.2vw;border-bottom:1px solid rgba(255,255,255,.11)}.brand{display:flex;align-items:center;gap:12px;width:max-content}.brand-mark{width:36px;height:36px}.brand-mark path:first-child{fill:none;stroke:#e2b660;stroke-width:1.3}.brand-mark path:last-child{fill:none;stroke:#f3ead7;stroke-width:1.7}.brand strong{display:block;font-family:Barlow Condensed;font-size:17px;letter-spacing:.13em;line-height:1}.brand strong span{color:#c99746;font-weight:500;margin:0 3px}.brand small{display:block;color:#7f8985;text-transform:uppercase;font-size:8px;letter-spacing:.22em;margin-top:5px}.site-header nav{display:flex;align-self:stretch;gap:36px}.site-header nav button,.site-header nav a{display:flex;align-items:center;gap:6px;border:0;padding:0 2px;background:none;color:#8d9692;cursor:pointer;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.15em;position:relative}.site-header nav button:after,.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:#dbae55;transition:right .3s ease}.site-header nav button:hover,.site-header nav button.nav-active,.site-header nav a:hover{color:#f4f0e5}.site-header nav button.nav-active:after{right:0}.site-header nav button span{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:20px;color:#070909;background:#d8ae59;font-size:9px;font-weight:800;margin-left:5px}.site-header nav a i{padding:2px 4px;color:#ff765f;border:1px solid rgba(255,118,95,.45);font-style:normal;font-size:6px}.header-meta{justify-self:end;display:flex;align-items:center;gap:8px;color:#a7afab;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.header-meta b{color:#070909;background:#d7ad58;border-radius:2px;padding:4px 6px;margin-left:8px;font-size:8px}.meta-divider{width:1px;height:15px;margin:0 6px;background:#ffffff2e}.live-dot{width:6px;height:6px;border-radius:50%;background:#81c49b;box-shadow:0 0 0 5px #81c49b1a,0 0 16px #81c49b;animation:pulse 2.4s ease infinite}.sync-dot{display:inline-block;flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#81c49b;box-shadow:0 0 0 4px #81c49b14}.sync-dot.loading,.sync-dot.saving{background:#d9ae5b;box-shadow:0 0 0 4px #d9ae5b14;animation:pulse 1s ease infinite}.sync-dot.offline{background:#c76161;box-shadow:0 0 0 4px #c7616114}.menu-button{display:none}.hero{min-height:540px;height:540px;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(440px,1.1fr) minmax(390px,.9fr);align-items:center;gap:clamp(50px,8vw,130px);padding:116px 7.5vw 48px;overflow:hidden;border-bottom:1px solid #222825;background:radial-gradient(circle at 77% 45%,rgba(218,176,91,.1),transparent 25%),linear-gradient(115deg,#070b0a,#050808 58%,#0a0d0c)}.hero:before{content:"";position:absolute;z-index:-2;width:560px;height:560px;right:4vw;top:14px;border:1px solid rgba(220,179,95,.1);border-radius:50%;box-shadow:0 0 0 75px #dcb35f05,0 0 0 150px #dcb35f03}.hero:after{content:"RIFT // BAN";position:absolute;z-index:-2;right:-18px;bottom:-35px;color:#ffffff06;font:800 145px/.8 Barlow Condensed;letter-spacing:-.04em;white-space:nowrap}.hero-grid{position:absolute;z-index:-1;top:82px;right:0;bottom:0;left:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:78px 78px;-webkit-mask-image:linear-gradient(90deg,black,transparent 85%);mask-image:linear-gradient(90deg,black,transparent 85%)}.hero-copy{width:auto;padding:0;animation:copyIn .7s .1s both}.eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:28px}.eyebrow span,.kicker{color:#d9ae5b;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:600}.eyebrow span{display:flex;align-items:center;gap:8px}.eyebrow i{width:64px;height:1px;background:linear-gradient(90deg,#a8803d,transparent)}.hero h1{margin:0;font:700 clamp(56px,5.2vw,82px)/.8 "Barlow Condensed",sans-serif;letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance}.hero h1 em{color:transparent;-webkit-text-stroke:1px rgba(236,239,232,.76);font-style:italic}.hero-copy>p{color:#8c9691;max-width:510px;font-size:12px;line-height:1.75;margin:20px 0 24px}.hero-stats{width:min(470px,100%);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a302e;border-bottom:1px solid #2a302e}.hero-stats>div{min-width:0;padding:12px 17px;border-right:1px solid #2a302e}.hero-stats>div:first-child{padding-left:0}.hero-stats>div:last-child{border-right:0}.hero-stats strong{display:block;color:#e0b45d;font:600 24px/1 Barlow Condensed;text-transform:uppercase}.hero-stats strong.status-offline{color:#c76161}.hero-stats span{display:block;margin-top:5px;color:#5f6864;text-transform:uppercase;letter-spacing:.13em;font-size:7px}.draft-panel{position:relative;width:100%;max-width:530px;justify-self:end;padding:20px;border:1px solid rgba(255,255,255,.13);background:#060a09b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:featureIn .65s .2s both}.draft-panel:before{content:"";position:absolute;left:-1px;top:-1px;width:62px;height:2px;background:#d8ae59}.draft-panel-head,.draft-panel-foot{display:flex;align-items:center;justify-content:space-between}.draft-panel-head>div{display:grid;gap:4px}.draft-panel-head span,.draft-panel-foot>span{color:#68716d;text-transform:uppercase;letter-spacing:.14em;font-size:7px}.draft-panel-head strong{color:#dfe4df;font:600 20px Barlow Condensed;text-transform:uppercase}.ban-slots{display:flex;gap:7px;margin:18px 0 13px;padding-bottom:5px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#6d5932 transparent;touch-action:pan-x pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.ban-slots.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.ban-slots::-webkit-scrollbar{height:3px}.ban-slots::-webkit-scrollbar-track{background:transparent}.ban-slots::-webkit-scrollbar-thumb{background:#6d5932}.ban-slot{position:relative;flex:0 0 calc((100% - 28px)/5);min-width:0;height:106px;overflow:hidden;scroll-snap-align:start;border:1px solid #2e3532;background-color:#0b100e;color:#d9ded9}button.ban-slot{padding:0;cursor:pointer;background-size:cover;background-position:66% center;filter:saturate(.72);transition:filter .25s,transform .25s,border-color .25s}button.ban-slot:hover{filter:saturate(1);transform:translateY(-3px);border-color:var(--slot-color)}.ban-slot.filled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(5,8,7,.96),transparent 62%)}.ban-slot span{position:absolute;z-index:2;left:8px;right:8px;bottom:8px;overflow:hidden;color:#cdd3ce;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font:600 10px Barlow Condensed;letter-spacing:.04em;text-align:left}.ban-slot.empty{display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.015),transparent)}.ban-slot.empty i{width:19px;height:19px;opacity:.35;background:linear-gradient(45deg,transparent 47%,#7f8984 48%,#7f8984 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#7f8984 48%,#7f8984 52%,transparent 53%)}.ban-slot.empty span{color:#4c5551;text-align:center;font-size:7px}.draft-panel-foot{padding-top:13px;border-top:1px solid #272e2b}.draft-panel-foot button{display:flex;align-items:center;gap:9px;border:0;background:none;color:#d6ad5a;cursor:pointer;padding:0;text-transform:uppercase;letter-spacing:.12em;font-size:8px}.draft-panel-foot button:hover{color:#f0cc7b}.board-section{position:relative;max-width:1440px;margin:0 auto;padding:80px 5vw 155px}.section-intro{display:grid;grid-template-columns:minmax(400px,1fr) 360px;align-items:end;gap:60px;padding-bottom:45px;border-bottom:1px solid #242a28}.section-intro>div{position:relative;padding-left:45px}.section-index{position:absolute;left:0;top:4px;color:#4e5753;font:600 11px Barlow Condensed}.section-index:after{content:"";display:block;width:1px;height:35px;background:#474f4b;margin:8px auto 0}.kicker{margin:0 0 8px}.section-intro h2,.manifesto h2{margin:0;font:700 clamp(48px,5vw,74px)/.9 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.025em}.section-intro>p{color:#78817d;margin:0;font-size:12px;line-height:1.75}.toolbar{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:40px}.toolbar-end{display:flex;align-items:center;gap:28px}.result-count{color:#626b67;text-transform:uppercase;letter-spacing:.12em;font-size:8px;white-space:nowrap}.result-count strong{color:#d9ae5b;font:600 18px Barlow Condensed;margin-right:5px}.role-filter{display:flex;gap:4px;flex-wrap:wrap}.role-filter button{border:0;background:transparent;color:#69716e;cursor:pointer;padding:10px 15px;text-transform:uppercase;letter-spacing:.13em;font-size:9px;transition:color .2s,background .2s}.role-filter button:hover{color:#dce0db}.role-filter button.active{color:#090b0a;background:#d5ac5a}.search-field{display:flex;align-items:center;gap:10px;width:230px;color:#5c6662;border-bottom:1px solid #353c39;padding:11px 0;transition:border-color .2s}.search-field:focus-within{color:#d6ad5a;border-color:#d6ad5a}.search-field input{width:100%;color:#d9ddda;background:none;border:0;outline:0;font-size:11px}.search-field input::placeholder{color:#555e5a}.search-field button{border:0;background:none;padding:0;display:grid;color:#77807c;cursor:pointer}.champion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.champion-card{min-width:0;border:1px solid #202623;background:#0b0f0e;cursor:pointer;position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s;animation:cardIn .7s both}.champion-card:nth-child(2){animation-delay:.05s}.champion-card:nth-child(3){animation-delay:.1s}.champion-card:nth-child(4){animation-delay:.15s}.champion-card:nth-child(5){animation-delay:.2s}.champion-card:nth-child(6){animation-delay:.25s}.champion-card:hover,.champion-card.selected{border-color:color-mix(in srgb,var(--champion-color),#5c625f 48%);transform:translateY(-5px)}.champion-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;opacity:0;pointer-events:none;background:linear-gradient(150deg,transparent 60%,color-mix(in srgb,var(--champion-color),transparent 86%));transition:opacity .35s}.champion-card:hover:after,.champion-card.selected:after{opacity:1}.card-image{height:210px;background-size:cover;background-position:68% 18%;position:relative;overflow:hidden;filter:saturate(.75);transition:filter .35s}.champion-card:hover .card-image{filter:saturate(1)}.card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0b0f0e 0%,transparent 44%),linear-gradient(90deg,rgba(5,8,8,.3),transparent 65%)}.card-rank{position:absolute;z-index:1;top:15px;left:15px;font:600 13px Barlow Condensed;color:#fffc}.card-rank:after{content:"";width:25px;height:1px;display:inline-block;vertical-align:middle;background:var(--champion-color);margin-left:8px}.card-score{position:absolute;z-index:1;bottom:9px;right:15px;text-align:right}.card-score span{display:block;color:#6e7773;font-size:6px;letter-spacing:.18em}.card-score strong{font:600 28px Barlow Condensed}.card-content{position:relative;padding:8px 20px 20px}.card-meta{display:flex;align-items:center;gap:7px;color:#6c7571;text-transform:uppercase;letter-spacing:.12em;font-size:7px}.card-meta i{width:2px;height:2px;background:var(--champion-color);transform:rotate(45deg)}.card-content h3{margin:8px 0 10px;font:700 35px/.9 Barlow Condensed;text-transform:uppercase}.card-content>p{color:#77807c;font-size:10px;line-height:1.65;margin:0;min-height:49px;max-width:92%}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:14px;border-top:1px solid #222725}.card-footer>span{color:#949c98;text-transform:uppercase;letter-spacing:.1em;font-size:7px}.card-footer button{position:relative;z-index:2;border:1px solid #333a37;background:#111614;color:#929b97;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.card-footer button:hover{color:#0b0e0d;background:#e0b65f;border-color:#e0b65f}.card-footer button.saved{color:#0b0e0d;background:#d7ad59;border-color:#d7ad59}.card-footer button:disabled,.preview-ban-button:disabled{opacity:.45;cursor:wait}.empty-state{display:grid;justify-items:center;padding:100px 20px;border:1px solid #202623;color:#626b67;text-align:center}.empty-state h3{color:#d9ddda;margin:18px 0 5px;font:600 28px Barlow Condensed;text-transform:uppercase}.empty-state p{font-size:11px}.empty-state button{margin-top:18px;color:#dcb25c;border:0;border-bottom:1px solid #715d36;background:none;cursor:pointer;padding:8px 0;text-transform:uppercase;letter-spacing:.12em;font-size:8px}.load-more-wrap{display:grid;place-items:center;padding-top:46px}.load-more{min-width:270px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 22px;padding:16px 18px;border:1px solid #665533;background:#d7ad580d;color:#dcb35f;cursor:pointer;text-align:left;text-transform:uppercase;letter-spacing:.12em;font-size:9px;transition:color .2s,border-color .2s,background .2s,transform .2s}.load-more span{grid-column:1;color:#626b67;font-size:7px}.load-more svg{grid-column:2;grid-row:1 / 3}.load-more:hover{color:#090b0a;border-color:#e0b65f;background:#e0b65f;transform:translateY(-2px)}.load-more:hover span{color:#61502d}.preview-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:40px;background:#010303d6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:backdropIn .25s ease both}.champion-preview{--preview-color: #d7ad58;position:relative;width:min(1160px,92vw);height:min(680px,86vh);min-height:560px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);overflow:hidden;border:1px solid rgba(255,255,255,.17);background:#080c0b;box-shadow:0 35px 100px #000000a6;animation:previewIn .45s cubic-bezier(.18,.75,.2,1) both}.champion-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;box-shadow:inset 0 0 100px #00000040}.preview-close{position:absolute;z-index:4;top:18px;right:18px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);background:#040707b8;color:#e8ece7;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,background .2s,transform .2s}.preview-close:hover{color:#090b0a;background:#dcb35f;transform:rotate(4deg)}.preview-art{position:relative;z-index:1;min-width:0;background-size:cover;background-position:center;animation:artDrift 12s ease-in-out infinite alternate}.preview-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 45%,#080c0b 100%),linear-gradient(0deg,rgba(3,5,5,.55),transparent 45%)}.preview-art:before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--preview-color),transparent 74%)}.preview-index{position:absolute;z-index:3;left:25px;bottom:22px;color:#f2e7d1;font:700 18px Barlow Condensed;letter-spacing:.08em}.preview-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:80px 48px 50px 25px}.preview-content:before{content:"";position:absolute;width:360px;height:360px;right:-180px;top:-150px;border-radius:50%;background:var(--preview-color);opacity:.1;filter:blur(80px)}.preview-content .kicker{margin:0 0 11px}.preview-content h2{max-width:100%;margin:0;font:700 clamp(52px,6vw,88px)/.78 "Barlow Condensed";letter-spacing:-.04em;text-transform:uppercase;overflow-wrap:break-word}.preview-title{color:#79827e;font-size:11px;margin-top:13px;text-transform:capitalize}.preview-reason{color:#a2aaa6;font-size:12px;line-height:1.8;margin:32px 0}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0;border-top:1px solid #29302d;border-bottom:1px solid #29302d}.preview-stats div{min-width:0;padding:0 12px;border-right:1px solid #29302d}.preview-stats div:first-child{padding-left:0}.preview-stats div:last-child{border-right:0}.preview-stats span{display:block;color:#59615e;text-transform:uppercase;letter-spacing:.13em;font-size:7px}.preview-stats strong{display:block;margin-top:4px;color:#dce1dc;font:600 21px Barlow Condensed;text-transform:uppercase;white-space:nowrap}.preview-ban-button{min-height:50px;margin-top:25px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #765f34;background:#d7ad580f;color:#deb662;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.preview-ban-button:hover,.preview-ban-button.saved{color:#080b0a;border-color:#dcb35f;background:#dcb35f}.preview-content small{display:flex;align-items:center;gap:8px;color:#59615e;margin-top:15px;font-size:8px;line-height:1.4}.manifesto{min-height:620px;position:relative;overflow:hidden;border-top:1px solid #202522;border-bottom:1px solid #202522;background:linear-gradient(140deg,#090d0c,#050807);display:grid;align-items:center}.manifesto:before{content:"";position:absolute;width:550px;height:550px;border:1px solid rgba(218,176,91,.12);border-radius:50%;left:13%;top:6%;box-shadow:0 0 100px #dab05b0a,inset 0 0 90px #dab05b08}.manifesto-lines{position:absolute;transform:rotate(-8deg) scale(1.1);left:-4%;right:-4%;top:35%;display:grid;opacity:.035;font:800 120px/.8 Barlow Condensed;white-space:nowrap}.manifesto-lines span:nth-child(2){transform:translate(-10%)}.manifesto-content{max-width:1250px;width:90%;margin:0 auto;position:relative;display:grid;grid-template-columns:45px 1fr 350px;align-items:center;gap:35px}.manifesto-content .section-index{position:relative;top:auto}.manifesto h2 em{color:#d5ac59;font-style:italic}.manifesto-content>p{color:#747e79;font-size:12px;line-height:1.9;margin:0;padding-left:35px;border-left:1px solid #343a37}footer{min-height:160px;padding:50px 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#535c58}footer p{text-transform:uppercase;letter-spacing:.15em;font-size:8px}footer>span{justify-self:end;max-width:330px;font-size:8px;line-height:1.6;text-align:right}.mayhem-monitor{--danger: #ff4e3d;width:100vw;height:100vh;min-height:600px;overflow:hidden;display:grid;grid-template-rows:84px 1fr 48px;position:relative;isolation:isolate;color:#f6f2eb;background:radial-gradient(circle at 50% 45%,#201311 0,#0b0b0a 52%,#050606)}.mayhem-monitor:before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;opacity:.13;background:repeating-linear-gradient(115deg,transparent 0 75px,rgba(255,255,255,.08) 76px,transparent 77px)}.mayhem-monitor:after{content:"MAYHEM";position:absolute;z-index:-1;right:-1.5vw;bottom:-5vh;color:#ffffff06;font:800 min(26vw,380px)/.7 "Barlow Condensed";letter-spacing:-.07em}.mayhem-noise{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.mayhem-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.2vw;border-bottom:1px solid rgba(255,255,255,.12);background:#050606ad}.mayhem-header>a{color:inherit;text-decoration:none}.mayhem-nav{align-self:stretch;display:flex;align-items:stretch;gap:36px}.mayhem-nav a{display:flex;align-items:center;gap:6px;position:relative;padding:0 2px;color:#8d9692;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.15em}.mayhem-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:#dbae55;transition:right .3s ease}.mayhem-nav a:hover,.mayhem-nav a.nav-active{color:#f4f0e5}.mayhem-nav a:hover:after,.mayhem-nav a.nav-active:after{right:0}.mayhem-nav a>span{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:20px;color:#070909;background:#d8ae59;font-size:9px;font-weight:800}.mayhem-nav a>i{padding:2px 4px;color:#ff765f;border:1px solid rgba(255,118,95,.45);font-style:normal;font-size:6px}.mayhem-live{justify-self:end;display:flex;align-items:center;gap:11px;text-align:right}.mayhem-live>span{width:9px;height:9px;border:2px solid #70d79c;border-radius:50%;box-shadow:0 0 16px #70d79ca6}.mayhem-live.loading>span{border-color:#dbae55}.mayhem-live.offline>span{border-color:var(--danger);box-shadow:0 0 16px #ff4e3da6}.mayhem-live strong,.mayhem-live small{display:block}.mayhem-live strong{max-width:290px;color:#dce4de;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.mayhem-live small{margin-top:3px;color:#626966;font:600 8px DM Sans;letter-spacing:.14em}.mayhem-stage{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:2.4vh;padding:3.2vh 3.2vw 2.4vh}.mayhem-title-row{display:flex;align-items:end;justify-content:space-between;gap:35px}.mayhem-title-row p{margin:0 0 4px;color:var(--danger);font:600 9px DM Sans;text-transform:uppercase;letter-spacing:.28em}.mayhem-title-row h1{margin:0;font:800 clamp(48px,6.2vw,104px)/.76 "Barlow Condensed";letter-spacing:-.035em}.mayhem-rule{display:grid;grid-template-columns:auto auto 1px auto auto;align-items:center;gap:9px;padding-bottom:2px;color:#68706c;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.mayhem-rule strong{color:#dddcd5;font-size:10px}.mayhem-rule i{width:1px;height:24px;margin:0 9px;background:#343936}.mayhem-grid{min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,22vw),1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(8px,1vw,17px)}.mayhem-grid.compact{grid-template-columns:repeat(6,1fr);gap:9px}.mayhem-grid.dense{grid-template-columns:repeat(9,1fr);gap:6px}.mayhem-card{--champion-color: #d7ad58;min-width:0;min-height:0;position:relative;overflow:hidden;border:1px solid rgba(255,78,61,.52);background:#130c0b;box-shadow:inset 0 0 40px #ff301e0f,0 12px 30px #0003}.mayhem-card:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#090504fa 0,#09050426 55%,#09050414),linear-gradient(135deg,rgba(255,50,30,.08),transparent)}.mayhem-card:after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:0;height:4px;background:var(--danger);box-shadow:0 0 18px var(--danger)}.mayhem-art{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center 18%;background-size:cover;filter:saturate(.55) contrast(1.08)}.mayhem-card-copy{position:absolute;z-index:4;left:clamp(10px,1vw,20px);right:10px;bottom:clamp(10px,1.5vh,22px)}.mayhem-card-copy span{display:block;margin-bottom:2px;color:var(--danger);font:700 clamp(6px,.55vw,9px) "DM Sans";letter-spacing:.24em}.mayhem-card-copy h2{margin:0;overflow-wrap:anywhere;font:800 clamp(22px,3vw,57px)/.78 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.025em}.mayhem-card>svg{position:absolute;z-index:3;width:min(42%,105px);top:8%;right:7%;fill:#1204031f;stroke:#ff5442c7;stroke-width:8}.mayhem-grid.compact .mayhem-card-copy h2{font-size:clamp(19px,2vw,35px)}.mayhem-grid.dense .mayhem-card-copy h2{font-size:clamp(14px,1.45vw,25px)}.mayhem-grid.dense .mayhem-card-copy{left:8px;bottom:9px}.mayhem-clear{display:grid;place-content:center;justify-items:center;min-height:0;border:1px solid rgba(105,219,153,.28);background:radial-gradient(circle,rgba(105,219,153,.1),transparent 55%);color:#78dda3}.mayhem-clear svg{padding:18px;margin-bottom:16px;border:1px solid rgba(105,219,153,.4);border-radius:50%}.mayhem-clear strong{color:#ebf5ef;font:700 clamp(34px,4vw,64px) "Barlow Condensed";text-transform:uppercase}.mayhem-clear span{margin-top:6px;color:#83928a;font-size:11px;text-transform:uppercase;letter-spacing:.18em}.mayhem-footer{min-height:0;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);background:#050606b3;color:#656c68;font-size:8px;text-transform:uppercase;letter-spacing:.16em}.mayhem-footer span{max-width:none;text-align:left}.mayhem-footer b{margin-right:6px;color:var(--danger);font-size:14px}.mayhem-monitor.is-offline{--danger: #ff735f}@keyframes heroReveal{0%{opacity:.7;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes copyIn{0%{opacity:1;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes featureIn{0%{opacity:1;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes cardIn{0%{opacity:1;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes previewIn{0%{opacity:.4;transform:translateY(25px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes artDrift{0%{background-position:47% center}to{background-position:54% center}}@media(max-width:1050px){.hero{grid-template-columns:minmax(380px,1fr) minmax(350px,.8fr);gap:38px;padding-left:4vw;padding-right:4vw}.hero-copy{width:auto}.hero h1{font-size:clamp(54px,7vw,72px)}.draft-panel{padding:16px}.ban-slot{height:94px}.champion-grid{grid-template-columns:repeat(2,1fr)}.manifesto-content{grid-template-columns:40px 1fr 300px}}@media(max-width:760px){.site-header{height:68px;grid-template-columns:1fr auto;padding:0 20px}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;height:auto;background:#050808f7;padding:25px 20px;border-bottom:1px solid #303633;flex-direction:column;gap:5px}.site-header nav.nav-open{display:flex}.site-header nav button,.site-header nav a{min-height:44px;text-align:left;padding:15px 0}.site-header nav button:after,.site-header nav a:after{display:none}.header-meta{display:none}.menu-button{display:grid;width:38px;height:38px;align-content:center;gap:7px;border:1px solid rgba(255,255,255,.15);background:#00000026;padding:9px}.menu-button span{display:block;height:1px;background:#e3e7e2}.menu-button span:last-child{width:65%;justify-self:end}.hero{height:auto;min-height:0;padding:96px 20px 28px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:22px}.hero:before{width:370px;height:370px;right:-160px;top:80px}.hero:after{right:-60px;bottom:-12px;font-size:82px}.hero-copy{width:100%;padding:0}.eyebrow{margin-bottom:18px}.hero h1{font-size:clamp(48px,14vw,62px);line-height:.82}.hero-copy>p{max-width:94%;margin:16px 0 18px;font-size:11px;line-height:1.65}.hero-stats>div{padding:10px 12px}.hero-stats strong{font-size:20px}.draft-panel{max-width:none;justify-self:auto;padding:14px}.draft-panel-head strong{font-size:17px}.ban-slots{gap:5px;margin:10px 0 8px}.ban-slot{flex-basis:72px;height:62px}.ban-slot span{left:5px;right:5px;bottom:6px;font-size:8px}.draft-panel-foot{padding-top:9px}.board-section{padding:65px 16px 100px}.section-intro{grid-template-columns:1fr;gap:20px}.section-intro>div{padding-left:38px}.section-intro>p{padding-left:38px}.toolbar{padding:18px 0 22px;flex-direction:column;align-items:stretch;gap:15px}.toolbar-end{flex-direction:column-reverse;align-items:stretch;gap:10px}.result-count{align-self:flex-end}.role-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.role-filter button{flex:0 0 auto}.search-field{width:100%}.champion-grid{grid-template-columns:1fr}.card-image{height:235px}.preview-backdrop{padding:0;align-items:end}.champion-preview{width:100%;height:92svh;min-height:0;grid-template-columns:1fr;grid-template-rows:44% 56%;border-width:1px 0 0}.preview-close{top:14px;right:14px}.preview-art:after{background:linear-gradient(0deg,#080c0b 0%,transparent 45%),linear-gradient(90deg,rgba(3,5,5,.1),transparent)}.preview-content{justify-content:flex-start;padding:4px 22px 28px;overflow-y:auto}.preview-content h2{font-size:clamp(48px,17vw,72px)}.preview-title{margin-top:7px}.preview-reason{margin:19px 0}.preview-ban-button{margin-top:18px}.preview-index{left:20px;bottom:25px}.manifesto{min-height:580px}.manifesto-content{grid-template-columns:35px 1fr;gap:18px}.manifesto-content>p{grid-column:2;padding:25px 0 0;border-left:0;border-top:1px solid #343a37}.manifesto-lines{font-size:70px}footer{padding:45px 20px;grid-template-columns:1fr;gap:22px}footer>span{justify-self:start;text-align:left}}@media(max-width:760px),(max-height:650px){.mayhem-monitor{min-height:480px;grid-template-rows:64px 1fr 36px}.mayhem-header{grid-template-columns:1fr auto}.mayhem-header .brand small,.mayhem-nav{display:none}.mayhem-stage{padding-top:2.5vh;gap:1.8vh}.mayhem-title-row h1{font-size:clamp(40px,8vw,62px)}.mayhem-rule{font-size:7px}.mayhem-rule strong{font-size:8px}.mayhem-footer span:nth-child(2){display:none}}@media(max-width:760px){.mayhem-monitor{width:100%;height:100svh;min-height:480px;overflow:hidden;grid-template-rows:56px 1fr 32px}.mayhem-header{padding:0 10px}.mayhem-header .brand{gap:8px}.mayhem-header .brand-mark{width:30px;height:30px}.mayhem-header .brand strong{font-size:14px}.mayhem-live{gap:7px}.mayhem-live>span{width:7px;height:7px}.mayhem-live strong{max-width:125px;font-size:7px}.mayhem-live small{font-size:7px}.mayhem-stage{display:grid;grid-template-rows:auto 1fr;gap:8px;padding:12px 10px 8px}.mayhem-title-row{align-items:end;gap:12px}.mayhem-title-row p{margin-bottom:2px;font-size:7px}.mayhem-title-row h1{font-size:clamp(34px,10vw,44px)}.mayhem-rule{display:none}.mayhem-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:5px;min-height:0}.mayhem-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mayhem-grid.dense{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.mayhem-card-copy,.mayhem-grid.dense .mayhem-card-copy{left:6px;right:4px;bottom:7px}.mayhem-card-copy span{margin-bottom:1px;font-size:5px;letter-spacing:.14em}.mayhem-card-copy h2{overflow-wrap:normal;word-break:normal;text-wrap:balance;font-size:clamp(16px,5vw,21px);line-height:.82}.mayhem-grid.compact .mayhem-card-copy h2{font-size:clamp(14px,4.4vw,18px)}.mayhem-grid.dense .mayhem-card-copy h2{font-size:clamp(9px,2.7vw,12px)}.mayhem-grid.dense .mayhem-card-copy span{display:none}.mayhem-card>svg{width:min(32%,44px);top:5%;right:5%}.mayhem-clear{min-height:0}.mayhem-footer{min-height:0;padding:0 10px}.mayhem-footer b{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}