@charset "UTF-8";
@import url('nprogress.css');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&family=Share+Tech+Mono&display=swap');

/* ─── TOKENS ─── */
:root {
  --bg:      #03010a;
  --neon-r:  #ff0a54;
  --neon-c:  #00f5ff;
  --text-0:  #f5f0ff;
  --text-1:  rgba(245,240,255,.86);
  --text-2:  rgba(245,240,255,.55);
  --fhero:   'Bebas Neue', sans-serif;
  --fui:     'Inter', sans-serif;
  --fmono:   'Share Tech Mono', monospace;
}

/* ─── BASE ─── */
html, body { min-width: 960px; }
body {
  font-family: var(--fui);
  font-size: 14px;
  color: var(--text-0);
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 80% 40% at 50% -8%, rgba(255,10,84,.13), transparent),
    radial-gradient(ellipse 55% 28% at 82% 108%, rgba(0,245,255,.08), transparent);
  overflow-x: hidden;
}
body::before {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background: repeating-linear-gradient(0deg, transparent 0, transparent 2px, rgba(0,0,0,.045) 2px, rgba(0,0,0,.045) 4px);
}
a { text-decoration:none; cursor:pointer; color:inherit; }
a:active, a:visited { color:inherit; }

/* ─── LAYOUT ─── */
.all {
  width:960px; margin:0 auto;
  padding-top: 36px;   /* só nav — tagline agora é normal no fluxo */
  position:relative; z-index:1;
}
section {
  display:table; position:relative; width:960px;
  padding:32px 22px 70px;
  box-sizing:border-box;
  background: linear-gradient(180deg, rgba(11,7,20,.98), rgba(4,2,10,.99));
  border:1px solid rgba(255,10,84,.24);
  border-top:2px solid var(--neon-r);
  border-radius:0 0 16px 16px;
  box-shadow: 0 0 80px rgba(255,10,84,.07), 0 0 200px rgba(0,0,0,.9), inset 0 0 50px rgba(0,0,0,.8);
}
section::before, section::after {
  content:""; position:absolute; width:28px; height:28px;
  border-color:var(--neon-r); border-style:solid; pointer-events:none; z-index:2;
}
section::before { top:-1px; left:-1px; border-width:2px 0 0 2px; border-radius:2px 0 0 0; }
section::after  { top:-1px; right:-1px; border-width:2px 2px 0 0; border-radius:0 2px 0 0; }

aside   { width:252px; display:table; float:left; }
article { position:relative; float:left; width:638px; padding:0 0 0 24px; }
.ctt    { display:block; }

/* ═══════════════════════════════════════════
   NAV — FIXO 76px — redesign profissional
   ═══════════════════════════════════════════ */
.nav-rave {
  position:fixed; top:0; left:0; right:0; z-index:9000;
  height:76px;
  background:
    linear-gradient(180deg,
      rgba(10,4,22,.99) 0%,
      rgba(6,2,14,.99) 100%
    );
  border-bottom:1px solid rgba(255,10,84,.22);
  box-shadow:
    0 1px 0 rgba(255,10,84,.08),
    0 4px 60px rgba(0,0,0,.9),
    0 8px 30px rgba(255,10,84,.06);
  backdrop-filter:blur(28px);
  -webkit-backdrop-filter:blur(28px);
}

/* brilho neon na base */
.nav-rave::after {
  content:""; position:absolute; bottom:0; left:0; right:0; height:1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,10,84,.6) 20%,
    rgba(0,245,255,.8) 50%,
    rgba(255,10,84,.6) 80%,
    transparent 100%
  );
  animation: navLine 5s ease-in-out infinite;
}
@keyframes navLine {
  0%,100% { opacity:.25; } 50% { opacity:.9; }
}

/* reflexo sutil embaixo da linha neon */
.nav-rave::before {
  content:""; position:absolute; bottom:-3px; left:10%; right:10%; height:4px;
  background: linear-gradient(90deg, transparent, rgba(255,10,84,.12), rgba(0,245,255,.10), transparent);
  filter:blur(4px); pointer-events:none;
}

.nav-inner {
  width:960px; margin:0 auto; height:76px;
  display:flex; align-items:center; padding:0 6px; gap:0;
}

