@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--bg:#080d17;--panel:#101827;--panel-2:#131e30;--line:#243149;--text:#f4f7fb;--muted:#8e9bb0;--cyan:#36e6dd;--violet:#8d72ff;--lime:#b8f24b;--danger:#ff5d7d;--sidebar:224px;--top:76px;color-scheme:dark;font-family:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);overflow-x:hidden}button,a{font:inherit}button{color:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(140px);pointer-events:none;opacity:.11}.ambient-one{width:520px;height:520px;background:#164cff;right:-140px;top:-210px}.ambient-two{width:420px;height:420px;background:#20e5ce;left:20%;bottom:-280px}
.topbar{height:var(--top);position:fixed;z-index:20;inset:0 0 auto 0;background:rgba(8,13,23,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:34px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;width:calc(var(--sidebar) - 28px)}.brand-mark{width:38px;height:38px;border:1px solid #2e4758;border-radius:12px;display:grid;grid-template-columns:repeat(3,5px);gap:3px;place-content:center;transform:skew(-8deg);box-shadow:inset 0 0 18px rgba(54,230,221,.08)}.brand-mark i{height:19px;background:var(--cyan);border-radius:1px}.brand-mark i:nth-child(2){height:27px;margin-top:-4px}.brand span:last-child{display:flex;align-items:baseline;gap:5px;font-family:'Space Grotesk',sans-serif;letter-spacing:-.03em}.brand b{font-size:18px}.brand em{font-size:11px;font-style:normal;letter-spacing:.18em;color:var(--cyan)}
.topnav{display:flex;align-self:stretch;gap:4px}.nav-link{border:0;background:none;color:var(--muted);padding:0 15px;position:relative;cursor:pointer;font-weight:600}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;bottom:-1px;height:2px;left:15px;right:15px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-button,.language-button{width:39px;height:39px;border:1px solid var(--line);background:#101827;border-radius:11px;cursor:pointer}.icon-button{position:relative}.status-dot{position:absolute;width:6px;height:6px;background:var(--danger);border-radius:50%;right:8px;top:8px}.language-button{font-size:12px;color:var(--muted)}.profile-button{height:46px;padding:5px 11px 5px 5px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;background:#101827}.profile-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),#4636bc);background-position:center;background-size:cover;font:700 13px 'Space Grotesk'}.profile-avatar.has-image{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.profile-button span:last-child{display:flex;flex-direction:column}.profile-button b{font-size:12px}.profile-button small{font-size:10px;color:var(--muted);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar{position:fixed;z-index:15;left:0;top:var(--top);bottom:0;width:var(--sidebar);border-right:1px solid var(--line);background:#0b111d;padding:22px 16px;overflow-y:auto}.side-game-lock{display:flex;align-items:center;gap:10px;padding:11px;background:linear-gradient(120deg,#142237,#0c1826);border:1px solid #2a3a50;border-radius:14px;margin-bottom:27px;color:#fff}.side-game-lock>span:last-child{display:flex;flex-direction:column;gap:2px}.side-game-lock b{font-size:11px}.side-game-lock small{font:700 7px 'Space Grotesk';letter-spacing:.13em;color:var(--cyan)}.game-symbol{width:30px;height:28px;border:1px solid var(--cyan);color:var(--cyan);border-radius:7px;display:grid;place-items:center;font:700 9px 'Space Grotesk'}.side-label{font-size:9px;letter-spacing:.19em;color:#66748a;font-weight:700;margin:20px 11px 9px}.side-link{width:100%;border:0;background:transparent;color:#94a0b4;min-height:42px;border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:600;font-size:13px;cursor:pointer;text-align:left}.side-link>span{font:600 9px 'Space Grotesk';color:#526078}.side-link>i{font-style:normal;margin-left:auto;font-size:9px;background:#1f2b40;padding:3px 6px;border-radius:8px}.side-link>b{margin-left:auto;font-size:7px;color:#07110f;background:var(--cyan);padding:3px 5px;border-radius:4px}.side-link:hover,.side-link.active{color:#fff;background:linear-gradient(90deg,#16263b,#111b2a)}.side-link.active{box-shadow:inset 2px 0 var(--cyan)}.side-link.active>span{color:var(--cyan)}.discord-card{margin-top:35px;padding:16px;background:linear-gradient(150deg,#17243d,#101729);border:1px solid #273655;border-radius:14px;position:relative;overflow:hidden}.discord-card:after{content:"";position:absolute;width:80px;height:80px;border:1px solid #536bff55;border-radius:50%;right:-38px;top:-42px}.discord-pulse{width:7px;height:7px;border-radius:50%;background:#7b8cff;display:inline-block;box-shadow:0 0 0 5px #7b8cff20}.discord-card b{font-size:12px;margin-left:7px}.discord-card p{font-size:10px;line-height:1.5;color:var(--muted)}.discord-card a{font-size:10px;color:#aab6ff;text-decoration:none;font-weight:700}.discord-card a span{color:#fff}
.main{margin-left:var(--sidebar);padding:calc(var(--top) + 42px) 42px 60px;max-width:1540px}.hero{min-height:430px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(122deg,#101929 0%,#0d1524 50%,#0b1323 100%);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.8%,#253249 50%,transparent 50.2%);opacity:.55}.hero-copy{padding:58px 56px;position:relative;z-index:1}.eyebrow,.section-kicker{font:700 10px 'Space Grotesk';letter-spacing:.2em;color:var(--cyan)}.eyebrow span{display:inline-block;width:26px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:8px}.hero h1{font:700 clamp(42px,5vw,70px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:23px 0 21px;max-width:650px}.hero h1 strong{font-weight:700;color:transparent;background:linear-gradient(90deg,#fff 5%,var(--cyan) 88%);-webkit-background-clip:text;background-clip:text}.hero-copy>p{max-width:570px;color:#a7b2c3;line-height:1.65;font-size:15px}.hero-actions{display:flex;gap:11px;margin-top:31px}.primary-button,.secondary-button,.full-button{border-radius:11px;min-height:48px;padding:0 19px;border:1px solid transparent;font-weight:700;font-size:12px;cursor:pointer}.primary-button{background:var(--cyan);color:#06120f;box-shadow:0 8px 28px #36e6dd20}.primary-button span{margin-left:22px}.secondary-button{background:#121d2e;border-color:#2b394e}.play-mark{font-size:9px;color:var(--cyan);margin-right:9px}.trust-line{display:flex;align-items:center;gap:13px;margin-top:33px}.avatar-stack{display:flex}.avatar-stack span{width:25px;height:25px;margin-left:-5px;border:2px solid #101929;border-radius:50%;display:grid;place-items:center;background:#22334b;font-size:7px;font-weight:700}.avatar-stack span:first-child{margin-left:0;background:#3955a5}.avatar-stack span:nth-child(2){background:#8b416c}.avatar-stack span:nth-child(3){background:#2a715f}.avatar-stack span:last-child{color:var(--cyan)}.trust-line p{margin:0;font-size:10px;color:var(--muted)}.trust-line b{color:#fff}
.hero-visual{position:relative;min-height:430px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(circle at 50% 52%,#1b425544,transparent 40%)}.radar-grid{position:absolute;width:370px;height:370px;border-radius:50%;border:1px solid #39daca22;background:repeating-radial-gradient(circle,#38dbce17 0 1px,transparent 1px 58px),linear-gradient(90deg,transparent 49.8%,#45d7d52c 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#45d7d52c 50%,transparent 50.2%);animation:radar 16s linear infinite}.radar-grid:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 10deg,#45e4da38,transparent 21%);mask:radial-gradient(circle,#000 0 70%,transparent 71%)}.live-badge{position:absolute;top:31px;right:31px;padding:7px 10px;border:1px solid #304057;background:#101a2a;border-radius:8px;font:700 8px 'Space Grotesk';letter-spacing:.12em}.live-badge i{display:inline-block;width:6px;height:6px;background:var(--danger);border-radius:50%;margin-right:5px;box-shadow:0 0 9px var(--danger)}.arena-core{z-index:2;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#172d3b,#0b1422 68%);border:1px solid #42dfd064;box-shadow:0 0 0 10px #1ecbb60b,0 0 55px #1fe7d421}.arena-core div{font:700 42px 'Space Grotesk'}.arena-core span{font:700 8px 'Space Grotesk';letter-spacing:.15em;color:var(--cyan)}.arena-core small{font-size:7px;color:#75849b;margin-top:7px}.player-orbit{position:absolute;width:116px;padding:10px 12px 9px;background:#111d2d;border:1px solid #2a3a51;border-radius:11px;z-index:3;box-shadow:0 12px 28px #0005}.player-orbit span{float:left;width:30px;height:30px;margin-right:8px;border-radius:8px;background:#263a53;display:grid;place-items:center;font:700 8px 'Space Grotesk';color:var(--cyan)}.player-orbit b,.player-orbit small{display:block}.player-orbit b{font-size:11px;margin-top:1px}.player-orbit small{font-size:8px;color:var(--muted);margin-top:2px}.orbit-one{left:9%;top:22%}.orbit-two{right:7%;top:29%}.orbit-three{left:11%;bottom:15%}.join-orbit{position:absolute;right:13%;bottom:17%;border:1px solid var(--cyan);color:var(--cyan);background:#122327;border-radius:10px;font:700 8px 'Space Grotesk';letter-spacing:.12em;padding:11px 15px;cursor:pointer}@keyframes radar{to{transform:rotate(360deg)}}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.quick-card{position:relative;min-height:188px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:25px;overflow:hidden}.quick-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;filter:blur(60px);opacity:.1;right:-40px;top:-40px;background:currentColor}.accent-cyan{color:var(--cyan)}.accent-violet{color:var(--violet)}.accent-lime{color:var(--lime)}.quick-index{font:600 8px 'Space Grotesk';color:#66748b;position:absolute;right:18px;top:17px}.quick-icon{width:36px;height:36px;border:1px solid currentColor;border-radius:10px;position:relative;background:color-mix(in srgb,currentColor 7%,transparent)}.crosshair-icon:before,.crosshair-icon:after{content:"";position:absolute;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%)}.crosshair-icon:before{width:18px;height:1px}.crosshair-icon:after{height:18px;width:1px}.pulse-icon:before{content:"⌁";position:absolute;inset:0;display:grid;place-items:center;font-size:23px}.clip-icon:before{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:11px}.quick-card h2{font:600 17px 'Space Grotesk';color:#fff;margin:19px 0 8px}.quick-card p{font-size:11px;color:var(--muted);line-height:1.55;max-width:270px}.quick-card button,.section-heading button{border:0;background:none;padding:0;color:currentColor;font-size:10px;font-weight:700;cursor:pointer}.quick-card button span,.section-heading button span{margin-left:10px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px}.squads-panel,.clips-panel{padding:26px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading h2{font:600 21px 'Space Grotesk';letter-spacing:-.025em;margin:6px 0 0}.section-heading button{color:var(--cyan)}.squad-list{display:grid;gap:9px}.squad-row{display:grid;grid-template-columns:42px minmax(140px,1fr) 150px 95px 75px;align-items:center;gap:13px;border:1px solid #202d42;background:#0d1522;border-radius:13px;padding:12px}.squad-logo{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#26364e,#162235);font:700 10px 'Space Grotesk';color:var(--cyan)}.squad-main b{display:block;font-size:12px}.squad-main small,.squad-meta small{font-size:9px;color:var(--muted)}.squad-tags{display:flex;gap:4px;margin-top:5px}.tag{padding:3px 6px;border-radius:5px;border:1px solid #2b394c;font-size:7px;color:#aab6c8}.squad-meta b{font-size:10px;display:block}.slots{display:flex}.slots i{width:17px;height:17px;border-radius:50%;border:1px solid #26344a;margin-left:-3px;background:#1d2b40}.slots i.on{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 7px #36e6dd33}.slots span{font-size:9px;color:var(--muted);margin-left:6px}.join-small{border:1px solid #2e4157;background:#162438;border-radius:8px;padding:8px 10px;font-size:9px;cursor:pointer}.join-small:hover{border-color:var(--cyan);color:var(--cyan)}
.challenge-panel{padding:23px;background:linear-gradient(160deg,#151b32,#101827 60%)}.challenge-top{display:flex;justify-content:space-between;font:700 8px 'Space Grotesk';letter-spacing:.12em;color:var(--violet)}.challenge-top b{color:#aeb8c8;font-size:7px}.challenge-art{height:120px;margin:18px 0;position:relative;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle,#7049c443,transparent 55%),linear-gradient(145deg,#17233b,#0d1423);overflow:hidden}.challenge-art i{position:absolute;width:140px;height:1px;background:#916fff33;transform:rotate(25deg)}.challenge-art i:nth-child(2){transform:rotate(-25deg)}.challenge-art i:nth-child(3){width:75px;height:75px;border:1px solid #a98dff44;border-radius:50%;background:transparent}.challenge-art strong{font:700 23px/.85 'Space Grotesk';font-style:italic;letter-spacing:-.06em;text-align:center;z-index:1;text-shadow:0 0 26px #9e7aff}.challenge-panel h2{font:600 17px 'Space Grotesk';margin:0 0 7px}.challenge-panel>p{font-size:10px;line-height:1.5;color:var(--muted)}.progress-label,.reward{display:flex;justify-content:space-between;font-size:9px;margin-top:17px}.progress-label b{color:var(--cyan)}.progress-track{height:5px;background:#243047;border-radius:4px;margin-top:7px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:4px}.reward{padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.reward b{color:var(--lime)}.full-button{width:100%;margin-top:15px;background:#7153e9;color:#fff;min-height:40px}
.clips-panel{margin-top:18px}.clip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.clip-card{border:1px solid #26344a;border-radius:14px;overflow:hidden;background:#0d1522}.clip-cover{height:150px;position:relative;display:grid;place-items:center;overflow:hidden}.clip-cover:before,.clip-cover:after{content:"";position:absolute}.clip-cover:before{width:190px;height:190px;border-radius:45%;border:1px solid currentColor;opacity:.2;transform:rotate(22deg)}.clip-cover:after{width:100%;height:100%;background:linear-gradient(transparent 45%,#09101ae8)}.clip-cover.has-video:before,.clip-cover.has-video:after{display:none}.cover-cyan{background:radial-gradient(circle at 70% 25%,#42e5d34a,transparent 35%),#112a35;color:var(--cyan)}.cover-violet{background:radial-gradient(circle at 35% 30%,#9d6fff55,transparent 38%),#231a3b;color:var(--violet)}.cover-lime{background:radial-gradient(circle at 70% 30%,#b8f24b44,transparent 34%),#23301d;color:var(--lime)}.real-clip-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05080e}.clip-play{position:relative;z-index:2;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#f7fafc;color:#07101b;font-size:11px;cursor:pointer}.clip-time{position:absolute;z-index:3;right:9px;top:9px;background:#07101bdc;padding:4px 6px;border-radius:5px;font-size:8px}.clip-title{position:absolute;z-index:3;left:13px;right:13px;bottom:10px;font:600 13px 'Space Grotesk';text-shadow:0 2px 9px #000}.clip-info{padding:12px;display:flex;align-items:center;gap:9px}.mini-avatar{width:27px;height:27px;border-radius:8px;background:#21344b;display:grid;place-items:center;font-size:8px;font-weight:700}.clip-info div{min-width:0}.clip-info b{display:block;font-size:10px}.clip-info small{font-size:8px;color:var(--muted)}.clip-stats{margin-left:auto;font-size:8px;color:#9aa6b8;white-space:nowrap}.like-button{border:1px solid #2b394c;background:#121d2e;color:#9aa6b8;border-radius:7px;padding:5px 7px;font-size:8px;cursor:pointer}.like-button.liked{color:var(--danger);border-color:#ff5d7d66;background:#ff5d7d0d}.legal-note{text-align:center;color:#59667a;font-size:9px;max-width:800px;margin:28px auto 0;line-height:1.5}.toast{position:fixed;z-index:50;right:24px;bottom:24px;padding:13px 17px;border:1px solid #31405a;border-radius:11px;background:#111c2d;color:#fff;font-size:11px;box-shadow:0 14px 40px #0008;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
.arena-dialog{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid #2b3950;border-radius:20px;background:#0d1522;color:#fff;box-shadow:0 28px 90px #000c;overflow:auto}.arena-dialog::backdrop{background:#030710d9;backdrop-filter:blur(8px)}.small-dialog{width:min(520px,calc(100vw - 28px))}.dialog-card{padding:29px;margin:0}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-heading h2{font:600 26px 'Space Grotesk';letter-spacing:-.035em;margin:6px 0}.dialog-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.dialog-close{flex:0 0 auto;width:36px;height:36px;border:1px solid #2d3b52;border-radius:10px;background:#121c2c;color:#a9b4c6;font-size:22px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:7px}.form-grid label>span{font-size:10px;font-weight:700;color:#aeb9c9}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #2a3950;background:#0a111d;color:#fff;border-radius:10px;padding:12px 13px;outline:none;font:500 12px 'DM Sans'}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #36e6dd12}.form-grid textarea{resize:vertical}.check-field{grid-template-columns:auto 1fr!important;align-items:center}.check-field input{width:17px;height:17px;accent-color:var(--cyan)}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:23px}.form-status{margin-right:auto;color:#8ea0b8;font-size:10px}.form-status.error{color:#ff7790}.upload-zone{position:relative;min-height:125px;border:1px dashed #3a4a64;border-radius:14px;background:#101a2a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin-bottom:18px;text-align:center}.upload-zone:before{content:'↑';display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan)}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone b{font-size:12px}.upload-zone span{font-size:9px;color:var(--muted)}.login-link{display:flex;align-items:center;justify-content:center;text-decoration:none}.dialog-card button:disabled{opacity:.55;cursor:wait}
@media(max-width:1100px){:root{--sidebar:190px}.topnav{display:none}.hero{grid-template-columns:1fr}.hero:before{display:none}.hero-visual{min-height:360px}.quick-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.challenge-panel{max-width:none}.squad-row{grid-template-columns:42px 1fr 110px 70px}.squad-meta{display:none}.clip-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--top:66px}.topbar{padding:0 14px}.brand{width:auto}.brand-mark{width:34px;height:34px}.brand em{display:none}.top-actions .icon-button,.language-button,.profile-button span:last-child{display:none}.profile-button{border:0;background:none;padding:0}.sidebar{left:0;right:0;top:auto;width:auto;height:65px;padding:7px 10px;border:0;border-top:1px solid var(--line);display:flex;justify-content:space-around;overflow:visible;background:#0a111ded}.side-game-lock,.side-label,.discord-card,.side-link:nth-of-type(n+5){display:none}.side-link{width:auto;min-height:48px;padding:4px 10px;flex-direction:column;justify-content:center;gap:3px;font-size:8px}.side-link>span{font-size:7px}.side-link>b,.side-link>i{display:none}.side-link.active{box-shadow:inset 0 -2px var(--cyan)}.main{margin:0;padding:calc(var(--top) + 16px) 13px 90px}.hero{border-radius:17px}.hero-copy{padding:32px 24px}.hero h1{font-size:42px}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:column}.hero-visual{min-height:325px}.radar-grid{width:285px;height:285px}.player-orbit{width:104px}.orbit-one{left:2%}.orbit-two{right:2%}.orbit-three{left:4%}.quick-grid{gap:10px}.quick-card{min-height:170px}.squads-panel,.clips-panel{padding:18px}.squad-row{grid-template-columns:38px 1fr 64px}.slots{display:none}.clip-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading h2{font-size:18px}.dialog-card{padding:21px}.dialog-heading h2{font-size:22px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dialog-actions{align-items:stretch;flex-direction:column}.dialog-actions .primary-button{width:100%}}
.report-button{border:1px solid #2b394c;background:#121d2e;color:#9aa6b8;border-radius:7px;padding:5px 7px;font-size:8px;cursor:pointer}.report-button:hover{color:#fff;border-color:#586a85}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.arena-body .seasonal-banner{--season-a:#68d8ec;--season-b:#887df4;position:fixed;z-index:45;top:var(--top);left:var(--sidebar);right:0;min-height:52px;display:flex;align-items:center;justify-content:center;gap:13px;overflow:hidden;padding:9px 70px;border-bottom:1px solid color-mix(in srgb,var(--season-a) 38%,transparent);background:linear-gradient(105deg,color-mix(in srgb,var(--season-a) 18%,#0b0e13),color-mix(in srgb,var(--season-b) 18%,#0b0e13))}.seasonal-banner>*:not(.seasonal-decoration){position:relative;z-index:2}.seasonal-banner .seasonal-symbol{width:32px;height:32px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--season-a) 55%,transparent);border-radius:50%;color:var(--season-a)}.seasonal-banner>div:not(.seasonal-decoration){display:flex;align-items:baseline;gap:11px}.seasonal-banner strong{font-size:12px}.seasonal-banner small{color:#c4cbd4;font-size:10px}.seasonal-banner a{color:var(--season-a);font-size:10px;font-weight:700}.seasonal-banner [data-seasonal-close]{position:absolute;right:18px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}.seasonal-decoration{position:absolute;inset:0;overflow:hidden;pointer-events:none}.seasonal-decoration i{position:absolute;top:-12px;width:5px;height:5px;border-radius:50%;background:var(--season-a);animation:sbk-seasonal-fall 6s linear infinite}.seasonal-decoration i:nth-child(1){left:8%;animation-delay:-1s}.seasonal-decoration i:nth-child(2){left:27%;animation-delay:-4s}.seasonal-decoration i:nth-child(3){left:52%;animation-delay:-2.5s}.seasonal-decoration i:nth-child(4){left:73%;animation-delay:-5s}.seasonal-decoration i:nth-child(5){left:91%;animation-delay:-.2s}body.seasonal-christmas .seasonal-banner{--season-a:#77e1a6;--season-b:#d6344f}body.seasonal-newyear .seasonal-banner{--season-a:#ffd36b;--season-b:#887df4}body.seasonal-fastelavn .seasonal-banner{--season-a:#65dff1;--season-b:#ef72c8}body.seasonal-easter .seasonal-banner{--season-a:#f2d36c;--season-b:#8fd9b5}body.seasonal-halloween .seasonal-banner{--season-a:#ff9b45;--season-b:#6f48b9}@keyframes sbk-seasonal-fall{to{transform:translate3d(28px,76px,0) rotate(220deg)}}
.seasonal-stage{position:fixed;inset:0;z-index:44;overflow:hidden;pointer-events:none;contain:layout paint}.seasonal-stage:before{content:"";position:absolute;inset:0;opacity:.45;mix-blend-mode:screen}.seasonal-stage i{position:absolute;display:block;font-style:normal}.seasonal-snow{left:var(--left);top:-12vh;color:#fff;font-size:var(--size);filter:drop-shadow(0 0 7px #b4e1ffcc);animation:sbk-snowfall var(--duration) linear var(--delay) infinite}@keyframes sbk-snowfall{0%{transform:translate3d(0,-12vh,0);opacity:0}8%{opacity:.92}100%{transform:translate3d(var(--drift),118vh,0) rotate(440deg);opacity:.36}}.seasonal-firework{left:var(--left);top:var(--top);width:6px;height:6px}.seasonal-firework:after{content:"";position:absolute;inset:-5px;border-radius:50%;background:var(--firework-color);box-shadow:0 0 18px 6px var(--firework-color);opacity:0;animation:sbk-firework-core 4.6s ease-out var(--delay) infinite}.seasonal-firework i{left:50%;top:50%;width:3px;height:34px;border-radius:999px;transform-origin:50% 0;background:linear-gradient(180deg,var(--firework-color),transparent);opacity:0;animation:sbk-firework-spark 4.6s ease-out var(--delay) infinite}@keyframes sbk-firework-core{0%,56%,100%{transform:scale(.15);opacity:0}60%{transform:scale(1.5);opacity:1}68%{transform:scale(.4);opacity:0}}@keyframes sbk-firework-spark{0%,56%,100%{transform:rotate(var(--angle)) translateY(0) scaleY(.15);opacity:0}60%{opacity:1}79%{transform:rotate(var(--angle)) translateY(-92px) scaleY(.7);opacity:0}}.seasonal-confetti{left:var(--left);top:-9vh;width:7px;height:17px;border-radius:2px;background:hsl(var(--hue) 92% 66%);animation:sbk-confetti-fall var(--duration) linear var(--delay) infinite}@keyframes sbk-confetti-fall{0%{transform:translate3d(0,-10vh,0);opacity:0}7%{opacity:.95}100%{transform:translate3d(54px,116vh,0) rotate(var(--spin));opacity:.4}}.seasonal-carnival{left:var(--left);top:-10vh;color:hsl(var(--hue) 94% 67%);font-size:16px;animation:sbk-carnival-fall var(--duration) ease-in-out var(--delay) infinite}@keyframes sbk-carnival-fall{0%{transform:translate3d(0,-10vh,0);opacity:0}8%{opacity:1}100%{transform:translate3d(var(--sway),116vh,0) rotate(800deg);opacity:.25}}.seasonal-egg{left:var(--left);bottom:-12vh;width:19px;height:25px;border:2px solid #ffffffb3;border-radius:52% 52% 46% 46%;background:repeating-linear-gradient(45deg,hsl(var(--hue) 84% 72%),hsl(var(--hue) 84% 72%) 5px,hsl(calc(var(--hue) + 55) 85% 75%) 5px,hsl(calc(var(--hue) + 55) 85% 75%) 9px);animation:sbk-easter-rise var(--duration) ease-in-out var(--delay) infinite}.seasonal-flower{left:var(--left);bottom:-9vh;color:#fff5a8;font-size:18px;animation:sbk-easter-rise var(--duration) ease-in-out var(--delay) infinite}@keyframes sbk-easter-rise{0%{transform:translate3d(0,12vh,0);opacity:0}10%{opacity:.92}100%{transform:translate3d(-24px,-118vh,0);opacity:.18}}.seasonal-fog{position:absolute;left:-20%;right:-20%;bottom:-8%;height:34%;background:radial-gradient(ellipse at center,#bbabd429,transparent 65%);filter:blur(22px)}.seasonal-bat{right:-12vw;top:var(--top);font-size:24px;animation:sbk-bat-flight var(--duration) linear var(--delay) infinite}.seasonal-pumpkin{left:var(--left);bottom:2vh;font-size:25px;animation:sbk-pumpkin-bob 2.7s ease-in-out var(--delay) infinite}@keyframes sbk-bat-flight{0%{transform:translate3d(0,18px,0) scale(var(--scale));opacity:0}8%{opacity:.9}100%{transform:translate3d(-124vw,28px,0) scale(var(--scale));opacity:.2}}@keyframes sbk-pumpkin-bob{50%{transform:translateY(-16px) rotate(5deg) scale(1.08)}}
@media(max-width:760px){.arena-body .seasonal-banner{left:0;top:var(--top);justify-content:flex-start;min-height:62px;padding:8px 48px 8px 13px}.seasonal-banner>div:not(.seasonal-decoration){align-items:flex-start;flex-direction:column;gap:2px}.seasonal-banner a{display:none}}

/* RIVALT competitive platform */
.platform-badges{display:flex;gap:6px}.platform-badges span{border:1px solid #2c3b51;background:#111d2d;color:#aeb9ca;border-radius:7px;padding:6px 8px;font:700 8px 'Space Grotesk';letter-spacing:.08em}.matchmaker-console{position:relative;z-index:3;width:min(430px,calc(100% - 50px));padding:25px;border:1px solid #345064;border-radius:18px;background:linear-gradient(160deg,rgba(17,28,45,.97),rgba(9,17,29,.98));box-shadow:0 28px 70px #0009,0 0 0 8px #36e6dd08}.matchmaker-head{display:flex;justify-content:space-between;align-items:center;font:700 8px 'Space Grotesk';letter-spacing:.14em;color:var(--cyan)}.matchmaker-head i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.matchmaker-head b{padding:5px 8px;border:1px solid #2d4156;border-radius:7px;color:#aab7ca}.matchmaker-console h2{font:700 31px 'Space Grotesk';letter-spacing:-.04em;margin:21px 0 6px}.matchmaker-console>p{margin:0 0 20px;color:var(--muted);font-size:11px}.match-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.match-options label{display:grid;gap:6px}.match-options label>span{font:700 7px 'Space Grotesk';letter-spacing:.14em;color:#78869b}.match-options select{min-width:0;width:100%;border:1px solid #2c3a50;background:#0a121f;color:#fff;border-radius:9px;padding:10px 9px;font:600 9px 'DM Sans'}.queue-button{width:100%;min-height:52px;margin-top:15px;border:1px solid var(--cyan);border-radius:11px;background:linear-gradient(105deg,var(--cyan),#69f1b4);color:#06130f;font:800 12px 'Space Grotesk';letter-spacing:.08em;cursor:pointer;box-shadow:0 10px 28px #36e6dd24}.queue-button.searching{background:#16263b;color:var(--cyan);box-shadow:inset 0 0 0 1px #36e6dd22}.queue-button:disabled{opacity:.65;cursor:wait}.match-identity{display:flex;align-items:center;gap:9px;margin-top:13px;padding-top:13px;border-top:1px solid #243249}.steam-mark{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#18273b;border:1px solid #3a4f69;font:700 11px 'Space Grotesk'}.match-identity div{display:flex;flex-direction:column}.match-identity b{font-size:9px}.match-identity small{font-size:8px;color:var(--muted)}.match-identity a{margin-left:auto;color:var(--cyan);font-size:9px;font-weight:700;text-decoration:none}.match-identity.connected .steam-mark{border-color:var(--cyan);color:var(--cyan)}
.empty-state{min-height:150px;border:1px dashed #304057;border-radius:14px;background:#0c1421;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.clip-grid>.empty-state{grid-column:1/-1}.empty-state strong{font:600 16px 'Space Grotesk'}.empty-state p{max-width:440px;margin:8px auto 14px;color:var(--muted);font-size:10px;line-height:1.6}.empty-state button{border:1px solid #365069;background:#152437;color:var(--cyan);border-radius:9px;padding:9px 13px;font-size:9px;font-weight:700;cursor:pointer}
.training-panel{padding:27px;margin-top:18px}.section-heading p{margin:6px 0 0;color:var(--muted);font-size:10px}.training-layout{display:grid;grid-template-columns:230px 1fr;gap:16px}.training-progress-card{border:1px solid #293950;background:linear-gradient(160deg,#142239,#0c1524);border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:center}.training-progress-card>span{align-self:flex-start;font:700 8px 'Space Grotesk';letter-spacing:.14em;color:var(--violet)}.training-progress-card>strong{align-self:flex-start;font:700 29px 'Space Grotesk';margin-top:8px}.training-ring{width:118px;height:118px;margin:14px 0 18px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--cyan) var(--progress,0%),#243148 0)}.training-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#0d1726}.training-ring b{position:relative;z-index:1;font:700 19px 'Space Grotesk'}.training-progress-card .secondary-button{width:100%;min-height:39px}.training-task-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.training-task{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #26354b;background:#0d1522;border-radius:13px;padding:16px;cursor:pointer}.training-task:hover{border-color:#3c526c}.training-task input{width:19px;height:19px;accent-color:var(--cyan)}.training-task span{display:flex;flex-direction:column;gap:4px}.training-task b{font-size:11px}.training-task small{font-size:9px;color:var(--muted);line-height:1.45}.training-task em{font-style:normal;font:700 8px 'Space Grotesk';color:var(--cyan)}.training-task.done{border-color:#36e6dd55;background:#102329}.training-task.done b{text-decoration:line-through;color:#8494a8}
.community-panel{padding:27px;margin-top:18px}.community-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:15px}.leaderboard-card,.tournament-card{border:1px solid #29384e;border-radius:15px;background:#0d1522;padding:20px}.community-card-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px}.community-card-head span,.tournament-state{font:700 8px 'Space Grotesk';letter-spacing:.13em;color:var(--cyan)}.community-card-head h3,.tournament-card h3{font:600 19px 'Space Grotesk';margin:5px 0}.community-card-head>b{font:700 7px 'Space Grotesk';color:var(--lime);border:1px solid #b8f24b44;border-radius:6px;padding:5px 7px}.leaderboard-list{display:grid;gap:6px}.leaderboard-row{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:10px;border:1px solid #202d41;border-radius:10px;background:#101a29}.leaderboard-row>span:first-child{font:700 10px 'Space Grotesk';color:#79889e}.leaderboard-row b{font-size:10px}.leaderboard-row small{font-size:8px;color:var(--muted)}.leaderboard-row em{font-style:normal;font:700 9px 'Space Grotesk';color:var(--violet)}.leaderboard-row strong{font:700 10px 'Space Grotesk';color:var(--cyan)}.tournament-card{background:radial-gradient(circle at 90% 8%,#7049c433,transparent 35%),#0d1522}.tournament-card p{color:var(--muted);font-size:10px;line-height:1.6}.community-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:19px 0}.community-stats span{display:flex;flex-direction:column;gap:3px;border:1px solid #29364b;border-radius:9px;padding:10px;font-size:8px;color:var(--muted)}.community-stats b{font:700 18px 'Space Grotesk';color:#fff}.tournament-card>a{display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:42px}
.notification-list{display:grid;gap:9px}.notification-item{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;border:1px solid #29384f;border-radius:11px;background:#101a29;padding:12px}.notification-item>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#18283a;color:var(--cyan);font-weight:700}.notification-item b{display:block;font-size:10px}.notification-item p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.45}.login-options{display:grid;gap:9px}.steam-login-link{min-height:48px;border:1px solid #344862;border-radius:11px;background:#152235;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:700}
.match-lobby-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.match-lobby-meta span{border:1px solid #29384f;border-radius:9px;background:#0a121f;padding:10px;font:700 8px 'Space Grotesk';letter-spacing:.1em;color:#718097}.match-lobby-meta b{display:block;color:#fff;font-size:11px;margin-top:4px}.match-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-teams>div{border:1px solid #29384f;border-radius:13px;padding:14px;background:#0a121f}.match-teams h3{font:700 10px 'Space Grotesk';color:var(--cyan);margin:0 0 9px}.lobby-player{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid #1e2b3e;padding:9px 0;font-size:10px}.lobby-player:first-child{border-top:0}.lobby-player span{color:var(--muted);font-size:8px}.lobby-player.accepted:after{content:"KLAR";color:var(--lime);font:700 8px 'Space Grotesk'}.server-state{margin-top:12px;border:1px dashed #304057;border-radius:10px;padding:12px;color:var(--muted);font-size:9px;text-align:center}.server-state.ready{border-style:solid;border-color:#36e6dd55;color:#fff}.status-dot[hidden]{display:none}
@media(max-width:1100px){.training-layout{grid-template-columns:1fr}.training-progress-card{align-items:flex-start}.training-ring{align-self:center}.community-grid{grid-template-columns:1fr}}
@media(max-width:760px){.matchmaker-console{width:calc(100% - 24px);padding:18px}.match-options{grid-template-columns:1fr}.match-identity{align-items:flex-start}.training-panel,.community-panel{padding:18px}.training-task-list{grid-template-columns:1fr}.community-stats{grid-template-columns:1fr}.match-teams{grid-template-columns:1fr}.match-lobby-meta{grid-template-columns:1fr}.platform-badges{display:none}}

/* Steam-first identity */
.login-options{gap:12px}.steam-login-primary{justify-content:flex-start;min-height:68px;padding:10px 16px;border-color:#57e5a7;background:linear-gradient(110deg,#142a2c,#182b40);box-shadow:0 10px 28px rgba(87,229,167,.12)}.steam-login-primary>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.steam-login-primary b{font-size:12px}.steam-login-primary small{font-size:9px;color:#91a7b8;font-weight:600}.steam-login-primary em{margin-left:auto;color:var(--cyan);font-style:normal;font-size:18px}.steam-privacy-note{margin:0;color:#708598;font-size:9px;line-height:1.55;text-align:center}.steam-avatar-mark{background-position:center;background-size:cover}
.leaderboard-row a,.clip-info a{color:inherit;text-decoration:none}.leaderboard-row a:hover,.clip-info a:hover{color:#55efd1}

/* RIVALT esports redesign — original, Esplay-inspired information density */
:root{--bg:#06080c;--panel:#0d1118;--panel-2:#121823;--line:#252c37;--text:#f5f7f2;--muted:#9aa3af;--cyan:#a7ff19;--lime:#a7ff19;--violet:#7a66ff;--danger:#ff4f70;--rail:58px;--sidebar:224px;--top:64px}
body.arena-body{background:radial-gradient(circle at 75% 8%,#152111 0,transparent 32%),linear-gradient(180deg,#080b10,#05070a 70%);font-family:'DM Sans',sans-serif}
.ambient-one{background:#7fe51c;opacity:.07}.ambient-two{background:#32d6c5;opacity:.055}
.topbar{left:var(--rail);height:var(--top);padding:0 20px 0 16px;gap:22px;background:#090c11f2;border-bottom-color:#2a3039;box-shadow:0 8px 30px #0008}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--lime) 0 44%,#242b34 44% 100%);box-shadow:0 0 12px #a7ff1955}
.brand{width:178px;gap:9px}.brand-mark{width:33px;height:33px;border-color:#8fe31e;border-radius:8px;background:#11170d;box-shadow:inset 0 0 18px #a7ff1917,0 0 18px #a7ff190e}.brand-mark i{background:var(--lime)}.brand b{font-size:20px;font-weight:800;font-style:italic;letter-spacing:-.07em}.brand em{color:var(--lime);font-size:8px;letter-spacing:.13em}
.topnav{gap:0}.nav-link{padding:0 14px;color:#a8acb3;font:800 11px 'Space Grotesk';letter-spacing:.025em;text-transform:uppercase;transform:skew(-3deg)}.nav-link.active,.nav-link:hover{color:#fff;text-shadow:0 0 18px #a7ff1940}.nav-link.active:after{height:3px;left:12px;right:12px;background:var(--lime);box-shadow:0 0 14px #a7ff19}
.icon-button,.language-button{border-radius:5px;background:#12161d;border-color:#303641}.profile-button{height:42px;border-radius:5px;border-color:#3a4049;background:linear-gradient(180deg,#2c3037,#191d23);box-shadow:inset 0 1px #ffffff17}.profile-avatar{border-radius:4px;background:linear-gradient(135deg,#8ddb1e,#3f7c17);color:#071000}.profile-button b{font-size:10px;text-transform:uppercase}.profile-button small{font-size:8px}
.live-rail{position:fixed;z-index:25;inset:0 auto 0 0;width:var(--rail);padding:70px 6px 8px;background:#0b0e13;border-right:1px solid #252b34;display:flex;flex-direction:column;align-items:center;gap:9px}.rail-tile{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid #2d3440;border-radius:7px;background:#11151c;color:#9ba4af;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 1px #000}.rail-tile b{font:800 8px 'Space Grotesk';letter-spacing:.02em}.rail-tile:hover,.rail-active{border-color:var(--lime);color:var(--lime);background:linear-gradient(145deg,#17200f,#10151b);box-shadow:0 0 18px #a7ff1919,inset 3px 0 var(--lime)}.rail-tile span{position:absolute;width:6px;height:6px;right:3px;bottom:3px;border-radius:50%;background:var(--lime);box-shadow:0 0 7px var(--lime)}.rail-spacer{flex:1}.rail-discord{border-color:#6f78ff;color:#aeb4ff}.rail-discord span{background:#7f89ff;box-shadow:0 0 7px #7f89ff}
.sidebar{left:var(--rail);top:var(--top);padding:20px 13px;background:#0c1016;border-right-color:#282e37}.side-game-lock{border-radius:7px;background:linear-gradient(120deg,#151b23,#10151b);border-color:#333a44;border-left:3px solid var(--lime)}.game-symbol{border-color:var(--lime);color:var(--lime);border-radius:4px}.side-game-lock small{color:var(--lime)}.side-label{text-transform:uppercase;font-family:'Space Grotesk';font-size:8px}.side-link{min-height:39px;border-radius:4px;font-size:11px;text-transform:uppercase;letter-spacing:.025em}.side-link:hover,.side-link.active{background:linear-gradient(90deg,#1b2316,#12171e)}.side-link.active{box-shadow:inset 3px 0 var(--lime)}.side-link.active>span{color:var(--lime)}.discord-card{border-radius:7px;border-color:#323945;background:linear-gradient(145deg,#171c27,#0f131a)}
.main{margin-left:calc(var(--rail) + var(--sidebar));padding:calc(var(--top) + 22px) 22px 54px;max-width:1650px}
.hero{min-height:570px;border-radius:8px;border-color:#313842;background-image:linear-gradient(90deg,#05080bf5 0%,#070a0ed8 38%,#070a0e66 61%,#05070938 100%),linear-gradient(180deg,transparent 58%,#05070bf1 100%),url('/arena/rivalt-competitive-hero-v3.png');background-position:center;background-size:cover;box-shadow:0 30px 80px #0008;grid-template-columns:1.05fr .95fr}.hero:before{background:linear-gradient(90deg,var(--lime),transparent);height:3px;inset:auto 0 0;opacity:1}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 42%,#a7ff1912,transparent 28%);pointer-events:none}.hero-copy{padding:62px 52px;z-index:3}.eyebrow,.section-kicker{color:var(--lime);font-weight:800}.eyebrow span{background:var(--lime)}.hero h1{font-size:clamp(54px,5.6vw,82px);line-height:.88;text-transform:uppercase;letter-spacing:-.065em;margin:25px 0 22px;text-shadow:0 5px 30px #000}.hero h1 strong{background:linear-gradient(90deg,var(--lime),#eaffbd 88%);-webkit-background-clip:text;background-clip:text}.hero-copy>p{max-width:560px;color:#c0c6ce;font-size:14px}.primary-button{background:var(--lime);border-radius:4px;color:#081000;text-transform:uppercase;box-shadow:0 10px 32px #a7ff1926}.secondary-button{border-radius:4px;background:#20252d;border-color:#3a414c;text-transform:uppercase}.hero-feature-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-feature-chips span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #363d47;border-radius:4px;background:#161a20dc;color:#d6d9dd;font:800 8px 'Space Grotesk';letter-spacing:.055em}.hero-feature-chips i{color:var(--lime);font-style:normal}.trust-line{margin-top:18px}.platform-badges span{border-radius:3px;border-color:#3c434b;background:#181d23}.hero-visual{z-index:4;background:none;justify-items:end;padding:28px}.radar-grid{display:none}.matchmaker-console{width:min(390px,100%);padding:21px;border-radius:6px;border-color:#46503d;background:linear-gradient(160deg,#11161aee,#0a0e13f5);box-shadow:0 22px 70px #000d,0 0 0 1px #a7ff191d;backdrop-filter:blur(10px)}.matchmaker-head{color:var(--lime)}.matchmaker-head i{background:var(--lime);box-shadow:0 0 10px var(--lime)}.matchmaker-console h2{text-transform:uppercase}.match-options select{border-radius:3px;border-color:#363d46;background:#080b0f}.queue-button{border-radius:3px;border-color:var(--lime);background:linear-gradient(105deg,var(--lime),#d1ff69);color:#081000;box-shadow:0 10px 28px #a7ff1926}.match-identity a{color:var(--lime)}
.quick-grid{gap:10px;margin:11px 0}.quick-card,.panel{border-radius:6px;border-color:#292f38;background:linear-gradient(150deg,#10151c,#0b0f14)}.quick-card{min-height:170px;padding:22px;border-top:2px solid currentColor}.quick-icon{border-radius:4px}.quick-card h2{text-transform:uppercase}.quick-card button,.section-heading button{color:var(--lime);text-transform:uppercase}.training-panel,.community-panel{margin-top:11px}.content-grid{gap:11px;margin-top:11px}.clips-panel{margin-top:11px}.training-progress-card,.training-task,.leaderboard-card,.tournament-card,.squad-row,.clip-card{border-radius:5px}.section-heading h2,.challenge-panel h2,.community-card-head h3,.tournament-card h3{text-transform:uppercase}.section-kicker{color:var(--lime)}.training-progress-card>span,.community-card-head span,.tournament-state{color:var(--lime)}.training-ring{background:conic-gradient(var(--lime) var(--progress,0%),#242b35 0)}.full-button{border-radius:3px;background:var(--violet)}.toast{border-radius:4px;border-left:3px solid var(--lime)}
@media(max-width:1180px){:root{--sidebar:190px}.hero{grid-template-columns:1fr;min-height:auto;background-position:62% center}.hero-copy{min-height:520px;padding-right:42%}.hero-visual{padding-top:0}.matchmaker-console{width:100%}}
@media(max-width:760px){:root{--rail:0px;--top:62px}.live-rail{display:none}.topbar{left:0}.sidebar{top:var(--top);bottom:auto;height:58px;z-index:24}.main{margin-left:0;padding:calc(var(--top) + 68px) 9px 82px}.hero{background-position:69% center}.hero-copy{min-height:510px;padding:34px 22px 150px;background:linear-gradient(90deg,#05080bea,#05080ba0 72%,transparent)}.hero h1{font-size:48px}.hero-copy>p{font-size:12px}.hero-feature-chips{display:none}.hero-visual{padding:0 12px 14px;margin-top:-132px}.matchmaker-console{padding:16px}.topbar:after{left:0}.quick-grid{margin-top:9px}.panel,.quick-card{border-radius:5px}}