/* Overlay da live — base comum + três temas ([data-tema] no #palco). Coordenadas em 1920×1080. */

@font-face { font-family: "Creepster"; src: url(../fontes/Creepster-Regular.ttf); }
@font-face { font-family: "Rubik Dirt"; src: url(../fontes/RubikDirt-Regular.ttf); }
@font-face { font-family: "Crimson Pro"; src: url(../fontes/CrimsonPro-Regular.ttf); font-weight: 400; }
@font-face { font-family: "Crimson Pro"; src: url(../fontes/CrimsonPro-SemiBold.ttf); font-weight: 600; }
@font-face { font-family: "Crimson Pro"; src: url(../fontes/CrimsonPro-Italic.ttf); font-style: italic; }
@font-face { font-family: "Mansalva"; src: url(../fontes/Mansalva-Regular.ttf); }
@font-face { font-family: "IM Fell SC"; src: url(../fontes/IMFeENsc28P.ttf); }
@font-face { font-family: "VT323"; src: url(../fontes/VT323-Regular.ttf); }

html, body { margin: 0; background: transparent; overflow: hidden; }
#palco { position: absolute; left: 0; top: 0; width: 1920px; height: 1080px; transform-origin: 0 0; overflow: hidden; }

.fundo { position: absolute; inset: 0; }
.grao { position: absolute; inset: 0; pointer-events: none; opacity: calc(.5 * var(--grao-k, 1)); mix-blend-mode: overlay;
  animation: grao .5s steps(4) infinite; }
.grao-parado .grao { animation: none; }
@keyframes grao { 0% { background-position: 0 0; } 25% { background-position: -61px 37px; } 50% { background-position: 43px -79px; } 75% { background-position: -17px 23px; } }