/* ── LOGO ── */
.nav-logo {
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  flex-shrink:0; text-decoration:none;
  padding-right:12px; margin-right:12px;
  border-right:1px solid rgba(255,10,84,.18);
  gap:3px;
}
.logo-line1 {
  display:flex; align-items:center; gap:0;
  font-family:var(--fhero); font-size:33px; letter-spacing:1px; line-height:1;
}
.logo-line1 .lmu   { color:#fff; text-shadow:0 0 16px rgba(255,255,255,.18); }
.logo-line1 .lrave {
  background:linear-gradient(90deg,#ff3a6e,#c084fc,#00f5ff);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 8px rgba(255,10,84,.4));
}
.logo-line1 .lsep {
  display:inline-block; width:5px; height:5px; border-radius:50%;
  margin-left:5px; margin-bottom:2px;
  background:var(--neon-r);
  box-shadow:0 0 8px var(--neon-r), 0 0 18px rgba(255,10,84,.5);
  animation: dotPulse 2s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes dotPulse {
  0%,100% { transform:scale(1); }
  50%      { transform:scale(2); box-shadow:0 0 14px var(--neon-r),0 0 28px rgba(255,10,84,.5); }
}
.logo-line2 {
  font-family:var(--fmono); font-size:14px; letter-spacing:1px;
  color:rgba(0,245,255,.55); text-transform:uppercase;
}

/* ── NAV LINKS — estilo premium ── */
.nav-links { display:flex; align-items:center; gap:3px; flex:1; justify-content:flex-end; }

.nav-item {
  position:relative; display:inline-flex; align-items:center; gap:6px;
  padding:8px 13px; border-radius:8px;
  font-family:var(--fui); font-size:13px; font-weight:600;
  letter-spacing:.4px; text-transform:uppercase;
  color:rgba(255,255,255,.75) !important;
  border:1px solid transparent;
  transition:all .2s ease; white-space:nowrap;
}
.nav-item .ic {
  font-size:12px; line-height:1;
  color:rgba(255,10,84,.55); transition:all .2s;
}

/* hover — fundo com borda */
.nav-item:hover {
  color:#fff !important;
  background:rgba(255,255,255,.04);
  border-color:rgba(255,10,84,.22);
  box-shadow:inset 0 0 18px rgba(255,10,84,.04);
}
.nav-item:hover .ic { color:var(--neon-r); filter:drop-shadow(0 0 5px var(--neon-r)); }

/* ativo */
.nav-item.is-active {
  color:#fff !important;
  background:linear-gradient(180deg,rgba(255,10,84,.10),rgba(255,10,84,.04));
  border-color:rgba(255,10,84,.28);
  box-shadow:inset 0 0 20px rgba(255,10,84,.06), 0 0 14px rgba(255,10,84,.06);
}
.nav-item.is-active .ic { color:var(--neon-c); filter:drop-shadow(0 0 4px var(--neon-c)); }
.nav-item.is-active::after {
  content:""; position:absolute;
  bottom:0; left:18%; right:18%; height:2px;
  background:linear-gradient(90deg,transparent,var(--neon-r),transparent);
  border-radius:2px; box-shadow:0 0 6px var(--neon-r);
}

/* ═══════════════════════════════════════════
   FAIXA TAGLINE — no fluxo, não fixed
   ═══════════════════════════════════════════ */
.rave-tagline-bar {
  width:100%;
  height:150px;
  overflow:hidden;
  background: linear-gradient(180deg, #08030f 0%, #040109 50%, #020005 100%);
  border-bottom:1px solid rgba(255,10,84,.18);
  position:relative;
  margin-top:76px;  /* empurra abaixo do nav fixo */
}
#tagline-canvas {
  position:absolute; inset:0;
  width:100%; height:100%; display:block;
}

/* ═══════════════════════════════════════════
   ASIDE BOXES — 12px em tudo
   ═══════════════════════════════════════════ */
aside .box {
  width:252px; display:block; margin:0 0 14px; border-radius:10px;
  overflow:hidden; box-sizing:border-box; position:relative;
  background:linear-gradient(180deg, rgba(13,9,22,.98), rgba(5,3,12,.99));
  border:1px solid rgba(255,10,84,.20);
  box-shadow:0 0 28px rgba(0,0,0,.85), inset 0 0 20px rgba(0,0,0,.7);
}
aside .box::before {
  content:""; position:absolute; top:0; left:0; width:70px; height:70px;
  background:radial-gradient(circle, rgba(255,10,84,.07), transparent 70%); pointer-events:none;
}
aside .box .title {
  position:relative; display:flex; align-items:center; gap:8px; padding:11px 13px;
  font-family:var(--fui); font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  color:#fff;
  background:linear-gradient(90deg, rgba(255,10,84,.10), rgba(0,245,255,.03), transparent);
  border-bottom:1px solid rgba(255,10,84,.14);
}
.title-ic {
  width:22px; height:22px; display:flex; align-items:center; justify-content:center;
  border-radius:4px; font-size:12px; background:rgba(255,10,84,.13);
  border:1px solid rgba(255,10,84,.26); color:var(--neon-r);
  filter:drop-shadow(0 0 4px var(--neon-r)); flex-shrink:0;
}
aside .box .ctt { padding:11px 13px 13px; color:var(--text-1); font-size:13px; }

.box-config-gold .config-row {
  margin:7px 0; padding-bottom:7px; border-bottom:1px solid rgba(255,255,255,.05);
  display:flex; justify-content:space-between; align-items:center; gap:6px; font-size:14px;
}
.box-config-gold .config-row:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.box-config-gold .config-row b { color:#fff; font-weight:600; display:flex; align-items:center; gap:5px; }
.box-config-gold .config-row b::before { content:"▸"; color:var(--neon-r); font-size:9px; text-shadow:0 0 5px var(--neon-r); }
.box-config-gold .config-row span { color:var(--neon-c); font-weight:700; font-size:14px; font-family:var(--fui); text-shadow:0 0 6px rgba(0,245,255,.35); text-align:right; }

.premium-info { font-size:13px; }
.pi-row { margin:7px 0; padding-left:18px; position:relative; color:var(--text-1); font-size:13px; line-height:1.5; }
.pi-row::before { content:"◈"; position:absolute; left:0; color:var(--neon-r); font-size:10px; text-shadow:0 0 6px var(--neon-r); }

.quick-links { display:flex; flex-direction:column; gap:6px; }
.quick-a {
  display:flex; align-items:center; gap:9px; padding:9px 11px; border-radius:6px;
  background:rgba(255,255,255,.02); border:1px solid rgba(255,10,84,.10);
  color:#fff !important; font-weight:600; font-size:12px;
  text-transform:uppercase; letter-spacing:.5px; transition:all .2s ease;
}
.quick-a:hover { background:rgba(255,10,84,.07); border-color:rgba(255,10,84,.26); transform:translateX(3px); }
.qic { width:20px; height:20px; border-radius:4px; display:flex; align-items:center; justify-content:center; background:rgba(255,10,84,.10); border:1px solid rgba(255,10,84,.18); color:var(--neon-r); font-size:11px; flex-shrink:0; }

.ui.hidden.divider { margin:0 0 12px 0 !important; }

/* ═══════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════ */
.hero-gold {
  position:relative; border-radius:12px; overflow:hidden; margin-bottom:24px;
  min-height:250px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
  padding:36px 36px 32px;
  background: linear-gradient(135deg, rgba(255,10,84,.06) 0%, transparent 48%), linear-gradient(180deg, rgba(13,7,24,.97), rgba(5,2,12,.99));
  border:1px solid rgba(255,10,84,.20);
  box-shadow:inset 0 0 60px rgba(0,0,0,.7);
}
#rave-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; }
.hero-gold::before {
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image: linear-gradient(rgba(255,10,84,.03) 1px,transparent 1px), linear-gradient(90deg,rgba(255,10,84,.03) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);
}
.hero-gold::after {
  content:""; position:absolute; top:0; left:8%; right:8%; height:2px;
  background:linear-gradient(90deg,transparent,var(--neon-r),var(--neon-c),var(--neon-r),transparent);
  filter:blur(1px); animation:heroLine 3s ease-in-out infinite;
}
@keyframes heroLine { 0%,100%{opacity:.5;} 50%{opacity:1;} }

.hero-inner { position:relative; z-index:1; width:100%; }
.hero-season {
  display:inline-flex; align-items:center; gap:8px; padding:5px 13px; border-radius:4px;
  background:rgba(255,10,84,.11); border:1px solid rgba(255,10,84,.3);
  font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase;
  color:var(--neon-r); text-shadow:0 0 10px rgba(255,10,84,.55); margin-bottom:14px;
}
.hero-season::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--neon-r); box-shadow:0 0 8px var(--neon-r); animation:pulse 1.5s ease-in-out infinite; }
@keyframes pulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.4);opacity:.7;} }

