@charset "UTF-8";
/* =====================================================================
   MU RAVE 99z  —  "OURO ANTIGO / LENDÁRIO"
   Tema autoral · Canvas 2D + CSS apenas · sem WebGL / preserve-3d
   Pedra escura, moldura dupla gravada, ouro fundido e brasa.
   ===================================================================== */

@import url(nprogress.css);

/* ------------------------------------------------------------------ */
/*  TOKENS                                                             */
/* ------------------------------------------------------------------ */
:root{
  --c-bg:        #0a0805;
  --c-bg2:       #0e0b07;
  --c-panel:     #13100a;
  --c-panel2:    #1b1710;
  --c-glass:     rgba(19,16,10,.76);

  --c-gold:      #e6b84f;
  --c-gold-b:    #ffe6a8;
  --c-gold-d:    #8a6420;
  --c-bronze:    #a87b32;
  --c-ember:     #ff7a33;
  --c-blood:     #d13b2f;
  --c-jade:      #57b894;

  --c-line:      rgba(230,184,79,.20);
  --c-line-s:    rgba(230,184,79,.44);

  /* aliases usados pelos templates injetados do servidor */
  --c-kill:      #d13b2f;
  --c-arcane:    #e6b84f;
  --c-arcane-b:  #ffe6a8;
  --c-soul:      #ff7a33;
  --c-aurora:    #57b894;
  --c-border:    var(--c-line);
  --c-border-s:  var(--c-line-s);

  --c-text:      #e8dcc4;
  --c-muted:     #9a8b6d;
  --c-dim:       #6a5c46;

  --f-title:     'Cinzel', 'Times New Roman', serif;          /* lendário */
  --f-display:   'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif; /* rótulos */
  --f-ui:        'Barlow', system-ui, sans-serif;             /* corpo    */
  --f-mono:      'IBM Plex Mono', ui-monospace, monospace;    /* dados    */

  --wrap: 1080px;

  --glow-a: 0 0 20px rgba(230,184,79,.45);
  --glow-s: 0 0 20px rgba(255,122,51,.42);

  /* moldura dupla gravada — assinatura estrutural do tema */
  --frame: inset 0 0 0 1px var(--c-line-s),
           inset 0 0 0 4px rgba(8,6,3,.92),
           inset 0 0 0 5px var(--c-line);
  --frame-soft: inset 0 0 0 1px var(--c-line),
                inset 0 0 0 4px rgba(8,6,3,.9),
                inset 0 0 0 5px rgba(230,184,79,.10);
}

/* ------------------------------------------------------------------ */
/*  RESET / BASE                                                       */
/* ------------------------------------------------------------------ */
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  font-family:var(--f-ui);
  color:var(--c-text);
  background:var(--c-bg);
  min-height:100vh;
  min-width:1000px;           /* site não-responsivo — grade desktop */
  -webkit-font-smoothing:antialiased;
  line-height:1.55;
}

/* ── ATMOSFERA (sempre ligada, inclusive em reduced-motion) ── */
.atmos{
  position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(1100px 640px at 50% -12%, rgba(230,184,79,.13), transparent 62%),
    radial-gradient(760px 520px at 88% 18%,  rgba(255,122,51,.07), transparent 64%),
    radial-gradient(900px 620px at 6% 76%,   rgba(168,123,50,.07), transparent 62%),
    linear-gradient(180deg,#0d0a06 0%, var(--c-bg) 42%, #070502 100%);
}
/* textura de pedra/pergaminho */
.atmos::before{
  content:''; position:absolute; inset:0; opacity:.5;
  background-image:
    repeating-linear-gradient(90deg, rgba(230,184,79,.035) 0 1px, transparent 1px 3px),
    repeating-linear-gradient( 0deg, rgba(0,0,0,.30)       0 1px, transparent 1px 3px);
}
/* luz de tocha respirando no topo — nunca desliga */
.atmos::after{
  content:''; position:absolute; left:0; right:0; top:0; height:70vh;
  background:radial-gradient(60% 100% at 50% 0%, rgba(255,122,51,.10), transparent 70%);
  animation:torch 7s ease-in-out infinite;
}
@keyframes torch{ 0%,100%{opacity:.55} 40%{opacity:.95} 62%{opacity:.7} }

a{ color:var(--c-gold); text-decoration:none; font-weight:600; cursor:pointer; transition:color .22s; }
a:hover{ color:var(--c-gold-b); }
img{ max-width:100%; display:block; }
::selection{ background:rgba(230,184,79,.32); color:#fff; }

*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,var(--c-gold),var(--c-gold-d)); border:2px solid var(--c-bg); }
*::-webkit-scrollbar-track{ background:rgba(230,184,79,.05); }

/* ------------------------------------------------------------------ */
/*  WRAPPER                                                            */
/* ------------------------------------------------------------------ */
.all{
  width:100%; max-width:var(--wrap); margin:0 auto;
  padding:0 24px 70px; position:relative;
}

/* =====================================================================
   NAV
   ===================================================================== */
nav.main-nav{
  position:sticky; top:0; z-index:60;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  margin:0 -24px 0; padding:12px 24px;
  background:linear-gradient(180deg, rgba(10,8,5,.97), rgba(10,8,5,.76) 72%, rgba(10,8,5,.16));
  backdrop-filter:blur(12px) saturate(1.1);
  -webkit-backdrop-filter:blur(12px) saturate(1.1);
  border-bottom:1px solid var(--c-line-s);
  box-shadow:0 2px 0 rgba(230,184,79,.08), 0 18px 40px -30px #000;
}

.nav-brand{ display:inline-flex; align-items:center; gap:11px; padding:3px 2px; flex-shrink:0; transition:transform .22s; }
.nav-brand:hover{ transform:translateY(-1px); }
.brand-sigil{ position:relative; display:grid; place-items:center; width:38px; height:38px; }
.brand-sigil svg{ overflow:visible; position:relative; z-index:1; width:38px; height:38px; }
.brand-sigil::before{
  content:''; position:absolute; inset:-9px;
  background:radial-gradient(circle, rgba(230,184,79,.45), rgba(255,122,51,.16) 52%, transparent 72%);
  filter:blur(5px); animation:pulse 3.6s ease-in-out infinite;
}
.brand-sigil .sg-ring{ transform-box:fill-box; transform-origin:center; animation:spin 26s linear infinite; }
.brand-sigil .sg-core{ transform-box:fill-box; transform-origin:center; animation:spin 11s linear infinite reverse; }
.brand-words{ display:flex; flex-direction:column; line-height:1; }
.brand-words b{ font-family:var(--f-title); font-weight:700; font-size:15px; letter-spacing:2.6px; color:var(--c-text); text-transform:uppercase; }
.brand-words i{
  font-family:var(--f-title); font-style:normal; font-weight:900; font-size:14px; letter-spacing:2px; margin-top:5px;
  background:linear-gradient(180deg,var(--c-gold-b),var(--c-gold) 55%,var(--c-gold-d));
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}