.cam { position: absolute; }
.transicao { position: absolute; left: 0; top: 0; width: 1920px; height: 1080px; z-index: 60; pointer-events: none; display: none; }
.cam .falsa { position: absolute; inset: 0; overflow: hidden;
  background: radial-gradient(ellipse 120% 90% at 50% 30%, #3a3833, #141311 70%); }
.cam .falsa .vulto { position: absolute; left: 50%; bottom: 0; width: 46%; height: 82%; transform: translateX(-50%);
  background:
    radial-gradient(circle at 50% 30%, #5a554c 0 17%, transparent 17.5%),
    radial-gradient(ellipse 50% 42% at 50% 100%, #4a463f 0 99%, transparent 100%);
  filter: blur(2px); opacity: .9; }
.cam .falsa span { position: absolute; right: 16px; top: 12px; font: 16px/1 "Crimson Pro"; color: #8b8577; letter-spacing: .1em; text-transform: uppercase; }
.moldura { position: absolute; overflow: visible; pointer-events: none; }
.moldura rect { fill: none; }
.fita, .vhs, .canto { display: none; }

.placa { position: absolute; left: 18px; bottom: -20px; z-index: 4; transform-origin: left bottom; }
.placa .rotulo { display: block; }
.marcadores { display: flex; gap: 16px; align-items: center; margin-top: 5px; }
.marcadores > span { display: inline-flex; gap: 3px; align-items: center; }
.marcadores > span::before { margin-right: 5px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; opacity: .75; }
.m-vida::before { content: "Vida"; }
.m-estresse::before { content: "Estresse"; }
.m-moeda::before { content: "Moeda"; }
.marcadores i { display: inline-block; }
.marcadores b.conta { margin-left: 3px; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
[data-layout="destaque"] .cam:not(.mestre) .placa, [data-layout="mapa"] .cam .placa { transform: scale(.78); left: 10px; }
[data-layout="mapa"] .cam .placa { transform: scale(.7); bottom: -14px; }
[data-layout="mapa"] .cam .carimbo { right: 12px; top: 10px; }
[data-layout="mapa"] .cam .carimbo .c-meio { font-size: 54px; }
[data-layout="mapa"] .cam .carimbo .c-topo, [data-layout="mapa"] .cam .carimbo .c-baixo { font-size: 14px; }

.mapa { position: absolute; }
.mapa .falsa-mapa { position: absolute; inset: 0; background-color: #1d1c19;
  background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 70px 70px; display: flex; align-items: flex-end; justify-content: flex-end; }
.mapa .falsa-mapa span { margin: 0 18px 14px 0; font: 16px "Crimson Pro"; letter-spacing: .1em; text-transform: uppercase; color: #8b8577; }

.comentario { position: absolute; z-index: 9; box-sizing: border-box; padding: 22px 28px; display: flex; flex-direction: column; justify-content: center; gap: 10px;
  opacity: 0; pointer-events: none; transition: opacity .5s; }
.comentario.viva { opacity: 1; transition: opacity .25s; }
.comentario .topo { display: flex; align-items: center; gap: 12px; }
.comentario .avatar { width: 44px; height: 44px; border-radius: 50%; flex: none; display: inline-flex; align-items: center; justify-content: center; object-fit: cover; }
.comentario .autor { font-size: 24px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.comentario .valor { flex: none; font-size: 22px; padding: 3px 12px 2px; border-radius: 4px; }
.comentario .texto { font-size: 27px; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
[data-layout="destaque"] .comentario .texto { font-size: 21px; -webkit-line-clamp: 3; }

.carimbo { position: absolute; right: 26px; top: 34px; z-index: 3; opacity: 0; display: flex; flex-direction: column; align-items: center; text-align: center; pointer-events: none; }
.carimbo .c-topo, .carimbo .c-baixo { font-size: 17px; letter-spacing: .08em; text-transform: uppercase; }
.carimbo .c-meio { font-size: 76px; line-height: .95; }
.carimbo.moeda .c-meio { font-size: 46px; }
/* Carimbo que bate: entra rápido, assenta com um tranco curto, fica, some. */
.carimbo.bate { animation: bate 9s linear forwards; }
@keyframes bate {
  0% { opacity: 0; transform: scale(1.7) rotate(-9deg); }
  1.6% { opacity: 1; transform: scale(.94) rotate(-4deg); }
  2.6% { transform: scale(1.03) rotate(-4.6deg); }
  3.6% { transform: scale(1) rotate(-4.4deg); }
  93% { opacity: 1; transform: scale(1) rotate(-4.4deg); }
  100% { opacity: 0; transform: scale(1) rotate(-4.4deg); }
}
.congelado .carimbo.bate { animation: none !important; opacity: 1; transform: rotate(-4.4deg); }
[data-layout="destaque"] .cam:not(.mestre) .carimbo { transform-origin: top right; right: 10px; top: 8px; }
[data-layout="destaque"] .cam:not(.mestre) .carimbo .c-meio { font-size: 56px; }

.bloco { position: absolute; box-sizing: border-box; }
.bandeja canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }
.registro { position: absolute; left: 16px; top: 12px; margin: 0; padding: 0; list-style: none; z-index: 1; }
.registro li { line-height: 1.25; }
.registro li:nth-child(2) { opacity: .7; } .registro li:nth-child(3) { opacity: .45; }
.registro small { opacity: .7; font-size: .85em; }

[data-catarse] { display: flex; align-items: center; gap: 24px; padding: 20px 26px; }
[data-catarse] .capa { height: 236px; flex: none; }
[data-catarse] .texto { min-width: 0; }
[data-catarse] .url, [data-catarse] .estado { white-space: nowrap; }
[data-layout="mapa"] [data-catarse] .estado { font-size: 40px; }
[data-layout="mapa"] .bloco.titulo .t1 { font-size: 40px; }
[data-layout="mapa"] .bloco.titulo { background: rgba(10, 9, 8, .55); padding: 0 22px; }
[data-catarse] .contagem { font: 600 58px/1 "Crimson Pro"; font-variant-numeric: tabular-nums; margin: 4px 0 8px; }
[data-catarse] .barra { height: 10px; margin: 10px 0 6px; }
[data-catarse] .barra i { display: block; height: 100%; }
[data-catarse] .numeros { font: 20px "Crimson Pro"; }
[data-catarse] .livro { margin-top: 10px; font: italic 20px "Crimson Pro"; opacity: .8; }
[data-layout="destaque"] [data-catarse] { flex-direction: column; justify-content: center; text-align: center; padding: 28px 22px; }
[data-layout="destaque"] [data-catarse] .capa { height: auto; width: 250px; }
[data-layout="grade"] .cartaz .capa { height: 290px; }

.bloco.marca { display: flex; align-items: center; justify-content: center; gap: 26px; }
.bloco.marca .mascote { height: 190px; }
.bloco.marca .ezd6 { height: 104px; }
.bloco.marca .ao-vivo { position: absolute; right: 18px; top: 14px; }
[data-layout="destaque"] .bloco.marca .mascote { height: 104px; }
[data-layout="destaque"] .bloco.marca .ezd6 { height: 64px; }
[data-layout="destaque"] .bloco.marca .ao-vivo { position: static; }
.ao-vivo::before { content: ""; display: inline-block; width: 11px; height: 11px; border-radius: 50%; background: #c8352a; margin-right: 8px; vertical-align: 1px; animation: pisca 2.4s ease-in-out infinite; }
@keyframes pisca { 50% { opacity: .35; } }

.bloco.titulo { display: flex; flex-direction: column; justify-content: center; padding: 0 34px; }

.chamada { position: absolute; z-index: 10; display: flex; align-items: center; gap: 34px; padding: 0 48px; box-sizing: border-box; opacity: 0; pointer-events: none; transition: opacity .5s; }
.chamada.viva { opacity: 1; transition: opacity .25s; }
.chamada .capa { height: 82%; flex: none; }
.chamada .grita { line-height: 1; margin: 6px 0 10px; }

/* ================= A · LANTERNA ================= */
[data-tema="lanterna"] { --osso: #e9e0c8; --osso2: #b4ab94; --tinta: #0a0908; --verde: #a6e04a; --sangue: #9e2b22; color: var(--osso); }
[data-tema="lanterna"] .grao { background-image: var(--grao); }
[data-tema="lanterna"] .moldura .aro { stroke: var(--tinta); stroke-width: 24; filter: url(#carvao); }
[data-tema="lanterna"] .moldura .aro2 { stroke: rgba(233, 224, 200, .16); stroke-width: 1.4; filter: url(#carvao); }
[data-tema="lanterna"] .mestre .moldura .aro2 { stroke: rgba(166, 224, 74, .7); stroke-width: 2.2; }
[data-tema="lanterna"] .cam::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 70px 6px rgba(0, 0, 0, .5); pointer-events: none; }
[data-tema="lanterna"] .placa { background: #0d0c0a; padding: 8px 18px 9px 16px; min-width: 210px;
  clip-path: polygon(0 4%, 3% 0, 97% 2%, 100% 10%, 99% 92%, 96% 100%, 2% 98%, 0 90%); }
[data-tema="lanterna"] .nome { font: 30px/1.05 "Rubik Dirt"; }
[data-tema="lanterna"] .perso { font: italic 19px/1.15 "Crimson Pro"; color: var(--osso2); }
[data-tema="lanterna"] .rotulo { font: 21px/1 "Mansalva"; color: var(--verde); margin-bottom: 2px; }
[data-tema="lanterna"] .marcadores > span::before { font-family: "Crimson Pro"; color: var(--osso2); }
[data-tema="lanterna"] .m-vida i { width: 10px; height: 15px; border: 1.5px solid var(--osso2); transform: skew(-7deg); }
[data-tema="lanterna"] .m-vida i.cheio { background: var(--sangue); border-color: #c4473b; }
[data-tema="lanterna"] .m-estresse i { width: 12px; height: 12px; border-radius: 3px; border: 1.5px solid var(--osso2); }
[data-tema="lanterna"] .m-estresse i.cheio { background: radial-gradient(circle, #0d0c0a 0 22%, var(--osso) 26%); border-color: var(--osso); }
[data-tema="lanterna"] .m-moeda i { width: 13px; height: 13px; border-radius: 50%; border: 1.5px solid #8f6a39; }
[data-tema="lanterna"] .m-moeda.cheio i { background: radial-gradient(circle at 35% 35%, #e0b878, #8a6334 70%); border-color: #c09358; }
[data-tema="lanterna"] .cam.rolando .placa { box-shadow: inset 3px 0 0 var(--verde); }
/* Mapa (31/10): placa em barra no rodapé da câmera, em tamanho cheio, descendo 13 px sobre a borda
   (a escrita de Vida/Estresse fica em cima da borda). Nome menor que o normal para sobrar câmera. */
[data-tema="lanterna"][data-layout="mapa"] .cam .placa { transform: none; left: 0; right: 0; bottom: -13px; min-width: 0; box-sizing: border-box;
  clip-path: none; padding: 20px 12px 6px; background: linear-gradient(rgba(13, 12, 10, 0), rgba(13, 12, 10, .9) 20px); }
[data-tema="lanterna"][data-layout="mapa"] .nome { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-tema="lanterna"][data-layout="mapa"] .perso { font-size: 19px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-tema="lanterna"][data-layout="mapa"] .rotulo { float: right; margin: 2px 0 0 8px; font-size: 20px; }
[data-tema="lanterna"][data-layout="mapa"] .marcadores { gap: 11px; flex-wrap: nowrap; margin-top: 5px; }
[data-tema="lanterna"][data-layout="mapa"] .marcadores > span::before { font-size: 14px; letter-spacing: .05em; margin-right: 5px; opacity: .9; }
[data-tema="lanterna"][data-layout="mapa"] .m-moeda::before { content: none; }
[data-tema="lanterna"][data-layout="mapa"] .m-vida i { width: 12px; height: 18px; }
[data-tema="lanterna"][data-layout="mapa"] .m-estresse i { width: 15px; height: 15px; }
[data-tema="lanterna"][data-layout="mapa"] .m-moeda i { width: 17px; height: 17px; }
[data-tema="lanterna"][data-layout="mapa"] .marcadores b.conta { font-size: 17px; }
/* Mapa com 4 na mesa: câmeras maiores e a placa numa tarja embaixo, fora do vídeo, com tudo escrito */
#palco[data-tema="lanterna"][data-layout="mapa"][data-n="4"] .cam .placa { top: calc(100% + 10px); bottom: auto; padding: 9px 16px 11px; background: #0d0c0a;
  clip-path: polygon(0 3%, 2% 0, 98% 2%, 100% 8%, 99% 94%, 97% 100%, 1% 98%, 0 92%); }
#palco[data-tema="lanterna"][data-layout="mapa"][data-n="4"] .nome { font-size: 27px; }
#palco[data-tema="lanterna"][data-layout="mapa"][data-n="4"] .perso { font-size: 20px; }
#palco[data-tema="lanterna"][data-layout="mapa"][data-n="4"] .rotulo { font-size: 23px; margin-top: 4px; }
#palco[data-tema="lanterna"][data-layout="mapa"][data-n="4"] .marcadores { gap: 16px; margin-top: 7px; }
#palco[data-tema="lanterna"][data-layout="mapa"][data-n="4"] .marcadores > span::before { font-size: 15px; }
#palco[data-tema="lanterna"][data-layout="mapa"][data-n="4"] .m-vida i { width: 13px; height: 20px; }
#palco[data-tema="lanterna"][data-layout="mapa"][data-n="4"] .m-estresse i { width: 16px; height: 16px; }
/* No mapa a Moeda do Destino sai da placa e fica solta no canto de cima da câmera (assim a linha de
   Vida/Estresse aguenta máximos maiores); o carimbo da rolagem desce para não brigar com ela. */
.moeda-cam { display: none; }
[data-tema="lanterna"][data-layout="mapa"] .moeda-cam { display: block; position: absolute; right: 12px; top: 12px; z-index: 4; width: 28px; height: 28px;
  box-sizing: border-box; border-radius: 50%; border: 2px solid #c09358; box-shadow: 0 2px 8px rgba(0, 0, 0, .75);
  background: radial-gradient(circle at 35% 35%, #e0b878, #8a6334 70%); }
/* usada: a moeda escurece e leva um X vermelho por cima */
[data-tema="lanterna"][data-layout="mapa"] .moeda-cam:not(.cheio) { background: radial-gradient(circle at 35% 35%, #6b5638, #3a2c1a 70%); border-color: #5a4426; }
[data-tema="lanterna"][data-layout="mapa"] .moeda-cam:not(.cheio)::before, [data-tema="lanterna"][data-layout="mapa"] .moeda-cam:not(.cheio)::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 112%; height: 4px; border-radius: 2px; background: #c4473b;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .65); transform: translate(-50%, -50%) rotate(45deg); }
[data-tema="lanterna"][data-layout="mapa"] .moeda-cam:not(.cheio)::after { transform: translate(-50%, -50%) rotate(-45deg); }
[data-tema="lanterna"][data-layout="mapa"] .m-moeda { display: none; }
[data-tema="lanterna"][data-layout="mapa"] .cam .carimbo { top: 52px; }
[data-tema="lanterna"][data-layout="mapa"] .cam .falsa span { right: auto; left: 16px; }
[data-tema="lanterna"] .carimbo { color: var(--osso); font-family: "Rubik Dirt"; text-shadow: 0 2px 0 #000, 0 0 18px rgba(0,0,0,.8); }
[data-tema="lanterna"] .carimbo .c-topo, [data-tema="lanterna"] .carimbo .c-baixo { font-family: "Crimson Pro"; font-weight: 600; }
[data-tema="lanterna"] .carimbo.critico { color: var(--verde); }
[data-tema="lanterna"] .carimbo.falha { color: #e0574a; }
[data-tema="lanterna"] .registro { font: 18px "Crimson Pro"; color: var(--osso2); }
[data-tema="lanterna"] .registro b { color: var(--osso); font-weight: 600; }
[data-tema="lanterna"] [data-catarse] .capa { transform: rotate(-1.6deg); box-shadow: 0 10px 26px rgba(0,0,0,.8); }
[data-tema="lanterna"] [data-catarse] .sobre { font: 600 15px "Crimson Pro"; letter-spacing: .18em; text-transform: uppercase; color: var(--osso2); }
[data-tema="lanterna"] [data-catarse] .estado { font: 46px/1 "Creepster"; color: var(--verde); margin-top: 6px; }
[data-tema="lanterna"] [data-catarse] .estado.aberto { font-size: 50px; }
[data-tema="lanterna"] [data-catarse] .url { font: 22px "Rubik Dirt"; }
[data-tema="lanterna"] [data-catarse] .barra { background: #24211c; }
[data-tema="lanterna"] [data-catarse] .barra i { background: var(--verde); }
[data-tema="lanterna"] .bloco.cartaz, [data-tema="lanterna"] .bloco.titulo, [data-tema="lanterna"] [data-layout] .bloco { }
[data-tema="lanterna"][data-layout="destaque"] .bloco.cartaz,
[data-tema="lanterna"][data-layout="destaque"] .bloco.bandeja { background: rgba(10, 9, 8, .55); }
[data-tema="lanterna"] .ao-vivo { font: 20px "Rubik Dirt"; }
[data-tema="lanterna"] .bloco.titulo .t1 { font: 54px/1 "Creepster"; color: var(--osso); }
[data-tema="lanterna"] .bloco.titulo .t2 { font: italic 24px "Crimson Pro"; color: var(--osso2); margin-top: 6px; }
[data-tema="lanterna"] .chamada { background: #070605; color: var(--osso);
  -webkit-mask-image: radial-gradient(ellipse var(--fr, 30%) 140% at var(--fx, -30%) 50%, #000 55%, transparent 100%);
  mask-image: radial-gradient(ellipse var(--fr, 30%) 140% at var(--fx, -30%) 50%, #000 55%, transparent 100%); }
[data-tema="lanterna"] .chamada::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 30% 120% at var(--fx, -30%) 45%, rgba(255, 214, 150, .16), transparent 70%); }
[data-tema="lanterna"] .mapa .moldura .aro { stroke: var(--tinta); stroke-width: 24; filter: url(#carvao); }
[data-tema="lanterna"] .mapa .moldura .aro2 { stroke: rgba(233, 224, 200, .16); stroke-width: 1.4; filter: url(#carvao); }
[data-tema="lanterna"] .comentario { background: #0a0908; color: var(--osso); border-left: 3px solid var(--osso2);
  -webkit-mask-image: radial-gradient(ellipse var(--fr, 30%) 140% at var(--fx, -30%) 50%, #000 55%, transparent 100%);
  mask-image: radial-gradient(ellipse var(--fr, 30%) 140% at var(--fx, -30%) 50%, #000 55%, transparent 100%); }
[data-tema="lanterna"] .comentario.super { border-left-color: var(--verde); }
[data-tema="lanterna"] .comentario .avatar { background: #24211c; color: var(--osso); font: 22px "Rubik Dirt"; }
[data-tema="lanterna"] .comentario .autor { font-family: "Rubik Dirt"; }
[data-tema="lanterna"] .comentario .valor { font-family: "Rubik Dirt"; background: var(--verde); color: #10140a; }
[data-tema="lanterna"] .comentario .texto { font-family: "Crimson Pro"; }
[data-tema="pagina"] .comentario, [data-tema="sessao"] .comentario { background: rgba(10, 10, 12, .92); color: #eee; font-family: "Crimson Pro"; }
[data-tema="lanterna"] .chamada .sobre { font: 600 18px "Crimson Pro"; letter-spacing: .2em; text-transform: uppercase; color: var(--osso2); }
[data-tema="lanterna"] .chamada .grita { font: 74px "Creepster"; color: var(--verde); }
[data-tema="lanterna"] .chamada .url { font: 40px "Rubik Dirt"; }

/* ================= B · PÁGINA AMALDIÇOADA ================= */
[data-tema="pagina"] { --tinta: #1b1612; --tinta2: #4a3f33; --papel: #efe6cf; --verde: #5f8f1c; --vermelho: #8e2a20; color: var(--tinta); }
[data-tema="pagina"] .grao { background-image: var(--grao); opacity: calc(.35 * var(--grao-k, 1)); mix-blend-mode: multiply; }
[data-tema="pagina"] .moldura { filter: drop-shadow(0 5px 7px rgba(40, 25, 10, .45)); }
[data-tema="pagina"] .moldura .aro { stroke: #f2ead6; stroke-width: 24; filter: url(#borda-papel); }
[data-tema="pagina"] .moldura .aro2 { stroke: rgba(70, 50, 30, .35); stroke-width: 1; }
[data-tema="pagina"] .mestre .moldura .aro { stroke: #f4eedd; }
[data-tema="pagina"] .fita { display: block; position: absolute; width: 86px; height: 26px; z-index: 2;
  background: rgba(225, 212, 170, .78); box-shadow: 0 1px 2px rgba(60, 40, 20, .25);
  clip-path: polygon(0 8%, 6% 0, 12% 10%, 20% 2%, 100% 0, 96% 50%, 100% 100%, 8% 96%, 0 100%, 4% 50%); }
[data-tema="pagina"] .fita.f1 { left: -26px; top: 0; transform: rotate(-38deg); }
[data-tema="pagina"] .fita.f2 { right: -26px; top: 0; transform: rotate(35deg); }
[data-tema="pagina"] .placa { background: var(--papel); padding: 7px 18px 8px; min-width: 210px; transform: rotate(-1deg);
  box-shadow: 0 3px 5px rgba(40, 25, 10, .35); }
[data-tema="pagina"][data-layout="destaque"] .cam:not(.mestre) .placa { transform: rotate(-1deg) scale(.78); }
[data-tema="pagina"] .nome { font: 30px/1.05 "IM Fell SC"; filter: url(#tinta); }
[data-tema="pagina"] .perso { font: italic 19px/1.15 "Crimson Pro"; color: var(--tinta2); }
[data-tema="pagina"] .rotulo { position: absolute; right: -34px; top: -26px; font: 24px/1 "Rubik Dirt"; color: var(--vermelho);
  border: 2.5px solid var(--vermelho); padding: 5px 10px 3px; transform: rotate(8deg); background: rgba(242, 234, 214, .9); filter: url(#tinta); }
[data-tema="pagina"] .marcadores > span::before { font-family: "IM Fell SC"; color: var(--tinta2); }
[data-tema="pagina"] .m-vida i { width: 10px; height: 15px; border: 1.5px solid var(--tinta2); transform: skew(-7deg); }
[data-tema="pagina"] .m-vida i.cheio { background: var(--vermelho); }
[data-tema="pagina"] .m-estresse i { width: 12px; height: 12px; border-radius: 3px; border: 1.5px solid var(--tinta2); }
[data-tema="pagina"] .m-estresse i.cheio { background: radial-gradient(circle, var(--papel) 0 22%, var(--tinta) 26%); }
[data-tema="pagina"] .m-moeda i { width: 13px; height: 13px; border-radius: 50%; border: 1.5px solid #8a6334; }
[data-tema="pagina"] .m-moeda.cheio i { background: radial-gradient(circle at 35% 35%, #d9b26f, #7e5a2c 70%); }
[data-tema="pagina"] .cam.rolando .placa { background: #f6efdc; }
[data-tema="pagina"] .carimbo { color: var(--vermelho); font-family: "Rubik Dirt"; border: 3px solid currentColor; border-radius: 8px;
  padding: 6px 16px 4px; background: rgba(242, 234, 214, .93); filter: url(#tinta); box-shadow: 0 3px 6px rgba(0, 0, 0, .35); }
[data-tema="pagina"] .carimbo.critico { color: var(--verde); }
[data-tema="pagina"] .carimbo.falha { color: var(--tinta); }
[data-tema="pagina"] .registro { font: 19px "Crimson Pro"; color: var(--tinta2); }
[data-tema="pagina"] .registro b { color: var(--tinta); font-weight: 600; }
[data-tema="pagina"] [data-catarse] .capa { transform: rotate(1.8deg); box-shadow: 0 6px 12px rgba(40, 25, 10, .45); }
[data-tema="pagina"] [data-catarse] .sobre { font: 17px "IM Fell SC"; letter-spacing: .12em; color: var(--tinta2); }
[data-tema="pagina"] [data-catarse] .estado { font: 46px/1 "Creepster"; color: var(--tinta); margin-top: 4px; filter: url(#tinta); }
[data-tema="pagina"] [data-catarse] .estado.aberto { color: var(--verde); }
[data-tema="pagina"] [data-catarse] .contagem { color: var(--vermelho); }
[data-tema="pagina"] [data-catarse] .url { font: 26px "IM Fell SC"; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
[data-tema="pagina"] [data-catarse] .barra { background: rgba(60, 45, 30, .18); border: 1px solid var(--tinta2); }
[data-tema="pagina"] [data-catarse] .barra i { background: var(--verde); }
[data-tema="pagina"] .ao-vivo { font: 20px "IM Fell SC"; color: var(--vermelho); }
[data-tema="pagina"] .bloco.titulo .t1 { font: 54px/1 "Creepster"; color: var(--tinta); filter: url(#tinta); }
[data-tema="pagina"] .bloco.titulo .t2 { font: italic 24px "Crimson Pro"; color: var(--tinta2); margin-top: 6px; }
[data-tema="pagina"] .bloco.marca::after { content: ""; position: absolute; left: 6%; right: 6%; bottom: 8px; height: 60px;
  background: url(../img/skull.webp) center / contain no-repeat; mix-blend-mode: multiply; opacity: .8; }
[data-tema="pagina"][data-layout="destaque"] .bloco.marca::after { display: none; }
[data-tema="pagina"] .bloco.marca .mascote { height: 160px; margin-bottom: 40px; }
[data-tema="pagina"] .bloco.marca .ezd6 { margin-bottom: 40px; }
[data-tema="pagina"][data-layout="destaque"] .bloco.marca .mascote, [data-tema="pagina"][data-layout="destaque"] .bloco.marca .ezd6 { margin-bottom: 0; }
[data-tema="pagina"] .chamada { background: var(--papel); border: 3px solid var(--tinta); box-shadow: 0 10px 22px rgba(40, 25, 10, .5); }
[data-tema="pagina"] .chamada.viva { animation: chamada-bate .5s linear; }
@keyframes chamada-bate { 0% { transform: scale(1.12) rotate(-1.5deg); opacity: 0; } 30% { transform: scale(.985) rotate(-.4deg); opacity: 1; }
  48% { transform: scale(1.006) rotate(-.5deg); } 64%, 100% { transform: scale(1) rotate(-.5deg); } }
[data-tema="pagina"] .chamada.viva { transform: rotate(-.5deg); }
[data-tema="pagina"] .chamada .sobre { font: 20px "IM Fell SC"; letter-spacing: .12em; color: var(--tinta2); }
[data-tema="pagina"] .chamada .grita { font: 72px "Creepster"; color: var(--tinta); filter: url(#tinta); }
[data-tema="pagina"] .chamada .url { font: 40px "IM Fell SC"; color: var(--vermelho); }

/* ================= C · SESSÃO DA MEIA-NOITE ================= */
[data-tema="sessao"] { --tela: #d9e4ff; --tela2: #8ea3cc; --fundo: #070a12; --verde: #a6e04a; --rec: #e3392c; color: var(--tela); }
[data-tema="sessao"] .grao { background-image: var(--grao); opacity: calc(.28 * var(--grao-k, 1)); }
[data-tema="sessao"] .moldura .aro { stroke: rgba(217, 228, 255, .28); stroke-width: 2; }
[data-tema="sessao"] .moldura .aro2 { display: none; }
[data-tema="sessao"] .cam .falsa span { display: none; }
[data-tema="sessao"] .canto { display: block; position: absolute; width: 34px; height: 34px; border: 0 solid var(--tela); z-index: 2; }
[data-tema="sessao"] .canto.c1 { left: 10px; top: 10px; border-width: 3px 0 0 3px; }
[data-tema="sessao"] .canto.c2 { right: 10px; top: 10px; border-width: 3px 3px 0 0; }
[data-tema="sessao"] .canto.c3 { left: 10px; bottom: 10px; border-width: 0 0 3px 3px; }
[data-tema="sessao"] .canto.c4 { right: 10px; bottom: 10px; border-width: 0 3px 3px 0; }
[data-tema="sessao"] .vhs { display: flex; position: absolute; left: 22px; right: 22px; top: 16px; gap: 18px; z-index: 2;
  font: 24px/1 "VT323"; color: var(--tela); text-shadow: 2px 0 rgba(255, 40, 60, .35), -2px 0 rgba(40, 200, 255, .35); }
[data-tema="sessao"] .vhs .rec { color: var(--rec); animation: pisca 2s steps(1) infinite; }
[data-tema="sessao"] .vhs .tc { margin-left: auto; }
[data-tema="sessao"][data-layout="destaque"] .cam:not(.mestre) .vhs { font-size: 18px; left: 14px; top: 12px; }
[data-tema="sessao"][data-layout="destaque"] .cam:not(.mestre) .vhs .tc { display: none; }
[data-tema="sessao"] .mestre .vhs .canal { color: var(--verde); }
[data-tema="sessao"] .placa { background: rgba(4, 6, 12, .88); padding: 6px 16px 8px; min-width: 210px; left: 22px; bottom: 22px; border-left: 4px solid var(--tela); }
[data-tema="sessao"] .mestre .placa { border-left-color: var(--verde); }
[data-tema="sessao"] .nome { font: 34px/1 "VT323"; text-transform: uppercase; letter-spacing: .04em; }
[data-tema="sessao"] .perso { font: 21px/1.1 "VT323"; color: var(--tela2); text-transform: uppercase; }
[data-tema="sessao"] .rotulo { font: 20px/1 "VT323"; color: var(--verde); letter-spacing: .12em; text-transform: uppercase; }
[data-tema="sessao"] .marcadores > span::before { font-family: "VT323"; font-size: 17px; color: var(--tela2); }
[data-tema="sessao"] .m-vida i { width: 10px; height: 14px; background: rgba(217, 228, 255, .18); }
[data-tema="sessao"] .m-vida i.cheio { background: var(--rec); }
[data-tema="sessao"] .m-estresse i { width: 12px; height: 12px; background: rgba(217, 228, 255, .18); }
[data-tema="sessao"] .m-estresse i.cheio { background: var(--tela); }
[data-tema="sessao"] .m-moeda i { width: 13px; height: 13px; border-radius: 50%; background: rgba(217, 228, 255, .18); }
[data-tema="sessao"] .m-moeda.cheio i { background: #d6a85a; }
[data-tema="sessao"] .cam.rolando .placa { border-left-color: var(--verde); }
[data-tema="sessao"] .carimbo { font-family: "VT323"; color: var(--tela); top: 52px; right: 26px; text-shadow: 3px 0 rgba(255, 40, 60, .45), -3px 0 rgba(40, 200, 255, .45); }
[data-tema="sessao"] .carimbo .c-meio { font-size: 104px; }
[data-tema="sessao"] .carimbo .c-topo, [data-tema="sessao"] .carimbo .c-baixo { font-size: 24px; }
[data-tema="sessao"] .carimbo.critico { color: var(--verde); }
[data-tema="sessao"] .carimbo.falha { color: var(--rec); }
[data-tema="sessao"] .carimbo.bate { animation: liga 9s steps(1) forwards; }
@keyframes liga { 0% { opacity: 0; } 1% { opacity: 1; transform: translateX(-6px) skewX(-8deg); } 1.6% { transform: translateX(4px); } 2.2%, 93% { opacity: 1; transform: none; } 100% { opacity: 0; } }
[data-tema="sessao"] .registro { font: 22px/1.1 "VT323"; color: var(--tela2); text-transform: uppercase; }
[data-tema="sessao"] .registro b { color: var(--tela); font-weight: 400; }
[data-tema="sessao"] [data-catarse] .capa { box-shadow: 0 0 0 3px rgba(217, 228, 255, .2); }
[data-tema="sessao"] [data-catarse] .sobre { font: 22px "VT323"; letter-spacing: .14em; text-transform: uppercase; color: var(--tela2); }
[data-tema="sessao"] [data-catarse] .estado { font: 46px/1 "Creepster"; color: var(--verde); margin-top: 6px; }
[data-tema="sessao"] [data-catarse] .contagem { font: 64px/1 "VT323"; color: var(--tela); }
[data-tema="sessao"] [data-catarse] .url { font: 28px "VT323"; letter-spacing: .04em; }
[data-tema="sessao"] [data-catarse] .barra { background: rgba(217, 228, 255, .15); }
[data-tema="sessao"] [data-catarse] .barra i { background: var(--verde); }
[data-tema="sessao"] [data-catarse] .numeros, [data-tema="sessao"] [data-catarse] .livro { font-family: "VT323"; font-style: normal; font-size: 22px; }
[data-tema="sessao"] .ao-vivo { font: 24px "VT323"; letter-spacing: .12em; text-transform: uppercase; }
[data-tema="sessao"] .bloco.titulo .t1 { font: 56px/1 "Creepster"; color: var(--verde); }
[data-tema="sessao"] .bloco.titulo .t2 { font: 26px "VT323"; color: var(--tela2); text-transform: uppercase; letter-spacing: .06em; margin-top: 6px; }
[data-tema="sessao"][data-layout="destaque"] .bloco.cartaz,
[data-tema="sessao"][data-layout="destaque"] .bloco.bandeja { border: 2px solid rgba(217, 228, 255, .16); }
[data-tema="sessao"] .chamada { background: #04060c; border-top: 3px solid var(--verde); border-bottom: 3px solid var(--verde); }
[data-tema="sessao"] .chamada::before { content: "PLANTÃO"; position: absolute; left: 48px; top: -17px; font: 26px/1 "VT323"; letter-spacing: .2em;
  background: var(--verde); color: #04060c; padding: 4px 12px 2px; }
[data-tema="sessao"] .chamada.viva { animation: sintonia .55s steps(1); }
@keyframes sintonia {
  0% { clip-path: inset(0 0 70% 0); transform: translateX(-30px); filter: brightness(2); }
  12% { clip-path: inset(40% 0 20% 0); transform: translateX(22px); }
  24% { clip-path: inset(10% 0 50% 0); transform: translateX(-12px); filter: brightness(1.4); }
  36% { clip-path: inset(0 0 0 0); transform: translateX(6px); }
  50% { transform: translateX(-2px); filter: none; }
  62%, 100% { transform: none; }
}
[data-tema="sessao"] .chamada .sobre { font: 26px "VT323"; letter-spacing: .14em; text-transform: uppercase; color: var(--tela2); }
[data-tema="sessao"] .chamada .grita { font: 72px "Creepster"; color: var(--verde); }
[data-tema="sessao"] .chamada .url { font: 46px "VT323"; color: var(--tela); }