.hero-title { font-family:var(--fhero); font-size:58px; letter-spacing:4px; text-transform:uppercase; line-height:.9; margin-bottom:10px; color:var(--text-0); }
.hero-title em { font-style:normal; background:linear-gradient(90deg,var(--neon-r),#ff6b9d,var(--neon-c)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 0 18px rgba(255,10,84,.4)); }
.hero-sub { font-size:14px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--text-2); margin-bottom:20px; }
.hero-sub span { color:var(--neon-c); text-shadow:0 0 10px rgba(0,245,255,.5); }
.hero-text { font-size:15px; line-height:1.75; color:var(--text-1); max-width:560px; margin-bottom:26px; }
.hero-text b { color:var(--text-0); font-weight:700; }
.hero-stats { display:flex; gap:14px; margin-bottom:24px; flex-wrap:wrap; }
.h-stat { display:flex; flex-direction:column; padding:10px 18px; border-radius:7px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.03); min-width:82px; }
.h-stat-val { font-family:var(--fhero); font-size:28px; letter-spacing:2px; line-height:1; color:var(--neon-r); text-shadow:0 0 12px rgba(255,10,84,.5); }
.h-stat-lbl { font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--text-2); margin-top:3px; }
.hero-cta { display:flex; gap:12px; flex-wrap:wrap; }

.btn-rave-main {
  position:relative; display:inline-block; padding:15px 20px; border-radius:6px;
  font-family:var(--fui); font-size:14px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  color:#fff !important; background:linear-gradient(135deg,#ff0a54,#c40038);
  border:1px solid rgba(255,10,84,.6); overflow:hidden;
  box-shadow:0 0 24px rgba(255,10,84,.4),0 0 50px rgba(255,10,84,.18),inset 0 1px 0 rgba(255,255,255,.15);
  transition:all .25s ease;
}
.btn-rave-main:hover { transform:translateY(-2px); box-shadow:0 0 40px rgba(255,10,84,.6),0 0 80px rgba(255,10,84,.28),inset 0 1px 0 rgba(255,255,255,.15); }

.btn-rave-sec {
  display:inline-block; padding:15px 15px; border-radius:6px;
  font-family:var(--fui); font-size:13px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  color:var(--neon-c) !important; background:rgba(0,245,255,.04);
  border:1px solid rgba(0,245,255,.28); box-shadow:0 0 14px rgba(0,245,255,.07); transition:all .25s ease;
}
.btn-rave-sec:hover { background:rgba(0,245,255,.08); border-color:rgba(0,245,255,.55); transform:translateY(-2px); }

/* ═══════════════════════════════════════════
   SECTION TITLES
   ═══════════════════════════════════════════ */
.section-title-gold {
  width:100%; padding:10px 15px; margin:26px 0 12px;
  border-radius:6px; display:flex; align-items:center; gap:10px;
  background:linear-gradient(90deg,rgba(255,10,84,.08),transparent);
  border-left:3px solid var(--neon-r); border-bottom:1px solid rgba(255,10,84,.10);
  font-family:var(--fui); font-size:14px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--text-0);
}
.section-title-gold::before { content:"//"; color:var(--neon-r); font-family:var(--fmono); font-size:14px; text-shadow:0 0 7px var(--neon-r); }

