@font-face{font-family:"Press Start 2P";src:url(../assets/fontes/press-start-2p.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Bungee";src:url(../assets/fontes/bungee.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Alan Sans";src:url(../assets/fontes/alan-sans.woff2) format("woff2");font-weight:300 900;font-display:swap}

:root{
  --noite:#07060B; --placa:#0D0A16; --borda:#2B2140;
  --magenta:#FF2BD6; --ciano:#19E3FF; --laranja:#FF7A1A; --amarelo:#FFD23F; --verde:#2BF58A;
  --fosforo:#F4FFF4; --texto:#EDE9F5; --texto-2:#BDB4D2;
  --pixel:"Press Start 2P",ui-monospace,monospace;
  --letreiro:"Bungee","Press Start 2P",system-ui,sans-serif;
  --corpo:"Alan Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --escuro:0;
  color-scheme:dark;
  scrollbar-color:var(--magenta) var(--noite);
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--noite);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noite);color:var(--texto);font-family:var(--corpo);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--magenta);color:var(--noite)}
:focus-visible{outline:3px solid var(--ciano);outline-offset:3px}
input,textarea{caret-color:var(--magenta)}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
svg{width:1em;height:1em;flex:none}

/* ---------- cena 3D e ambiente ---------- */
#cena{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:pan-y;opacity:0;transition:opacity .7s}
.tem-3d #cena{opacity:1}
.ambiente{position:fixed;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(120% 90% at 50% 45%, transparent 55%, rgba(4,2,10,.75) 100%),
    repeating-linear-gradient(0deg, rgba(0,0,0,.14) 0 1px, transparent 1px 3px);
}
/* antes do 3D carregar (e no modo lista): a foto do salão já fica de fundo, nunca tela preta */
html:not(.tem-3d) .ambiente{background:linear-gradient(rgba(7,6,11,.5),rgba(7,6,11,.9)), url(../assets/img/corredor.webp) center/cover}
.ambiente::after{content:"";position:absolute;inset:0;background:var(--noite);opacity:var(--escuro);transition:opacity .4s}
main,.rodape{position:relative;z-index:2}
main{z-index:3}

/* ---------- topo ---------- */
.topo{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;
  padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;opacity:0;transform:translateY(-12px);pointer-events:none;
  transition:opacity .35s, transform .35s cubic-bezier(.2,.8,.2,1)}
