@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);font:700 13px 'Space Grotesk'}.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)}
.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}}