/* ═══════════════════════════════════════════
   NEWS / GALLERY / MODAIS / FOOTER
   ═══════════════════════════════════════════ */
.frame-gold { width:100%; height:350px; border-radius:10px; overflow:hidden; border:1px solid rgba(255,10,84,.18); background:rgba(0,0,0,.3); box-shadow:0 0 20px rgba(0,0,0,.7); }
.frame-gold iframe { scrollbar-width:none; }
.frame-gold iframe::-webkit-scrollbar { display:none; }

.ss-item { min-width:220px; text-align:center; }
.ss-item p { color:var(--text-2); font-size:12px; margin-top:8px; letter-spacing:1px; font-family:var(--fmono); text-transform:uppercase; }
.ss-thumb { width:220px; height:138px; border-radius:8px; border:1px solid rgba(255,10,84,.26); background-size:cover; background-position:center; cursor:pointer; transition:.25s ease; position:relative; overflow:hidden; }
.ss-thumb:hover { transform:scale(1.03) translateY(-2px); border-color:var(--neon-r); box-shadow:0 0 20px rgba(255,10,84,.3); }

.ui.table,.ui.celled.table { background:transparent !important; border:none !important; }
.ui.table tr { background:transparent !important; }
.ui.table td,.ui.table th { background:transparent !important; border:none !important; }
.ui.celled.table tr td,.ui.celled.table tr th { border-top:none !important; border-left:none !important; }
.ui.table tr:hover,.ui.table td:hover { background:transparent !important; }

#ss-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,.92); backdrop-filter:blur(8px); justify-content:center; align-items:center; z-index:9999; }
#ss-modal-img { max-width:90%; max-height:90%; border-radius:10px; border:1px solid rgba(255,10,84,.35); box-shadow:0 0 40px rgba(255,10,84,.25); }
.hard-modal { display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.9); }
.hard-close { position:absolute; top:20px; right:26px; font-size:40px; color:var(--text-0); font-weight:800; cursor:pointer; }
.hard-modal-content { display:block; max-width:86%; max-height:86%; margin:60px auto; border-radius:10px; border:1px solid rgba(255,10,84,.2); }

.footer-gold { font-family:var(--fmono); font-size:11px; height:80px; line-height:80px; width:960px; margin:0 auto; text-align:center; position:relative; letter-spacing:2px; text-transform:uppercase; color:var(--text-2); }
.footer-gold::before { content:""; position:absolute; top:0; left:10%; right:10%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,10,84,.25),rgba(0,245,255,.15),transparent); }

#rank1 { width:240px; float:left; }
#rank2 { width:610px; float:right; margin-right:30px; }
#rank-site { padding:0; margin-bottom:20px; float:left; width:920px; }

/* ═══════════════════════════════════════════════════════════════
   BOTÃO EVENTOS
   ═══════════════════════════════════════════════════════════════ */
.btn-eventos {
  display:flex; align-items:center; gap:12px;
  width:100%; margin-bottom:20px; padding:14px 20px;
  border-radius:10px; cursor:pointer;
  background: linear-gradient(90deg, rgba(255,10,84,.10), rgba(0,245,255,.06), rgba(255,10,84,.10));
  border:1px solid rgba(255,10,84,.30);
  box-shadow: 0 0 20px rgba(255,10,84,.08), inset 0 0 20px rgba(0,0,0,.4);
  transition:all .22s ease;
}
.btn-eventos:hover {
  border-color:rgba(255,10,84,.55);
  box-shadow:0 0 30px rgba(255,10,84,.18), inset 0 0 20px rgba(0,0,0,.4);
  transform:translateY(-1px);
}
.btn-ev-icon { font-size:22px; filter:drop-shadow(0 0 6px var(--neon-r)); }
.btn-ev-text {
  font-family:var(--fui); font-size:17px; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase; color:var(--text-0); flex:1; text-align:left;
}
.btn-ev-badge {
  font-family:var(--fmono); font-size:11px; letter-spacing:1px;
  color:rgba(0,245,255,.7); padding:3px 10px;
  border:1px solid rgba(0,245,255,.2); border-radius:4px;
  background:rgba(0,245,255,.05);
}

/* ═══════════════════════════════════════════════════════════════
   KC-ROW — killer + champions lado a lado
   ═══════════════════════════════════════════════════════════════ */
.kc-row { display:flex; gap:18px; margin-bottom:6px; }
.kc-left { width:270px; flex-shrink:0; }
.kc-right { flex:1; }