.nav-links{ flex:1; display:flex; align-items:center; flex-wrap:nowrap; justify-content:space-between; gap:2px; margin-left:22px; }
nav.main-nav a:not(.nav-brand){
  position:relative; display:inline-flex; align-items:center;
  font-family:'Barlow Condensed', 'Arial Narrow', sans-serif; font-size:15px; font-weight:600; letter-spacing:1.5px;
  text-transform:uppercase; color:#cfc3a6!important; white-space:nowrap;
  font-stretch:87.5%; padding:10px 9px; transition:color .18s, background .18s;
}
nav.main-nav a:not(.nav-brand)::before{
  content:''; position:absolute; left:50%; bottom:6px; width:0; height:1px; background:var(--c-gold);
  transform:translateX(-50%); transition:width .24s ease; box-shadow:0 0 8px var(--c-gold);
}
nav.main-nav a:not(.nav-brand):hover{ color:var(--c-gold-b)!important; background:linear-gradient(180deg, rgba(230,184,79,.12), transparent 72%); }
nav.main-nav a:not(.nav-brand):hover::before{ width:30px; }

/* =====================================================================
   HERO — o vídeo é o fundo; o wordmark em cromo vive em cima dele
   ===================================================================== */
.hero{ position:relative; margin:0 -24px; padding:0; isolation:isolate; }
.hero-canvas,.hero-veil,.hero-stage,.hero-content{ display:none; }

/* faixa cinematográfica — recorta o céu e a água mortos das pontas */
.hero-media{
  position:relative; width:100%; padding-top:48.75%;   /* 780/1600 — quadro inteiro, zero corte */
  overflow:hidden;
  /* laterais com pluma larga; topo e base só um fio de opacidade para casar
     com a nav e com a placa de config, sem comer imagem */
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%),
    linear-gradient(180deg, rgba(0,0,0,.45) 0, #000 2.4%, #000 96.5%, rgba(0,0,0,.35) 100%);
  mask-image:
    linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%),
    linear-gradient(180deg, rgba(0,0,0,.45) 0, #000 2.4%, #000 96.5%, rgba(0,0,0,.35) 100%);
  -webkit-mask-composite:source-in; mask-composite:intersect;
}
.hz-video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center center; display:block;
  filter:saturate(1.20) contrast(1.06) brightness(1.07);
  transition:opacity .4s;
}
.hz-video.trocando{ opacity:0; }
/* véu: só o bastante para o ouro/cromo ter contraste — o gameplay continua visível */
.hero-scrim{
  position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg, rgba(10,8,5,.90) 0%, rgba(10,8,5,.70) 16%, rgba(10,8,5,.26) 31%, rgba(10,8,5,.05) 44%, transparent 56%),
    radial-gradient(70% 66% at 22% 46%, rgba(255,150,50,.05), transparent 66%);
}

.hero-inner{
  position:absolute; inset:0; z-index:3;
  display:flex; flex-direction:column; justify-content:center;
  padding:0 24px 46px;
}