.topo.mostrar{opacity:1;transform:none;pointer-events:auto;background:#070818;border-bottom:2px solid #1B1F4A;box-shadow:0 8px 20px rgba(0,0,0,.55)}
.topo-marca img{width:118px;height:auto;filter:drop-shadow(0 2px 10px rgba(255,43,214,.45))}
.topo-zap{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:400 11px/1 var(--pixel);letter-spacing:.04em;text-transform:uppercase;
  color:var(--fosforo);padding:11px 13px;border:2px solid var(--verde);background:rgba(7,6,11,.8);box-shadow:0 0 14px rgba(43,245,138,.45), inset 0 0 10px rgba(43,245,138,.25)}
.topo-zap svg{font-size:16px;color:var(--verde)}

/* ---------- abertura ---------- */
.abertura{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;
  padding:calc(19svh + env(safe-area-inset-top,0px)) 16px calc(22px + env(safe-area-inset-bottom,0px));gap:14px;transition:opacity .2s}
.abertura.sumiu{pointer-events:none!important}
.abertura-cima{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,22px)}
.abertura-logo{width:min(46vw,260px,20svh);height:auto;filter:drop-shadow(0 4px 18px rgba(255,43,214,.5))}
.tem-3d .abertura-logo{display:none}
html:not(.tem-3d) .abertura{padding-top:calc(9svh + env(safe-area-inset-top,0px))}
html:not(.tem-3d) .abertura::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46svh;z-index:-1;pointer-events:none;background:linear-gradient(rgba(7,6,11,0),rgba(7,6,11,.85))}
.abertura-baixo{display:flex;flex-direction:column;align-items:center;gap:14px}
@media (min-aspect-ratio:1/1){
  /* paisagem: coluna do texto à esquerda, a fileira de máquinas acesa ocupa a direita */
  .abertura{align-items:flex-start;justify-content:center;text-align:left;padding:calc(64px + env(safe-area-inset-top,0px)) 16px 40px max(5vw,24px)}
  .abertura-baixo{align-items:flex-start}
  /* sombra suave atrás da coluna de texto: a estante e os quadros da parede não brigam com a leitura */
  .abertura{background:linear-gradient(90deg,rgba(7,6,11,.66) 0,rgba(7,6,11,.42) 30vw,rgba(7,6,11,0) 46vw)}
}
.abertura-titulo{margin:0;width:min(86vw,560px,40svh)}
@media (min-aspect-ratio:1/1){.abertura-titulo{width:min(44vw,600px,62svh)} .abertura-cima{align-items:flex-start} .abertura-logo{width:min(22vw,230px)}}
.abertura-titulo img{width:100%;height:auto;filter:drop-shadow(0 8px 30px rgba(255,43,214,.35))}
.abertura-sub{margin:0;max-width:30ch;font-size:clamp(17px,2.4vw,21px);font-weight:500;color:var(--fosforo);text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 2px #000;text-wrap:balance}
.dica{margin:10px 0 0;font:400 11px/1 var(--pixel);letter-spacing:.14em;text-transform:uppercase;color:var(--amarelo);animation:falha 3.2s linear infinite}
@keyframes pisca{0%,100%{opacity:1}}
@keyframes falha{0%,11%,14%,56%,58.5%,61%,100%{opacity:1}12%{opacity:.35}13%{opacity:.9}57%{opacity:.3}60%{opacity:.5}}

/* botão de ficha (WhatsApp) */
.ficha{position:relative;display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--pixel);font-size:12px;line-height:1.3;letter-spacing:.03em;text-transform:uppercase;
  color:var(--fosforo);padding:17px 22px 17px 18px;background:linear-gradient(#141019,#0A0810);border:2px solid var(--verde);border-radius:4px;
  box-shadow:0 0 0 1px #000, 0 0 22px rgba(43,245,138,.55), inset 0 0 14px rgba(43,245,138,.28), 0 10px 26px rgba(0,0,0,.6);
  transition:transform .12s, box-shadow .2s}
.ficha svg{font-size:22px;color:var(--verde)}
.ficha:hover{box-shadow:0 0 0 1px #000, 0 0 34px rgba(43,245,138,.85), inset 0 0 18px rgba(43,245,138,.4), 0 10px 26px rgba(0,0,0,.6)}
.ficha:active{transform:translateY(2px) scale(.99)}
.ficha-slot{width:6px;height:26px;border-radius:2px;background:#FF2A2A;box-shadow:0 0 10px #FF2A2A, 0 0 2px #fff inset}
.ficha-grande{font-size:clamp(11px,2.6vw,14px);padding:20px 26px 20px 20px}
.ficha-pequena{font-size:12px;padding:13px 16px}

/* ---------- corredor ---------- */
.corredor{height:calc(var(--maquinas,7) * 88svh + 60svh);position:relative}
.hud{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%,24px);z-index:15;width:min(calc(100vw - 24px),520px);
  padding:14px 14px 12px;background:rgba(9,7,15,.88);border:2px solid var(--borda);border-radius:6px;
  box-shadow:0 0 0 1px #000, 0 0 24px rgba(255,43,214,.25), 0 14px 30px rgba(0,0,0,.6);text-align:center;opacity:0;pointer-events:none;
  transition:opacity .3s, transform .35s cubic-bezier(.2,.8,.2,1)}
.hud.mostrar{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.hud-nome{margin:0;font:400 17px/1.25 var(--letreiro);letter-spacing:.02em;color:var(--amarelo);text-transform:uppercase;text-shadow:0 0 10px rgba(255,210,63,.55);min-height:1.35em}
.hud-info{margin:6px 0 10px;font-size:15px;color:var(--texto);min-height:1.5em}
.hud-acoes{display:flex;gap:8px;justify-content:center;align-items:stretch}
.hud-btn,.hud-abrir{font:400 12px/1 var(--pixel);text-transform:uppercase;color:var(--fosforo);background:#15101F;border:2px solid var(--ciano);border-radius:4px;cursor:pointer;
  box-shadow:0 0 12px rgba(25,227,255,.35), inset 0 0 8px rgba(25,227,255,.2);transition:box-shadow .2s, transform .1s}
.hud-btn{width:48px;min-height:46px;display:grid;place-items:center;font-size:18px}
.hud-abrir{flex:1;max-width:300px;min-height:46px;border-color:var(--magenta);box-shadow:0 0 14px rgba(255,43,214,.45), inset 0 0 8px rgba(255,43,214,.25)}
.hud-btn:hover,.hud-abrir:hover{box-shadow:0 0 22px rgba(25,227,255,.7), inset 0 0 10px rgba(25,227,255,.3)}
.hud-btn:active,.hud-abrir:active{transform:translateY(2px)}
.hud-btn:disabled{opacity:.35;cursor:default;box-shadow:none}
.hud-dica{margin:10px 0 0;font-size:12.5px;color:var(--texto-2)}
.hud-zap{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font:400 11px/1.4 var(--pixel);letter-spacing:.03em;text-transform:uppercase;color:var(--verde);text-decoration:none;
  padding:6px 8px;border-bottom:2px solid rgba(43,245,138,.5);text-shadow:0 0 10px rgba(43,245,138,.5)}
.hud-zap svg{font-size:16px}
.hud-zap[hidden]{display:none}
.hud-abrir svg{font-size:14px;vertical-align:-2px;margin-left:4px}
.hud-nome:empty,.hud-info:empty{display:none}
.hud-nome:empty+.hud-info:empty+.hud-acoes{margin-top:2px}
.hud-abrir{white-space:nowrap;padding-inline:10px}
@media (max-width:400px){.hud-abrir{font-size:11px}}
.nowrap{white-space:nowrap}

/* lista de trabalhos: leitores de tela e o modo sem 3D */
.lista-trabalhos,.lista-titulo,.lista-sub{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0;padding:0;list-style:none}
.lista-trabalhos button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}

/* ---------- seções de placar ---------- */
.fases,.player,.continue{max-width:1080px;margin:0 auto;padding:clamp(80px,12vw,140px) 16px}
.placar-titulo{margin:0 0 30px;font:400 clamp(20px,4.4vw,34px)/1.3 var(--pixel);text-transform:uppercase;color:var(--ciano);text-shadow:0 0 16px rgba(25,227,255,.6);text-wrap:balance}
.placar{background:#05050F;border:3px solid #1B1F4A;border-radius:10px;padding:clamp(20px,4vw,34px);
  box-shadow:0 0 0 2px #000, inset 0 0 40px rgba(25,227,255,.08), 0 0 30px rgba(25,227,255,.22), 0 24px 44px rgba(0,0,0,.6)}
.placar .placar-titulo{text-align:center;margin-bottom:8px}
.placar-cabeca{display:grid;grid-template-columns:3.2em 1fr;gap:14px;margin:0 0 6px;padding:0 0 10px;border-bottom:2px dashed #23285A;
  font:400 11px/1 var(--pixel);text-transform:uppercase;color:var(--texto-2)}
.fases-lista{list-style:none;margin:0;padding:0}
.fases-lista li{display:grid;grid-template-columns:3.2em 1fr;gap:6px 14px;padding:18px 0;border-bottom:2px dashed #23285A}
.fases-lista li:last-child{border-bottom:0;padding-bottom:4px}
.fases-lista .rank{grid-row:span 2;font:400 clamp(20px,4vw,28px)/1 var(--pixel);color:var(--amarelo);text-shadow:0 0 12px rgba(255,210,63,.55)}
.fases-lista h3{margin:0;font:400 15px/1.45 var(--pixel);text-transform:uppercase;color:var(--ciano)}
.fases-lista li:nth-child(2) h3{color:var(--magenta)}
.fases-lista li:nth-child(3) h3{color:var(--verde)}
.fases-lista p{margin:0;max-width:60ch;color:var(--texto)}

.player{display:grid;gap:34px}
.player-ficha{background:var(--placa);border:2px solid var(--borda);border-radius:6px;padding:26px 22px;box-shadow:0 0 0 1px #000, 0 18px 34px rgba(0,0,0,.55)}
.player-ficha .placar-titulo{color:var(--magenta);text-shadow:0 0 16px rgba(255,43,214,.6);margin-bottom:18px}
.player-ficha p{margin:0 0 12px;max-width:56ch;font-size:18px}
.player-ficha p:last-child{margin:0}
.poderes{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.poderes li{display:flex;align-items:center;gap:14px;font-size:17px;padding:4px 0}
.botao-led{width:26px;height:26px;border-radius:50%;flex:none;border:2px solid rgba(0,0,0,.6);
  background:radial-gradient(circle at 35% 30%, #fff 0 12%, var(--c) 30%, color-mix(in srgb,var(--c) 45%,#000) 100%);box-shadow:0 0 14px var(--c)}
.led-magenta{--c:var(--magenta)} .led-ciano{--c:var(--ciano)} .led-laranja{--c:var(--laranja)} .led-amarelo{--c:var(--amarelo)}
@media (min-width:860px){.player{grid-template-columns:1.3fr 1fr;align-items:center}}

.continue{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:clamp(90px,14vw,160px)}
.continue-titulo{margin:0;font:400 clamp(30px,8vw,64px)/1.1 var(--pixel);text-transform:uppercase;color:var(--magenta);text-shadow:0 0 22px rgba(255,43,214,.75);animation:falha 4.1s linear infinite}
.continue-conta{margin:0;font:400 clamp(64px,18vw,140px)/1 var(--pixel);color:var(--amarelo);text-shadow:0 0 30px rgba(255,210,63,.7)}
.continue-texto{margin:0 0 8px;font-size:clamp(18px,2.6vw,22px);max-width:28ch;text-wrap:balance}
.continue-fone{margin:4px 0 0;font:400 12px/1.4 var(--pixel);color:var(--texto-2);letter-spacing:.04em}

.rodape{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:22px 16px calc(22px + env(safe-area-inset-bottom,0px));border-top:2px solid var(--borda);
  font:400 11px/1.7 var(--pixel);text-transform:uppercase;color:var(--texto-2);background:var(--noite)}
.rodape p{margin:0}
.rodape span{white-space:nowrap}
.rodape-links{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.rodape-links a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--texto);padding:4px 0}
.rodape-links a svg{font-size:16px;color:var(--magenta)}
.rodape-links a:nth-child(2) svg{color:var(--verde)}
.rodape-links a:hover{color:var(--amarelo)}
.tem-3d .rodape{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}

/* ---------- site do cliente em tela cheia ---------- */
.tela-cheia{position:fixed;inset:0;z-index:50;background:rgba(4,3,8,.92);display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px));
  animation:liga .35s cubic-bezier(.2,.8,.2,1)}
.tela-cheia[hidden]{display:none}
@keyframes liga{from{opacity:0;transform:scaleY(.02)}60%{opacity:1;transform:scaleY(1.02)}to{transform:none}}
.tc-moldura{width:min(100%,1040px);height:100%;max-height:min(900px,100%);min-height:0;display:flex;flex-direction:column;background:linear-gradient(#1A1424,#0E0A16);border:2px solid var(--borda);border-radius:18px;
  padding:14px;box-shadow:0 0 0 2px #000, 0 0 40px rgba(255,43,214,.35), 0 0 80px rgba(25,227,255,.18)}
.tc-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 4px 12px}
.tc-nome{margin:0;font:400 17px/1.25 var(--letreiro);letter-spacing:.02em;color:var(--amarelo);text-transform:uppercase}
.tc-info{margin:6px 0 0;font-size:14.5px;color:var(--texto-2)}
.tc-sair{flex:none;width:46px;height:46px;display:grid;place-items:center;font-size:20px;color:var(--fosforo);background:#1C1428;border:2px solid var(--magenta);border-radius:6px;cursor:pointer;box-shadow:0 0 12px rgba(255,43,214,.45)}
.tc-tela{position:relative;flex:1;overflow-y:auto;border-radius:12px;background:#000;border:3px solid #000;box-shadow:inset 0 0 0 2px #251C33;scrollbar-width:thin;overscroll-behavior:contain}
.tc-tela img{width:100%;height:auto}
.tc-tela::after{content:"";position:sticky;display:block;bottom:0;left:0;right:0;height:100%;margin-top:-100%;pointer-events:none}
.tc-acoes{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding-top:12px}
.tc-link{display:inline-flex;align-items:center;gap:8px;font:400 12px/1 var(--pixel);text-transform:uppercase;color:var(--ciano);text-decoration:none;padding:12px 6px}
.tc-link[hidden]{display:none}

/* ---------- carregando ---------- */
.carregando{position:fixed;left:0;right:0;top:0;z-index:60;pointer-events:none;transition:opacity .5s}
.carregando-barra{height:4px;background:rgba(255,43,214,.15)}
.carregando-barra span{display:block;height:100%;background:var(--magenta);box-shadow:0 0 10px var(--magenta);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.carregando.saiu{opacity:0}

/* ---------- pinball ---------- */
html.jogando,html.jogando body{overflow:hidden;overscroll-behavior:none}
html.jogando #cena{touch-action:none}
html.jogando .topo,html.jogando .hud,html.jogando .aviso-ficha{opacity:0;pointer-events:none}
.pb-hud{position:fixed;left:0;right:0;top:0;z-index:30;display:flex;flex-direction:column;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 0;pointer-events:none}
.pb-hud[hidden]{display:none}
.pb-placar{display:flex;align-items:center;gap:16px;padding:10px 10px 10px 16px;background:rgba(18,6,0,.9);border:2px solid #6A3A00;border-radius:6px;box-shadow:0 0 22px rgba(255,122,26,.35);pointer-events:auto}
.pb-placar p{margin:0;display:flex;flex-direction:column;gap:6px}
.pb-rotulo,.pb-rec{font:400 10px/1 var(--pixel);text-transform:uppercase;color:#FFB070}
.pb-pontos{font:400 20px/1 var(--pixel);color:#FF9A3A;text-shadow:0 0 10px rgba(255,122,26,.8)}
.pb-rec span{color:var(--amarelo)}
.pb-sair{font:400 12px/1 var(--pixel);text-transform:uppercase;color:var(--fosforo);background:#1C1428;border:2px solid var(--magenta);border-radius:4px;padding:12px 14px;cursor:pointer;box-shadow:0 0 12px rgba(255,43,214,.45)}
.pb-dica{margin:0;font-size:13px;color:var(--texto);text-align:center;text-shadow:0 1px 6px #000,0 0 2px #000}

/* ---------- sem 3D (sem WebGL ou modo econômico) ---------- */
.sem-3d #cena{display:none}
.sem-3d .ambiente{background:linear-gradient(rgba(7,6,11,.55),rgba(7,6,11,.92)), url(../assets/img/corredor.webp) center/cover}
.sem-3d .corredor{height:auto;padding:30px 16px 20px}
.sem-3d .hud{display:none}
.sem-3d .lista-titulo,.sem-3d .lista-sub{position:static;width:auto;height:auto;clip:auto;overflow:visible;text-align:center}
.sem-3d .lista-titulo{margin:0 auto 8px;font:400 clamp(18px,4.4vw,30px)/1.3 var(--pixel);text-transform:uppercase;color:var(--ciano);text-shadow:0 0 16px rgba(25,227,255,.6)}
.sem-3d .lista-sub{margin:0 auto 22px;max-width:40ch;color:var(--texto-2);font-size:16px}
.sem-3d .lista-trabalhos{position:static;width:auto;height:auto;clip:auto;overflow:visible;max-width:1080px;margin:0 auto;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.sem-3d .lista-trabalhos li{--cor:#19e3ff;position:relative;display:flex;flex-direction:column;background:linear-gradient(#17122a,#0B0814);border:2px solid var(--borda);border-radius:10px;overflow:hidden;
  box-shadow:0 0 0 1px #000, 0 0 26px color-mix(in srgb,var(--cor) 28%,transparent), 0 16px 34px rgba(0,0,0,.6)}
.sem-3d .lista-trabalhos .lt-letreiro{margin:0;padding:12px 12px 10px;text-align:center;font:400 17px/1.2 var(--letreiro);letter-spacing:.04em;text-transform:uppercase;color:#fffbe8;
  background:linear-gradient(90deg,color-mix(in srgb,var(--cor) 75%,#000),var(--cor),color-mix(in srgb,var(--cor) 60%,#000));text-shadow:0 0 12px #fff,0 2px 0 rgba(0,0,0,.4);border-bottom:2px solid #000}
.sem-3d .lista-trabalhos .lt-tela{display:block;margin:12px 12px 0;border:3px solid #000;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 0 0 2px #251C33, inset 0 0 30px rgba(0,0,0,.6)}
.sem-3d .lista-trabalhos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:top;display:block;transition:transform .5s}
.sem-3d .lista-trabalhos .lt-tela:hover img{transform:translateY(-6%)}
.sem-3d .lista-trabalhos .lt-texto{display:flex;flex-direction:column;gap:6px;padding:14px 14px 16px}
.sem-3d .lista-trabalhos .lt-nome{display:block;font:400 11px/1.5 var(--pixel);color:var(--amarelo);text-transform:uppercase;text-shadow:0 0 10px rgba(255,210,63,.5)}
.sem-3d .lista-trabalhos .lt-info{font-size:15px;color:var(--texto);line-height:1.45}
.sem-3d .lista-trabalhos .lt-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.sem-3d .lista-trabalhos .lt-abrir,.sem-3d .lista-trabalhos .lt-zap{display:inline-flex;align-items:center;gap:8px;font:400 11px/1 var(--pixel);text-transform:uppercase;text-decoration:none;color:var(--fosforo);padding:12px 12px;border-radius:4px;background:#15101F;border:2px solid var(--ciano);
  box-shadow:0 0 12px rgba(25,227,255,.35), inset 0 0 8px rgba(25,227,255,.2)}
.sem-3d .lista-trabalhos .lt-zap{border-color:var(--verde);box-shadow:0 0 12px rgba(43,245,138,.4), inset 0 0 8px rgba(43,245,138,.2)}
.sem-3d .lista-trabalhos .lt-zap svg{color:var(--verde);font-size:16px}
.sem-3d .lista-trabalhos .lt-abrir svg{font-size:14px}

@media (prefers-reduced-motion:reduce){
  .dica,.continue-titulo{animation:none}
  .tela-cheia{animation:none}
}

/* as seções transparentes deixam o toque chegar às máquinas 3D; só os controles recebem clique */
.abertura,.corredor{pointer-events:none}
.abertura a,.hud,.sem-3d .corredor,.sem-3d .lista-trabalhos{pointer-events:auto}

/* com a cena 3D ligada, o texto de como funciona, Player 1 e CONTINUE? vive nas placas do salão;
   as seções continuam no HTML para leitores de tela e para o Google */
.tem-3d .fases,.tem-3d .player,.tem-3d .continue{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0;margin:0}
.tem-3d .corredor{height:calc(var(--maquinas,11) * 80svh + 60svh)}
.hud-abrir.hud-zap-btn{border-color:var(--verde);box-shadow:0 0 16px rgba(43,245,138,.5), inset 0 0 8px rgba(43,245,138,.25)}

/* ---------- contador de fichas, som e avisos ---------- */
.topo-meio{display:flex;align-items:center;gap:8px}
.contador{display:inline-flex;align-items:center;gap:7px;font:400 12px/1 var(--pixel);color:var(--amarelo);background:#0F0B1C;border:2px solid #6A4A00;border-radius:999px;padding:8px 12px 8px 8px;cursor:pointer;
  box-shadow:0 0 14px rgba(255,201,58,.35)}
.contador[hidden]{display:none}
.contador svg{font-size:20px}
.contador.pulo{animation:pulo .5s cubic-bezier(.16,1,.3,1)}
@keyframes pulo{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
.som-btn{width:40px;height:40px;display:grid;place-items:center;font-size:20px;color:var(--fosforo);background:#0F0B1C;border:2px solid var(--borda);border-radius:6px;cursor:pointer}
.som-btn[aria-pressed="true"]{color:var(--ciano);border-color:var(--ciano);box-shadow:0 0 12px rgba(25,227,255,.35)}
.aviso-ficha{position:fixed;left:50%;top:calc(76px + env(safe-area-inset-top,0px));z-index:40;transform:translate(-50%,-10px);opacity:0;pointer-events:none;
  font:400 12px/1.5 var(--pixel);text-transform:uppercase;text-align:center;color:var(--amarelo);background:#0F0B1C;border:2px solid #6A4A00;border-radius:6px;padding:12px 16px;
  width:max-content;max-width:calc(100vw - 32px);box-shadow:0 0 22px rgba(255,201,58,.35), 0 12px 26px rgba(0,0,0,.55);transition:opacity .25s, transform .3s cubic-bezier(.2,.8,.2,1)}
.aviso-ficha.mostrar{opacity:1;transform:translate(-50%,0)}
.sem-3d .contador{display:none}

/* ---------- prêmio das 5 fichas ---------- */
.premio{position:fixed;inset:0;z-index:55;background:rgba(4,3,8,.9);display:grid;place-items:center;padding:16px;animation:liga .35s cubic-bezier(.2,.8,.2,1)}
.premio[hidden]{display:none}
.premio-tela{width:min(100%,520px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:34px 22px 26px;background:#05030C;border:3px solid #6A4A00;border-radius:16px;
  box-shadow:0 0 0 2px #000, 0 0 50px rgba(255,201,58,.3), inset 0 0 60px rgba(255,43,214,.12)}
.premio-titulo{margin:0;font:400 clamp(28px,8vw,44px)/1.1 var(--pixel);text-transform:uppercase;color:var(--amarelo);text-shadow:0 0 22px rgba(255,210,63,.7)}
.premio-fichas{display:flex;gap:8px}
.premio-fichas i{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff3b0,#ffc93a 55%,#b37400);box-shadow:0 0 14px rgba(255,201,58,.6);animation:giraficha 1.6s ease-in-out infinite}
.premio-fichas i:nth-child(2){animation-delay:.1s}.premio-fichas i:nth-child(3){animation-delay:.2s}.premio-fichas i:nth-child(4){animation-delay:.3s}.premio-fichas i:nth-child(5){animation-delay:.4s}
@keyframes giraficha{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.15)}}
.premio-texto{margin:0;font-size:19px;max-width:30ch;text-wrap:balance}
.premio-nota{margin:0;font-size:14px;color:var(--texto-2)}
.premio-voltar{font:400 12px/1 var(--pixel);text-transform:uppercase;color:var(--texto-2);background:none;border:0;padding:12px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@media (prefers-reduced-motion:reduce){.premio-fichas i,.contador.pulo{animation:none}}

/* o <main> inteiro deixa o clique passar para a cena 3D; só os controles recebem */
main{pointer-events:none}
.abertura a,.hud,.lista-trabalhos,.fases,.player,.continue,.sem-3d main{pointer-events:auto}

/* sites com vídeo na abertura */
.tag-video{display:inline-flex;align-items:center;gap:5px;margin-left:4px;padding:3px 8px 3px 6px;border-radius:4px;background:var(--amarelo);color:#1a1200;font:400 10px/1.2 var(--pixel);text-transform:uppercase;vertical-align:middle}
.tag-video svg{font-size:11px}
.tc-video-caixa{background:#000;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0 18px;border-bottom:2px solid #251C33}
.tc-video-caixa[hidden]{display:none}
.tc-video-aviso{margin:0;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;background:var(--amarelo);color:#1a1200;font:400 11px/1.4 var(--pixel);text-transform:uppercase;text-align:left;max-width:calc(100% - 24px)}
.tc-video-caixa video{display:block;height:min(62vh,560px);max-width:100%;aspect-ratio:540/968;background:#000}