/* ── KILLER BOX ── */
.killer-box {
  border-radius:10px; overflow:hidden;
  border:1px solid rgba(255,10,84,.22);
  background:linear-gradient(180deg, rgba(16,5,12,.98), rgba(6,2,10,.99));
  box-shadow:0 0 24px rgba(255,10,84,.07), inset 0 0 20px rgba(0,0,0,.7);
}
.killer-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px;
  background:linear-gradient(90deg,rgba(255,10,84,.14),transparent);
  border-bottom:1px solid rgba(255,10,84,.15);
}
.killer-head-left { display:flex; align-items:center; gap:10px; }
.killer-ico { font-size:20px; filter:drop-shadow(0 0 6px var(--neon-r)); }
.killer-title { font-family:var(--fui); font-size:13px; font-weight:700; letter-spacing:2px; color:var(--text-0); text-transform:uppercase; }
.killer-sub   { font-family:var(--fmono); font-size:10px; color:rgba(255,10,84,.6); letter-spacing:1px; margin-top:1px; }
.killer-live  { font-family:var(--fmono); font-size:10px; color:#39ff14; letter-spacing:2px; text-shadow:0 0 8px #39ff14; animation:liveBlink 1.5s ease-in-out infinite; }
@keyframes liveBlink { 0%,100%{opacity:1;} 50%{opacity:.4;} }

.killer-list { padding:8px 10px; display:flex; flex-direction:column; gap:3px; }
.killer-item { display:flex; align-items:center; gap:8px; padding:6px 8px; border-radius:6px; transition:background .15s; }
.killer-item:hover { background:rgba(255,10,84,.06); }
.kr-pos { font-family:var(--fhero); font-size:15px; width:22px; text-align:center; color:var(--text-2); flex-shrink:0; }
.kr-pos.gold-pos { color:#ffd700; text-shadow:0 0 8px rgba(255,215,0,.5); }
.kr-pos.silv-pos { color:#c0c0c0; }
.kr-pos.bron-pos { color:#cd7f32; }
.kr-name { font-family:var(--fui); font-size:13px; font-weight:600; color:var(--text-1); flex:1; letter-spacing:.5px; }
.kr-kills { font-family:var(--fmono); font-size:18px; color:var(--neon-r); text-shadow:0 0 6px rgba(255,10,84,.4); }
.kr-kills em { font-style:normal; font-size:14px; color:rgba(255,10,84,.6); }

.killer-footer { padding:10px 14px; border-top:1px solid rgba(255,10,84,.12); display:flex; flex-direction:column; gap:6px; }
.killer-reset { font-family:var(--fmono); font-size:11px; color:var(--text-2); }
.kf-countdown { color:var(--neon-c); text-shadow:0 0 8px rgba(0,245,255,.4); margin-left:6px; }
.killer-prizes { display:flex; flex-wrap:wrap; gap:5px; }
.kp { font-family:var(--fmono); font-size:10px; padding:2px 7px; border-radius:3px; letter-spacing:.5px; }
.kp-gold { background:rgba(255,215,0,.10); border:1px solid rgba(255,215,0,.25); color:#ffd700; }
.kp-silv { background:rgba(192,192,192,.08); border:1px solid rgba(192,192,192,.2); color:#c0c0c0; }
.kp-bron { background:rgba(205,127,50,.08); border:1px solid rgba(205,127,50,.2); color:#cd7f32; }

/* ── CHAMPIONS GRID — destaque total, hover foto ── */
.champs-grid {
  display:grid; grid-template-columns:1fr 1fr 1fr;
  gap:10px; margin-bottom:10px;
}
.champ-card {
  position:relative; border-radius:10px; overflow:visible;
  padding:18px 14px 16px;
  display:flex; flex-direction:column; align-items:center; gap:6px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg,rgba(20,12,34,.97),rgba(8,4,16,.99));
  transition:all .22s ease; cursor:default;
  min-height:120px; justify-content:center;
}
.champ-card:hover {
  border-color:rgba(255,10,84,.35); transform:translateY(-3px);
  box-shadow:0 8px 28px rgba(255,10,84,.10);
}
/* foto ao hover */
.champ-hover-photo {
  position:fixed;
  width:200px; z-index:99999; opacity:0; pointer-events:none;
  transition:opacity .18s ease;
  border-radius:10px; overflow:hidden;
  border:1px solid rgba(255,10,84,.4);
  box-shadow:0 16px 50px rgba(0,0,0,.95), 0 0 28px rgba(255,10,84,.22);
  background:#060210;
}
/* opacity controlled by JS */
.champ-hover-photo img { width:100%; height:220px; object-fit:cover; display:block; background:#060210; }
.champ-hover-photo-label {
  background:#060210; font-family:var(--fmono); font-size:10px;
  letter-spacing:1.5px; color:var(--neon-c); padding:7px 10px; text-align:center;
  border-top:1px solid rgba(0,245,255,.15);
}
/* Rei — span 3 */
.champ-rei {
  grid-column:span 3; flex-direction:row; justify-content:flex-start;
  gap:20px; padding:20px 24px; min-height:88px;
  background:linear-gradient(135deg,rgba(28,16,6,.97),rgba(10,6,2,.99));
  border-color:rgba(255,215,0,.18);
}
.champ-rei:hover { border-color:rgba(255,215,0,.45); box-shadow:0 8px 28px rgba(255,215,0,.08); }
.champ-rei .champ-icon { font-size:44px; }
.champ-rei .champ-name { font-size:38px !important; letter-spacing:5px !important; text-shadow:0 0 30px rgba(255,215,0,.45) !important; color:#ffd700 !important; }
.champ-rei .champ-label { font-size:12px !important; letter-spacing:4px !important; color:rgba(255,215,0,.7) !important; font-weight:800 !important; }
.champ-queen .champ-name { font-size:28px !important; letter-spacing:3px !important; text-shadow:0 0 20px rgba(255,107,157,.35) !important; color:#ffb3d1 !important; }
.champ-queen .champ-label { color:rgba(255,107,157,.75) !important; font-weight:800 !important; }
.champ-bk  .champ-label { color:rgba(255,80,80,.7) !important; }
.champ-sm  .champ-label { color:rgba(168,85,247,.7) !important; }
.champ-elf .champ-label { color:rgba(34,197,94,.7) !important; }
.champ-dl  .champ-label { color:rgba(139,92,246,.7) !important; }
.champ-mg  .champ-label { color:rgba(245,158,11,.7) !important; }
.champ-rei .champ-hover-photo { left:auto; right:10px; transform:none; }

.champ-glow { position:absolute; top:0; left:0; right:0; height:2px; }
.champ-rei   .champ-glow { background:linear-gradient(90deg,transparent,#ffd700,transparent); opacity:.95; box-shadow:0 0 14px rgba(255,215,0,.35); }
.champ-queen .champ-glow { background:linear-gradient(90deg,transparent,#ff6b9d,transparent); opacity:.7; }
.champ-bk    .champ-glow { background:linear-gradient(90deg,transparent,#ff4444,transparent); opacity:.65; }
.champ-sm    .champ-glow { background:linear-gradient(90deg,transparent,#a855f7,transparent); opacity:.65; }
.champ-elf   .champ-glow { background:linear-gradient(90deg,transparent,#22c55e,transparent); opacity:.65; }
.champ-dl    .champ-glow { background:linear-gradient(90deg,transparent,#8b5cf6,transparent); opacity:.65; }
.champ-mg    .champ-glow { background:linear-gradient(90deg,transparent,#f59e0b,transparent); opacity:.65; }

.champ-card::after {
  content:""; position:absolute; inset:0; border-radius:10px;
  background:linear-gradient(130deg,rgba(255,255,255,.03) 0%,transparent 60%);
  opacity:0; transition:opacity .22s; pointer-events:none;
}
.champ-card:hover::after { opacity:1; }

.champ-icon  { font-size:28px; line-height:1; }
.champ-label {
  font-family:var(--fui); font-size:10px; font-weight:800;
  letter-spacing:3px; text-transform:uppercase; color:var(--text-2);
}
.champ-name  {
  font-family:var(--fhero); font-size:26px; letter-spacing:3px;
  color:#fff; line-height:1;
  text-shadow:0 0 20px rgba(255,255,255,.14);
}
.ver-foto { display:none; }

.champs-renewal {
  font-family:var(--fmono); font-size:11px; color:var(--text-2);
  padding:7px 10px; border-radius:6px;
  background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.05);
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.champs-renewal strong { color:var(--text-0); }


/* ═══════════════════════════════════════════════════════════════
   MODAL EVENTOS
   ═══════════════════════════════════════════════════════════════ */
.ev-modal-bg {
  display:none; position:fixed; inset:0; z-index:9500;
  background:rgba(0,0,0,.88); backdrop-filter:blur(10px);
  justify-content:center; align-items:center;
}
.ev-modal {
  position:relative; width:820px; max-height:88vh; overflow-y:auto;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(12,6,22,.99),rgba(5,2,12,.99));
  border:1px solid rgba(255,10,84,.28);
  box-shadow:0 0 60px rgba(255,10,84,.15), 0 0 120px rgba(0,0,0,.9);
  padding:28px 28px 24px;
  scrollbar-width:thin; scrollbar-color:rgba(255,10,84,.3) transparent;
}
.ev-modal::-webkit-scrollbar { width:4px; }
.ev-modal::-webkit-scrollbar-thumb { background:rgba(255,10,84,.3); border-radius:4px; }
.ev-close {
  position:absolute; top:14px; right:18px;
  background:none; border:none; color:var(--text-2);
  font-size:22px; cursor:pointer; transition:color .15s;
}
.ev-close:hover { color:var(--neon-r); }
.ev-modal-title {
  font-family:var(--fhero); font-size:28px; letter-spacing:4px;
  text-transform:uppercase; color:var(--text-0); margin-bottom:4px;
}
.ev-modal-sub { font-family:var(--fmono); font-size:11px; color:var(--text-2); letter-spacing:1px; margin-bottom:20px; }

.ev-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }

.ev-card {
  border-radius:9px; padding:14px 16px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,10,84,.14);
  transition:border-color .18s, box-shadow .18s;
}
.ev-card:hover { border-color:rgba(255,10,84,.30); box-shadow:0 0 16px rgba(255,10,84,.07); }

.ev-card-head { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.ev-icon { font-size:18px; }
.ev-name { font-family:var(--fui); font-size:15px; font-weight:700; letter-spacing:1px; color:var(--text-0); text-transform:uppercase; flex:1; }
.ev-freq { font-family:var(--fmono); font-size:10px; letter-spacing:1px; color:rgba(0,245,255,.55); padding:2px 7px; border:1px solid rgba(0,245,255,.18); border-radius:3px; white-space:nowrap; }

.ev-schedule { display:flex; flex-direction:column; gap:3px; margin-bottom:10px; }
.ev-time { font-family:var(--fmono); font-size:11px; color:rgba(245,240,255,.6); letter-spacing:.5px; }

.ev-prizes { display:flex; flex-direction:column; gap:4px; padding-top:8px; border-top:1px solid rgba(255,255,255,.06); }
.ev-prize { font-family:var(--fmono); font-size:11px; padding:3px 8px; border-radius:3px; letter-spacing:.5px; }
.ev-p1 { background:rgba(255,215,0,.08); border:1px solid rgba(255,215,0,.2); color:#ffd700; }
.ev-p2 { background:rgba(192,192,192,.06); border:1px solid rgba(192,192,192,.15); color:#c0c0c0; }
.ev-p3 { background:rgba(205,127,50,.06); border:1px solid rgba(205,127,50,.15); color:#cd7f32; }

/* ── FOTO MODAL ── */
.foto-modal {
  position:relative; border-radius:12px; padding:24px;
  background:linear-gradient(180deg,rgba(12,6,22,.99),rgba(5,2,12,.99));
  border:1px solid rgba(255,10,84,.25);
  box-shadow:0 0 50px rgba(0,0,0,.9);
  display:flex; flex-direction:column; align-items:center; gap:14px;
}
.foto-modal-title { font-family:var(--fhero); font-size:22px; letter-spacing:3px; color:var(--text-0); text-transform:uppercase; }
.foto-modal-img { max-width:440px; max-height:340px; border-radius:8px; border:1px solid rgba(255,10,84,.2); }

/* ═══════════════════════════════════════════════════
   SIDEBAR EVENTOS — box na aside
   ═══════════════════════════════════════════════════ */
.ev-sidebar-list { display:flex; flex-direction:column; gap:6px; }
.ev-sidebar-item {
  display:flex; align-items:center; gap:10px;
  padding:9px 11px; border-radius:7px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,10,84,.10);
  cursor:pointer; transition:all .18s ease;
}
.ev-sidebar-item:hover {
  background:rgba(255,10,84,.07);
  border-color:rgba(255,10,84,.28);
  transform:translateX(3px);
}
.ev-sb-icon { font-size:15px; flex-shrink:0; }
.ev-sb-info { flex:1; }
.ev-sb-name {
  font-family:var(--fui); font-size:12px; font-weight:700;
  letter-spacing:.4px; text-transform:uppercase; color:var(--text-0);
  line-height:1.2;
}
.ev-sb-time {
  font-family:var(--fmono); font-size:10px; color:rgba(0,245,255,.6);
  letter-spacing:.5px; margin-top:2px;
}
.ev-sb-arrow { font-size:11px; color:rgba(255,10,84,.5); }

/* ═══════════════════════════════════════════════════
   MODAL EVENTO INDIVIDUAL
   ═══════════════════════════════════════════════════ */
.ev-ind-bg {
  display:none; position:fixed; inset:0; z-index:9600;
  background:rgba(0,0,0,.88); backdrop-filter:blur(12px);
  justify-content:center; align-items:center;
}
.ev-ind-modal {
  position:relative; width:480px;
  border-radius:14px; overflow:hidden;
  background:linear-gradient(160deg,rgba(14,7,26,.99),rgba(5,2,12,.99));
  border:1px solid rgba(255,10,84,.28);
  box-shadow:0 0 60px rgba(255,10,84,.14),0 0 120px rgba(0,0,0,.9);
  padding:0 0 22px;
}
.ev-ind-header {
  padding:20px 22px 16px;
  background:linear-gradient(90deg,rgba(255,10,84,.12),rgba(0,245,255,.05),transparent);
  border-bottom:1px solid rgba(255,10,84,.14);
  display:flex; align-items:center; gap:14px;
}
.ev-ind-bigicon { font-size:36px; line-height:1; }
.ev-ind-titles { flex:1; }
.ev-ind-name {
  font-family:var(--fhero); font-size:26px; letter-spacing:3px;
  text-transform:uppercase; color:var(--text-0); line-height:1;
}
.ev-ind-freq {
  font-family:var(--fmono); font-size:11px; color:rgba(0,245,255,.65);
  letter-spacing:2px; margin-top:4px;
}
.ev-ind-close {
  background:none; border:none; font-size:20px;
  color:var(--text-2); cursor:pointer; padding:4px;
  transition:color .15s;
}
.ev-ind-close:hover { color:var(--neon-r); }

.ev-ind-body { padding:18px 22px 0; display:flex; flex-direction:column; gap:16px; }

.ev-ind-section-label {
  font-family:var(--fmono); font-size:10px; letter-spacing:2px;
  text-transform:uppercase; color:var(--text-2); margin-bottom:8px;
}
.ev-ind-times { display:flex; flex-wrap:wrap; gap:6px; }
.ev-ind-time {
  font-family:var(--fmono); font-size:12px; padding:4px 10px;
  border-radius:5px; background:rgba(0,245,255,.07);
  border:1px solid rgba(0,245,255,.18); color:rgba(0,245,255,.85);
  letter-spacing:.5px;
}
.ev-ind-prizes { display:flex; flex-direction:column; gap:6px; }
.ev-ind-prize {
  display:flex; align-items:center; gap:10px;
  padding:9px 12px; border-radius:7px;
  font-family:var(--fui); font-size:13px; font-weight:600;
}
.ev-ind-p1 { background:rgba(255,215,0,.08); border:1px solid rgba(255,215,0,.22); color:#ffd700; }
.ev-ind-p2 { background:rgba(192,192,192,.06); border:1px solid rgba(192,192,192,.16); color:#c0c0c0; }
.ev-ind-p3 { background:rgba(205,127,50,.06); border:1px solid rgba(205,127,50,.16); color:#cd7f32; }
.ev-ind-note {
  font-family:var(--fmono); font-size:10px; color:var(--text-2);
  padding:8px 12px; border-radius:6px;
  background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.06);
  letter-spacing:.5px; line-height:1.6;
}

/* ═══════════════════════════════════════════════════
   DESAFIO MENSAL — bloco especial na aside
   ═══════════════════════════════════════════════════ */
.box-desafio {
  position:relative; overflow:hidden;
  border:1px solid rgba(255,200,0,.32) !important;
  background:linear-gradient(160deg,rgba(28,16,4,.99),rgba(12,7,2,.99),rgba(6,3,1,.99)) !important;
  box-shadow:
    0 0 0 1px rgba(255,200,0,.07),
    0 0 40px rgba(255,160,0,.14),
    inset 0 0 30px rgba(0,0,0,.75) !important;
}

/* brilho top dourado animado */
.box-desafio::after {
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,transparent 0%,#ffd700 30%,#ffe566 50%,#ffd700 70%,transparent 100%);
  box-shadow:0 0 14px rgba(255,215,0,.5), 0 2px 18px rgba(255,215,0,.2);
  animation:desafioBrilho 2.8s ease-in-out infinite;
}
@keyframes desafioBrilho {
  0%,100% { opacity:.55; transform:scaleX(.9); }
  50%      { opacity:1;   transform:scaleX(1); }
}

/* estrela flutuante */
.box-desafio::before {
  content:"✦";
  position:absolute; right:16px; top:14px;
  font-size:22px; color:rgba(255,215,0,.20);
  animation:desafioStar 4s ease-in-out infinite;
  pointer-events:none; z-index:0;
}
@keyframes desafioStar {
  0%,100% { transform:translateY(0) rotate(0deg) scale(1); opacity:.20; }
  50%      { transform:translateY(-5px) rotate(25deg) scale(1.15); opacity:.45; }
}

/* shimmer diagonal no fundo */
.desafio-shimmer {
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background:linear-gradient(
    130deg,
    transparent 35%,
    rgba(255,215,0,.028) 48%,
    rgba(255,240,120,.018) 52%,
    transparent 65%
  );
  background-size:300% 300%;
  animation:desafioShimmer 6s ease-in-out infinite;
}
@keyframes desafioShimmer {
  0%,100% { background-position:200% 200%; }
  50%      { background-position:0% 0%; }
}

/* ── inner content ── */
.desafio-inner {
  position:relative; z-index:1;
  padding:18px 16px 20px;
  display:flex; flex-direction:column; gap:10px;
}

.desafio-badge {
  display:inline-flex; align-items:center; gap:7px;
  font-family:var(--fmono); font-size:10px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  color:#ffd700;
  padding:4px 10px; border-radius:4px;
  background:rgba(255,215,0,.10);
  border:1px solid rgba(255,215,0,.28);
  text-shadow:0 0 10px rgba(255,215,0,.55);
  width:fit-content;
}
.desafio-badge::before {
  content:""; width:6px; height:6px; border-radius:50%; flex-shrink:0;
  background:#ffd700; box-shadow:0 0 8px #ffd700, 0 0 16px rgba(255,215,0,.5);
  animation:desafioPulse 1.5s ease-in-out infinite;
}
@keyframes desafioPulse {
  0%,100%{ transform:scale(1);   box-shadow:0 0 6px #ffd700; }
  50%    { transform:scale(1.8); box-shadow:0 0 14px #ffd700, 0 0 26px rgba(255,215,0,.5); }
}

.desafio-titulo {
  font-family:var(--fhero); font-size:30px; letter-spacing:4px;
  text-transform:uppercase; line-height:1;
  background:linear-gradient(90deg,#ffd700 0%,#ffdd44 40%,#ffe88c 70%,#ffd700 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 14px rgba(255,215,0,.35));
}

.desafio-divider {
  width:100%; height:1px;
  background:linear-gradient(90deg,rgba(255,215,0,.3),rgba(255,215,0,.06),transparent);
}

.desafio-subtitulo {
  font-family:var(--fui); font-size:13px; font-weight:600;
  color:rgba(245,240,255,.88); letter-spacing:.2px; line-height:1.4;
}

.desafio-validade {
  font-family:var(--fmono); font-size:11px;
  color:rgba(255,215,0,.60); letter-spacing:1px;
}

.desafio-premio {
  display:flex; align-items:center; gap:8px;
  font-family:var(--fui); font-size:13px; font-weight:800;
  letter-spacing:.8px; text-transform:uppercase;
  color:#ffd700;
  text-shadow:0 0 14px rgba(255,215,0,.45);
  padding:10px 12px; border-radius:7px;
  background:rgba(255,215,0,.07);
  border:1px solid rgba(255,215,0,.18);
}
.desafio-premio-icon { font-size:18px; }

.desafio-link {
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--fui); font-size:12px; font-weight:700;
  letter-spacing:.8px; text-transform:uppercase;
  color:rgba(255,215,0,.85);
  padding:8px 14px; border-radius:6px;
  border:1px solid rgba(255,215,0,.22);
  background:rgba(255,215,0,.05);
  transition:all .2s ease; cursor:pointer; width:fit-content;
  text-decoration:none;
}
.desafio-link:hover {
  color:#ffd700; border-color:rgba(255,215,0,.55);
  background:rgba(255,215,0,.10);
  box-shadow:0 0 18px rgba(255,215,0,.18);
  transform:translateY(-1px);
}