:root {
  --bg: #050608;
  --bg-2: #0b0d10;
  --bg-3: #101319;
  --text: #f5f7fb;
  --muted: #9ba1ab;
  --line: rgba(255,255,255,.09);
  --panel: rgba(255,255,255,.04);
  --red: #ff3030;
  --red-2: #a70808;
  --purple: #9f67ff;
  --shadow: 0 24px 90px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit;background:none;border:none;color:inherit}
svg{width:1.12rem;height:1.12rem;display:block;flex:none}
.container{width:min(1200px,calc(100% - 40px));margin:auto}

.intro{position:fixed;inset:0;background:radial-gradient(circle at 50% 45%,rgba(110,0,0,.3),transparent 35%),#030304;display:grid;place-items:center;z-index:1000;transition:opacity .55s ease,visibility .55s ease}
.intro.hide{opacity:0;visibility:hidden}
.intro-inner{display:grid;justify-items:center;gap:16px;text-align:center}
.intro-logo{width:min(260px,48vw);filter:drop-shadow(0 18px 44px rgba(255,0,0,.18))}
.intro-mark{font:900 clamp(2rem,7vw,5rem)/1 Orbitron,sans-serif;letter-spacing:.16em;text-shadow:0 0 45px rgba(255,40,40,.55);animation:introPulse 1s ease both}
.intro-sub{font-size:.82rem;letter-spacing:.26em;color:#d3d6dc}
@keyframes introPulse{0%{opacity:0;transform:scale(.95);filter:blur(12px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}

.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(to bottom,rgba(5,6,8,.96),rgba(5,6,8,.66),transparent);backdrop-filter:blur(12px)}
.nav{height:82px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font:800 1rem Orbitron,sans-serif;letter-spacing:.14em;margin-right:auto}
.brand-mark{width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 24px rgba(255,48,48,.8)}
.nav-links{display:flex;gap:28px;color:#c9cbd0;font-size:.94rem}
.nav-links a:hover{color:#fff}
.nav-social{display:flex;gap:10px}
.icon-btn,.footer-social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:.25s ease;color:#eef1f8}
.icon-btn:hover,.footer-social a:hover{transform:translateY(-2px);border-color:rgba(255,48,48,.35);background:rgba(255,255,255,.06)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:800;transition:.25s ease;cursor:pointer;border:1px solid transparent}
.nav-cta{padding:12px 18px;border-color:var(--line);background:rgba(255,255,255,.04)}
.nav-cta:hover{transform:translateY(-1px);border-color:rgba(255,48,48,.45)}
.menu{display:none;background:none;border:0;color:#fff;font-size:1.5rem}

.hero{position:relative;min-height:100vh;padding:140px 0 70px;display:grid;align-items:center;overflow:hidden;background:#030405}
.hero-bg{position:absolute;inset:0;background:url('assets/fleet-storm.jpg') center center/cover no-repeat;transform:scale(1.08);filter:saturate(.88) contrast(1.04)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,10,.7),rgba(3,4,6,.84) 60%,rgba(3,4,5,.98)),radial-gradient(circle at 72% 42%,rgba(115,0,0,.24),transparent 22%)}
.lightning-layer{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.lightning-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.96}
.sky-flash-overlay{position:absolute;inset:0;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle at 18% 16%,rgba(255,90,90,.22),transparent 22%),radial-gradient(circle at 78% 12%,rgba(255,40,40,.22),transparent 22%),linear-gradient(180deg,rgba(255,20,20,.18),transparent 38%)}
.noise{position:absolute;inset:0;opacity:.08;background-image:radial-gradient(rgba(255,255,255,.7) .7px, transparent .9px);background-size:12px 12px;mix-blend-mode:soft-light}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.6}
.glow-a{width:560px;height:560px;background:rgba(120,0,0,.65);right:-180px;top:10%}
.glow-b{width:340px;height:340px;background:rgba(180,0,0,.2);left:-120px;bottom:0}
.glow-c{width:260px;height:260px;background:rgba(159,103,255,.12);right:28%;top:18%}
.hero-inner{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;position:relative;z-index:2}
.eyebrow,.section-kicker{font-size:.78rem;font-weight:900;letter-spacing:.18em;color:#ff7272}
.hero h1{font:900 clamp(3.4rem,7vw,7rem)/.94 Orbitron,sans-serif;letter-spacing:-.05em;margin:18px 0 24px}
.hero h1 span{background:linear-gradient(90deg,#fff 10%,#ff5b5b 48%,#b10606 100%);-webkit-background-clip:text;color:transparent}
.hero-text{max-width:690px;color:#c1c8d0;font-size:1.08rem;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 30px}
.btn{padding:15px 22px}
.btn-primary{background:linear-gradient(135deg,var(--red),var(--red-2));box-shadow:0 12px 32px rgba(255,30,30,.24)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(255,30,30,.32)}
.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.035)}
.btn-ghost:hover{border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.06);transform:translateY(-2px)}
.btn-ghost.purple:hover{border-color:rgba(159,103,255,.45);box-shadow:0 0 0 1px rgba(159,103,255,.12) inset}
.stats{display:flex;gap:30px;margin:12px 0 26px;flex-wrap:wrap}
.stats div{display:grid;gap:6px}
.stats strong{font:800 1.18rem Orbitron,sans-serif}
.stats span{font-size:.78rem;color:#8a919c;text-transform:uppercase;letter-spacing:.12em}
.social-strip{display:flex;flex-wrap:wrap;gap:10px}
.social-strip a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#dbe0e8;font-size:.92rem;transition:.25s ease}
.social-strip a:hover{transform:translateY(-2px);border-color:rgba(255,48,48,.28)}
.hero-visual{position:relative;min-height:690px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.visual-frame{position:relative;width:min(100%,560px);padding:22px 24px 28px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));backdrop-filter:blur(18px);box-shadow:var(--shadow);overflow:hidden;z-index:2}
.visual-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(255,45,45,.16),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 40%)}
.visual-topline,.visual-bottomline{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(8,9,11,.65);width:max-content;backdrop-filter:blur(12px)}
.visual-topline{margin-left:auto;font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#e9edf4}
.visual-topline strong{color:#ff6666}
.status-dot{width:8px;height:8px;border-radius:50%;background:#3ef07d;box-shadow:0 0 14px #3ef07d}
.hero-logo{position:relative;z-index:1;display:block;width:min(100%,500px);margin:8px auto 4px;filter:drop-shadow(0 24px 38px rgba(0,0,0,.55))}
.visual-bottomline{margin-top:8px;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#d3d8e3}
.hero-sigil-card{position:relative;z-index:4;width:min(340px,100%);padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(180deg,rgba(8,10,14,.9),rgba(10,12,16,.72));backdrop-filter:blur(14px);box-shadow:0 22px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,40,40,.08) inset;overflow:hidden}
.hero-sigil-card:before{content:"";position:absolute;inset:auto -40px -70px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,0,0,.18),transparent 68%);pointer-events:none}
.sigil-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;position:relative;z-index:1}
.sigil-head span{font-size:.67rem;font-weight:900;letter-spacing:.18em;color:#ff7c7c}
.sigil-head strong{font:800 .95rem Orbitron,sans-serif;color:#fff;text-align:right}
.hero-sigil-gif{position:relative;z-index:1;display:block;width:100%;aspect-ratio:600/432;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#08090c;box-shadow:0 0 28px rgba(255,20,20,.18)}
.sigil-foot{position:relative;z-index:1;margin-top:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);width:max-content;max-width:100%;font-size:.72rem;font-weight:900;letter-spacing:.16em;color:#edf2f8}
.floating-card{position:relative;z-index:3;padding:12px 15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(10,12,16,.76);backdrop-filter:blur(14px);font-size:.7rem;font-weight:900;letter-spacing:.1em;color:#f0f3f8;box-shadow:var(--shadow)}
.hero-visual-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;position:relative;z-index:3}
.card-one{left:auto;bottom:auto}
.card-two{right:auto;top:auto}
.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:.66rem;letter-spacing:.22em;color:#69707a}

.section{padding:130px 0}
.section-dark{background:linear-gradient(180deg,var(--bg-2),#090b0d);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.split{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.section-copy h2,.center-head h2,.recruitment h2,.final-cta h2,.band-copy h2{font:800 clamp(2.1rem,4vw,4.5rem)/1.08 Orbitron,sans-serif;letter-spacing:-.035em;margin:14px 0 24px}
.section-copy p,.contact-note,.gallery-lead,.band-copy p{color:var(--muted);line-height:1.85;font-size:1.02rem}
.about-grid{align-items:start}
.value-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.value-list div{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}
.value-list strong{display:block;font:800 1rem Orbitron,sans-serif;margin-bottom:8px;color:#fff}
.value-list span{display:block;color:var(--muted);line-height:1.65;font-size:.94rem}
.center-head{text-align:center;max-width:850px;margin:0 auto 56px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-card{min-height:270px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));transition:.3s ease}
.feature-card:hover{transform:translateY(-6px);border-color:rgba(255,55,55,.32);background:linear-gradient(180deg,rgba(255,40,40,.08),rgba(255,255,255,.02))}
.feature-card>span{color:#ff6d6d;font:800 .8rem Orbitron,sans-serif}
.feature-card h3{font:800 1.18rem Orbitron,sans-serif;margin:72px 0 14px}
.feature-card p{color:var(--muted);line-height:1.7;font-size:.92rem}

.showcase-section{background:linear-gradient(180deg,#07080b,#0b0d11)}
.showcase-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}
.showcase-frame{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:#0a0c10;box-shadow:var(--shadow);min-height:540px}
.showcase-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.3))}
.showcase-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;filter:contrast(1.02) brightness(.9)}
.showcase-copy{padding:34px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));box-shadow:var(--shadow)}
.showcase-copy h2{font:800 clamp(2rem,4vw,4rem)/1.05 Orbitron,sans-serif;letter-spacing:-.03em;margin:14px 0 22px}
.showcase-copy p{color:#c0c5cf;line-height:1.85;font-size:1rem}
.showcase-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.showcase-tags span{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-size:.86rem;font-weight:700;color:#eef2f7}

.gallery-section{background:linear-gradient(180deg,#060709,#0a0c10)}
.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;grid-auto-rows:260px}
.gallery-card{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:#0d1116;box-shadow:var(--shadow);cursor:pointer;isolation:isolate}
.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease, filter .35s ease}
.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.72));z-index:1}
.gallery-card:hover img{transform:scale(1.06);filter:saturate(1.08)}
.gallery-card.large{grid-row:span 2}
.gallery-card.tall{grid-row:span 2}
.gallery-card.wide{grid-column:span 2}
.gallery-overlay{position:absolute;inset:auto 0 0 0;z-index:2;padding:22px;display:grid;gap:8px}
.gallery-overlay span{font-size:.72rem;font-weight:900;letter-spacing:.18em;color:#ff8080}
.gallery-overlay h3{margin:0;font:800 1.35rem/1.15 Orbitron,sans-serif;color:#fff}
.gallery-overlay.compact h3{font-size:1.05rem}
.gallery-view{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;width:max-content;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:.88rem;font-weight:800;margin-top:6px}

.recruitment{background:radial-gradient(circle at 85% 50%,rgba(120,0,0,.18),transparent 28%),linear-gradient(180deg,#060709,#08090b)}
.recruitment-box{border:1px solid rgba(255,70,70,.22);border-radius:30px;padding:52px;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center;background:linear-gradient(135deg,rgba(255,34,34,.06),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.recruitment p{color:var(--muted);line-height:1.85;max-width:690px}
.requirement-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}
.requirement-row span{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#dbe0e8;font-size:.92rem}
.recruitment-side{display:grid;justify-items:center;gap:18px}
.level-badge{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;border:1px solid rgba(255,50,50,.38);background:radial-gradient(circle,rgba(180,0,0,.22),rgba(255,255,255,.02));box-shadow:inset 0 0 44px rgba(255,0,0,.08)}
.level-badge small{color:#8f939a;letter-spacing:.18em}
.level-badge strong{font:900 2rem Orbitron,sans-serif;color:#fff;margin-top:8px}

.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.media-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));box-shadow:var(--shadow);transition:.3s ease}
.media-card:hover{transform:translateY(-6px);border-color:rgba(255,50,50,.32)}
.media-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px}
.media-icon svg{width:1.5rem;height:1.5rem}
.media-icon.youtube{background:rgba(255,0,0,.12);color:#ff5454}
.media-icon.twitch{background:rgba(159,103,255,.12);color:#c59bff}
.media-icon.discord{background:rgba(88,101,242,.14);color:#b7c1ff}
.media-label{font-size:.72rem;font-weight:900;letter-spacing:.18em;color:#9097a2}
.media-card h3{font:800 1.28rem Orbitron,sans-serif;margin:14px 0}
.media-card p{color:var(--muted);line-height:1.75;min-height:106px}
.media-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:800;padding-top:6px}
.media-link svg{transition:transform .2s ease}
.media-link:hover svg{transform:translateX(3px)}

.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}
.contact-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.contact-role{font-size:.72rem;font-weight:900;letter-spacing:.18em;color:#ff7272}
.contact-card h3{font:800 1.55rem Orbitron,sans-serif;margin:18px 0 10px}
.contact-user{font-size:1.02rem;color:#d8dde6;margin-bottom:24px}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap}
.copy-btn{border-color:var(--line);color:#fff}

.final-cta{padding:145px 0;text-align:center;background:radial-gradient(circle at 50% 40%,rgba(160,0,0,.22),transparent 34%),#060708}
.final-cta span{font-size:.74rem;letter-spacing:.19em;color:#ff7272;font-weight:900}
.final-cta h2{margin:18px auto 34px}
.cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

footer{padding:34px 0;border-top:1px solid rgba(255,255,255,.05);background:#050506}
.footer-inner{display:grid;grid-template-columns:auto auto 1fr;gap:24px;align-items:center;color:#68707a;font-size:.8rem}
.footer-brand{display:grid;gap:6px}
.footer-brand strong{font:900 .96rem Orbitron,sans-serif;color:#fff;letter-spacing:.13em}
.footer-social{display:flex;gap:10px}
.footer-inner p{margin:0;line-height:1.65;text-align:right}

.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(30px);padding:12px 16px;border-radius:999px;background:#101319;color:#fff;border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.28s ease;z-index:200}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.lightbox{position:fixed;inset:0;background:rgba(4,6,10,.82);backdrop-filter:blur(12px);display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:.28s ease;z-index:500}
.lightbox.open{opacity:1;visibility:visible}
.lightbox-panel{max-width:min(1100px,100%);max-height:100%;display:grid;gap:14px}
.lightbox-panel img{display:block;max-width:100%;max-height:78vh;border-radius:22px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}
.lightbox-caption{text-align:center;color:#d9dde5;font-weight:700;letter-spacing:.06em}
.lightbox-close{position:absolute;top:18px;right:22px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:2rem;cursor:pointer}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .78s ease,transform .78s ease}
.reveal.show{opacity:1;transform:none}
.delay-1{transition-delay:.12s}
.delay-2{transition-delay:.24s}

@media (max-width:1080px){
  .hero-inner,.split,.recruitment-box{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
  .media-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .showcase-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
  .gallery-card.large,.gallery-card.tall,.gallery-card.wide{grid-column:auto;grid-row:span 1}
  .hero-visual{min-height:620px}
  .hero-sigil-card{width:min(280px,100%)}
  .footer-inner{grid-template-columns:1fr;justify-items:start}
  .footer-inner p{text-align:left}
}
@media (max-width:960px){
  .nav-links,.nav-social,.nav-cta{display:none}
  .menu{display:block}
  .nav-links.open{display:flex;position:absolute;top:74px;left:20px;right:20px;flex-direction:column;padding:22px;background:#0a0b0d;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
}
@media (max-width:680px){
  .container{width:min(100% - 28px,1200px)}
  .hero{padding-top:122px}
  .hero h1{font-size:3rem}
  .hero-text{font-size:.98rem}
  .hero-actions{flex-direction:column;align-items:stretch}
  .btn,.nav-cta{width:100%}
  .stats{gap:18px;justify-content:space-between}
  .hero-visual{min-height:unset;padding-bottom:0}
  .visual-frame{padding:16px}
  .hero-visual-meta{gap:10px}
  .hero-sigil-card{width:min(100%,340px);margin-top:2px}
  .visual-topline,.visual-bottomline{font-size:.58rem}
  .hero-logo{width:100%}
  .floating-card{font-size:.58rem;padding:10px 12px}
  .card-one{left:0;bottom:10%}
  .card-two{right:0;top:16%}
  .section{padding:90px 0}
  .value-list,.cards,.gallery-grid{grid-template-columns:1fr}
  .recruitment-box{padding:28px}
  .recruitment-side{justify-items:start}
  .level-badge{width:150px;height:150px}
  .showcase-grid{grid-template-columns:1fr}
  .showcase-frame{min-height:360px}
  .showcase-copy{padding:24px}
}


.tournament-callout{
  background:
    radial-gradient(circle at 18% 50%, rgba(255,35,35,.14), transparent 28%),
    linear-gradient(180deg,#08090c,#0b0d11);
}
.tournament-box{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:32px;
  align-items:center;
  padding:34px;
  border:1px solid rgba(255,70,70,.22);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,45,45,.08),rgba(255,255,255,.025));
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.tournament-box:before{
  content:"";
  position:absolute;
  inset:-30% auto -30% -15%;
  width:45%;
  background:radial-gradient(circle,rgba(255,0,0,.2),transparent 68%);
  filter:blur(20px);
}
.tournament-badge{
  position:relative;
  z-index:1;
  min-height:320px;
  display:grid;
  align-content:center;
  justify-items:center;
  text-align:center;
  gap:16px;
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.1);
  background:
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.55)),
    url('assets/warships-sunset.jpg') center/cover no-repeat;
}
.tournament-badge span{
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.18em;
  color:#ffd1d1;
}
.tournament-badge strong{
  font:900 clamp(1.8rem,3vw,3rem)/1.05 Orbitron,sans-serif;
  text-shadow:0 8px 24px rgba(0,0,0,.55);
}
.tournament-copy{
  position:relative;
  z-index:1;
}
.tournament-copy h2{
  font:800 clamp(2rem,4vw,4rem)/1.05 Orbitron,sans-serif;
  letter-spacing:-.03em;
  margin:14px 0 20px;
}
.tournament-copy p{
  color:#bcc2cc;
  line-height:1.85;
  font-size:1rem;
  max-width:760px;
}
.tournament-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0 24px;
}
.tournament-points span{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  color:#eef2f7;
  font-size:.87rem;
  font-weight:700;
}
@media (max-width:1080px){
  .tournament-box{grid-template-columns:1fr}
}
@media (max-width:680px){
  .tournament-box{padding:20px}
  .tournament-badge{min-height:260px}
}


.application-section{
  background:
    radial-gradient(circle at 15% 15%,rgba(255,40,40,.1),transparent 26%),
    linear-gradient(180deg,#080a0d,#0b0d11);
}
.application-lead{
  color:var(--muted);
  line-height:1.8;
  max-width:760px;
  margin:0 auto;
}
.application-layout{
  display:grid;
  grid-template-columns:1.22fr .78fr;
  gap:22px;
  align-items:start;
}
.application-form,.review-panel{
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.022));
  box-shadow:var(--shadow);
}
.application-form{padding:30px}
.review-panel{padding:30px;position:sticky;top:105px}
.form-status-bar{
  display:flex;
  gap:10px;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:10px 14px;
  margin-bottom:24px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(0,0,0,.24);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
}
.form-status-bar strong{color:#ff7070}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:8px}
.field span{
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  color:#dce1e9;
}
.field input,.field select{
  width:100%;
  min-height:52px;
  padding:0 15px;
  color:#f5f7fb;
  background:#0b0e13;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  outline:none;
  transition:.2s ease;
}
.field select{appearance:auto}
.field input:focus,.field select:focus{
  border-color:rgba(255,55,55,.55);
  box-shadow:0 0 0 3px rgba(255,48,48,.08);
}
.field input::placeholder{color:#646b75}
.upload-zone{
  position:relative;
  min-height:220px;
  margin-top:18px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px dashed rgba(255,80,80,.38);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,45,45,.045),rgba(255,255,255,.02));
  overflow:hidden;
  cursor:pointer;
  transition:.25s ease;
}
.upload-zone:hover{border-color:rgba(255,80,80,.72);background:rgba(255,45,45,.06)}
.upload-zone input{position:absolute;opacity:0;pointer-events:none}
.upload-content{display:grid;justify-items:center;gap:8px;padding:26px}
.upload-icon{
  width:50px;height:50px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  font-size:1.7rem;color:#ff6d6d;
}
.upload-content strong{font:800 1rem Orbitron,sans-serif}
.upload-content span{color:#7f8792;font-size:.82rem}
.image-preview{
  display:none;
  width:100%;
  max-height:360px;
  object-fit:contain;
  background:#07090c;
}
.upload-zone.has-image .image-preview{display:block}
.upload-zone.has-image .upload-content{display:none}
.consent-row{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#9da4ae;
  font-size:.88rem;
  line-height:1.55;
  margin:18px 0;
}
.consent-row input{margin-top:4px;accent-color:#e11}
.submit-application{width:100%;min-height:54px}
.form-message{min-height:22px;margin:14px 0 0;color:#aeb5c0;font-size:.9rem;text-align:center}
.form-message.error{color:#ff7777}
.form-message.success{color:#72e69e}

.review-panel h3{
  font:800 clamp(1.6rem,2.5vw,2.45rem)/1.1 Orbitron,sans-serif;
  margin:14px 0 16px;
}
.review-panel>p{color:var(--muted);line-height:1.75}
.discord-preview{
  margin-top:24px;
  padding:18px;
  border-radius:18px;
  background:#16191f;
  border:1px solid rgba(255,255,255,.08);
}
.discord-preview-head{display:flex;gap:11px;align-items:center}
.discord-bot-mark{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#ff3a3a,#830606);
  font:900 1rem Orbitron,sans-serif;
}
.discord-preview-head>div:last-child{display:grid;gap:3px}
.discord-preview-head strong{font-size:.94rem}
.discord-preview-head span{font-size:.75rem;color:#818995}
.preview-lines{
  display:grid;gap:8px;
  margin:18px 0;
  padding:14px;
  background:#101319;
  border-radius:12px;
}
.preview-lines span{display:flex;justify-content:space-between;gap:14px;font-size:.82rem;color:#9ea6b2}
.preview-lines b{color:#e3e7ed}
.review-actions{display:grid;gap:8px}
.review-demo{
  padding:11px 13px;
  border-radius:9px;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.05em;
  opacity:.95;
  cursor:default;
}
.review-demo.accept{background:#248046;color:#fff}
.review-demo.reject{background:#da373c;color:#fff}
.review-demo.interview{background:#4e5d94;color:#fff}
.review-note{
  display:grid;gap:7px;
  margin-top:18px;
  padding:15px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.review-note strong{font-size:.9rem}
.review-note span{color:#838b96;line-height:1.55;font-size:.82rem}

@media(max-width:1080px){
  .application-layout{grid-template-columns:1fr}
  .review-panel{position:static}
}
@media(max-width:680px){
  .application-form,.review-panel{padding:20px}
  .form-grid{grid-template-columns:1fr}
  .form-status-bar{width:100%;justify-content:center;flex-wrap:wrap}
}


.support-section{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,45,45,.09),transparent 26%),
    linear-gradient(180deg,#07090c,#0c0f13);
}
.support-lead{
  color:var(--muted);
  line-height:1.8;
  max-width:760px;
  margin:0 auto;
}
.support-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.support-card{
  position:relative;
  overflow:hidden;
  min-height:360px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  box-shadow:var(--shadow);
}
.support-card:before{
  content:"";
  position:absolute;
  inset:-20% auto auto -10%;
  width:220px;
  height:220px;
  border-radius:50%;
  filter:blur(60px);
  opacity:.35;
  pointer-events:none;
}
.tournament-support:before{background:#a00000}
.player-support:before{background:#3447a8}
.support-icon{
  position:relative;
  z-index:1;
  width:58px;
  height:58px;
  border-radius:17px;
  display:grid;
  place-items:center;
  margin-bottom:20px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  color:#fff;
}
.support-icon svg{width:1.5rem;height:1.5rem}
.support-tag{
  position:relative;
  z-index:1;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.18em;
  color:#ff8585;
}
.player-support .support-tag{color:#aeb9ff}
.support-card h3{
  position:relative;
  z-index:1;
  font:800 1.45rem Orbitron,sans-serif;
  margin:15px 0 14px;
}
.support-card p{
  position:relative;
  z-index:1;
  color:var(--muted);
  line-height:1.75;
  min-height:122px;
}
.support-card .btn{
  position:relative;
  z-index:1;
}
.support-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:18px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.025);
  color:#8c949f;
  line-height:1.6;
  font-size:.85rem;
}
.support-note strong{color:#e9edf3;white-space:nowrap}
@media(max-width:820px){
  .support-grid{grid-template-columns:1fr}
  .support-note{display:grid}
}


.database-section{
  position:relative;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,35,35,.09),transparent 28%),
    linear-gradient(180deg,#07090c,#0c0f13);
}
.database-lead{
  color:var(--muted);
  line-height:1.8;
  max-width:820px;
  margin:0 auto;
}
.database-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.database-card{
  position:relative;
  min-height:320px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:var(--shadow);
  transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.database-card:before{
  content:"";
  position:absolute;
  width:180px;height:180px;
  right:-70px;top:-70px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,40,40,.18),transparent 70%);
  pointer-events:none;
}
.database-card:hover{
  transform:translateY(-7px);
  border-color:rgba(255,65,65,.36);
  background:linear-gradient(180deg,rgba(255,45,45,.075),rgba(255,255,255,.025));
}
.database-icon{
  width:62px;height:62px;
  display:grid;place-items:center;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  color:#ff7777;
  margin-bottom:22px;
  box-shadow:inset 0 0 24px rgba(255,0,0,.035);
}
.database-icon svg{width:1.75rem;height:1.75rem}
.database-eyebrow{
  font-size:.69rem;
  letter-spacing:.19em;
  font-weight:900;
  color:#8e96a2;
}
.database-card h3{
  font:800 1.35rem Orbitron,sans-serif;
  margin:12px 0;
}
.database-card p{
  color:var(--muted);
  line-height:1.72;
  font-size:.92rem;
  margin:0 0 24px;
}
.database-action{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  color:#f0f3f8;
  font-size:.9rem;
}
.database-action svg{width:1rem;height:1rem;transition:transform .2s ease}
.database-card:hover .database-action svg{transform:translate(2px,-2px)}
.database-card-wide{
  grid-column:span 3;
  min-height:auto;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
}
.database-card-wide .database-icon{margin:0}
.database-card-wide h3{margin:8px 0}
.database-card-wide p{margin:0;max-width:700px}
.database-card-wide .database-action{margin:0}
.database-disclaimer{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-top:20px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.025);
  color:#8e96a2;
  line-height:1.65;
  font-size:.84rem;
}
.database-disclaimer strong{color:#e7ebf0;white-space:nowrap}

@media(max-width:1000px){
  .database-grid{grid-template-columns:1fr 1fr}
  .database-card-wide{grid-column:span 2}
}
@media(max-width:680px){
  .database-grid{grid-template-columns:1fr}
  .database-card-wide{
    grid-column:auto;
    display:flex;
    min-height:300px;
  }
  .database-card-wide .database-icon{margin-bottom:22px}
  .database-card-wide .database-action{margin-top:auto}
  .database-disclaimer{display:grid}
}


.challenge-section{
  background:
    radial-gradient(circle at 88% 10%,rgba(255,38,38,.11),transparent 28%),
    radial-gradient(circle at 10% 60%,rgba(90,0,0,.1),transparent 26%),
    linear-gradient(180deg,#07090c,#0b0e12);
}
.challenge-lead{
  color:var(--muted);
  line-height:1.8;
  max-width:850px;
  margin:0 auto;
}
.challenge-layout{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:22px;
  align-items:start;
}
.challenge-form,.challenge-review{
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.022));
  box-shadow:var(--shadow);
}
.challenge-form{padding:30px}
.challenge-review{padding:30px;position:sticky;top:105px}
.challenge-status{
  display:flex;
  gap:10px;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:10px 14px;
  margin-bottom:26px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(0,0,0,.25);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
}
.challenge-status strong{color:#ff7070}
.challenge-section-title{
  display:flex;
  align-items:center;
  gap:12px;
  margin:28px 0 16px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.challenge-section-title svg{
  width:1.35rem;height:1.35rem;color:#ff6f6f;
}
.challenge-section-title>div{display:grid;gap:3px}
.challenge-section-title strong{font:800 1rem Orbitron,sans-serif}
.challenge-section-title span{color:#808894;font-size:.8rem}
.field-full{grid-column:1/-1}
.field textarea{
  width:100%;
  resize:vertical;
  padding:14px 15px;
  color:#f5f7fb;
  background:#0b0e13;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  outline:none;
  line-height:1.65;
  transition:.2s ease;
}
.field textarea:focus{
  border-color:rgba(255,55,55,.55);
  box-shadow:0 0 0 3px rgba(255,48,48,.08);
}
.field textarea::placeholder{color:#646b75}
.weapon-selector{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.weapon-selector label{cursor:pointer}
.weapon-selector input{position:absolute;opacity:0;pointer-events:none}
.weapon-selector span{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:#0b0e13;
  color:#a9b0ba;
  font-size:.83rem;
  font-weight:700;
  transition:.2s ease;
}
.weapon-selector input:checked + span{
  border-color:rgba(255,65,65,.45);
  background:linear-gradient(180deg,rgba(255,45,45,.11),rgba(255,255,255,.03));
  color:#fff;
  box-shadow:inset 0 0 20px rgba(255,0,0,.035);
}
.multi-upload-zone{
  min-height:170px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px dashed rgba(255,80,80,.38);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,45,45,.045),rgba(255,255,255,.02));
  cursor:pointer;
  overflow:hidden;
  transition:.25s ease;
}
.multi-upload-zone:hover{border-color:rgba(255,80,80,.72)}
.multi-upload-zone input{position:absolute;opacity:0;pointer-events:none}
.multi-upload-content{
  display:grid;
  justify-items:center;
  gap:8px;
  padding:24px;
}
.multi-upload-content strong{font:800 1rem Orbitron,sans-serif}
.multi-upload-content span{color:#7f8792;font-size:.82rem}
.roster-preview{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:12px;
}
.roster-thumb{
  min-width:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  overflow:hidden;
  background:#080a0d;
}
.roster-thumb img{
  width:100%;
  aspect-ratio:1.25/1;
  display:block;
  object-fit:cover;
}
.roster-thumb span{
  display:block;
  padding:7px 8px;
  color:#949ca7;
  font-size:.68rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.challenge-submit{width:100%;min-height:54px}
.challenge-review h3{
  font:800 clamp(1.6rem,2.5vw,2.45rem)/1.1 Orbitron,sans-serif;
  margin:14px 0 16px;
}
.challenge-review>p{color:var(--muted);line-height:1.75}
.challenge-preview-card{
  margin-top:24px;
  padding:18px;
  border-radius:18px;
  background:#15191f;
  border:1px solid rgba(255,255,255,.08);
}
.preview-topline{
  font-size:.69rem;
  letter-spacing:.17em;
  font-weight:900;
  color:#ff7777;
}
.challenge-preview-card h4{
  font:800 1.15rem Orbitron,sans-serif;
  margin:10px 0 16px;
}
.challenge-preview-lines{
  display:grid;
  gap:8px;
  margin-bottom:16px;
  padding:14px;
  background:#101319;
  border-radius:12px;
}
.challenge-preview-lines span{
  display:flex;
  justify-content:space-between;
  gap:14px;
  font-size:.82rem;
  color:#9ea6b2;
}
.challenge-preview-lines b{color:#e3e7ed}
.challenge-side-note{
  display:grid;
  gap:7px;
  margin-top:18px;
  padding:15px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.challenge-side-note strong{font-size:.9rem}
.challenge-side-note span{color:#838b96;line-height:1.55;font-size:.82rem}
.challenge-ticket-link{width:100%;margin-top:14px}

@media(max-width:1080px){
  .challenge-layout{grid-template-columns:1fr}
  .challenge-review{position:static}
}
@media(max-width:760px){
  .weapon-selector{grid-template-columns:1fr 1fr}
  .roster-preview{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .challenge-form,.challenge-review{padding:20px}
  .challenge-status{width:100%;justify-content:center;flex-wrap:wrap}
}

.hero-sigil-card{align-self:center}
.sigil-head strong{font-size:.88rem}
.sigil-foot{font-size:.68rem}


.thanks-section{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,40,40,.10),transparent 24%),
    radial-gradient(circle at 84% 80%,rgba(255,255,255,.03),transparent 20%),
    linear-gradient(180deg,#090b0f,#10131a);
}
.thanks-lead{
  color:var(--muted);
  line-height:1.8;
  max-width:820px;
  margin:0 auto;
}
.thanks-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.thanks-card{
  position:relative;
  min-height:220px;
  padding:24px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  box-shadow:var(--shadow);
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.thanks-card:before{
  content:"";
  position:absolute;
  right:-45px;
  top:-45px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,42,42,.16),transparent 68%);
  pointer-events:none;
}
.thanks-card:hover{
  transform:translateY(-6px);
  border-color:rgba(255,65,65,.34);
  background:linear-gradient(180deg,rgba(255,40,40,.08),rgba(255,255,255,.025));
}
.thanks-badge{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  color:#ff7878;
  margin-bottom:18px;
  box-shadow:inset 0 0 24px rgba(255,0,0,.03);
}
.thanks-badge svg{
  width:1.4rem;
  height:1.4rem;
}
.thanks-role{
  display:inline-block;
  font-size:.68rem;
  letter-spacing:.16em;
  font-weight:900;
  text-transform:uppercase;
  color:#9aa2ad;
}
.thanks-card h3{
  margin:12px 0 10px;
  font:800 1.04rem/1.3 Orbitron,sans-serif;
  word-break:break-word;
}
.thanks-card p{
  margin:0;
  color:var(--muted);
  line-height:1.68;
  font-size:.9rem;
}
@media(max-width:1050px){
  .thanks-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .thanks-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .thanks-grid{grid-template-columns:1fr}
}


.partner-section{
  background:
    radial-gradient(circle at 85% 20%,rgba(255,45,45,.10),transparent 25%),
    linear-gradient(180deg,#080a0e,#0b0e13);
}
.partner-box{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:26px;
  align-items:start;
  padding:38px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,45,45,.065),rgba(255,255,255,.025));
  box-shadow:var(--shadow);
}
.partner-icon{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,50,50,.16),rgba(255,255,255,.04));
  border:1px solid rgba(255,90,90,.18);
  color:#ff7373;
}
.partner-icon svg{width:2rem;height:2rem}
.partner-copy h2{
  font:800 clamp(2rem,4vw,4.1rem)/1.06 Orbitron,sans-serif;
  letter-spacing:-.035em;
  margin:14px 0 20px;
}
.partner-copy p{
  max-width:850px;
  color:var(--muted);
  line-height:1.82;
  font-size:1rem;
}
.partner-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.rules-section{
  background:
    radial-gradient(circle at 12% 12%,rgba(255,35,35,.085),transparent 25%),
    linear-gradient(180deg,#0b0d11,#08090c);
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.04);
}
.rules-lead{
  color:var(--muted);
  line-height:1.8;
  max-width:860px;
  margin:0 auto;
}
.rules-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.rule-card{
  min-height:285px;
  padding:26px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.048),rgba(255,255,255,.018));
  box-shadow:var(--shadow);
}
.rule-icon{
  width:54px;height:54px;
  display:grid;place-items:center;
  border-radius:16px;
  margin-bottom:22px;
  background:rgba(255,55,55,.08);
  border:1px solid rgba(255,80,80,.15);
  color:#ff7373;
}
.rule-icon svg{width:1.45rem;height:1.45rem}
.rule-card h3{
  font:800 1.07rem Orbitron,sans-serif;
  margin:0 0 13px;
}
.rule-card p{
  color:var(--muted);
  line-height:1.72;
  font-size:.9rem;
}
.account-warning{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:20px;
  align-items:center;
  margin-top:22px;
  padding:28px;
  border:1px solid rgba(255,55,55,.32);
  border-radius:24px;
  background:
    radial-gradient(circle at 0% 50%,rgba(190,0,0,.16),transparent 30%),
    linear-gradient(135deg,rgba(255,30,30,.08),rgba(255,255,255,.025));
  box-shadow:0 22px 70px rgba(0,0,0,.35);
}
.account-warning-icon{
  width:72px;height:72px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(255,45,45,.13);
  border:1px solid rgba(255,75,75,.28);
  color:#ff5959;
  box-shadow:0 0 36px rgba(255,0,0,.08);
}
.account-warning-icon svg{width:1.9rem;height:1.9rem}
.account-warning span{
  font-size:.7rem;
  letter-spacing:.17em;
  font-weight:900;
  color:#ff7474;
}
.account-warning h3{
  margin:8px 0 10px;
  font:800 clamp(1.35rem,2.4vw,2.25rem)/1.15 Orbitron,sans-serif;
}
.account-warning p{
  margin:0;
  color:#aeb5bf;
  line-height:1.75;
}
.official-rules-links{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:20px;
  padding:20px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
.official-rules-links>div:first-child{
  display:grid;
  gap:5px;
}
.official-rules-links strong{color:#edf1f6}
.official-rules-links span{color:#8f97a3;font-size:.85rem;line-height:1.5}
.official-rule-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

@media(max-width:1080px){
  .rules-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .partner-box{grid-template-columns:1fr;padding:26px}
  .partner-icon{width:66px;height:66px}
  .rules-grid{grid-template-columns:1fr}
  .account-warning{grid-template-columns:1fr}
  .official-rules-links{display:grid}
}


.telegram-icon:hover{
  border-color:rgba(60,170,255,.45);
  box-shadow:0 0 24px rgba(45,160,255,.10);
}
.media-icon.telegram{
  background:rgba(45,160,255,.12);
  color:#7dc7ff;
}
.telegram-btn:hover{
  border-color:rgba(45,160,255,.45);
  box-shadow:0 0 0 1px rgba(45,160,255,.10) inset;
}
@media(min-width:1081px){
  .media-grid{grid-template-columns:repeat(4,1fr)}
}


/* REDSKY Twitch profile picker */
button.icon-btn,
button.btn,
button.media-link,
button.twitch-social-trigger,
button.footer-twitch-trigger{
  font:inherit;
}
button.icon-btn,
button.btn,
button.media-link,
button.twitch-social-trigger,
button.footer-twitch-trigger{
  cursor:pointer;
}
button.icon-btn,
button.footer-twitch-trigger{
  appearance:none;
  -webkit-appearance:none;
}
.twitch-social-trigger{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:#dbe0e8;
  font-size:.92rem;
  transition:.25s ease;
}
.twitch-social-trigger:hover{
  transform:translateY(-2px);
  border-color:rgba(159,103,255,.42);
}
.footer-twitch-trigger{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:#dbe0e8;
}
.footer-twitch-trigger svg{width:1.05rem;height:1.05rem}

.twitch-picker{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:20px;
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
}
.twitch-picker.is-open{
  opacity:1;
  visibility:visible;
}
.twitch-picker-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(1,2,5,.78);
  backdrop-filter:blur(10px);
  cursor:pointer;
}
.twitch-picker-panel{
  position:relative;
  z-index:2;
  width:min(100%,520px);
  padding:26px;
  border-radius:28px;
  border:1px solid rgba(180,120,255,.24);
  background:
    radial-gradient(circle at 100% 0%,rgba(145,70,255,.16),transparent 35%),
    linear-gradient(180deg,rgba(18,20,28,.98),rgba(9,10,15,.98));
  box-shadow:0 32px 100px rgba(0,0,0,.66),0 0 50px rgba(145,70,255,.08);
  transform:translateY(14px) scale(.98);
  transition:transform .22s ease;
}
.twitch-picker.is-open .twitch-picker-panel{
  transform:translateY(0) scale(1);
}
.twitch-picker-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.twitch-picker-head span{
  display:block;
  margin-bottom:7px;
  color:#bf91ff;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.17em;
}
.twitch-picker-head h2{
  margin:0;
  font:800 clamp(1.35rem,4vw,2rem)/1.15 Orbitron,sans-serif;
}
.twitch-picker-close{
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.045);
  color:#fff;
  font-size:1.45rem;
  cursor:pointer;
  transition:.2s ease;
}
.twitch-picker-close:hover{
  background:rgba(145,70,255,.14);
  border-color:rgba(190,140,255,.3);
}
.twitch-picker-lead{
  margin:14px 0 20px;
  color:#9ca4b0;
  line-height:1.7;
  font-size:.92rem;
}
.twitch-profile-list{
  display:grid;
  gap:11px;
}
.twitch-profile-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding:15px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#fff;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.twitch-profile-card:hover{
  transform:translateX(4px);
  border-color:rgba(175,110,255,.34);
  background:rgba(145,70,255,.08);
}
.twitch-profile-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(145,70,255,.22),rgba(255,255,255,.04));
  border:1px solid rgba(190,140,255,.18);
  color:#c79cff;
}
.twitch-profile-icon svg{width:1.35rem;height:1.35rem}
.twitch-profile-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.twitch-profile-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:800 .98rem Orbitron,sans-serif;
}
.twitch-profile-copy span{
  color:#929aa6;
  font-size:.84rem;
}
.twitch-profile-open{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.04);
  color:#bfa0ee;
}
.twitch-profile-open svg{width:1rem;height:1rem}

body.twitch-picker-open{
  overflow:hidden;
}
@media(max-width:560px){
  .twitch-picker{padding:14px}
  .twitch-picker-panel{padding:20px;border-radius:23px}
  .twitch-profile-card{padding:13px}
}


/* Elite roster */
.elite-section{
  background:
    radial-gradient(circle at top left, rgba(137,78,255,.10), transparent 30%),
    radial-gradient(circle at bottom right, rgba(255,110,44,.08), transparent 30%);
}
.elite-lead{
  max-width: 860px;
  margin: 0 auto;
  color: var(--muted);
}
.elite-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:36px 0 42px;
}
.elite-summary-card{
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
  border-radius:22px;
  padding:22px 20px;
  text-align:center;
  box-shadow: var(--shadow-soft);
}
.elite-summary-card strong{
  display:block;
  font: 800 clamp(1.5rem,4vw,2.2rem)/1 Orbitron, sans-serif;
  color:var(--text);
}
.elite-summary-card span{
  color:var(--muted);
  font-size:.92rem;
}
.elite-group{
  margin-top:28px;
  padding:26px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.015));
  box-shadow: var(--shadow-soft);
}
.elite-group + .elite-group{ margin-top:24px; }
.elite-group-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
  flex-wrap:wrap;
}
.elite-group-head p{
  margin:0;
  max-width:520px;
  color:var(--muted);
}
.elite-group-title{
  display:flex;
  align-items:center;
  gap:14px;
}
.elite-group-title img{
  width:72px;
  height:72px;
  object-fit:contain;
  padding:8px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
.elite-group-title span{
  display:block;
  color:var(--muted);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:4px;
}
.elite-group-title h3{
  margin:0;
  font: 800 clamp(1.2rem,2vw,1.8rem)/1.1 Orbitron, sans-serif;
}
.elite-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.elite-player-card{
  position:relative;
  overflow:hidden;
  min-height:162px;
  border-radius:22px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    rgba(7,10,16,.92);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.elite-player-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 18px 40px rgba(0,0,0,.34);
}
.elite-player-card::after{
  content:'';
  position:absolute;
  inset:auto -18% -38% auto;
  width:120px;
  height:120px;
  border-radius:999px;
  filter:blur(10px);
  opacity:.22;
}
.elite-player-card:has(.legend)::after{ background:rgba(158,87,255,.6); }
.elite-player-card:has(.hero-rank)::after{ background:rgba(255,139,46,.6); }
.elite-player-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}
.elite-rank-icon{
  width:60px;
  height:60px;
  border-radius:16px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.03);
  flex:0 0 60px;
}
.elite-rank-icon.legend{
  background:radial-gradient(circle at 50% 35%, rgba(189,104,255,.26), rgba(255,255,255,.03) 65%);
}
.elite-rank-icon.hero-rank{
  background:radial-gradient(circle at 50% 35%, rgba(255,163,54,.28), rgba(255,255,255,.03) 65%);
}
.elite-rank-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:6px;
}
.elite-rank-copy{
  text-align:right;
}
.elite-rank-copy span{
  display:block;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted);
}
.elite-rank-copy strong{
  font: 800 1rem/1 Orbitron, sans-serif;
}
.elite-player-card h3{
  margin:0 0 8px;
  font: 800 1.08rem/1.15 Orbitron, sans-serif;
}
.elite-player-card p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
}
@media (max-width: 1180px){
  .elite-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 860px){
  .elite-summary{ grid-template-columns:1fr; }
  .elite-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px){
  .elite-group{ padding:18px; }
  .elite-grid{ grid-template-columns:1fr; }
  .elite-player-card{ min-height:unset; }
}


/* V57 explicit hero grid fixes */
.heroes-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
}
.hero-card{
  position:relative;
  overflow:hidden;
  min-height:162px !important;
  border-radius:22px;
  padding:16px !important;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    rgba(7,10,16,.92);
  display:block !important;
}
.hero-card .elite-player-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:14px !important;
}
.hero-card .elite-rank-icon{
  width:60px !important;
  height:60px !important;
  min-width:60px !important;
  min-height:60px !important;
  flex:0 0 60px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:16px !important;
}
.hero-card .elite-rank-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:6px !important;
  display:block !important;
}
.hero-card .elite-rank-copy{
  text-align:right !important;
}
.hero-card h3{
  margin:0 0 8px !important;
  font:800 1.08rem/1.15 Orbitron, sans-serif !important;
}
.hero-card p{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:.92rem !important;
}
@media (max-width: 1180px){
  .heroes-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width: 860px){
  .heroes-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 560px){
  .heroes-grid{ grid-template-columns:1fr !important; }
}


/* V58 icon normalization so Heroes exactly match Legends */
.elite-rank-icon img{
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  object-fit:contain !important;
  padding:0 !important;
  display:block !important;
}
.elite-rank-icon{
  align-items:center !important;
  justify-items:center !important;
}


/* V59 force Heroes cards to use the exact same layout as Legends */
.elite-grid-unified{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;}
.elite-grid-unified > .elite-player-card{position:relative !important;overflow:hidden !important;min-height:162px !important;border-radius:22px !important;padding:16px !important;border:1px solid rgba(255,255,255,.08) !important;background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)), rgba(7,10,16,.92) !important;display:block !important;}
.elite-grid-unified > .elite-player-card .elite-player-top{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;margin-bottom:14px !important;}
.elite-grid-unified > .elite-player-card .elite-rank-icon{width:60px !important;height:60px !important;min-width:60px !important;min-height:60px !important;flex:0 0 60px !important;display:grid !important;place-items:center !important;overflow:hidden !important;border-radius:16px !important;border:1px solid rgba(255,255,255,.1) !important;background:rgba(255,255,255,.03) !important;}
.elite-grid-unified > .elite-player-card .elite-rank-icon.hero-rank{background:radial-gradient(circle at 50% 35%, rgba(255,163,54,.28), rgba(255,255,255,.03) 65%) !important;}
.elite-grid-unified > .elite-player-card .elite-rank-icon img{width:48px !important;height:48px !important;max-width:48px !important;max-height:48px !important;object-fit:contain !important;padding:0 !important;display:block !important;}
.elite-grid-unified > .elite-player-card .elite-rank-copy{text-align:right !important;}
.elite-grid-unified > .elite-player-card .elite-rank-copy span{display:block !important;font-size:.82rem !important;text-transform:uppercase !important;letter-spacing:.12em !important;color:var(--muted) !important;}
.elite-grid-unified > .elite-player-card .elite-rank-copy strong{font:800 1rem/1 Orbitron, sans-serif !important;}
.elite-grid-unified > .elite-player-card h3{margin:0 0 8px !important;font:800 1.08rem/1.15 Orbitron, sans-serif !important;}
.elite-grid-unified > .elite-player-card p{margin:0 !important;color:var(--muted) !important;font-size:.92rem !important;}
.elite-grid-unified > .elite-player-card::after{content:"" !important;position:absolute !important;inset:auto -18% -38% auto !important;width:120px !important;height:120px !important;border-radius:999px !important;filter:blur(10px) !important;opacity:.22 !important;background:rgba(255,139,46,.6) !important;}
@media (max-width:1180px){.elite-grid-unified{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media (max-width:860px){.elite-grid-unified{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:560px){.elite-grid-unified{grid-template-columns:1fr !important;}}


/* V60 definitive elite card normalization */
.elite-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;}
.elite-player-card{position:relative !important;overflow:hidden !important;min-height:162px !important;border-radius:22px !important;padding:16px !important;border:1px solid rgba(255,255,255,.08) !important;background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)), rgba(7,10,16,.92) !important;display:block !important;}
.elite-player-top{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;margin-bottom:14px !important;}
.elite-rank-icon{width:60px !important;height:60px !important;min-width:60px !important;min-height:60px !important;flex:0 0 60px !important;display:grid !important;place-items:center !important;overflow:hidden !important;border-radius:16px !important;border:1px solid rgba(255,255,255,.1) !important;background:rgba(255,255,255,.03) !important;}
.elite-rank-icon.legend{background:radial-gradient(circle at 50% 35%, rgba(189,104,255,.26), rgba(255,255,255,.03) 65%) !important;}
.elite-rank-icon.hero-rank{background:radial-gradient(circle at 50% 35%, rgba(255,163,54,.28), rgba(255,255,255,.03) 65%) !important;}
.elite-rank-icon img{width:48px !important;height:48px !important;max-width:48px !important;max-height:48px !important;object-fit:contain !important;display:block !important;padding:0 !important;}
.elite-rank-copy{text-align:right !important;}
.elite-rank-copy span{display:block !important;font-size:.82rem !important;text-transform:uppercase !important;letter-spacing:.12em !important;color:var(--muted) !important;}
.elite-rank-copy strong{font:800 1rem/1 Orbitron, sans-serif !important;}
.elite-player-card h3{margin:0 0 8px !important;font:800 1.08rem/1.15 Orbitron, sans-serif !important;}
.elite-player-card p{margin:0 !important;color:var(--muted) !important;font-size:.92rem !important;}
.hero-card,.heroes-grid,.elite-grid-unified{all:unset !important;}
@media (max-width:1180px){.elite-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media (max-width:860px){.elite-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:560px){.elite-grid{grid-template-columns:1fr !important;}}


/* V62 — FIX: avoid collision with global .hero homepage class */
.elite-rank-icon.hero-rank{
  width:60px !important;
  height:60px !important;
  min-width:60px !important;
  min-height:60px !important;
  flex:0 0 60px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  background:radial-gradient(circle at 50% 35%, rgba(255,163,54,.28), rgba(255,255,255,.03) 65%) !important;
  padding:0 !important;
  margin:0 !important;
}
.elite-rank-icon.hero-rank img{
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  object-fit:contain !important;
  padding:0 !important;
  margin:0 !important;
}
.elite-player-card:has(.hero-rank)::after{
  background:rgba(255,139,46,.6) !important;
}


/* V65 language picker */
.language-picker{position:relative;margin-left:auto}
.language-button{
  height:42px;min-width:64px;padding:0 13px;border-radius:13px;
  border:1px solid rgba(255,255,255,.12);background:rgba(8,10,14,.78);
  color:#fff;font:800 .78rem/1 Orbitron,sans-serif;letter-spacing:.08em;
  display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;
}
.language-button:hover{border-color:rgba(255,75,75,.45);background:rgba(18,13,16,.92)}
.language-chevron{font-size:.7rem;opacity:.7}
.language-menu{
  position:absolute;right:0;top:50px;z-index:80;width:160px;padding:8px;
  border:1px solid rgba(255,255,255,.12);border-radius:16px;
  background:rgba(6,8,12,.97);box-shadow:0 18px 45px rgba(0,0,0,.45);
  backdrop-filter:blur(18px);display:none;
}
.language-menu.open{display:grid}
.language-menu button{
  border:0;background:transparent;color:#dce1e8;text-align:left;
  padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:700;
}
.language-menu button:hover,.language-menu button.active{background:rgba(225,26,42,.14);color:#fff}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .language-menu{right:auto;left:0}
html[dir="rtl"] .nav-links,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .social-strip{direction:rtl}
html[dir="rtl"] .elite-rank-copy{text-align:left !important}

/* V65 official news */
.news-section{
  background:
    radial-gradient(circle at 10% 10%,rgba(191,17,35,.12),transparent 30%),
    linear-gradient(180deg,rgba(8,10,14,.96),rgba(4,6,9,.99));
}
.news-lead{max-width:820px;margin:14px auto 0;color:var(--muted);line-height:1.8}
.news-source-note{
  margin:28px 0 22px;padding:18px 20px;border:1px solid rgba(255,255,255,.09);
  border-radius:20px;background:rgba(255,255,255,.025);display:grid;
  grid-template-columns:auto 1fr auto;gap:14px;align-items:center;
}
.news-source-note p{margin:5px 0 0;color:var(--muted);font-size:.9rem;line-height:1.6}
.news-status-dot{width:10px;height:10px;border-radius:50%;background:#ff3546;box-shadow:0 0 18px rgba(255,53,70,.8)}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.news-card{
  min-height:220px;padding:20px;border-radius:22px;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),rgba(7,10,15,.94);
  display:flex;flex-direction:column;
}
.news-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;bottom:-55px;background:rgba(208,22,38,.2);filter:blur(16px)}
.news-meta{font-size:.7rem;font-weight:900;letter-spacing:.14em;color:#ff7882;text-transform:uppercase}
.news-date{display:block;color:#8f98a6;font-size:.8rem;margin-top:8px}
.news-card h3{margin:18px 0 12px;font:800 1.14rem/1.3 Orbitron,sans-serif;position:relative;z-index:1}
.news-card p{margin:0 0 20px;color:var(--muted);line-height:1.65;font-size:.9rem;position:relative;z-index:1}
.news-card a{margin-top:auto;align-self:flex-start;color:#fff;font-weight:800;text-decoration:none;position:relative;z-index:2}
.news-card a:hover{color:#ff6d78}
.news-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}
.news-footer p{margin:0;color:var(--muted);font-size:.86rem}
.news-loading{grid-column:1/-1;min-height:150px}
@media(max-width:980px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .language-picker{margin-left:0}
  .news-grid{grid-template-columns:1fr}
  .news-source-note{grid-template-columns:auto 1fr}
  .news-source-note .btn{grid-column:1/-1}
  .news-footer{align-items:stretch;flex-direction:column}
}


/* V66 pre-public QA */
.footer-legal{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#9ba1ab;font-size:.82rem}
.footer-legal a{color:#cdd2da;transition:.2s ease}.footer-legal a:hover{color:#fff}
.legal-consent a{color:#ff7a84;text-decoration:underline;text-underline-offset:2px}.legal-consent a:hover{color:#fff}
@media(max-width:680px){.footer-legal{width:100%}.language-button{height:40px;min-width:58px;padding:0 10px}}


/* V67 — FINAL ELITE NORMALIZATION
   Hero and Legend cards share the exact same geometry, spacing, typography,
   icon box, icon image size and responsive behavior. Only rank accent differs. */
#elite .elite-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
}
#elite .elite-player-card{
  box-sizing:border-box !important;
  position:relative !important;
  overflow:hidden !important;
  width:auto !important;
  min-width:0 !important;
  min-height:162px !important;
  height:auto !important;
  padding:16px !important;
  margin:0 !important;
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),
    rgba(7,10,16,.92) !important;
  display:block !important;
}
#elite .elite-player-top{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:60px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 0 14px !important;
  padding:0 !important;
}
#elite .elite-rank-icon,
#elite .elite-rank-icon.legend,
#elite .elite-rank-icon.hero-rank{
  box-sizing:border-box !important;
  width:60px !important;
  height:60px !important;
  min-width:60px !important;
  min-height:60px !important;
  max-width:60px !important;
  max-height:60px !important;
  flex:0 0 60px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}
#elite .elite-rank-icon.legend{
  background:radial-gradient(circle at 50% 35%,rgba(189,104,255,.26),rgba(255,255,255,.03) 65%) !important;
}
#elite .elite-rank-icon.hero-rank{
  background:radial-gradient(circle at 50% 35%,rgba(255,163,54,.28),rgba(255,255,255,.03) 65%) !important;
}
#elite .elite-rank-icon img,
#elite .elite-rank-icon.legend img,
#elite .elite-rank-icon.hero-rank img{
  box-sizing:border-box !important;
  display:block !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
}
#elite .elite-rank-copy{
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  text-align:right !important;
}
#elite .elite-rank-copy span{
  display:block !important;
  margin:0 0 4px !important;
  padding:0 !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:.82rem !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
}
#elite .elite-rank-copy strong{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Orbitron,Inter,sans-serif !important;
  font-size:1rem !important;
  font-weight:800 !important;
  line-height:1 !important;
}
#elite .elite-player-card > h3{
  min-height:1.3em !important;
  margin:0 0 8px !important;
  padding:0 !important;
  font-family:Orbitron,Inter,system-ui,sans-serif !important;
  font-size:1.08rem !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
}
#elite .elite-player-card > p{
  margin:0 !important;
  padding:0 !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:.92rem !important;
  font-weight:400 !important;
  line-height:1.4 !important;
  color:var(--muted) !important;
}
#elite .elite-group-title > img{
  box-sizing:border-box !important;
  width:72px !important;
  height:72px !important;
  min-width:72px !important;
  min-height:72px !important;
  max-width:72px !important;
  max-height:72px !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:8px !important;
  margin:0 !important;
}
@media(max-width:1180px){
  #elite .elite-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:860px){
  #elite .elite-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:560px){
  #elite .elite-grid{grid-template-columns:1fr !important;}
  #elite .elite-player-card{min-height:162px !important;}
}


/* V68 YouTube channel picker */
.youtube-profile-icon{
  background:rgba(255,0,0,.12) !important;
  color:#ff5454 !important;
}
.youtube-profile-card:hover{
  border-color:rgba(255,84,84,.38) !important;
  box-shadow:0 16px 34px rgba(110,0,0,.18) !important;
}
.youtube-social-trigger,
.footer-youtube-trigger{
  appearance:none;
  border:0;
  font:inherit;
  color:inherit;
  cursor:pointer;
}
.youtube-social-trigger{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:transparent;
  padding:0;
}
.footer-youtube-trigger{
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:transparent;
}
body.youtube-picker-open{overflow:hidden}


/* V69 Elite roster filters */
.elite-filter-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.elite-filter{appearance:none;cursor:pointer;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.elite-filter:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16)}
.elite-filter.is-active{border-color:rgba(255,77,90,.45);box-shadow:0 0 0 1px rgba(255,77,90,.12) inset,0 14px 30px rgba(0,0,0,.18);background:linear-gradient(180deg,rgba(255,77,90,.08),rgba(255,255,255,.02))}
.elite-group[hidden]{display:none !important}
@media(max-width:860px){.elite-filter-bar{grid-template-columns:1fr}}


/* V70 Giveaway */
.giveaway-section{
  position:relative;
  background:
    radial-gradient(circle at 75% 30%,rgba(255,35,58,.13),transparent 28%),
    radial-gradient(circle at 20% 80%,rgba(140,26,255,.09),transparent 30%),
    linear-gradient(180deg,#07090d,#040609);
}
.giveaway-shell{
  border:1px solid rgba(255,255,255,.09);
  border-radius:30px;
  padding:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
  box-shadow:0 30px 80px rgba(0,0,0,.28);
}
.giveaway-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
  flex-wrap:wrap;
}
.giveaway-head h2{
  margin:10px 0 8px;
  font:800 clamp(2rem,4vw,3.6rem)/1 Orbitron,sans-serif;
}
.giveaway-head p{
  margin:0;
  color:var(--muted);
  max-width:720px;
  line-height:1.7;
}
.giveaway-live-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:40px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  color:#aab1bd;
  background:rgba(255,255,255,.025);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.11em;
}
.giveaway-live-badge.is-live{
  color:#fff;
  border-color:rgba(255,52,69,.34);
  background:rgba(196,15,34,.12);
  box-shadow:0 0 30px rgba(255,27,48,.12);
}
.giveaway-live-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#59606b;
}
.giveaway-live-badge.is-live .giveaway-live-dot{
  background:#ff3347;
  box-shadow:0 0 16px rgba(255,51,71,.95);
  animation:giveawayPulse 1.4s infinite;
}
@keyframes giveawayPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.72);opacity:.5}
}
.giveaway-feature{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:28px;
  align-items:stretch;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(5,8,12,.94);
}
.giveaway-visual{
  min-height:330px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(180,15,31,.2),rgba(40,0,58,.12)),
    radial-gradient(circle at center,rgba(255,45,66,.15),transparent 56%);
}
.giveaway-glow{
  position:absolute;
  width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,31,53,.26),transparent 66%);
  filter:blur(18px);
}
.giveaway-icon-wrap{
  position:relative;
  z-index:2;
  width:150px;height:150px;
  display:grid;place-items:center;
  border-radius:34px;
  font-size:5.2rem;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:0 24px 70px rgba(0,0,0,.36);
}
.giveaway-content{
  padding:30px 30px 28px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.giveaway-eyebrow{
  font-size:.72rem;
  color:#ff7783;
  font-weight:900;
  letter-spacing:.16em;
}
.giveaway-content h3{
  margin:12px 0 14px;
  font:800 clamp(1.65rem,3vw,2.6rem)/1.12 Orbitron,sans-serif;
}
.giveaway-content > p{
  color:var(--muted);
  line-height:1.75;
  margin:0;
  max-width:780px;
}
.giveaway-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:24px 0;
}
.giveaway-meta > div{
  min-height:82px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.02);
}
.giveaway-meta span{
  display:block;
  color:#858e9b;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:8px;
}
.giveaway-meta strong{
  display:block;
  color:#fff;
  font-size:.94rem;
}
.giveaway-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.giveaway-enter-btn.is-disabled{
  opacity:.42;
  pointer-events:none;
  filter:grayscale(.4);
}
.giveaway-note{
  margin-top:16px;
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:15px 17px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.018);
}
.giveaway-note strong{white-space:nowrap}
.giveaway-note p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
  font-size:.9rem;
}
@media(max-width:900px){
  .giveaway-feature{grid-template-columns:1fr}
  .giveaway-visual{min-height:220px}
  .giveaway-content{padding:0 22px 24px}
}
@media(max-width:620px){
  .giveaway-shell{padding:18px}
  .giveaway-meta{grid-template-columns:1fr}
  .giveaway-actions{flex-direction:column}
  .giveaway-actions .btn{width:100%;justify-content:center}
  .giveaway-note{flex-direction:column}
}


