:root{--lime:#e5e8c4;--muted:#c3c7bd;--line:#ffffff26}html{background:#141b18}body{max-width:1240px;margin:45px auto;padding:0 0 0 155px;position:relative;background:linear-gradient(115deg,#181d19db,#171b17ba);border:1px solid #ffffff50;border-radius:30px;box-shadow:0 30px 100px #0009;backdrop-filter:blur(25px);color:#f7f6ee}body::before{content:'';position:fixed;inset:-100px;z-index:-2;background:radial-gradient(ellipse at 18% 25%,#5669629c,transparent 45%),radial-gradient(ellipse at 80% 72%,#866b4090,transparent 45%),repeating-linear-gradient(90deg,#0000 0 78px,#ffffff05 79px 82px),linear-gradient(140deg,#203330,#373e2e 48%,#736144);pointer-events:none}body::after{content:'';position:absolute;inset:0 auto 0 0;width:140px;border-right:1px solid #ffffff1c;border-radius:30px 0 0 30px;background:linear-gradient(170deg,#e1dab610,#ffffff03);pointer-events:none}.rail{position:fixed;left:max(18px,calc((100vw - 1240px)/2 - 64px));top:190px;width:49px;border:1px solid #ffffff60;border-radius:25px;display:flex;flex-direction:column;gap:15px;align-items:center;padding:18px 5px;background:#18201999;backdrop-filter:blur(15px);z-index:5}.rail a,.rail button{display:grid;place-items:center;width:34px;height:34px;color:#eee;font-size:22px;border-radius:50%;background:transparent;padding:0;font-weight:400}.rail a:hover{background:#ffffff22}.rail button{border-top:1px solid #ffffff35;border-radius:0;font-size:24px}header{padding:24px 27px 22px;max-width:none;border:0;gap:14px}.brand{font-size:24px;color:#e6e2b8}.brand span{font-size:12px}.brand small{font-size:8px}nav{gap:8px;background:#ffffff08;padding:5px;border-radius:30px}nav a{padding:9px 13px;border-radius:25px;font-size:11px}nav a:first-child{background:#ffffff20}header>button{padding:10px 14px;font-size:11px;background:#ffffff14;color:white;border:1px solid #ffffff40;border-radius:30px}main{padding:0 27px;max-width:none}.hero{position:relative;display:block;min-height:365px;padding:45px 35px;overflow:hidden;border-radius:24px;background:linear-gradient(90deg,#180f05ee,#20110699 52%,#26150910),url('arena-art.svg') center/cover;border:1px solid #e5cb8c55;margin:5px 0 20px;box-shadow:inset 0 -80px 70px -40px #070b05}.hero>div:first-child{position:relative;z-index:2;max-width:470px}.eyebrow{color:#eee5c7;font-size:9px;letter-spacing:1.8px}h1{font-family:Inter,Arial,sans-serif;font-size:49px;line-height:1.05;letter-spacing:-2px;margin:25px 0 18px;font-weight:700}em{color:#eae2b3}.intro{font-size:12px;line-height:1.7;color:#e5dfce;max-width:380px}.actions{margin-top:23px;font-size:11px;gap:18px}button{background:#faf9f0;border-radius:25px;padding:11px 17px;font-size:12px;color:#181b12}.note{font-size:10px;color:#d1c4a9}.arena{position:absolute;right:24px;bottom:25px;width:220px;height:auto;background:#151b1799;border:1px solid #ffffff30;border-radius:18px;transform:none;padding:18px;backdrop-filter:blur(16px)}.arena-label,.crosshair,.arena p{display:none}.arena strong{font-size:43px;line-height:1}.arena i{font-size:19px;color:#e5dab4}.arena-footer{position:static;display:flex;gap:15px;font-size:8px;margin-top:12px;color:#e5dfca}.stats{border:1px solid #ffffff25;border-radius:18px;background:#ffffff07;padding:15px 0;gap:0}.stats b{font-size:26px;color:#f4edd9}.stats div{padding-left:18px}.stats span{font-size:9px}section:not(.hero):not(.stats){padding:32px 0}.section-title{margin-bottom:17px}h2{font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.7px}.section-title .eyebrow{font-size:8px}.section-title span{font-size:9px}.cards{gap:15px}.card{position:relative;border-radius:18px;border:1px solid #ffffff26;background:linear-gradient(145deg,#ffffff10,#ffffff04);overflow:hidden;padding:20px;box-shadow:0 9px 30px #0002}.card h3{font-family:Inter,Arial,sans-serif;font-size:19px;font-weight:600;margin:18px 0 10px;letter-spacing:-.5px}.card p{font-size:10px;line-height:1.8;color:#d1d2c6}.badge{border:1px solid #ffffff30;color:#f0ead4;background:#10160e55;border-radius:20px;font-size:8px;letter-spacing:.8px;padding:6px 9px}.card .number{color:#ffffff70;font-family:'Barlow Condensed',sans-serif;font-size:24px}.card button{font-size:10px;width:auto;background:#ffffff16;color:white;border:1px solid #ffffff30;padding:9px 14px}.outline{border:1px solid #ffffff40;border-radius:25px;background:#ffffff0b;color:#f6f4e9;padding:10px 14px;font-size:10px}#eventCards .card{min-height:235px;padding-top:100px;background:linear-gradient(0deg,#142019 25%,#11242055),url('arena-art.svg') 25% 35%/650px}#eventCards .card:nth-child(2){background:linear-gradient(0deg,#182127 25%,#13212944),url('arena-art.svg') 70% 40%/600px;filter:hue-rotate(30deg)}#eventCards .card:nth-child(3){background:linear-gradient(0deg,#221e16 25%,#231b1144),url('arena-art.svg') 90% 40%/600px}#eventCards .badge{position:absolute;top:15px;left:15px}#eventCards .number{position:absolute;top:14px;right:15px}#eventCards h3{margin-top:16px}.empty{background:#ffffff06;border-color:#ffffff30;border-radius:17px;font-size:11px}.muted{font-size:10px}.team-badge{background:#e7debb;border-radius:12px;clip-path:none;width:43px;height:43px;font-size:17px}.match{border-radius:15px;background:#ffffff08;border-color:#ffffff28;padding:18px}.match small{color:#e8dfbf;font-size:8px}.match h3{color:#b9c0b2;font-size:11px;font-weight:400}.competitor{font-size:12px;padding:12px 0}.podium strong{color:#e8d79e;font-family:'Barlow Condensed',sans-serif}.rules{gap:35px;grid-template-columns:.7fr 1.3fr}.rules p{font-size:11px}.rules li{font-size:11px;border-color:#ffffff20}.rules b{font-size:12px}.callout{gap:20px}.callout h2{line-height:1.5}footer{padding:25px 27px;max-width:none;font-size:12px}footer p{font-size:9px}dialog{border-radius:24px;background:#20271ff5;border:1px solid #ffffff50;box-shadow:0 30px 100px #0009}dialog h2{font-size:25px}input,textarea{border-radius:12px;border-color:#ffffff30;background:#ffffff08}#toast{background:#eee9cf;color:#182014;border-radius:20px}
@media(min-width:1000px){body::after{background:linear-gradient(0deg,#111a1688,#111a1699),url('arena-art.svg') 42% center/auto 900px}.brand{position:absolute;left:20px;top:36px;display:block;font-size:28px}.brand span{display:block;margin-top:9px;line-height:1.6;font-size:10px}.brand small{font-size:7px}header{justify-content:space-between}.hero{margin-top:0}}
@media(max-width:1350px){body{margin:28px 70px 28px 80px}.rail{left:17px}}@media(max-width:1000px){body{padding-left:0;margin:20px 20px 20px 72px;border-radius:24px}body::after{display:none}.brand{font-size:22px}.hero{min-height:340px}.hero>div:first-child{max-width:360px}.arena{width:165px;right:15px;bottom:15px;padding:13px}.arena strong{font-size:36px}.arena-footer{flex-direction:column;gap:4px}}@media(max-width:800px){body{margin:12px 12px 75px;padding:0;border-radius:22px}.rail{top:auto;bottom:12px;left:50%;transform:translateX(-50%);flex-direction:row;width:auto;gap:14px;border-radius:30px;padding:8px 14px;background:#151e16ed}.rail button{border:0}header{padding:18px;gap:8px}.brand{font-size:23px}.brand span{font-size:10px}header>button{font-size:9px;padding:10px}main{padding:0 15px}.hero{padding:28px 23px;min-height:405px;background-position:65% center}.hero>div:first-child{max-width:100%}h1{font-size:43px}.intro{max-width:260px}.actions{align-items:flex-start;flex-direction:column;gap:13px}.arena{right:14px;bottom:17px;width:143px;padding:10px}.arena strong{font-size:28px}.arena-footer{font-size:7px}.note{max-width:170px;line-height:1.6}.stats{gap:14px}.stats span{font-size:9px}.stats div{padding-left:14px}.cards{grid-template-columns:1fr}.rules{grid-template-columns:1fr}.section-title h2{font-size:22px}.section-title{align-items:flex-end}.section-title .outline{max-width:120px}.callout{align-items:flex-start}footer{padding:20px}.card{padding:20px}#eventCards .card{min-height:240px;background-size:cover}.hero .eyebrow{font-size:8px}.rules li{font-size:12px}.rules b{font-size:13px}}
html{overflow-x:clip}.brand{z-index:3}header,main,footer{position:relative;z-index:1}.rail{display:flex}
@media print{body{margin:0;border:0;padding:0;background:white;box-shadow:none;backdrop-filter:none}body::before,body::after,.rail{display:none}.rules b,.rules p,.rules li,.eyebrow{color:black!important}}
.rail{right:auto;bottom:auto}.rail a{display:grid}@media(max-width:800px){.rail{bottom:12px}}
@media(min-width:1000px){.brand{left:-135px;top:26px;z-index:3}}