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

/* ═══════════════════════════════════════════════════════════════
   MU RAVE HARD — design system "OBSIDIAN FORGE"
   Ouro forjado · brasas · obsidiana · painéis facetados
   ═══════════════════════════════════════════════════════════════ */

:root {
  --rm-w:    clamp(960px, 92vw, 1380px);

  --bg:      #070403;
  --panel-a: #161009;
  --panel-b: #0a0604;

  --gold:    #f0a830;
  --gold-2:  #ffd98c;
  --ember:   #ff5a2b;
  --blood:   #d92121;

  --ln-g:    rgba(240,168,48,.32);
  --ln-d:    rgba(240,168,48,.13);

  --text-0:  #f2ead8;
  --text-1:  rgba(242,234,216,.84);
  --text-2:  rgba(242,234,216,.5);

  --fd: 'Saira Condensed', sans-serif;
  --fu: 'Inter', sans-serif;
  --fm: 'JetBrains Mono', monospace;
}

/* ─── BASE ─── */
html, body { min-width:960px; }
body {
  font-family:var(--fu);
  font-size:15px;
  color:var(--text-0);
  background-color:var(--bg);
  overflow-x:hidden;
}
/* textura de forja: tramado diagonal sutil + vinheta */
body::before {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,.006) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.05) 0 1px, transparent 1px 9px);
}
body::after {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(ellipse 130% 110% at 50% 50%, transparent 70%, rgba(0,0,0,.32));
}
/* canvas ambiente de brasas — atrás de tudo, meia resolução (leve) */
#bg-canvas {
  position:fixed; inset:0; z-index:-1;
  width:100%; height:100%; display:block;
  pointer-events:none;
}
a { text-decoration:none; cursor:pointer; color:inherit; }
a:active, a:visited { color:inherit; }