/* ── H1: MU RAVE + 99z em cromo ── */
.hero-title{ margin:0; line-height:1; }
.hero-title .mu{
  display:inline-flex; align-items:center; gap:14px;
  font-family:var(--f-display); font-weight:600; font-size:20px; letter-spacing:8px;
  text-transform:uppercase; color:#cfd6de; margin-bottom:4px;
  text-shadow:0 2px 12px rgba(0,0,0,.95);
}
.hero-title .mu::before,.hero-title .mu::after{ content:''; width:26px; height:1px; background:linear-gradient(90deg,transparent,#ff8a2c); }
.hero-title .mu::after{ background:linear-gradient(270deg,transparent,#ff8a2c); }

.zed-wrap{ position:relative; display:block; }
.zed-canvas{ display:block; width:520px; height:150px; max-width:100%; }
.zed-wrap.has-canvas .zed{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
}
/* fallback sem canvas — cromo em CSS (background-image, nunca o atalho) */
.hero-title .zed{
  display:inline-block; vertical-align:top;
  font-family:var(--f-title); font-weight:900; font-size:124px; line-height:.94; letter-spacing:3px;
  background-color:transparent;
  background-image:linear-gradient(180deg,
    #ffffff 0%, #eef2f7 14%, #98a2ad 32%, #464c55 46%,
    #d9e0e8 53%, #ffffff 62%, #8d959d 78%, #33383e 100%);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 0 #14171b) drop-shadow(0 0 26px rgba(255,138,44,.45));
}

/* botões menores, na metade de baixo da faixa */
.hz-cta{
  position:absolute; left:50%; transform:translateX(-50%); bottom:30px; z-index:4;
  display:flex; flex-wrap:nowrap; gap:12px;
}
.hz-play,.hz-dl{
  position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:9px;
  font-family:var(--f-display); font-weight:700; font-size:14px; letter-spacing:2px; text-transform:uppercase;
  padding:11px 24px;
}
.hz-play{
  color:#241906;
  background:linear-gradient(180deg,#ffe6a8,#e6b84f 46%,#a87b32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 0 rgba(0,0,0,.35),
             0 0 0 1px var(--c-gold-d), 0 12px 26px -14px rgba(230,184,79,.85);
  transition:transform .18s, filter .18s;
}
.hz-play:hover{ transform:translateY(-2px); filter:brightness(1.09); color:#241906; }
.hz-play::after{ content:''; position:absolute; top:0; left:-130%; width:52%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent); transition:left .6s; }
.hz-play:hover::after{ left:140%; }
.hz-dl{ color:var(--c-text); background:rgba(10,8,5,.5); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
  backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); transition:background .18s, color .18s; }
.hz-dl:hover{ background:rgba(255,138,44,.2); color:#fff; }

/* ── controles do vídeo: trilha + som ── */
.hz-controls{
  position:absolute; right:38px; bottom:26px; z-index:4;
  display:flex; align-items:center; gap:14px;
}
.hz-playlist{ display:flex; gap:6px; }
.hz-slot{
  width:30px; height:30px; padding:0; border:0; cursor:pointer;
  font-family:var(--f-mono); font-size:11px; font-weight:600; color:#b9c2cc;
  background:rgba(8,6,3,.6); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  transition:background .18s, color .18s, box-shadow .18s;
}
.hz-slot:hover{ color:#fff; box-shadow:inset 0 0 0 1px rgba(255,138,44,.7); }
.hz-slot.ativo{
  color:#241906; background:linear-gradient(180deg,#ffe6a8,#e6b84f 50%,#a87b32);
  box-shadow:inset 0 0 0 1px var(--c-gold-d), 0 0 18px -4px rgba(255,138,44,.8);
}
.hz-sound{
  display:inline-flex; align-items:center; gap:7px;
  padding:8px 14px; border:0; cursor:pointer;
  font-family:var(--f-display); font-weight:700; font-size:13px; letter-spacing:1.8px;
  text-transform:uppercase; color:#e2e8ef;
  background:rgba(8,6,3,.6); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  transition:background .18s, color .18s;
}
.hz-sound i{ font-style:normal; font-size:12px; opacity:.85; }
.hz-sound:hover{ background:rgba(255,138,44,.24); color:#fff; }
.hz-sound.on{ color:#241906; background:linear-gradient(180deg,#ffe6a8,#e6b84f 50%,#a87b32); }
.hz-bigplay{
  position:absolute; inset:0; z-index:5; display:none; align-items:center; justify-content:center;
  background:transparent; border:0; cursor:pointer; color:#fff;
}
.hz-bigplay.on{ display:flex; }
.hz-bigplay span{
  width:64px; height:64px; display:grid; place-items:center; font-size:22px; padding-left:5px;
  background:rgba(8,6,3,.68); box-shadow:inset 0 0 0 1px rgba(255,138,44,.6), 0 0 30px -6px rgba(255,138,44,.7);
  transition:transform .2s;
}
.hz-bigplay:hover span{ transform:scale(1.07); }

/* =====================================================================
   PLACA DE CONFIGURAÇÃO (stat ribbon)
   ===================================================================== */
.stat-ribbon{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin:0 0 30px; }
.stat-cell{
  position:relative; padding:15px 13px 14px; text-align:left;
  background:linear-gradient(180deg, rgba(27,23,16,.95), rgba(11,8,4,.95));
  box-shadow:var(--frame-soft);
  transition:box-shadow .22s, transform .22s;
}
.stat-cell:hover{ transform:translateY(-2px); box-shadow:var(--frame); }
.stat-cell .k{ display:block; font-family:var(--f-mono); font-size:9px; letter-spacing:1.8px;
  text-transform:uppercase; color:var(--c-dim); margin-bottom:7px; }
.stat-cell .v{ font-family:var(--f-display); font-weight:700; font-size:19px; letter-spacing:.8px; text-transform:uppercase; color:var(--c-text); }
.stat-cell .v.a{ color:var(--c-gold); }
.stat-cell .v.s{ color:var(--c-ember); }
.stat-cell .v.t{ color:var(--c-gold-b); }

/* =====================================================================
   LAYOUT PRINCIPAL
   ===================================================================== */
.main-section{ display:grid; grid-template-columns:296px 1fr; gap:26px; align-items:start; }
aside.esq{ position:sticky; top:78px; display:flex; flex-direction:column; gap:16px; }
article.main-article{ min-width:0; display:flex; flex-direction:column; gap:26px; }

/* =====================================================================
   PAINÉIS (aside)
   ===================================================================== */
.panel-box{ position:relative; background:var(--c-glass); box-shadow:var(--frame-soft);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.panel-title{
  position:relative;
  font-family:var(--f-display); font-weight:700; font-size:16px; letter-spacing:3px;
  text-transform:uppercase; color:var(--c-gold-b);
  padding:13px 16px 12px 20px; display:flex; align-items:center; gap:10px;
  border-bottom:1px solid var(--c-line);
  background:linear-gradient(90deg, rgba(230,184,79,.11), transparent 74%);
}
.panel-title::before{ content:'❖'; color:var(--c-gold); font-size:11px; }
.panel-content{ padding:15px 17px; }

.cfg-row{ display:flex; justify-content:space-between; align-items:center; gap:10px;
  padding:8px 0; border-bottom:1px dotted rgba(230,184,79,.16); }
.cfg-row:last-child{ border-bottom:none; }
.cfg-label{ color:var(--c-muted); font-family:var(--f-ui); font-size:15px; }
.cfg-val{ color:var(--c-gold); font-family:var(--f-mono); font-size:13.5px; font-weight:600; text-align:right; }

.status-row{ display:flex; align-items:center; justify-content:space-between;
  padding:7px 0; font-size:14px; border-bottom:1px dotted rgba(230,184,79,.16); }
.status-row:last-child{ border-bottom:none; }
.status-dot{ width:8px; height:8px; border-radius:50%; background:var(--c-jade); box-shadow:0 0 9px var(--c-jade); animation:pulse 2s infinite; }
.status-dot.warn{ background:var(--c-ember); box-shadow:0 0 9px var(--c-ember); }

@keyframes pulse{ 0%,100%{opacity:1} 50%{opacity:.32} }
@keyframes spin{ to{ transform:rotate(360deg) } }
@keyframes floatY{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }

/* botões e campos vindos dos templates */
.panel-content .default,
.panel-content a.default,
.panel-content input.default{
  display:block; width:100%; text-align:center; cursor:pointer;
  font-family:var(--f-display); font-weight:700; font-size:15px; letter-spacing:2px;
  text-transform:uppercase; color:#241906!important;
  padding:11px 0; margin:0 0 9px; border:0;
  background:linear-gradient(180deg,#ffe6a8,#e6b84f 48%,#a87b32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.32), 0 0 0 1px var(--c-gold-d);
  transition:filter .18s, transform .14s;
}
.panel-content .default:hover,
.panel-content a.default:hover,
.panel-content input.default:hover{ filter:brightness(1.1); transform:translateY(-1px); }
.panel-content input[type=text],
.panel-content input[type=password],
.panel-content input.txt{
  width:100%; padding:11px 12px; margin-bottom:9px;
  background:rgba(0,0,0,.45); border:1px solid var(--c-line); border-radius:0;
  color:var(--c-text); font-family:var(--f-mono); font-size:13px;
}
.panel-content input::placeholder{ color:var(--c-dim); }
.panel-content input:focus{ outline:none; border-color:var(--c-gold); box-shadow:0 0 0 2px rgba(230,184,79,.2); }

/* =====================================================================
   DESAFIOS (sidebar) — nomes originais .dsb-*
   ===================================================================== */
.dsb-wrap{ position:relative; padding:16px; overflow:hidden;
  background:radial-gradient(120% 100% at 100% 0%, rgba(255,122,51,.10), transparent 58%); }
.dsb-inner{ position:relative; z-index:1; }
.dsb-eyebrow{ display:inline-block; font-family:var(--f-mono); font-size:9.5px; letter-spacing:2px;
  text-transform:uppercase; color:var(--c-ember); padding:3px 9px; margin-bottom:10px;
  box-shadow:inset 0 0 0 1px rgba(255,122,51,.34); }
.dsb-title{ font-family:var(--f-title); font-weight:700; font-size:17px; color:var(--c-text); margin-bottom:8px; line-height:1.3; }
.dsb-title em{ font-style:normal; color:var(--c-gold); }
.dsb-desc{ font-size:13.5px; color:#a8977a; line-height:1.6; margin-bottom:12px; }
.dsb-prizes{ display:flex; flex-direction:column; gap:8px; margin-bottom:13px; }
.dsb-prize{ position:relative; display:flex; align-items:center; gap:10px; padding:9px 11px;
  background:linear-gradient(90deg,var(--bg1,rgba(230,184,79,.10)),var(--bg2,transparent));
  box-shadow:inset 0 0 0 1px var(--bd,var(--c-line)); }
.dsb-prize-icon{ font-size:18px; }
.dsb-prize-body{ flex:1; min-width:0; }
.dsb-prize-lbl{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:1.4px; color:var(--ac,var(--c-gold)); text-transform:uppercase; }
.dsb-prize-name{ font-family:var(--f-display); font-weight:700; font-size:15px; letter-spacing:.6px; text-transform:uppercase; color:var(--c-text); }
.dsb-prize-tag{ font-family:var(--f-mono); font-size:10px; color:var(--ac,var(--c-gold));
  padding:2px 6px; box-shadow:inset 0 0 0 1px currentColor; white-space:nowrap; }
.dsb-cta{ position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:8px;
  font-family:var(--f-display); font-weight:700; font-size:15px; text-transform:uppercase; letter-spacing:2px;
  padding:12px; color:#241906!important; background:linear-gradient(180deg,#ffe6a8,#e6b84f 48%,#a87b32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.32); }
.dsb-cta::before{ content:''; position:absolute; top:0; left:-130%; width:52%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent); transition:left .6s; }
.dsb-cta:hover::before{ left:140%; }
.dsb-cta-arrow{ transition:transform .2s; }
.dsb-cta:hover .dsb-cta-arrow{ transform:translateX(4px); }

/* =====================================================================
   EVENTOS SIDEBAR
   ===================================================================== */
.ev-sidebar-list{ display:flex; flex-direction:column; padding:7px; }
.ev-sidebar-item{
  position:relative; display:flex; align-items:center; gap:10px; padding:9px 10px; cursor:pointer;
  transition:background .16s, transform .16s;
}
.ev-sidebar-item::before{
  content:''; position:absolute; left:0; top:8px; bottom:8px; width:2px; background:var(--c-gold); opacity:0; transition:opacity .16s;
}
.ev-sidebar-item:hover{ background:rgba(230,184,79,.08); transform:translateX(3px); }
.ev-sidebar-item:hover::before{ opacity:1; }
.ev-sb-icon{ font-size:16px; width:24px; text-align:center; }
.ev-sb-info{ flex:1; min-width:0; }
.ev-sb-name{ font-family:var(--f-display); font-weight:600; font-size:16px; letter-spacing:.8px; text-transform:uppercase; color:var(--c-text); }
.ev-sb-time{ font-family:var(--f-mono); font-size:10px; letter-spacing:.4px; color:var(--c-muted);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ev-sb-arrow{ color:var(--c-gold); font-size:17px; opacity:.4; transition:opacity .2s; }
.ev-sidebar-item:hover .ev-sb-arrow{ opacity:1; }
.ev-sidebar-item.soon{ opacity:.5; }
.ev-sidebar-item.soon .ev-sb-time{ font-style:italic; }
.ev-sidebar-item.soon:hover{ opacity:.85; }
.ev-sb-soon{ font-family:var(--f-mono); font-size:8.5px; font-weight:600; letter-spacing:1.2px; text-transform:uppercase;
  color:var(--c-bronze); padding:3px 7px; white-space:nowrap; box-shadow:inset 0 0 0 1px rgba(168,123,50,.4); }
.ev-sb-hot{ font-family:var(--f-mono); font-size:8.5px; font-weight:600; letter-spacing:1.2px; text-transform:uppercase;
  color:#241906; background:var(--c-gold); padding:3px 7px; white-space:nowrap; }

/* WhatsApp */
.zap-panel{
  position:relative; overflow:hidden; display:flex; align-items:center; gap:12px; padding:14px 16px; color:var(--c-text)!important;
  background:linear-gradient(100deg, rgba(87,184,148,.14), rgba(230,184,79,.06));
  box-shadow:inset 0 0 0 1px rgba(87,184,148,.32); transition:filter .2s, transform .2s;
}
.zap-panel:hover{ transform:translateY(-2px); filter:brightness(1.12); }
.zap-icon{ font-size:23px; }
.zap-info{ flex:1; }
.zap-label{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:1.6px; color:#8fd4b4; text-transform:uppercase; }
.zap-title{ font-family:var(--f-display); font-weight:700; font-size:17px; letter-spacing:1.4px; text-transform:uppercase; }
.zap-arrow{ font-size:19px; color:#8fd4b4; }

/* =====================================================================
   CABEÇALHO DE SEÇÃO — régua dupla gravada
   ===================================================================== */
h2.sec-header-title{ margin:0; }
.sec-header{ display:flex; align-items:center; gap:16px; margin:0 0 6px; }
.sec-header-title{
  position:relative; display:flex; align-items:center; gap:12px;
  font-family:var(--f-title); font-weight:700; font-size:20px; letter-spacing:3.4px;
  text-transform:uppercase; color:var(--c-gold-b); white-space:nowrap;
  text-shadow:0 2px 0 #1a1206, 0 0 22px rgba(230,184,79,.28);
}
.sec-header-title::before{ content:'❖'; color:var(--c-gold); font-size:13px; text-shadow:var(--glow-a); }
.sec-header-line{ flex:1; height:4px; border-top:1px solid var(--c-line-s); border-bottom:1px solid rgba(230,184,79,.14); }

/* =====================================================================
   BLOCO SOBRE O SERVIDOR
   ===================================================================== */
.server-info-box{
  position:relative; overflow:hidden; padding:26px 28px;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(230,184,79,.10), transparent 58%),
    linear-gradient(170deg, rgba(27,23,16,.92), rgba(10,7,3,.96));
  box-shadow:var(--frame);
}
.server-info-box::before{
  content:'MMX'; position:absolute; right:26px; bottom:14px;
  font-family:var(--f-title); font-weight:900; font-size:54px; letter-spacing:6px;
  color:rgba(230,184,79,.05); pointer-events:none;
}
.sib-header{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:14px; }
.sib-badge{ font-family:var(--f-mono); font-size:9px; font-weight:600; letter-spacing:1.8px;
  text-transform:uppercase; color:var(--c-gold); padding:4px 10px; box-shadow:inset 0 0 0 1px var(--c-line-s); }
.sib-badge.orange{ color:var(--c-ember); box-shadow:inset 0 0 0 1px rgba(255,122,51,.4); }
.sib-title{ font-family:var(--f-title); font-weight:700; font-size:20px; color:var(--c-gold-b); letter-spacing:2.4px; text-transform:uppercase; }
.sib-text{ font-size:14.5px; line-height:1.8; color:#bfae8e; position:relative; z-index:1; }
.sib-text strong{ color:var(--c-text); font-weight:600; }
.sib-grid{ position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:20px; }
.sib-pill{ padding:14px 13px; text-align:center; background:rgba(230,184,79,.04); box-shadow:inset 0 0 0 1px var(--c-line); }
.sib-pill i{ font-style:normal; font-size:19px; display:block; margin-bottom:7px; filter:drop-shadow(0 0 8px rgba(230,184,79,.4)); }
.sib-pill b{ display:block; font-family:var(--f-display); font-weight:700; font-size:15px; letter-spacing:1.4px;
  text-transform:uppercase; color:var(--c-gold-b); margin-bottom:4px; }
.sib-pill span{ font-family:var(--f-ui); font-size:12px; color:var(--c-muted); line-height:1.5; display:block; }

/* =====================================================================
   NOTÍCIAS
   ===================================================================== */
.news-box{ position:relative; background:var(--c-panel); box-shadow:var(--frame-soft); }
.news-header{ display:flex; align-items:center; justify-content:space-between;
  padding:12px 16px 11px 20px; border-bottom:1px solid var(--c-line);
  background:linear-gradient(90deg, rgba(230,184,79,.10), transparent 72%); }
.news-tag{ font-family:var(--f-display); font-weight:700; font-size:15px; letter-spacing:2.6px; text-transform:uppercase; color:var(--c-gold-b); }
.news-live{ display:inline-flex; align-items:center; gap:8px; font-family:var(--f-mono); font-size:9.5px;
  letter-spacing:1.6px; text-transform:uppercase; color:var(--c-muted); }
.news-iframe-wrap{ width:100%; }
.news-iframe-wrap iframe{ width:100%; height:420px; min-height:420px; border:0; display:block; background:transparent; }

/* =====================================================================
   KILLER + CHAMPIONS
   ===================================================================== */
.kc-row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }

/* ---- KILLER ---- */
.killer-section{
  position:relative; overflow:hidden;
  background:linear-gradient(170deg,#1a0705 0%,#210a06 55%,#0c0402 100%);
  box-shadow:inset 0 0 0 1px rgba(209,59,47,.42), inset 0 0 0 4px rgba(8,3,2,.92), inset 0 0 0 5px rgba(209,59,47,.18);
}
.killer-section::before{ content:''; position:absolute; left:5px; right:5px; top:5px; height:1px;
  background:linear-gradient(90deg,transparent,var(--c-blood),transparent); box-shadow:0 0 14px var(--c-blood); }
.killer-section::after{ content:''; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(0deg, transparent 0 3px, rgba(209,59,47,.04) 3px 4px); }
.killer-header{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px 12px 20px; border-bottom:1px solid rgba(209,59,47,.24); }
.killer-header-left{ display:flex; align-items:center; gap:12px; }
.killer-icon{ font-size:21px; filter:drop-shadow(0 0 8px var(--c-blood)); }
.killer-title{ font-family:var(--f-title); font-weight:700; font-size:17px; letter-spacing:2.4px; color:#f0d9cf; }
.killer-sub{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:1.6px; color:rgba(209,59,47,.75); }
.killer-badge{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:1.6px; text-transform:uppercase;
  color:#ffd9d2; background:rgba(209,59,47,.18); padding:4px 9px;
  box-shadow:inset 0 0 0 1px rgba(209,59,47,.5); animation:blink-border 2.2s infinite; }
@keyframes blink-border{ 0%,100%{box-shadow:inset 0 0 0 1px rgba(209,59,47,.45)} 50%{box-shadow:inset 0 0 0 1px rgba(209,59,47,1),0 0 12px rgba(209,59,47,.35)} }
.killer-list{ position:relative; z-index:1; padding:8px 0; }
.killer-item{ display:grid; grid-template-columns:32px 24px 1fr auto; align-items:center; gap:8px;
  padding:7px 16px 7px 20px; transition:background .18s; }
.killer-item:hover{ background:rgba(209,59,47,.09); }
.killer-rank{ font-family:var(--f-title); font-weight:700; font-size:16px; text-align:center; color:rgba(209,59,47,.4); }
.killer-item:nth-child(1) .killer-rank{ color:var(--c-gold); text-shadow:0 0 12px rgba(230,184,79,.7); font-size:19px; }
.killer-item:nth-child(2) .killer-rank{ color:rgba(209,59,47,.85); }
.killer-item:nth-child(3) .killer-rank{ color:rgba(209,59,47,.6); }
.killer-avatar{ width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px;
  background:rgba(209,59,47,.16); box-shadow:inset 0 0 0 1px rgba(209,59,47,.35); }
.killer-name{ font-family:var(--f-ui); font-size:14.5px; font-weight:600; color:#f0dcd4;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.killer-class{ font-family:var(--f-mono); font-size:10.5px; color:rgba(240,220,212,.55); text-align:center;
  padding:2px 6px; box-shadow:inset 0 0 0 1px rgba(209,59,47,.22); }
.killer-kills{ font-family:var(--f-title); font-weight:700; font-size:16px; color:var(--c-blood); text-align:right;
  text-shadow:0 0 8px rgba(209,59,47,.5); white-space:nowrap; }
.killer-kills span{ font-size:10.5px; color:rgba(209,59,47,.6); font-family:var(--f-mono); margin-left:4px; }
.killer-reset-bar,.killer-prize-bar{ position:relative; z-index:1; display:flex; align-items:center; gap:8px;
  padding:9px 16px 9px 20px; border-top:1px solid rgba(209,59,47,.18); font-family:var(--f-mono); font-size:11px;
  letter-spacing:1.2px; text-transform:uppercase; }
.killer-reset-label,.killer-prize-label{ color:rgba(209,59,47,.8); }
.killer-countdown{ margin-left:auto; color:#f0dcd4; font-weight:600; letter-spacing:1.6px; font-variant-numeric:tabular-nums; }
.killer-prize-item{ margin-left:auto; color:var(--c-gold); font-weight:600; }
.killer-prize-item.gold{ color:var(--c-gold); text-shadow:0 0 8px rgba(230,184,79,.45); }

/* ---- CHAMPIONS ---- */
.champions-grid{ display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.champ-card{
  position:relative; overflow:hidden; cursor:crosshair; background:var(--c-panel);
  box-shadow:inset 0 0 0 1px var(--c-line); transition:transform .22s, box-shadow .22s;
}
.champ-card:hover{ transform:translateY(-3px);
  box-shadow:inset 0 0 0 1px var(--card-accent,var(--c-gold)), 0 12px 26px -18px var(--card-accent,var(--c-gold)); }
.champ-card::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:linear-gradient(180deg,var(--card-accent,var(--c-gold)),transparent); }
.champ-card.king{ --card-accent:var(--c-gold); }
.champ-card.queen{ --card-accent:#e08fb0; }
.champ-card.bk{ --card-accent:#d13b2f; }
.champ-card.sm{ --card-accent:#6aa8e0; }
.champ-card.elf{ --card-accent:#57b894; }
.champ-card.dl{ --card-accent:#ff7a33; }
.champ-card.mg{ --card-accent:#b48ce0; }
.champ-inner{ padding:12px 13px!important; display:flex; align-items:center; gap:11px; }
.champ-icon-wrap{ width:40px; height:40px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  font-size:19px; position:relative; background:rgba(230,184,79,.05);
  box-shadow:inset 0 0 0 1px var(--card-accent,var(--c-gold)), 0 0 16px -6px var(--card-accent,var(--c-gold)); }
.champ-info{ flex:1; min-width:0; }
.champ-label{ font-family:var(--f-mono); font-size:9px; letter-spacing:1.8px; text-transform:uppercase;
  color:var(--card-accent,var(--c-gold)); margin-bottom:2px; }
.champ-name{ font-family:var(--f-title); font-weight:700; font-size:15px; letter-spacing:.6px; color:var(--c-text);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.champ-meta{ font-family:var(--f-mono); font-size:10.5px; color:var(--c-muted); margin-top:2px; }
.champ-top-row{ display:flex; align-items:center; gap:11px; width:100%; }
.champ-score{ font-family:var(--f-title); font-weight:700; font-size:20px; color:var(--card-accent,var(--c-gold));
  text-shadow:0 0 10px var(--card-accent,var(--c-gold)); text-align:right; }
.champ-score-label{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:1.2px; color:var(--c-muted); text-align:right; }
.ver-foto-btn{ display:none!important; }

.champs-week-bar{ display:flex; align-items:center; justify-content:center; gap:6px; padding:10px;
  box-shadow:inset 0 0 0 1px var(--c-line); background:rgba(230,184,79,.05); }
.champs-week-text{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:1px; text-transform:uppercase; color:var(--c-muted); }
.champs-week-text strong{ color:var(--c-gold); }

/* foto flutuante no hover dos champions */
#champ-photo-box{ position:fixed; z-index:9999; left:-9999px; top:-9999px; opacity:0; transition:opacity .18s; pointer-events:none; }
#champ-photo-box img{ width:200px; height:auto; box-shadow:0 0 0 1px var(--c-line-s), 0 18px 50px -10px #000; }
#champ-photo-box .lbl{ margin-top:6px; text-align:center; font-family:var(--f-mono); font-size:11px; color:var(--c-gold); }

/* =====================================================================
   GALERIA
   ===================================================================== */
.gallery-track-outer{ overflow:hidden; padding:12px; background:var(--c-panel); box-shadow:var(--frame-soft);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.gallery-track{ display:flex; gap:12px; width:max-content; animation:gscroll 44s linear infinite; }
.gallery-track-outer:hover .gallery-track{ animation-play-state:paused; }
@keyframes gscroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
.gallery-item{ position:relative; flex:0 0 auto; width:240px; height:150px; overflow:hidden; cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--c-line-s); }
.gallery-item img{ width:100%; height:100%; object-fit:cover; transition:transform .4s, filter .3s; filter:sepia(.18) saturate(.95) brightness(.88); }
.gallery-item:hover img{ transform:scale(1.07); filter:sepia(0) saturate(1.08) brightness(1.04); }
.gi-zoom{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:23px; opacity:0; background:rgba(10,8,5,.5); transition:opacity .25s; }
.gallery-item:hover .gi-zoom{ opacity:1; }

.gallery-lightbox{ position:fixed; inset:0; z-index:1100; display:none; align-items:center; justify-content:center;
  background:rgba(7,5,2,.93); backdrop-filter:blur(6px); padding:30px; }
.gallery-lightbox.open{ display:flex; }
.gl-box{ position:relative; max-width:90vw; max-height:88vh; }
.gl-box img{ max-width:90vw; max-height:80vh; box-shadow:0 0 0 1px var(--c-line-s), 0 30px 90px -20px #000; }
.gl-close{ position:absolute; top:-34px; right:0; font-family:var(--f-mono); font-size:12px; letter-spacing:1.4px; color:var(--c-muted); cursor:pointer; }
.gl-close:hover{ color:var(--c-gold); }
.gl-nav{ position:absolute; top:50%; transform:translateY(-50%); font-size:45px; color:var(--c-gold-b); cursor:pointer;
  padding:0 14px; user-select:none; text-shadow:0 0 16px var(--c-gold); transition:color .2s; }
.gl-nav:hover{ color:#fff; }
.gl-nav.prev{ left:-58px; } .gl-nav.next{ right:-58px; }

/* =====================================================================
   RANKINGS
   ===================================================================== */
.ranks-grid{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
/* wrapper transparente — o template injetado (.rk-wrap) traz a moldura própria */
.rank-rows{ background:transparent; border:0; border-radius:0; overflow:visible; padding:0; position:relative; }
.rank-rows::before{ content:none; }
.rank-panel{ background:var(--c-panel); box-shadow:var(--frame-soft); position:relative; }
.rank-panel-header{ display:flex; align-items:center; justify-content:space-between; padding:11px 13px 10px 16px;
  border-bottom:1px solid var(--c-line); background:linear-gradient(90deg, rgba(230,184,79,.10), transparent); }
.rank-panel-title{ font-family:var(--f-display); font-size:14px; font-weight:700; letter-spacing:2px;
  text-transform:uppercase; color:var(--c-gold-b); }
.rank-panel-tag{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:1.2px; color:var(--c-muted); }
.rank-row{ display:flex; align-items:center; gap:8px; padding:6px 13px 6px 16px; transition:background .15s; }
.rank-row:hover{ background:rgba(230,184,79,.06); }
.rk-pos{ font-family:var(--f-title); font-weight:700; font-size:13px; width:20px; text-align:center; color:var(--c-dim); }
.rk-pos.gold{ color:var(--c-gold); text-shadow:0 0 8px var(--c-gold); }
.rk-pos.silver{ color:#cfc7b4; }
.rk-pos.bronze{ color:#c07f3a; }
.rk-bar-wrap{ flex:1; height:21px; overflow:hidden; position:relative; background:rgba(0,0,0,.35); }
.rk-bar{ height:100%; width:0; display:flex; align-items:center; padding:0 8px;
  background:linear-gradient(90deg, rgba(230,184,79,.36), rgba(230,184,79,.08));
  border-right:2px solid var(--c-gold); transition:width .9s cubic-bezier(.4,0,.2,1); }
.rk-bar-name{ font-family:var(--f-ui); font-weight:600; font-size:12.5px; color:var(--c-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rk-val{ font-family:var(--f-mono); font-size:11.5px; font-weight:600; color:var(--c-gold); white-space:nowrap; }

.rankings_options{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.rankings_options > div a{ display:block; padding:10px 16px; font-family:var(--f-display); font-weight:700;
  font-size:15px; letter-spacing:1.6px; text-transform:uppercase; color:var(--c-text)!important;
  background:rgba(230,184,79,.05); box-shadow:inset 0 0 0 1px var(--c-line); }
.rankings_options > div a:hover{ color:var(--c-gold-b)!important; background:rgba(230,184,79,.16); }

/* =====================================================================
   DONATE
   ===================================================================== */
.donate-wrap{ position:relative; overflow:hidden; padding:22px;
  background:radial-gradient(120% 120% at 0% 0%, rgba(230,184,79,.10), transparent 56%),
             linear-gradient(170deg, rgba(27,23,16,.92), rgba(10,7,3,.96));
  box-shadow:var(--frame); }
.donate-corner-tl,.donate-corner-br{ position:absolute; width:44px; height:44px; pointer-events:none; opacity:.6; }
.donate-corner-tl{ top:12px; left:12px; border-top:2px solid var(--c-gold); border-left:2px solid var(--c-gold); }
.donate-corner-br{ bottom:12px; right:12px; border-bottom:2px solid var(--c-gold); border-right:2px solid var(--c-gold); }
.donate-grid{ display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:start; }
.donate-info-head{ display:flex; align-items:center; gap:11px; margin-bottom:14px; }
.donate-info-icon{ width:42px; height:42px; display:flex; align-items:center; justify-content:center; font-size:21px;
  background:rgba(230,184,79,.1); box-shadow:inset 0 0 0 1px rgba(230,184,79,.42); }
.donate-info-eyebrow{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:1.8px; text-transform:uppercase; color:var(--c-gold); }
.donate-info-title{ font-family:var(--f-title); font-weight:700; font-size:19px; color:var(--c-gold-b); letter-spacing:2px; text-transform:uppercase; }
.donate-dates{ display:flex; gap:10px; margin-bottom:16px; }
.donate-date-card{ flex:1; padding:10px 12px; box-shadow:inset 0 0 0 1px var(--c-line); background:rgba(0,0,0,.3); }
.donate-date-lbl{ display:block; font-family:var(--f-mono); font-size:9.5px; letter-spacing:1.2px; text-transform:uppercase; color:var(--c-muted); }
.donate-date-val{ font-family:var(--f-title); font-weight:700; font-size:18px; color:var(--c-gold); }
.donate-prizes-title{ font-family:var(--f-mono); font-size:10px; letter-spacing:1.8px; text-transform:uppercase; color:var(--c-muted); margin-bottom:10px; }
.donate-prizes{ display:flex; flex-direction:column; gap:8px; }
.donate-prize{ display:flex; align-items:flex-start; gap:11px; padding:10px 12px;
  background:rgba(230,184,79,.04); border-left:3px solid var(--medal,var(--c-gold)); }
.donate-prize-pos{ font-family:var(--f-display); font-weight:700; font-size:16px; letter-spacing:1px; text-transform:uppercase; color:var(--medal,var(--c-gold)); white-space:nowrap; }
.donate-prize-name{ font-size:13px; color:#bfae8e; line-height:1.5; }

/* =====================================================================
   MODAL DE EVENTOS
   ===================================================================== */
.esb-modal-overlay{ position:fixed; inset:0; z-index:1100; display:none; align-items:center; justify-content:center;
  background:rgba(7,5,2,.9); backdrop-filter:blur(6px); padding:24px; }
.esb-modal-overlay.open{ display:flex; }
.esb-modal-box{ width:min(540px,94vw); max-height:88vh; overflow:auto;
  background:linear-gradient(175deg, var(--c-panel2), var(--c-panel));
  box-shadow:var(--frame), 0 40px 100px -20px #000; }
.esb-modal-top{ display:flex; align-items:center; gap:12px; padding:18px 24px; border-bottom:1px solid var(--c-line);
  background:linear-gradient(90deg, rgba(230,184,79,.13), transparent); position:sticky; top:0; }
.esb-modal-icon{ font-size:24px; }
.esb-modal-title{ font-family:var(--f-title); font-weight:700; font-size:20px; letter-spacing:2.4px; text-transform:uppercase; color:var(--c-gold-b); flex:1; }
.esb-modal-close{ cursor:pointer; font-size:18px; color:var(--c-muted); transition:color .2s; }
.esb-modal-close:hover{ color:var(--c-ember); }
.esb-modal-body{ padding:22px 24px 24px; }
.esb-modal-desc{ font-size:14.5px; line-height:1.75; color:#bfae8e; margin-bottom:18px; }
.esb-schedule-rows{ display:flex; flex-direction:column; gap:6px; margin-bottom:18px; }
.esb-sch-row{ display:grid; grid-template-columns:auto auto 1fr; gap:10px; align-items:center;
  padding:8px 12px; background:rgba(230,184,79,.04); box-shadow:inset 0 0 0 1px var(--c-line); }
.esb-sch-day{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:1px; color:var(--c-muted); }
.esb-sch-time{ font-family:var(--f-title); font-weight:700; font-size:15px; color:var(--c-gold-b); letter-spacing:1px; }
.esb-sch-note{ font-family:var(--f-ui); font-size:13px; color:var(--c-muted); text-align:right; }
.esb-modal-prize{ font-size:13.5px; line-height:1.65; color:var(--c-gold); padding:14px 16px;
  background:rgba(230,184,79,.07); box-shadow:inset 0 0 0 1px rgba(230,184,79,.28); }

/* modal de foto */
.photo-modal-overlay{ position:fixed; inset:0; z-index:1100; display:none; align-items:center; justify-content:center;
  background:rgba(7,5,2,.9); backdrop-filter:blur(6px); padding:24px; }
.photo-modal-overlay.open{ display:flex; }
.photo-modal-box{ width:min(460px,94vw); overflow:hidden; background:var(--c-panel2);
  box-shadow:var(--frame), 0 40px 100px -20px #000; }
.photo-modal-header{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px;
  border-bottom:1px solid var(--c-line); font-family:var(--f-title); font-weight:700; letter-spacing:1.4px; color:var(--c-gold-b); }
.photo-modal-close{ cursor:pointer; color:var(--c-muted); }
.photo-modal-close:hover{ color:var(--c-ember); }
.photo-modal-img{ width:100%; display:block; }
.photo-modal-footer{ padding:11px 20px; font-family:var(--f-mono); font-size:10px; letter-spacing:1.4px; text-transform:uppercase; color:var(--c-muted); text-align:center; }

/* =====================================================================
   RODAPÉ
   ===================================================================== */
footer{ margin-top:54px; padding:28px 0 14px; text-align:center;
  font-family:var(--f-mono); font-size:11px; letter-spacing:1.4px; color:var(--c-dim);
  border-top:1px solid var(--c-line); }
footer::before{ content:'❖'; display:block; color:var(--c-gold); opacity:.55; margin-bottom:14px; font-size:13px; }

/* =====================================================================
   SEMANTIC UI (modais legados)
   ===================================================================== */
.ui.modal{ border-radius:0!important; overflow:hidden; }
.ui.modal > .header{ font-family:var(--f-title)!important; letter-spacing:2px!important; }
.ui.modal .actions .button{ border-radius:0!important; }

/* =====================================================================
   FOCO
   ===================================================================== */
:focus-visible{ outline:2px solid var(--c-gold); outline-offset:2px; }

/* =====================================================================
   REDUCED MOTION — corta transições; o fundo continua vivo (metade da
   velocidade), nunca parado
   ===================================================================== */
@media (prefers-reduced-motion:reduce){
  .hz-play::after,.dsb-cta::before{ transition:none; }
  .gallery-item img,.champ-card,.stat-cell,.ev-sidebar-item,.zap-panel{ transition:none!important; }
  .champ-card:hover,.stat-cell:hover,.zap-panel:hover{ transform:none!important; }
  .gallery-track{ animation-duration:88s; }
  .wt-track{ animation-duration:92s; }
  .atmos::after{ animation-duration:14s; }
  .hero-title .zed{ animation-duration:22s; }
  .brand-sigil .sg-ring{ animation-duration:52s; }
  .brand-sigil .sg-core{ animation-duration:22s; }
  .status-dot,.hz-dot,.brand-sigil::before,.killer-badge{ animation-duration:4s; }
}

/* ════════════════════════════════════════════════════════════
   LOADER / NPROGRESS — força o tema OURO ANTIGO no site todo
   ════════════════════════════════════════════════════════════ */
#nprogress .bar{
  background:linear-gradient(90deg,#7a5716 0%,#e6b84f 28%,#fff8e2 52%,#e6b84f 74%,#ff7a33 100%) !important;
  background-size:220% 100% !important;
  box-shadow:0 0 12px rgba(230,184,79,.75),0 0 5px rgba(255,122,51,.5) !important;
}
#nprogress .peg{ box-shadow:0 0 16px #e6b84f,0 0 9px #ffe6a8,0 0 5px #ff7a33 !important; }
#nprogress .spinner-icon{
  border-top-color:#e6b84f !important;
  border-right-color:#ffe6a8 !important;
  border-bottom-color:#ff7a33 !important;
  border-left-color:#8a6420 !important;
  filter:drop-shadow(0 0 9px rgba(230,184,79,.65)) drop-shadow(0 0 5px rgba(255,122,51,.32)) !important;
}
#nprogress .spinner-icon::before{
  border-top-color:rgba(255,122,51,.9) !important;
  border-bottom-color:rgba(230,184,79,.9) !important;
}
#nprogress .spinner-icon::after{
  background:#ffe6a8 !important;
  box-shadow:0 0 14px #e6b84f,0 0 8px #ff7a33 !important;
}
#nprogress .spinner::before{
  background:radial-gradient(circle,rgba(230,184,79,.32) 0%,rgba(255,122,51,.12) 42%,transparent 70%) !important;
}
.nprogress-custom-parent #nprogress .spinner::after,
#nprogress .spinner::after{
  color:#e6b84f !important;
  text-shadow:0 0 9px rgba(230,184,79,.55) !important;
}

/* ════════════════════════════════════════════════════════════
   LOADER INJETADO PELO FRAMEWORK (cores inline ciano/laranja)
   ════════════════════════════════════════════════════════════ */
[style*="rgba(0,200,255"], [style*="rgba(0, 200, 255"],
[style*="0,200,255"],
[style*="#00c8ff"], [style*="#00C8FF"],
[style*="#ffc24a"], [style*="#00d4ff"]{
  border-top-color:#e6b84f !important;
  border-right-color:#ffe6a8 !important;
  border-bottom-color:#ff7a33 !important;
  border-left-color:#8a6420 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 8px rgba(230,184,79,.6)) drop-shadow(0 0 4px rgba(255,122,51,.3)) !important;
  color:#e6b84f !important;
  text-shadow:0 0 9px rgba(230,184,79,.5) !important;
}
[style*="#ff6b00"], [style*="#FF6B00"],
[style*="rgba(255,107,0"], [style*="rgba(255, 107, 0"],
[style*="255,107,0"]{
  border-left-color:#e6b84f !important;
  border-bottom-color:#ff7a33 !important;
}