/* V71 creator credit */
.site-credit{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:#8f97a4;
  font-size:.82rem;
  letter-spacing:.02em;
}
.site-credit strong{
  color:#fff;
  font-family:Orbitron,Inter,sans-serif;
  font-size:.84rem;
  font-weight:800;
  letter-spacing:.04em;
}
.site-credit strong::after{
  content:"";
  display:inline-block;
  width:5px;
  height:5px;
  margin-left:8px;
  border-radius:50%;
  background:#d31f32;
  box-shadow:0 0 10px rgba(211,31,50,.65);
  vertical-align:middle;
}


/* V72 community status strip */
.community-status-strip{padding:0 0 18px;background:#05070a}
.status-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.status-pill{
  min-height:58px;padding:12px 14px;border-radius:15px;border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);display:flex;align-items:center;gap:9px;min-width:0;
}
.status-pill .status-dot{width:8px;height:8px;border-radius:50%;background:#5f6976;flex:0 0 auto}
.status-pill span:nth-child(2){color:#8f98a5;font-size:.76rem}
.status-pill strong{margin-left:auto;color:#fff;font-size:.73rem;letter-spacing:.07em;text-align:right}
.status-pill.status-open .status-dot{background:#40db8b;box-shadow:0 0 12px rgba(64,219,139,.65)}
#giveawayStatusPill.is-live .status-dot{background:#ff3347;box-shadow:0 0 12px rgba(255,51,71,.75)}

/* V72 Events */
.events-section{
  background:linear-gradient(180deg,#05070a,#07090d);
}
.events-lead,.achievements-lead{max-width:820px;margin:12px auto 0;color:var(--muted);line-height:1.75}
.events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.event-card{
  display:flex;gap:16px;min-height:210px;padding:20px;border-radius:22px;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);
}
.event-card.featured-event{
  grid-column:span 2;
  background:
    radial-gradient(circle at 90% 10%,rgba(207,25,43,.14),transparent 32%),
    rgba(255,255,255,.03);
}
.event-date-box{
  width:76px;height:76px;flex:0 0 76px;border-radius:17px;display:grid;place-items:center;
  align-content:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)
}
.event-date-box span{font:800 .85rem/1 Orbitron,sans-serif;color:#fff}
.event-date-box strong{margin-top:7px;font-size:.64rem;letter-spacing:.1em;color:#ff6673}
.event-card-copy{display:flex;flex-direction:column;min-width:0}
.event-type{font-size:.68rem;letter-spacing:.13em;color:#ff7480;font-weight:900}
.event-card h3{margin:10px 0 9px;font:800 1.1rem/1.25 Orbitron,sans-serif}
.event-card p{margin:0;color:var(--muted);line-height:1.65;font-size:.9rem}
.event-card a{margin-top:auto;padding-top:14px;color:#fff;font-weight:800;text-decoration:none}
.event-card a:hover{color:#ff6d78}
.event-meta-row{margin-top:auto;padding-top:15px;display:flex;gap:14px;flex-wrap:wrap;color:#9ba3af;font-size:.78rem}

/* V72 Achievements */
.achievements-section{
  background:
    radial-gradient(circle at 20% 20%,rgba(92,27,160,.11),transparent 28%),
    #05070a;
}
.achievements-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.achievement-card{
  min-height:215px;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
}
.achievement-number{
  display:block;margin-bottom:20px;
  font:900 clamp(1.8rem,3vw,3rem)/1 Orbitron,sans-serif;
  background:linear-gradient(90deg,#fff,#ff6a76);-webkit-background-clip:text;color:transparent;
}
.achievement-card h3{margin:0 0 10px;font:800 1rem/1.25 Orbitron,sans-serif}
.achievement-card p{margin:0;color:var(--muted);line-height:1.65;font-size:.88rem}

/* V72 FAQ */
.faq-section{background:linear-gradient(180deg,#07090d,#040609)}
.faq-list{max-width:920px;margin:28px auto 0;display:grid;gap:12px}
.faq-item{
  border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025);
  overflow:hidden;
}
.faq-item summary{
  list-style:none;cursor:pointer;padding:18px 20px;font-weight:800;color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.3rem;color:#ff6d78}
.faq-item[open] summary::after{content:"–"}
.faq-item p{margin:0;padding:0 20px 18px;color:var(--muted);line-height:1.7}

@media(max-width:1050px){
  .status-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .events-grid{grid-template-columns:1fr 1fr}
  .event-card.featured-event{grid-column:1/-1}
  .achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .status-strip-grid{grid-template-columns:1fr}
  .events-grid{grid-template-columns:1fr}
  .event-card.featured-event{grid-column:auto}
  .event-card{flex-direction:column}
  .achievements-grid{grid-template-columns:1fr}
}

/* V73 splash fail-safe: if JavaScript is blocked or fails, intro still disappears. */
#intro.intro {
  animation: redskyIntroFallback 0.55s ease 2.6s forwards;
}
#intro.intro.hide {
  animation: none;
}
@keyframes redskyIntroFallback {
  to {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}