::selection { background:rgba(240,168,48,.55); color:#1a0f05; }
html { scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:rgba(240,168,48,.45) #0a0603; }
body::-webkit-scrollbar { width:9px; }
body::-webkit-scrollbar-track { background:#0a0603; }
body::-webkit-scrollbar-thumb {
  background:linear-gradient(180deg,#b3690f,#f0a830);
  border-radius:6px; border:2px solid #0a0603;
}

/* ═══════════════════════════════════════════════════════════════
   TOPBAR
   ═══════════════════════════════════════════════════════════════ */
.topbar {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  height:74px;
  background:rgba(9,5,3,.9);
  backdrop-filter:blur(16px) saturate(1.15);
  border-bottom:1px solid var(--ln-d);
}
.topbar::before {
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,168,48,.4) 30%,rgba(240,168,48,.4) 70%,transparent);
}
/* fio dourado vivo na base, com varredura de calor */
.tb-edge {
  position:absolute; left:0; right:0; bottom:-1px; height:2px; overflow:hidden;
  background:linear-gradient(90deg,transparent,rgba(240,168,48,.28) 25%,rgba(240,168,48,.28) 75%,transparent);
}
.tb-edge::before {
  content:""; position:absolute; top:0; bottom:0; width:26%;
  background:linear-gradient(90deg,transparent,#ff5a2b 35%,#ffd98c 50%,#ff5a2b 65%,transparent);
  box-shadow:0 0 16px rgba(255,120,40,.65);
  animation:tbHeat 6s cubic-bezier(.55,.05,.45,.95) infinite;
}
@keyframes tbHeat { 0%{left:-28%;} 60%{left:104%;} 100%{left:104%;} }

.tb-inner {
  width:960px; margin:0 auto; height:74px;
  display:flex; align-items:center; padding:0 6px; box-sizing:border-box;
}

/* ── LOGO — emblema forjado ── */
.tb-logo {
  display:flex; align-items:center; gap:10px;
  flex-shrink:0; padding-right:22px; margin-right:14px;
  border-right:1px solid rgba(240,168,48,.16);
}
.tb-emblem {
  position:relative; width:32px; height:32px; flex-shrink:0;
  transform:rotate(45deg);
  border:1px solid var(--ln-g);
  box-shadow:0 0 18px rgba(240,168,48,.18), inset 0 0 12px rgba(240,168,48,.08);
  transition:box-shadow .3s ease;
}
.tb-emblem::before, .tb-emblem::after {
  content:""; position:absolute; width:7px; height:7px;
  border-color:var(--gold); border-style:solid;
}
.tb-emblem::before { top:-1px; left:-1px; border-width:1px 0 0 1px; }
.tb-emblem::after  { bottom:-1px; right:-1px; border-width:0 1px 1px 0; }
.tb-emblem i {
  position:absolute; inset:6px;
  background:linear-gradient(135deg,#d92121,#ff5a2b 55%,#f0a830);
  box-shadow:0 0 16px rgba(255,90,30,.55), inset 0 0 8px rgba(0,0,0,.4);
  animation:emblemBreath 3s ease-in-out infinite;
}
@keyframes emblemBreath {
  0%,100% { box-shadow:0 0 12px rgba(255,90,30,.45), inset 0 0 8px rgba(0,0,0,.4); }
  50%      { box-shadow:0 0 26px rgba(255,120,40,.75), inset 0 0 8px rgba(0,0,0,.3); }
}
.tb-logo:hover .tb-emblem { box-shadow:0 0 28px rgba(240,168,48,.35), inset 0 0 14px rgba(240,168,48,.14); }

.tb-logo-text { display:flex; flex-direction:column; gap:3px; }
.tb-name {
  font-family:var(--fd); font-weight:800; font-size:21px;
  letter-spacing:.5px; line-height:1; color:var(--text-0);
}
.tb-name b {
  font-weight:900;
  background:linear-gradient(100deg,#f0a830 10%,#ffd98c 50%,#f0a830 90%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 10px rgba(240,168,48,.35));
}
.tb-tag {
  display:flex; align-items:center; gap:6px;
  font-family:var(--fu); font-weight:600; font-size:8px;
  letter-spacing:2px; text-transform:uppercase;
  color:rgba(255,90,43,.85); white-space:nowrap;
}
.tb-tag u {
  text-decoration:none; height:1px; width:12px; flex-shrink:0;
  background:linear-gradient(90deg,transparent,rgba(255,90,43,.6));
}
.tb-tag u:last-child { background:linear-gradient(90deg,rgba(255,90,43,.6),transparent); }

/* ── LINKS — placas numeradas separadas por fios ── */
.tb-links { display:flex; align-items:stretch; flex:1; justify-content:space-between; height:74px; }
.tb-item {
  position:relative; flex:1;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  padding:0 6px;
  font-family:var(--fu); font-size:13.5px; font-weight:700;
  letter-spacing:1px; text-transform:uppercase;
  color:rgba(255,255,255,.92);
  text-shadow:0 1px 2px rgba(0,0,0,.6);
  transition:color .22s ease, background .22s ease;
}
.tb-item + .tb-item::before {
  content:""; position:absolute; left:0; top:30%; bottom:30%; width:1px;
  background:linear-gradient(180deg,transparent,rgba(240,168,48,.16),transparent);
}
.tb-item i {
  font-style:normal; font-family:var(--fm); font-size:8.5px;
  letter-spacing:1px; color:rgba(240,168,48,.6);
  transition:color .22s ease, text-shadow .22s ease;
}
/* lâmina dourada que cresce do centro */
.tb-item::after {
  content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  width:0; height:2px;
  background:linear-gradient(90deg,transparent,#f0a830 30%,#ffd98c 50%,#f0a830 70%,transparent);
  box-shadow:0 0 10px rgba(240,168,48,.6);
  transition:width .28s cubic-bezier(.5,.05,.3,1);
}
.tb-item:hover {
  color:#fff;
  background:linear-gradient(180deg,transparent 55%,rgba(240,168,48,.08));
}
.tb-item:hover i { color:var(--gold); text-shadow:0 0 8px rgba(240,168,48,.6); }
.tb-item:hover::after { width:62%; }
.tb-item.is-active { color:#fff; }
.tb-item.is-active::after { width:62%; }
.tb-item.is-active i { color:var(--gold); }

/* ═══════════════════════════════════════════════════════════════
   ROADMAP — única zona que expande além de 960
   ═══════════════════════════════════════════════════════════════ */
.roadmap-band {
  width:100%; min-width:960px;
  overflow:hidden; position:relative;
  margin-top:30px;
  padding:18px 0 14px;
  border-top:1px solid var(--ln-d);
  background:linear-gradient(180deg,#0e0805 0%,#090503 55%,#060302 100%);
  border-bottom:1px solid var(--ln-d);
}
.roadmap-band::after {
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,168,48,.35) 30%,rgba(240,168,48,.35) 70%,transparent);
}
#roadmap-canvas { position:absolute; inset:0; width:100%; height:100%; display:block; pointer-events:none; }
.rm-ghost {
  position:absolute; left:50%; top:56%; transform:translate(-50%,-50%);
  font-family:var(--fd); font-weight:900; font-size:96px; letter-spacing:20px;
  white-space:nowrap; pointer-events:none; line-height:1;
  color:transparent; -webkit-text-stroke:1px rgba(240,168,48,.05);
}
.rm-inner { position:relative; z-index:1; width:var(--rm-w); min-width:960px; margin:0 auto; box-sizing:border-box; padding:0 14px; }

/* ── cabeçalho ── */
.rm-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:9px; }
.rm-kicker {
  display:flex; align-items:center; gap:9px;
  font-family:var(--fm); font-size:10px; letter-spacing:3px;
  text-transform:uppercase; color:rgba(240,168,48,.7); margin-bottom:4px;
}
.rm-kicker::before { content:"◆"; font-size:8px; color:var(--ember); text-shadow:0 0 8px rgba(255,90,43,.6); }
.rm-headline {
  font-family:var(--fd); font-weight:800; font-size:24px; letter-spacing:.5px;
  line-height:1; color:var(--text-0); text-transform:uppercase;
}
.rm-headline em {
  font-style:normal;
  background:linear-gradient(100deg,#ff5a2b,#f0a830 50%,#ffd98c);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 14px rgba(240,168,48,.4));
}
.rm-subline { font-size:12px; font-weight:500; color:var(--text-2); margin-top:4px; letter-spacing:.4px; }

.rm-head-right { display:flex; align-items:center; gap:14px; flex-shrink:0; }

/* HUD de progresso */
.rm-hud {
  width:228px; padding:8px 11px 7px;
  background:rgba(12,7,4,.8);
  border:1px solid var(--ln-d);
  clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
  box-shadow:inset 0 0 0 1px rgba(240,168,48,.05), inset 0 0 22px rgba(255,90,30,.04);
}
.rm-hud-top { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:5px; }
.rm-hud-label {
  font-family:var(--fm); font-size:8.5px; letter-spacing:1.8px;
  text-transform:uppercase; color:var(--text-2);
}
.rm-hud-pct {
  font-family:var(--fd); font-weight:700; font-size:16px; letter-spacing:1px; line-height:1;
  color:var(--gold-2); text-shadow:0 0 12px rgba(240,168,48,.5);
}
.rm-hud-bar { height:4px; overflow:hidden; background:rgba(255,255,255,.06); margin-bottom:5px; }
.rm-hud-fill {
  height:100%; width:0;
  background:repeating-linear-gradient(110deg,#d92121 0 8px,#ff5a2b 8px 16px,#f0a830 16px 24px);
  background-size:200% 100%;
  box-shadow:0 0 12px rgba(255,90,30,.55);
  animation:molten 2.4s linear infinite;
  transition:width .8s ease;
}
@keyframes molten { 0%{background-position:0 0;} 100%{background-position:48px 0;} }
.rm-hud-phase {
  font-family:var(--fm); font-size:9px; letter-spacing:1.4px;
  color:rgba(240,168,48,.8); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.rm-arrows { display:flex; flex-direction:column; gap:6px; }
.rm-arrow {
  width:38px; height:38px; cursor:pointer;
  background:rgba(240,168,48,.05); border:1px solid var(--ln-d);
  color:var(--gold); font-size:25px; line-height:1; font-weight:700;
  display:flex; align-items:center; justify-content:center;
  clip-path:polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
  transition:all .18s ease;
}
.rm-arrow:hover {
  background:rgba(240,168,48,.14); border-color:var(--ln-g);
  color:var(--gold-2); box-shadow:0 0 16px rgba(240,168,48,.25);
}

/* ── viewport / track ── */
.rm-viewport {
  overflow-x:auto; overflow-y:hidden;
  scrollbar-width:none; -ms-overflow-style:none;
  cursor:grab; -webkit-overflow-scrolling:touch;
  padding-bottom:4px;
}
.rm-viewport::-webkit-scrollbar { display:none; }
.rm-viewport.rm-grabbing { cursor:grabbing; }

.rm-track { position:relative; display:flex; gap:13px; padding:25px 6px 5px; width:max-content; }

.rm-line {
  position:absolute; top:32px; left:22px; right:22px; height:2px;
  background:rgba(242,234,216,.07);
}
.rm-line::before {
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(90deg,rgba(242,234,216,.12) 0 2px,transparent 2px 14px);
}
.rm-line-fill {
  position:absolute; top:-1px; left:0; height:4px; width:0;
  background:repeating-linear-gradient(90deg,#9c7b4a 0 10px,#ff5a2b 10px 26px,#f0a830 26px 40px);
  background-size:80px 100%;
  box-shadow:0 0 12px rgba(255,90,30,.6), 0 0 26px rgba(240,168,48,.25);
  animation:lineFlow 2.2s linear infinite;
  transition:width .7s ease;
}
@keyframes lineFlow { 0%{background-position:0 0;} 100%{background-position:80px 0;} }
.rm-line-fill::before {
  content:""; position:absolute; right:6px; top:50%; transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  background:var(--gold-2); box-shadow:0 0 12px var(--gold-2), 0 0 24px rgba(240,168,48,.6);
}
.rm-line-fill::after {
  content:""; position:absolute; right:-19px; top:50%;
  width:0; height:0;
  border-left:18px solid var(--gold-2);
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  filter:drop-shadow(0 0 8px var(--gold-2)) drop-shadow(0 0 20px rgba(240,168,48,.75));
  animation:arrowPulse 1.4s ease-in-out infinite;
}
@keyframes arrowPulse {
  0%,100% { transform:translateY(-50%) translateX(0)   scale(1); }
  50%      { transform:translateY(-50%) translateX(5px) scale(1.18); }
}

/* ── card de fase ── */
.rm-card {
  position:relative; cursor:pointer;
  width:306px; flex-shrink:0;
  padding:14px 17px 12px;
  background:linear-gradient(165deg,var(--panel-a),var(--panel-b));
  clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  box-shadow:inset 0 0 0 1px rgba(240,168,48,.10);
  display:flex; flex-direction:column; gap:4px;
  transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;
  user-select:none;
}
.rm-card:hover {
  transform:translateY(-4px);
  box-shadow:inset 0 0 0 1px rgba(240,168,48,.28), 0 14px 30px rgba(0,0,0,.5);
}
.rm-card::before {
  content:""; position:absolute; left:0; top:10px; bottom:10px; width:3px;
  background:rgba(242,234,216,.08); transition:background .25s ease, box-shadow .25s ease;
}
.rm-num {
  position:absolute; right:8px; top:9px;
  font-family:var(--fd); font-weight:900; font-size:34px; line-height:.85; letter-spacing:1px;
  color:transparent; -webkit-text-stroke:1px rgba(240,168,48,.09);
  pointer-events:none;
}
.rm-shine {
  position:absolute; inset:0;
  background:linear-gradient(105deg,transparent 38%,rgba(255,220,150,.10) 50%,transparent 62%);
  background-size:320% 100%; background-position:140% 0;
  pointer-events:none; opacity:0;
}
.rm-node {
  position:absolute; top:-25px; left:50%;
  width:11px; height:11px;
  transform:translateX(-50%) rotate(45deg);
  background:#140c06; border:2px solid rgba(242,234,216,.2);
  z-index:2; transition:all .25s ease;
}

.rm-card-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:2px; }
.rm-status {
  font-family:var(--fm); font-size:8.5px; font-weight:700;
  letter-spacing:1.4px; width:fit-content;
  padding:3px 8px;
  color:var(--text-2);
  background:rgba(242,234,216,.03); border:1px solid rgba(242,234,216,.1);
  white-space:nowrap;
}
.rm-fase {
  font-family:var(--fm); font-size:8.5px; letter-spacing:1.6px;
  color:rgba(255,90,43,.7); text-transform:uppercase; white-space:nowrap;
}

/* título com emoji */
.rm-titlerow { display:flex; align-items:center; gap:9px; margin:2px 0 3px; }
.rm-emoji {
  font-size:22px; line-height:1; flex-shrink:0;
  filter:drop-shadow(0 0 8px rgba(240,168,48,.25));
}
.rm-title {
  font-family:var(--fd); font-size:21px; font-weight:700;
  letter-spacing:.3px; color:var(--text-0); line-height:1.02;
  text-transform:uppercase;
}

/* checklist do que libera */
.rm-unlocks { list-style:none; margin:0 0 2px; padding:0; display:flex; flex-direction:column; gap:5px; }
.rm-unlocks li {
  position:relative;
  font-family:var(--fu); font-size:13px; font-weight:500; line-height:1.35;
  color:var(--text-1); padding-left:18px;
}
.rm-unlocks li::before {
  content:""; position:absolute; left:0; top:5px;
  width:8px; height:8px; transform:rotate(45deg);
  background:rgba(240,168,48,.25);
  border:1px solid rgba(240,168,48,.5);
  transition:background .25s ease, box-shadow .25s ease;
}

/* bloco "quando libera" */
.rm-when {
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin-top:6px; padding:8px 11px;
  background:rgba(242,234,216,.025);
  border:1px solid rgba(240,168,48,.14);
  clip-path:polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
  transition:border-color .25s ease, background .25s ease;
}
.rm-when-label {
  font-family:var(--fm); font-size:10.5px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
  color:var(--text-2); white-space:nowrap;
}
.rm-when-date {
  font-family:var(--fd); font-weight:700; font-size:25px; letter-spacing:.3px; line-height:1;
  color:var(--text-0); display:flex; align-items:baseline; white-space:nowrap;
}
.rm-when-date span { color:var(--text-2); font-size:17px; font-weight:600; }
.rm-when-date em {
  font-style:normal; font-family:var(--fm); font-size:9px; letter-spacing:1px;
  color:rgba(240,168,48,.55); margin-left:4px;
}

.rm-foot { margin-top:auto; padding-top:5px; display:flex; justify-content:flex-end; }
.rm-more {
  font-family:var(--fu); font-size:11px; font-weight:700;
  letter-spacing:1.4px; text-transform:uppercase;
  color:rgba(240,168,48,.9);
  padding:5px 10px;
  background:rgba(240,168,48,.05);
  border:1px solid rgba(240,168,48,.22);
  clip-path:polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
  transition:all .2s ease;
}
.rm-card:hover .rm-more {
  color:var(--gold-2); border-color:rgba(240,168,48,.6);
  background:rgba(240,168,48,.11);
  box-shadow:0 0 14px rgba(240,168,48,.2);
}

/* estados */
.rm-card.rm-done { opacity:.66; }
.rm-card.rm-done:hover { opacity:1; }
.rm-card.rm-done::before { background:rgba(156,123,74,.7); box-shadow:0 0 8px rgba(156,123,74,.3); }
.rm-card.rm-done .rm-node { background:#1a1208; border-color:#9c7b4a; box-shadow:0 0 8px rgba(156,123,74,.4); }
.rm-card.rm-done .rm-status { color:#c9a86a; background:rgba(156,123,74,.08); border-color:rgba(156,123,74,.3); }
.rm-card.rm-done .rm-when-date { color:rgba(242,234,216,.45); }
.rm-card.rm-done .rm-unlocks li::before { background:rgba(156,123,74,.7); border-color:rgba(156,123,74,.8); box-shadow:0 0 6px rgba(156,123,74,.3); }
.rm-card.rm-done .rm-when-label { color:rgba(120,200,130,.85); }

.rm-card.rm-active {
  box-shadow:inset 0 0 0 1px rgba(240,168,48,.5), 0 0 28px rgba(255,90,30,.18), 0 0 66px rgba(240,168,48,.08);
  background:linear-gradient(165deg,#241408,#0d0703);
  animation:cardPulse 2.6s ease-in-out infinite;
}
@keyframes cardPulse {
  0%,100% { box-shadow:inset 0 0 0 1px rgba(240,168,48,.45), 0 0 22px rgba(255,90,30,.14), 0 0 56px rgba(240,168,48,.06); }
  50%      { box-shadow:inset 0 0 0 1px rgba(255,217,140,.6), 0 0 40px rgba(255,90,30,.30), 0 0 86px rgba(240,168,48,.14); }
}
.rm-card.rm-active::before {
  background:linear-gradient(180deg,#d92121,#ff5a2b,#f0a830);
  box-shadow:0 0 14px rgba(255,90,30,.7);
}
.rm-card.rm-active .rm-shine { opacity:1; animation:cardShine 3.8s ease-in-out infinite; }
@keyframes cardShine { 0%,50%{background-position:140% 0;} 100%{background-position:-40% 0;} }
.rm-card.rm-active .rm-node {
  background:#241204; border-color:var(--gold-2);
  box-shadow:0 0 12px rgba(255,217,140,.8), 0 0 26px rgba(240,168,48,.5);
  animation:nodePulse 1.6s ease-in-out infinite;
}
@keyframes nodePulse {
  0%,100% { transform:translateX(-50%) rotate(45deg) scale(1); }
  50%      { transform:translateX(-50%) rotate(45deg) scale(1.4); }
}
.rm-card.rm-active .rm-status {
  color:var(--gold-2); text-shadow:0 0 10px rgba(240,168,48,.55);
  background:rgba(240,168,48,.09); border-color:rgba(240,168,48,.45);
}
.rm-card.rm-active .rm-when {
  background:rgba(240,168,48,.07); border-color:rgba(240,168,48,.4);
}
.rm-card.rm-active .rm-when-label { color:var(--gold-2); }
.rm-card.rm-active .rm-when-date {
  background:linear-gradient(95deg,#ffd98c,#f0a830 55%,#ff5a2b);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 14px rgba(240,168,48,.35));
}
.rm-card.rm-active .rm-when-date span { -webkit-text-fill-color:transparent; }
.rm-card.rm-active .rm-unlocks li::before {
  background:linear-gradient(135deg,#ff5a2b,#f0a830);
  border-color:var(--gold-2); box-shadow:0 0 8px rgba(240,168,48,.5);
}
.rm-card.rm-active .rm-emoji { filter:drop-shadow(0 0 12px rgba(240,168,48,.5)); }
.rm-card.rm-active .rm-num { -webkit-text-stroke-color:rgba(240,168,48,.2); }

.rm-card.rm-soon { opacity:.55; }
.rm-card.rm-soon:hover { opacity:.95; }
.rm-card.rm-soon .rm-node { border-style:dashed; }

.rm-onair {
  font-family:var(--fu); font-size:12px; font-weight:700;
  letter-spacing:1.4px; text-transform:uppercase; text-align:center;
  color:var(--gold-2); text-shadow:0 0 12px rgba(240,168,48,.5);
  padding:7px 10px;
  background:rgba(240,168,48,.07); border:1px solid rgba(240,168,48,.3);
  animation:blink 1.8s ease-in-out infinite;
}
@keyframes blink { 0%,100%{opacity:1;} 50%{opacity:.5;} }

.rm-dots { display:flex; justify-content:center; gap:8px; margin-top:8px; }
.rm-dot {
  width:22px; height:3px; cursor:pointer;
  background:rgba(242,234,216,.12); border:none; padding:0;
  transition:all .25s ease;
}
.rm-dot:hover { background:rgba(240,168,48,.4); }
.rm-dot.on {
  width:42px;
  background:linear-gradient(90deg,#ff5a2b,#f0a830);
  box-shadow:0 0 12px rgba(240,168,48,.5);
}

/* ═══════════════════════════════════════════════════════════════
   LAYOUT — wrapper · aside · article  (estrutura clássica, 960)
   ═══════════════════════════════════════════════════════════════ */
.all { width:960px; margin:0 auto; padding-top:30px; position:relative; z-index:1; }

section {
  display:flex; align-items:flex-start; gap:24px;
  position:relative; width:960px;
  padding:28px 22px 60px;
  box-sizing:border-box;
  background:linear-gradient(180deg, rgba(16,10,6,.92), rgba(7,4,2,.97));
  border:1px solid var(--ln-d);
}
/* cantos forjados */
section::before, section::after {
  content:""; position:absolute; width:22px; height:22px;
  border-color:var(--gold); border-style:solid; pointer-events:none; z-index:2;
  opacity:.8;
}
section::before { top:-1px; left:-1px; border-width:2px 0 0 2px; }
section::after  { bottom:-1px; right:-1px; border-width:0 2px 2px 0; }

aside   { width:254px; flex-shrink:0; }
article { position:relative; flex:1; min-width:0; }
.ctt    { display:block; }
.ui.hidden.divider { margin:0 0 12px 0 !important; }

/* ═══ PAINÉIS DA SIDEBAR — placas forjadas ═══ */
.box {
  position:relative;
  background:linear-gradient(170deg,var(--panel-a),var(--panel-b));
  border:1px solid var(--ln-d);
  margin-bottom:12px;
  transition:border-color .22s ease, box-shadow .22s ease;
}
.box:hover { border-color:rgba(240,168,48,.3); box-shadow:0 8px 24px rgba(0,0,0,.45); }
/* rebites de canto */
.box::before, .box::after {
  content:""; position:absolute; width:8px; height:8px; pointer-events:none;
  border-color:rgba(240,168,48,.55); border-style:solid;
}
.box::before { top:-1px; left:-1px; border-width:1px 0 0 1px; }
.box::after  { bottom:-1px; right:-1px; border-width:0 1px 1px 0; }

.box .title {
  display:flex; align-items:center; gap:9px;
  padding:11px 14px 10px;
  font-family:var(--fd); font-size:17px; font-weight:700;
  letter-spacing:.8px; text-transform:uppercase; color:var(--text-0);
  background:linear-gradient(90deg,rgba(240,168,48,.08),transparent 70%);
  border-bottom:1px solid var(--ln-d);
  text-shadow:0 1px 0 rgba(0,0,0,.6);
}
.title-ic {
  font-size:9px; color:var(--gold);
  text-shadow:0 0 8px rgba(240,168,48,.6);
}
.box .ctt { padding:12px 14px 14px; color:var(--text-1); font-size:14px; }

/* configurações */
.box-config-gold .config-row {
  display:flex; justify-content:space-between; align-items:center; gap:8px;
  padding:0 0 7px; margin-bottom:7px;
  border-bottom:1px solid rgba(242,234,216,.05);
}
.box-config-gold .config-row:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.box-config-gold .config-row b {
  color:var(--text-1); font-weight:600; font-size:13.5px;
  display:flex; align-items:center; gap:6px;
}
.box-config-gold .config-row b::before {
  content:"◆"; color:rgba(255,90,43,.7); font-size:7px;
  text-shadow:0 0 5px rgba(255,90,43,.5);
}
.box-config-gold .config-row span {
  color:var(--gold); font-weight:700; font-size:13.5px;
  font-family:var(--fu); letter-spacing:.2px;
  text-shadow:0 0 8px rgba(240,168,48,.3); text-align:right;
}

/* ═══ DESAFIO MENSAL — relíquia dourada ═══ */
.box-desafio {
  position:relative; overflow:hidden;
  border:1px solid rgba(240,168,48,.4) !important;
  background:linear-gradient(160deg,#221405,#120a03,#080502) !important;
  box-shadow:0 0 0 1px rgba(240,168,48,.06), 0 0 36px rgba(240,168,48,.1), inset 0 0 30px rgba(0,0,0,.7) !important;
}
.box-desafio::after {
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  border:none; width:auto;
  background:linear-gradient(90deg,transparent,#f0a830 30%,#ffd98c 50%,#f0a830 70%,transparent);
  box-shadow:0 0 14px rgba(240,168,48,.5);
  animation:goldGlow 2.8s ease-in-out infinite;
}
@keyframes goldGlow { 0%,100%{opacity:.55;} 50%{opacity:1;} }
.box-desafio::before {
  content:"✦"; border:none; width:auto; height:auto;
  position:absolute; right:14px; top:12px;
  font-size:20px; color:rgba(240,168,48,.22);
  animation:starFloat 4s ease-in-out infinite;
  pointer-events:none; z-index:0;
}
@keyframes starFloat {
  0%,100% { transform:translateY(0) rotate(0deg) scale(1); opacity:.22; }
  50%      { transform:translateY(-5px) rotate(25deg) scale(1.15); opacity:.5; }
}
.desafio-shimmer {
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background:linear-gradient(130deg, transparent 35%, rgba(240,168,48,.035) 48%, rgba(255,217,140,.02) 52%, transparent 65%);
  background-size:300% 300%;
  animation:shimmer 6s ease-in-out infinite;
}
@keyframes shimmer { 0%,100%{background-position:200% 200%;} 50%{background-position:0% 0%;} }
.desafio-inner { position:relative; z-index:1; padding:17px 15px 18px; display:flex; flex-direction:column; gap:10px; }
.desafio-badge {
  display:inline-flex; align-items:center; gap:7px;
  font-family:var(--fm); font-size:9px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--gold-2);
  padding:4px 10px;
  background:rgba(240,168,48,.1); border:1px solid rgba(240,168,48,.32);
  text-shadow:0 0 10px rgba(240,168,48,.55);
  width:fit-content;
}
.desafio-badge::before {
  content:""; width:5px; height:5px; flex-shrink:0; transform:rotate(45deg);
  background:var(--gold-2); box-shadow:0 0 8px var(--gold-2);
  animation:blink 1.5s ease-in-out infinite;
}
.desafio-titulo {
  font-family:var(--fd); font-weight:800; font-size:27px; letter-spacing:.4px;
  text-transform:uppercase; line-height:1;
  background:linear-gradient(90deg,#f0a830,#ffd98c 50%,#f0a830);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 14px rgba(240,168,48,.35));
}
.desafio-divider {
  width:100%; height:1px;
  background:linear-gradient(90deg,rgba(240,168,48,.4),rgba(240,168,48,.08),transparent);
}
.desafio-subtitulo { font-size:14px; font-weight:600; color:var(--text-1); letter-spacing:.3px; line-height:1.35; }
.desafio-validade { font-family:var(--fm); font-size:10.5px; color:rgba(240,168,48,.6); letter-spacing:1px; }
.desafio-premio {
  display:flex; align-items:center; gap:8px;
  font-family:var(--fu); font-size:13.5px; font-weight:700;
  letter-spacing:1px; text-transform:uppercase;
  color:var(--gold-2); text-shadow:0 0 14px rgba(240,168,48,.45);
  padding:10px 12px;
  background:rgba(240,168,48,.07); border:1px solid rgba(240,168,48,.2);
}
.desafio-premio-icon { font-size:17px; }
.desafio-link {
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--fu); font-size:12.5px; font-weight:700;
  letter-spacing:1.2px; text-transform:uppercase;
  color:rgba(240,168,48,.9);
  padding:8px 14px;
  border:1px solid rgba(240,168,48,.25); background:rgba(240,168,48,.05);
  clip-path:polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
  transition:all .2s ease; width:fit-content;
}
.desafio-link:hover {
  color:var(--gold-2); border-color:rgba(240,168,48,.6);
  background:rgba(240,168,48,.11);
  box-shadow:0 0 18px rgba(240,168,48,.2);
}

/* ═══ ZAP BANNER ═══ */
.zap-banner {
  position:relative; display:block;
  margin:0 0 12px; padding:14px 14px 12px;
  background:#13201a;
  border:1px solid rgba(37,211,102,.28);
  transition:border-color .18s ease, background .18s ease;
}
.zap-banner:hover { background:#182a21; border-color:rgba(37,211,102,.6); }
.zap-banner-top { display:flex; align-items:center; gap:11px; margin-bottom:11px; }
.zap-banner-icon {
  flex:0 0 34px; width:34px; height:34px; border-radius:50%;
  background:#25d366; display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 14px rgba(37,211,102,.3);
}
.zap-banner-icon svg { width:20px; height:20px; }
.zap-banner-titulo {
  font-family:var(--fu); font-size:14px; font-weight:700;
  line-height:1.2; letter-spacing:.8px; color:#fff; text-transform:uppercase;
}
.zap-banner-sub { font-family:var(--fu); font-size:12px; font-weight:500; color:#8aa399; margin-top:2px; }
.zap-banner-cta {
  display:flex; align-items:center; justify-content:center; gap:6px;
  padding:9px 10px; background:#25d366; color:#0b1f15;
  font-family:var(--fu); font-weight:700; font-size:13px; letter-spacing:.8px;
  text-transform:uppercase;
  clip-path:polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
  transition:background .18s ease;
}
.zap-banner:hover .zap-banner-cta { background:#2dd66f; }
.zap-banner-cta::after { content:"›"; font-size:15px; line-height:1; font-weight:700; }

/* ═══ EVENTOS SIDEBAR ═══ */
.ev-sidebar-list { display:flex; flex-direction:column; gap:6px; }
.ev-sidebar-item {
  display:flex; align-items:center; gap:10px;
  padding:9px 11px;
  background:rgba(242,234,216,.025);
  border:1px solid rgba(240,168,48,.1);
  border-left:2px solid rgba(240,168,48,.25);
  cursor:pointer; transition:all .18s ease;
}
.ev-sidebar-item:hover {
  background:rgba(240,168,48,.07);
  border-color:rgba(240,168,48,.35);
  border-left-color:var(--gold);
  transform:translateX(3px);
}
.ev-sb-icon { font-size:15px; flex-shrink:0; }
.ev-sb-info { flex:1; }
.ev-sb-name {
  font-family:var(--fd); font-size:16px; font-weight:700;
  letter-spacing:.2px; text-transform:uppercase; color:var(--text-0); line-height:1.1;
}
.ev-sb-time { font-family:var(--fm); font-size:9.5px; color:rgba(240,168,48,.65); letter-spacing:.4px; margin-top:2px; }
.ev-sb-arrow { font-size:12px; color:rgba(240,168,48,.5); }

/* ═══════════════════════════════════════════════════════════════
   HERO — abertura full-bleed (Saira + Inter)
   ═══════════════════════════════════════════════════════════════ */
.hero-band {
  position:relative; width:100%; min-width:960px;
  margin-top:74px; overflow:hidden;
  background:linear-gradient(180deg,#100905 0%,#0a0503 60%,#070403 100%);
  border-bottom:1px solid var(--ln-d);
}
.hero-band::after {
  content:""; position:absolute; left:0; right:0; top:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,168,48,.3) 35%,rgba(240,168,48,.3) 65%,transparent);
}
#rave-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; }
.hero-wm {
  position:absolute; right:-14px; top:46%; transform:translateY(-50%);
  font-family:var(--fd); font-weight:900; font-size:210px; line-height:1; letter-spacing:2px;
  color:transparent; -webkit-text-stroke:1px rgba(240,168,48,.06);
  pointer-events:none; user-select:none; z-index:0;
}
.hero-band-inner {
  position:relative; z-index:1;
  width:960px; margin:0 auto;
  display:flex; align-items:center; gap:34px;
  padding:30px 0 22px;
}
.hero-left { flex:1; min-width:0; }

.hero-kicker {
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--fm); font-size:9.5px; letter-spacing:2.5px;
  text-transform:uppercase; color:rgba(240,168,48,.85);
  padding:5px 12px; margin:0 0 14px;
  background:rgba(240,168,48,.05); border:1px solid rgba(240,168,48,.25);
  clip-path:polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}
.hk-dot {
  width:6px; height:6px; flex-shrink:0; transform:rotate(45deg);
  background:var(--ember); box-shadow:0 0 8px var(--ember);
  animation:blink 1.6s ease-in-out infinite;
}
.hero-title {
  font-family:var(--fd); font-weight:800; font-size:72px; letter-spacing:.5px;
  text-transform:uppercase; line-height:.92; margin:0 0 12px;
  color:var(--text-0);
  text-shadow:0 2px 0 rgba(0,0,0,.6);
}
.hero-title em {
  font-style:normal; display:inline-block; font-weight:900;
  background:linear-gradient(100deg,#d92121 0%,#ff5a2b 38%,#f0a830 72%,#ffd98c 100%);
  background-size:200% 100%;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 22px rgba(255,90,30,.4));
  animation:molten-text 5s ease-in-out infinite;
}
@keyframes molten-text { 0%,100%{background-position:0% 0;} 50%{background-position:100% 0;} }
.hero-tagline {
  font-family:var(--fu); font-size:18px; font-weight:500; line-height:1.4;
  color:var(--text-1); margin:0 0 22px; max-width:540px; letter-spacing:.2px;
}
.hero-tagline b { color:var(--gold-2); font-weight:700; }

.hero-cta { display:flex; gap:10px; flex-wrap:wrap; }
.btn-rave-main {
  position:relative; display:inline-flex; align-items:center; gap:9px; overflow:hidden;
  font-family:var(--fu); font-size:14px; font-weight:700;
  letter-spacing:1px; text-transform:uppercase;
  color:#1c0e04 !important;
  padding:13px 28px;
  background:linear-gradient(135deg,#ffd98c,#f0a830 55%,#e08a18);
  clip-path:polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
  box-shadow:0 0 26px rgba(240,168,48,.35), inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.btn-sweep {
  position:absolute; top:0; bottom:0; width:46%; left:-60%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);
  animation:sweep 3s ease-in-out infinite; pointer-events:none;
}
.btn-rave-main:hover {
  transform:translateY(-2px); filter:brightness(1.07);
  box-shadow:0 0 42px rgba(240,168,48,.6), 0 0 80px rgba(255,90,30,.2), inset 0 1px 0 rgba(255,255,255,.45);
}
.btn-rave-sec {
  display:inline-flex; align-items:center; gap:7px;
  font-family:var(--fu); font-size:13px; font-weight:600;
  letter-spacing:.6px; text-transform:uppercase;
  color:rgba(240,168,48,.95) !important;
  padding:12px 20px;
  background:rgba(240,168,48,.04); border:1px solid rgba(240,168,48,.3);
  clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  transition:all .2s ease;
}
.btn-rave-sec:hover {
  background:rgba(240,168,48,.1); border-color:rgba(240,168,48,.65);
  color:var(--gold-2) !important;
  box-shadow:0 0 20px rgba(240,168,48,.18);
  transform:translateY(-2px);
}

/* ── PAINEL DA ETAPA ATUAL ── */
.hero-right { flex-shrink:0; width:256px; }
.phase-plate {
  position:relative; display:block;
  padding:15px 16px 13px;
  background:linear-gradient(165deg,#1d1208,#0a0604);
  border:1px solid var(--ln-g);
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
  box-shadow:inset 0 0 0 1px rgba(240,168,48,.06), 0 0 36px rgba(240,168,48,.08);
  transition:transform .2s ease, box-shadow .2s ease;
}
.phase-plate:hover {
  transform:translateY(-2px);
  box-shadow:inset 0 0 0 1px rgba(240,168,48,.14), 0 0 48px rgba(240,168,48,.16);
}
.phase-plate::before {
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,transparent,#f0a830 30%,#ffd98c 50%,#f0a830 70%,transparent);
  box-shadow:0 0 12px rgba(240,168,48,.5);
}
.pp-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:11px; }
.pp-badge {
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--fm); font-size:8.5px; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase;
  color:rgba(240,168,48,.9);
  padding:4px 9px;
  background:rgba(240,168,48,.07); border:1px solid rgba(240,168,48,.3);
  white-space:nowrap;
}
.pp-live { color:#52e06a; text-shadow:0 0 8px rgba(82,224,106,.7); animation:blink 1.4s ease-in-out infinite; }
.pp-step {
  font-family:var(--fd); font-weight:700; font-size:13px; letter-spacing:1.5px;
  color:rgba(255,90,43,.85); text-transform:uppercase;
}
.pp-icon { font-size:30px; line-height:1; margin-bottom:6px; filter:drop-shadow(0 0 10px rgba(240,168,48,.3)); }
.pp-name {
  font-family:var(--fd); font-weight:700; font-size:25px; letter-spacing:.4px;
  text-transform:uppercase; line-height:1.02; color:var(--text-0);
  margin-bottom:12px;
}
.pp-meta {
  display:flex; flex-direction:column; gap:2px;
  padding:9px 11px; margin-bottom:11px;
  background:rgba(217,33,33,.06); border:1px solid rgba(255,90,43,.22);
  clip-path:polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}
.pp-meta-label { font-family:var(--fm); font-size:8.5px; letter-spacing:1.5px; text-transform:uppercase; color:var(--text-2); }
.pp-meta-val {
  font-family:var(--fd); font-weight:700; font-size:21px; letter-spacing:.5px;
  color:var(--gold-2); text-shadow:0 0 12px rgba(240,168,48,.5);
}
.pp-bar { height:4px; overflow:hidden; background:rgba(242,234,216,.08); margin-bottom:9px; }
.pp-fill {
  display:block; height:100%; width:0;
  background:repeating-linear-gradient(110deg,#d92121 0 8px,#ff5a2b 8px 16px,#f0a830 16px 24px);
  background-size:200% 100%;
  box-shadow:0 0 10px rgba(255,90,30,.5);
  animation:molten 2.4s linear infinite;
  transition:width .8s ease;
}
.pp-foot { display:flex; align-items:center; justify-content:space-between; }
.pp-pct { font-family:var(--fd); font-weight:700; font-size:16px; color:var(--gold-2); text-shadow:0 0 10px rgba(240,168,48,.5); }
.pp-go {
  font-family:var(--fm); font-size:9px; letter-spacing:1.2px; text-transform:uppercase;
  color:var(--text-2); transition:color .2s ease;
}
.phase-plate:hover .pp-go { color:var(--gold-2); }

/* ── FAIXA DE PROVAS ── */
.hero-proof {
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:center; gap:0;
  width:960px; margin:0 auto;
  padding:13px 0;
  border-top:1px solid rgba(240,168,48,.12);
}
.hp-item { display:flex; flex-direction:column; align-items:center; gap:2px; padding:0 26px; }
.hp-item b {
  font-family:var(--fd); font-weight:700; font-size:22px; letter-spacing:.5px; line-height:1;
  color:var(--gold); text-shadow:0 0 12px rgba(240,168,48,.4);
}
.hp-item i {
  font-style:normal; font-family:var(--fu); font-size:10.5px; font-weight:600;
  letter-spacing:.8px; text-transform:uppercase; color:var(--text-2);
}
.hp-sep { width:1px; height:30px; background:linear-gradient(180deg,transparent,rgba(240,168,48,.2),transparent); }

/* ═══ TÍTULOS DE SEÇÃO — ◆ fio TÍTULO fio ═══ */
.section-title-gold {
  display:flex; align-items:center; gap:13px;
  font-family:var(--fd); font-weight:700; font-size:24px; letter-spacing:.5px;
  text-transform:uppercase;
  margin:28px 0 16px;
  background:linear-gradient(90deg,#f2ead8 30%,#ffd98c 70%,#f0a830);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.section-title-gold::before {
  content:""; width:7px; height:7px; flex-shrink:0; transform:rotate(45deg);
  background:var(--gold); box-shadow:0 0 10px rgba(240,168,48,.7);
}
.section-title-gold::after {
  content:""; flex:1; height:1px;
  background:linear-gradient(90deg,rgba(240,168,48,.45),rgba(240,168,48,.1) 200px,transparent);
}

.frame-gold {
  width:100%; height:350px; overflow:hidden;
  border:1px solid var(--ln-d);
  background:rgba(0,0,0,.3);
  box-shadow:0 0 24px rgba(0,0,0,.6), inset 0 0 0 1px rgba(240,168,48,.04);
}
.frame-gold iframe { scrollbar-width:none; }
.frame-gold iframe::-webkit-scrollbar { display:none; }

/* ═══ KILLER + CHAMPIONS ═══ */
.kc-row { display:flex; gap:18px; margin-bottom:6px; }
.kc-left { width:268px; flex-shrink:0; }
.kc-right { flex:1; min-width:0; }

.killer-box {
  background:linear-gradient(170deg,var(--panel-a),var(--panel-b));
  border:1px solid rgba(217,33,33,.25);
  box-shadow:inset 0 0 0 1px rgba(217,33,33,.05);
}
.killer-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:13px 14px 11px;
  background:linear-gradient(90deg,rgba(217,33,33,.12),transparent 75%);
  border-bottom:1px solid rgba(217,33,33,.2);
}
.killer-head-left { display:flex; align-items:center; gap:10px; }
.killer-ico { font-size:19px; filter:drop-shadow(0 0 6px rgba(217,33,33,.6)); }
.killer-title { font-family:var(--fd); font-size:17px; font-weight:700; letter-spacing:.6px; color:var(--text-0); text-transform:uppercase; }
.killer-sub { font-family:var(--fm); font-size:9px; color:rgba(217,33,33,.75); letter-spacing:1px; margin-top:1px; }
.killer-live { font-family:var(--fm); font-size:9.5px; color:#52e06a; letter-spacing:2px; text-shadow:0 0 8px rgba(82,224,106,.7); animation:blink 1.5s ease-in-out infinite; }

.killer-list { padding:8px 10px; display:flex; flex-direction:column; gap:3px; }
.killer-item { display:flex; align-items:center; gap:8px; padding:6px 8px; transition:background .15s; }
.killer-item:hover { background:rgba(217,33,33,.07); }
.kr-pos { font-family:var(--fd); font-weight:700; font-size:14px; 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(--fu); font-size:14px; font-weight:600; color:var(--text-1); flex:1; letter-spacing:.5px; }
.kr-kills { font-family:var(--fm); font-size:16px; color:var(--ember); text-shadow:0 0 6px rgba(255,90,43,.4); }
.kr-kills em { font-style:normal; font-size:12px; color:rgba(255,90,43,.6); }

.killer-footer { padding:10px 14px; border-top:1px solid rgba(217,33,33,.16); display:flex; flex-direction:column; gap:6px; }
.killer-reset { font-family:var(--fm); font-size:10px; color:var(--text-2); }
.kf-countdown { color:var(--gold); text-shadow:0 0 8px rgba(240,168,48,.45); margin-left:6px; }
.killer-prizes { display:flex; flex-wrap:wrap; gap:5px; }
.kp { font-family:var(--fm); font-size:9.5px; padding:2px 7px; letter-spacing:.5px; }
.kp-gold { background:rgba(255,215,0,.1); 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 (template) */
.champs-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin-bottom:10px; }
.champ-card {
  position:relative; overflow:visible;
  padding:18px 14px 16px;
  display:flex; flex-direction:column; align-items:center; gap:6px;
  border:1px solid rgba(242,234,216,.08);
  background:linear-gradient(150deg,#181009,#0a0604);
  transition:all .22s ease; cursor:default;
  min-height:118px; justify-content:center;
}
.champ-card:hover {
  border-color:rgba(240,168,48,.4); transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(0,0,0,.5), 0 0 22px rgba(240,168,48,.08);
}
.champ-hover-photo {
  position:fixed; width:200px; z-index:99999; opacity:0; pointer-events:none;
  transition:opacity .18s ease; overflow:hidden;
  border:1px solid rgba(240,168,48,.45);
  box-shadow:0 16px 50px rgba(0,0,0,.95), 0 0 28px rgba(240,168,48,.22);
  background:#0c0805;
}
.champ-hover-photo img { width:100%; height:220px; object-fit:cover; display:block; background:#0c0805; }
.champ-hover-photo-label {
  background:#0c0805; font-family:var(--fm); font-size:9.5px;
  letter-spacing:1.5px; color:var(--gold); padding:7px 10px; text-align:center;
  border-top:1px solid rgba(240,168,48,.2);
}
.champ-rei {
  grid-column:span 3; flex-direction:row; justify-content:flex-start;
  gap:20px; padding:20px 24px; min-height:86px;
  background:linear-gradient(135deg,#241606,#0d0803);
  border-color:rgba(255,215,0,.22);
}
.champ-rei:hover { border-color:rgba(255,215,0,.5); box-shadow:0 10px 28px rgba(0,0,0,.5), 0 0 24px rgba(255,215,0,.1); }
.champ-rei .champ-icon { font-size:42px; }
.champ-rei .champ-name { font-size:34px !important; letter-spacing:4px !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:700 !important; }
.champ-queen .champ-name { font-size:26px !important; letter-spacing:3px !important; text-shadow:0 0 20px rgba(255,140,120,.35) !important; color:#ffc4ae !important; }
.champ-queen .champ-label { color:rgba(255,140,120,.8) !important; font-weight:700 !important; }
.champ-bk  .champ-label { color:rgba(255,90,80,.75) !important; }
.champ-sm  .champ-label { color:rgba(255,150,90,.78) !important; }
.champ-elf .champ-label { color:rgba(120,220,130,.75) !important; }
.champ-dl  .champ-label { color:rgba(214,90,120,.78) !important; }
.champ-mg  .champ-label { color:rgba(245,158,11,.75) !important; }

.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,#ff8c78,transparent); opacity:.7; }
.champ-bk    .champ-glow { background:linear-gradient(90deg,transparent,#ff5a50,transparent); opacity:.65; }
.champ-sm    .champ-glow { background:linear-gradient(90deg,transparent,#ff965a,transparent); opacity:.65; }
.champ-elf   .champ-glow { background:linear-gradient(90deg,transparent,#78dc82,transparent); opacity:.65; }
.champ-dl    .champ-glow { background:linear-gradient(90deg,transparent,#d65a78,transparent); opacity:.65; }
.champ-mg    .champ-glow { background:linear-gradient(90deg,transparent,#f59e0b,transparent); opacity:.65; }

.champ-card::after {
  content:""; position:absolute; inset:0;
  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:27px; line-height:1; }
.champ-label { font-family:var(--fu); font-size:9.5px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--text-2); }
.champ-name {
  font-family:var(--fd); font-weight:700; font-size:20px; letter-spacing:.5px;
  color:#fff; line-height:1; text-shadow:0 0 20px rgba(255,255,255,.14);
}
.ver-foto { display:none; }
.champs-renewal {
  font-family:var(--fm); font-size:10.5px; color:var(--text-2);
  padding:8px 11px;
  background:rgba(242,234,216,.02); border:1px solid rgba(242,234,216,.05);
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.champs-renewal strong { color:var(--text-0); }

/* ═══ MODAL CALENDÁRIO DE EVENTOS ═══ */
.ev-modal-bg {
  display:none; position:fixed; inset:0; z-index:9500;
  background:rgba(4,2,1,.88); backdrop-filter:blur(10px);
  justify-content:center; align-items:center;
}
.ev-modal {
  position:relative; width:820px; max-height:88vh; overflow-y:auto;
  background:linear-gradient(180deg,#171009,#090503);
  border:1px solid var(--ln-g);
  clip-path:polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px));
  box-shadow:0 0 60px rgba(240,168,48,.12), 0 0 120px rgba(0,0,0,.9);
  padding:28px 28px 24px;
  scrollbar-width:thin; scrollbar-color:rgba(240,168,48,.3) transparent;
}
.ev-modal::-webkit-scrollbar { width:4px; }
.ev-modal::-webkit-scrollbar-thumb { background:rgba(240,168,48,.3); }
.ev-close {
  position:absolute; top:14px; right:20px;
  background:none; border:none; color:var(--text-2);
  font-size:21px; cursor:pointer; transition:color .15s; z-index:3;
}
.ev-close:hover { color:var(--gold); }
.ev-modal-title {
  font-family:var(--fd); font-weight:800; font-size:29px; letter-spacing:.5px;
  text-transform:uppercase; margin-bottom:4px;
  background:linear-gradient(90deg,#f2ead8 30%,#ffd98c 70%,#f0a830);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.ev-modal-sub { font-family:var(--fm); font-size:10.5px; color:var(--text-2); letter-spacing:1px; margin-bottom:20px; }
.ev-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ev-card {
  padding:14px 16px;
  background:rgba(242,234,216,.025);
  border:1px solid rgba(240,168,48,.14);
  border-top:2px solid rgba(240,168,48,.3);
  transition:border-color .18s, box-shadow .18s;
}
.ev-card:hover { border-color:rgba(240,168,48,.35); box-shadow:0 0 16px rgba(240,168,48,.06); }
.ev-card-head { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.ev-icon { font-size:18px; }
.ev-name { font-family:var(--fd); font-size:18px; font-weight:700; letter-spacing:.3px; color:var(--text-0); text-transform:uppercase; flex:1; }
.ev-freq { font-family:var(--fm); font-size:9px; letter-spacing:1px; color:rgba(240,168,48,.65); padding:2px 7px; border:1px solid rgba(240,168,48,.22); white-space:nowrap; }
.ev-schedule { display:flex; flex-direction:column; gap:3px; margin-bottom:10px; }
.ev-time { font-family:var(--fm); font-size:10.5px; color:rgba(242,234,216,.62); letter-spacing:.5px; }
.ev-prizes { display:flex; flex-direction:column; gap:4px; padding-top:8px; border-top:1px solid rgba(242,234,216,.06); }
.ev-prize { font-family:var(--fm); font-size:10.5px; padding:3px 8px; 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; padding:24px;
  background:linear-gradient(180deg,#171009,#090503);
  border:1px solid var(--ln-g);
  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(--fd); font-weight:700; font-size:21px; letter-spacing:2px; color:var(--text-0); text-transform:uppercase; }
.foto-modal-img { max-width:440px; max-height:340px; border:1px solid var(--ln-d); }

/* ═══ MODAL EVENTO INDIVIDUAL ═══ */
.ev-ind-bg {
  display:none; position:fixed; inset:0; z-index:9600;
  background:rgba(4,2,1,.88); backdrop-filter:blur(12px);
  justify-content:center; align-items:center;
}
.ev-ind-modal {
  position:relative; width:480px; overflow:hidden;
  background:linear-gradient(160deg,#191109,#090503);
  border:1px solid var(--ln-g);
  clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
  box-shadow:0 0 60px rgba(240,168,48,.12), 0 0 120px rgba(0,0,0,.9);
  padding:0 0 22px;
}
.ev-ind-header {
  padding:20px 22px 16px;
  background:linear-gradient(90deg,rgba(240,168,48,.12),rgba(255,90,43,.05),transparent);
  border-bottom:1px solid var(--ln-d);
  display:flex; align-items:center; gap:14px;
}
.ev-ind-bigicon { font-size:34px; line-height:1; }
.ev-ind-titles { flex:1; }
.ev-ind-name {
  font-family:var(--fd); font-weight:700; font-size:26px; letter-spacing:.4px;
  text-transform:uppercase; color:var(--text-0); line-height:1.02;
}
.ev-ind-freq { font-family:var(--fm); font-size:10px; color:rgba(240,168,48,.7); letter-spacing:2px; margin-top:4px; }
.ev-ind-close { background:none; border:none; font-size:19px; color:var(--text-2); cursor:pointer; padding:4px; transition:color .15s; }
.ev-ind-close:hover { color:var(--gold); }
.ev-ind-body { padding:18px 22px 0; display:flex; flex-direction:column; gap:16px; }
.ev-ind-section-label {
  font-family:var(--fm); font-size:9px; 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(--fm); font-size:11px; padding:4px 10px;
  background:rgba(240,168,48,.07); border:1px solid rgba(240,168,48,.22);
  color:rgba(255,217,140,.9); letter-spacing:.5px;
  clip-path:polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px);
}
.ev-ind-prizes { display:flex; flex-direction:column; gap:6px; }
.ev-ind-prize { display:flex; align-items:center; gap:10px; padding:9px 12px; font-family:var(--fu); font-size:14px; 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(--fm); font-size:10px; color:var(--text-2);
  padding:9px 12px; line-height:1.6; letter-spacing:.4px;
  background:rgba(242,234,216,.02); border:1px dashed rgba(240,168,48,.18);
}

/* ═══ GALERIA ═══ */
.ss-item { min-width:220px; text-align:center; }
.ss-item p { color:var(--text-2); font-size:11px; margin-top:8px; letter-spacing:1.4px; font-family:var(--fm); text-transform:uppercase; }
.ss-thumb {
  position:relative; width:220px; height:138px;
  background-size:cover; background-position:center;
  cursor:pointer; transition:.25s ease; overflow:hidden;
  border:1px solid var(--ln-d);
  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}
.ss-thumb::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(5,3,1,.75));
  opacity:0; transition:opacity .25s ease;
}
.ss-thumb:hover { transform:scale(1.03) translateY(-2px); border-color:var(--ln-g); box-shadow:0 0 22px rgba(240,168,48,.22); }
.ss-thumb:hover::after { opacity:1; }

#ss-modal { display:none; position:fixed; inset:0; background:rgba(4,2,1,.93); backdrop-filter:blur(8px); justify-content:center; align-items:center; z-index:9999; }
#ss-modal-img { max-width:90%; max-height:90%; border:1px solid var(--ln-g); box-shadow:0 0 40px rgba(240,168,48,.2); }

/* rankings — tabelas semantic transparentes */
.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; }

/* modal genérico de imagem */
.hard-modal { display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(4,2,1,.92); }
.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:1px solid var(--ln-d); }

/* ═══ FOOTER ═══ */
.footer-gold {
  position:relative;
  font-family:var(--fm); font-size:10.5px; height:84px; line-height:84px;
  width:960px; margin:0 auto; text-align:center;
  letter-spacing:2px; text-transform:uppercase; color:var(--text-2);
}
.footer-gold::before {
  content:""; position:absolute; top:0; left:8%; right:8%; height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,168,48,.3) 40%,rgba(240,168,48,.3) 60%,transparent);
}
.ft-diamond {
  position:absolute; top:-6px; left:50%; transform:translateX(-50%);
  font-size:9px; color:var(--gold); line-height:1;
  text-shadow:0 0 10px rgba(240,168,48,.7);
  background:var(--bg); padding:0 10px;
}
.footer-gold [itemprop="name"] { color:rgba(240,168,48,.8); }

/* ═══ MODAL ROADMAP — dossiê de fase ═══ */
.rm-modal-bg {
  display:none; position:fixed; inset:0; z-index:9700;
  background:rgba(4,2,1,.9); backdrop-filter:blur(14px);
  justify-content:center; align-items:center;
}
.rm-modal {
  position:relative; width:560px; max-height:88vh; overflow-y:auto; overflow-x:hidden;
  background:linear-gradient(165deg,#1d1208,#090503);
  border:1px solid var(--ln-g);
  clip-path:polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px));
  box-shadow:0 0 80px rgba(240,168,48,.14), 0 0 160px rgba(0,0,0,.92);
  padding:30px 30px 28px;
  scrollbar-width:thin; scrollbar-color:rgba(240,168,48,.3) transparent;
  animation:modalIn .26s cubic-bezier(.2,.9,.3,1.1);
}
@keyframes modalIn {
  from { transform:translateY(18px) scale(.97); opacity:0; }
  to   { transform:translateY(0) scale(1); opacity:1; }
}
.rm-modal::-webkit-scrollbar { width:4px; }
.rm-modal::-webkit-scrollbar-thumb { background:rgba(240,168,48,.3); }
.rm-modal::before {
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:repeating-linear-gradient(90deg,#d92121 0 14px,#ff5a2b 14px 28px,#f0a830 28px 42px);
  background-size:84px 100%;
  box-shadow:0 0 18px rgba(255,90,30,.5);
  animation:molten 2.4s linear infinite;
}
.rm-modal-num {
  position:absolute; top:-4px; right:12px;
  font-family:var(--fd); font-weight:900; font-size:140px; line-height:1; letter-spacing:4px;
  color:transparent; -webkit-text-stroke:1px rgba(240,168,48,.1);
  pointer-events:none;
}
.rm-modal-head { display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; position:relative; }
.rm-modal-chip {
  font-family:var(--fm); font-size:10.5px; letter-spacing:1.5px;
  padding:5px 12px;
  color:rgba(242,234,216,.8);
  background:rgba(242,234,216,.04); border:1px solid rgba(242,234,216,.12);
  clip-path:polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}
.rm-chip-fire {
  color:var(--gold-2); text-shadow:0 0 10px rgba(240,168,48,.5);
  background:rgba(240,168,48,.07); border-color:rgba(240,168,48,.42);
  animation:blink 2s ease-in-out infinite;
}
.rm-modal-title {
  position:relative;
  font-family:var(--fd); font-weight:800; font-size:36px; letter-spacing:.4px;
  text-transform:uppercase; line-height:1.02; margin-bottom:6px;
  background:linear-gradient(90deg,#f2ead8 15%,#ffd98c 60%,#f0a830);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 18px rgba(240,168,48,.22));
}
.rm-modal-sub {
  font-family:var(--fm); font-size:10.5px; letter-spacing:3px;
  text-transform:uppercase; color:rgba(255,90,43,.8); margin-bottom:20px;
}
.rm-modal-body { display:flex; flex-direction:column; gap:9px; margin-bottom:18px; position:relative; }
.rm-detail {
  display:flex; gap:11px; align-items:flex-start;
  font-size:14.5px; font-weight:500; line-height:1.55; color:var(--text-1);
  padding:11px 14px;
  background:rgba(242,234,216,.025);
  border:1px solid rgba(240,168,48,.13);
  border-left:2px solid rgba(240,168,48,.45);
  clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.rm-detail:hover { border-color:rgba(240,168,48,.4); background:rgba(240,168,48,.05); transform:translateX(3px); }
.rm-detail span { color:var(--ember); font-size:10px; line-height:2; flex-shrink:0; text-shadow:0 0 6px rgba(255,90,43,.6); }
.rm-detail b { color:var(--text-0); font-weight:700; }
.rm-modal-note {
  font-family:var(--fm); font-size:10.5px; line-height:1.75;
  color:rgba(240,168,48,.8); letter-spacing:.4px;
  padding:13px 16px; margin-bottom:20px;
  background:rgba(240,168,48,.04); border:1px dashed rgba(240,168,48,.28);
}
.rm-modal-cta {
  position:relative; display:inline-flex; align-items:center; gap:9px; overflow:hidden;
  font-family:var(--fu); font-size:14.5px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  color:#1c0e04 !important;
  padding:14px 28px;
  background:linear-gradient(135deg,#ffd98c,#f0a830 55%,#e08a18);
  clip-path:polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px);
  box-shadow:0 0 26px rgba(240,168,48,.35), inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.rm-modal-cta::after {
  content:""; position:absolute; top:0; bottom:0; width:46%; left:-60%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);
  animation:sweep 3.2s ease-in-out infinite;
}
.rm-modal-cta:hover { transform:translateY(-2px); filter:brightness(1.07); box-shadow:0 0 44px rgba(240,168,48,.55); }

/* ═══ REVEAL ═══ */
.rv { opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease; }
.rv-in { opacity:1; transform:translateY(0); }


/* ═══════════════════════════════════════════════════════════════
   FASE MISTERIOSA (f7) — card trancado
   ═══════════════════════════════════════════════════════════════ */
.rm-card.rm-lock { opacity:.6; }
.rm-card.rm-lock:hover { opacity:1; }
.rm-card.rm-lock .rm-node { border-style:dotted; border-color:rgba(240,168,48,.45); }
.rm-card.rm-lock::before {
  background:repeating-linear-gradient(180deg,rgba(240,168,48,.4) 0 6px,transparent 6px 12px);
}
.rm-card.rm-lock .rm-num { -webkit-text-stroke-color:rgba(240,168,48,.16); }
.rm-card.rm-lock .rm-status {
  color:rgba(240,168,48,.85);
  background:rgba(240,168,48,.06); border-color:rgba(240,168,48,.3);
}
.rm-date-lock {
  font-family:var(--fm) !important; font-weight:700 !important;
  font-size:17px !important; letter-spacing:3px;
  color:rgba(240,168,48,.8) !important;
  text-shadow:0 0 14px rgba(240,168,48,.35);
}

/* ═══════════════════════════════════════════════════════════════
   PAINEL DE FASE (hero) — estado NO AR: fase ativa em destaque
   ═══════════════════════════════════════════════════════════════ */
.phase-plate.pp-onair {
  border-color:rgba(240,168,48,.55);
  animation:plateGlow 2.8s ease-in-out infinite;
}
@keyframes plateGlow {
  0%,100% { box-shadow:inset 0 0 0 1px rgba(240,168,48,.14), 0 0 44px rgba(240,168,48,.18), 0 0 90px rgba(255,90,43,.08); }
  50%     { box-shadow:inset 0 0 0 1px rgba(255,217,140,.28), 0 0 66px rgba(240,168,48,.32), 0 0 130px rgba(255,90,43,.16); }
}
.phase-plate.pp-onair::before {
  background:repeating-linear-gradient(90deg,#d92121 0 14px,#ff5a2b 14px 28px,#f0a830 28px 42px);
  background-size:84px 100%;
  animation:molten 2.4s linear infinite;
  box-shadow:0 0 16px rgba(255,90,30,.6);
}
.phase-plate.pp-onair .pp-name {
  background:linear-gradient(95deg,#ffd98c,#f0a830 55%,#ff5a2b);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 14px rgba(240,168,48,.35));
}
.phase-plate.pp-onair .pp-step { color:var(--gold-2); text-shadow:0 0 10px rgba(240,168,48,.5); }
.phase-plate.pp-onair .pp-badge {
  color:#7dffa0; border-color:rgba(82,224,106,.45);
  background:rgba(82,224,106,.06);
}

/* ═══════════════════════════════════════════════════════════════
   MODAL ROADMAP v2 — herorow (emblema + título) e faixa de stats
   ═══════════════════════════════════════════════════════════════ */
.rm-modal-herorow { display:flex; align-items:center; gap:16px; margin-bottom:16px; position:relative; }
.rm-modal-emoji {
  flex-shrink:0; width:66px; height:66px;
  display:flex; align-items:center; justify-content:center;
  font-size:34px; line-height:1;
  background:linear-gradient(165deg,rgba(240,168,48,.13),rgba(240,168,48,.03));
  border:1px solid rgba(240,168,48,.38);
  clip-path:polygon(13px 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 13px);
  box-shadow:inset 0 0 20px rgba(240,168,48,.08), 0 0 26px rgba(240,168,48,.14);
  filter:drop-shadow(0 0 10px rgba(240,168,48,.22));
}
.rm-modal-herorow .rm-modal-title { margin-bottom:4px; font-size:32px; }
.rm-modal-herorow .rm-modal-sub { margin-bottom:0; }

.rm-stats { display:flex; gap:8px; margin-bottom:18px; position:relative; }
.rm-stat {
  flex:1; display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:11px 8px 9px;
  background:rgba(242,234,216,.025);
  border:1px solid rgba(240,168,48,.16);
  clip-path:polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  transition:border-color .2s ease, background .2s ease;
}
.rm-stat:hover { border-color:rgba(240,168,48,.4); background:rgba(240,168,48,.05); }
.rm-stat b {
  font-family:var(--fd); font-weight:800; font-size:21px; line-height:1; letter-spacing:.5px;
  color:var(--gold-2); text-shadow:0 0 12px rgba(240,168,48,.4);
}
.rm-stat i {
  font-style:normal; font-family:var(--fm); font-size:8.5px;
  letter-spacing:1.2px; text-transform:uppercase;
  color:var(--text-2); text-align:center;
}