@font-face{font-family:"Pixelify Sans";src:url(/fonts/PixelifySans-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"VT323";src:url(/fonts/VT323.woff2) format("woff2");font-display:swap}
:root{
  --noite:#090B10;--noite2:#10131a;--painel:#171a22;--linha:#2b2e38;
  --fogo:#FF8A2A;--ambar:#FFBE5A;--brasa:#b4491b;--cinza:#9696A0;--cinza-c:#c9c9d0;--papel:#ece3cf;--perigo:#E8402A;
  --px:"Pixelify Sans",ui-monospace,monospace;--tx:"VT323",ui-monospace,monospace;
  --pad:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noite);color:var(--cinza-c);font-family:var(--tx);font-size:22px;line-height:1.3;overflow-x:hidden}
img,canvas,svg{max-width:100%}
svg.px{flex:none;vertical-align:middle}
a{color:var(--ambar)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}
h1,h2,h3,.h2,.h3,.btn,.kicker{font-family:var(--px);font-weight:600;line-height:1.15}
h2,.h2{color:var(--papel);font-size:clamp(27px,6.6vw,38px);margin:.3em 0 .6em}
h3,.h3{color:var(--papel);font-size:22px;margin:0 0 .5em}
.h3{font-size:24px;margin-top:2em;color:var(--ambar)}
p{margin:0 0 .8em}
code{font-family:var(--tx);color:var(--fogo);background:#ff8a2a1f;padding:0 .25em}
.pular{position:absolute;left:-999px;top:0;background:var(--fogo);color:#000;padding:8px;z-index:50}
.pular:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.isca{position:absolute;left:-9999px;opacity:0;height:0;width:0}

/* topo */
.topo{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px var(--pad);background:var(--noite);border-bottom:2px solid var(--linha)}
.marca{display:flex;align-items:center;gap:10px;color:var(--ambar);text-decoration:none;font-family:var(--px);font-weight:600;font-size:18px;line-height:1}
.marca img{display:block}
.menu-btn{font-family:var(--px);font-size:17px;background:none;border:2px solid var(--fogo);color:var(--fogo);padding:10px;cursor:pointer;min-height:44px}
.menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--noite2);border-bottom:2px solid var(--fogo);flex-direction:column;padding:8px var(--pad) 16px;max-height:calc(100svh - 60px);overflow:auto}
.menu.aberto{display:flex}
.menu a{color:var(--cinza-c);text-decoration:none;padding:12px 0;font-size:24px;border-bottom:1px solid var(--linha)}
.menu a[aria-current]{color:var(--fogo)}
.menu .menu-cta{color:var(--fogo)}

/* painel de recursos */
.hud{font-weight:600;background:#22252ceb;border-bottom:3px solid var(--fogo);padding:6px var(--pad);font-family:var(--px)}
.hud-linha{display:flex;justify-content:space-between;gap:8px;font-size:16px;color:var(--ambar);margin-bottom:6px;align-items:center}
.hud-pop b{font-weight:600;color:#fff}
.hud-recursos{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}
.rec{display:flex;align-items:center;gap:6px;min-width:0}
.rec-nome{font-size:14px;color:var(--cinza);width:52px;flex:none}
.blocos{display:flex;gap:1px;flex:1;min-width:0}
.blocos i{flex:1;max-width:12px;aspect-ratio:1;background:#16171c}
.blocos i.on{background:var(--fogo)}
.blocos.critico i.on{background:var(--perigo)}

/* hero */
.hero{position:relative;min-height:min(84svh,760px);display:flex;align-items:flex-end;overflow:hidden;background:var(--noite)}
#cena{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.hero::after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#090b10d9 40%,var(--noite))}
.hero-texto{position:relative;z-index:2;padding:0 var(--pad) 28px;max-width:760px}
.selo{font-family:var(--px);font-size:16px;color:var(--ambar);display:flex;gap:8px;align-items:center;line-height:1.6}
.led{display:inline-block;width:8px;height:8px;background:var(--fogo);flex:none;animation:pisca 1.1s steps(2) infinite}
@keyframes pisca{50%{opacity:.15}}
h1{color:var(--fogo);font-size:clamp(33px,9.4vw,58px);margin:.2em 0 .5em;text-shadow:0 0 14px #ff8a2a66}
.hero-sub{font-size:28px;color:var(--papel)}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.btn{display:inline-block;background:var(--fogo);color:#0b0b0b;border:0;box-shadow:0 4px 0 var(--brasa);padding:15px 16px;font-size:19px;text-decoration:none;text-align:center;cursor:pointer;min-height:44px}
.btn:hover{background:var(--ambar)}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--brasa)}
.btn-2{background:none;color:var(--fogo);box-shadow:inset 0 0 0 2px var(--fogo)}
.btn-2:hover{background:#ff8a2a22}
.sintonia{background:none;border:0;color:var(--cinza);font-family:var(--tx);font-size:20px;cursor:pointer;padding:8px 0;min-height:44px}
.sintonia[aria-pressed=true]{color:var(--fogo)}

/* seções */
.sec{padding:44px var(--pad);max-width:1040px;margin:0 auto}
.kicker{color:var(--fogo);font-size:17px;margin:0;letter-spacing:.04em}
.estreita{max-width:640px}
.centro{text-align:center}
.nota{color:var(--cinza);font-size:20px}
.vazio{border:2px dashed var(--linha);padding:18px;color:var(--cinza)}
.link-seta{display:inline-block;margin-top:14px;min-height:44px;padding:8px 0}
.aviso{background:#ff8a2a1a;border-left:6px solid var(--fogo);padding:10px 12px;color:var(--papel)}
.aviso-erro{background:#e8402a22;border-color:var(--perigo)}

/* decisão */
.sec-fogo{background:linear-gradient(#1a0f09,var(--noite));max-width:none}
.sec-fogo>*{max-width:1040px;margin-left:auto;margin-right:auto}
.dilema{font-size:26px;color:var(--papel)}
.opcoes{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:20px auto 12px}
.opcao{border:3px solid var(--fogo);background:#0009;padding:16px 6px;text-align:center;min-width:0}
.palavra{display:block;font-family:var(--px);font-weight:600;color:var(--ambar);font-size:clamp(22px,6vw,34px);overflow-wrap:anywhere}
.placar{display:block;font-size:20px;margin-top:6px}
.ou{font-family:var(--px);font-size:16px;color:var(--cinza)}
.barra-voto{height:14px;background:#16171c;margin-bottom:12px}
.barra-voto i{display:block;height:100%;background:var(--fogo)}

/* regras */
.regras{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.regras li{display:flex;gap:14px;background:var(--painel);border-left:6px solid var(--fogo);padding:14px}
.regras b{font-family:var(--px);font-weight:600;font-size:34px;color:var(--fogo)}
.regras p{margin:0}

/* cronista */
.cronista img{display:block;width:min(100%,300px);height:auto;margin:0 auto 16px;background:radial-gradient(circle at 50% 60%,#3a2010,transparent 70%);border-bottom:3px solid var(--fogo)}

/* transmissões */
.trans-lista{display:grid;gap:14px}
.trans{background:var(--painel);border:2px solid var(--linha);padding:14px}
.trans header{font-family:var(--px);font-size:15px;color:var(--ambar);line-height:1.6;margin-bottom:10px}
.trans .links{display:flex;gap:16px;margin:0}
.trans .links a{min-height:44px;padding:8px 0}
.em-breve{font-family:var(--px);font-size:16px;color:var(--fogo);display:flex;gap:8px;align-items:center;margin:0}

/* livro */
.sec-livro{background:var(--noite2);max-width:none}
.sec-livro>*{max-width:1040px;margin-left:auto;margin-right:auto}
.fichas-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.cartao{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--papel);color:#2a2118;padding:10px;text-decoration:none;box-shadow:0 4px 0 #a99b7e;min-width:0}
.cartao:hover{transform:translateY(-2px)}
.cartao img{width:100%;height:auto;max-width:120px;image-rendering:pixelated;background:var(--noite)}
.cartao span{font-family:var(--px);font-size:15px;margin:8px 0 4px;color:var(--brasa)}
.cartao b{font-size:22px;font-weight:600;overflow-wrap:anywhere;line-height:1.05}
.cartao small{font-size:18px;color:#5d5140}
.cartao-vazio{background:none;border:2px dashed var(--fogo);color:var(--ambar);box-shadow:none;justify-content:center}
.cartao-vazio span{color:var(--fogo)}
.busca{display:grid;gap:10px;margin:14px 0}

/* ofícios, facções */
.oficios,.faccoes,.leis{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.oficios li{display:flex;align-items:center;gap:12px;background:var(--painel);padding:12px}
.oficios li div{flex:1;min-width:0}
.oficios h3{font-size:19px;margin-bottom:.3em}
.oficios p{margin:0;font-size:20px;line-height:1.1}
.conta{font-family:var(--px);font-size:19px;color:var(--ambar)}
.faccoes{grid-template-columns:repeat(2,minmax(0,1fr))}
.faccoes li{background:var(--painel);padding:14px;display:flex;flex-direction:column;align-items:flex-start}
.faccoes h3{margin:10px 0 2px;font-size:21px}
.faccoes p{font-size:20px;line-height:1.1;margin:0 0 8px}
.quem{color:var(--cinza)}
.faccoes .conta{margin-top:auto;font-size:16px}

/* mapa */
.mapa{position:relative;aspect-ratio:4/3;border:3px solid var(--linha);max-width:720px;margin-top:14px}
#mapa-cena{display:block;width:100%;height:100%;image-rendering:pixelated}
.ponto{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;background:#090b10c0;border:2px solid var(--fogo);padding:0;cursor:pointer}
.ponto.trancado{border-color:var(--cinza)}
.ponto[aria-pressed=true]{background:var(--fogo)}
.mapa-info{background:var(--painel);border-left:6px solid var(--fogo);padding:12px;max-width:720px;margin-top:10px;min-height:110px}
.mapa-info b{font-family:var(--px);font-weight:600;font-size:21px;color:var(--ambar);display:block;margin-bottom:8px}
.mapa-info p{margin:0}

/* leis, marcos, faq */
.leis li{background:var(--papel);color:#2a2118;padding:14px}
.leis span{font-family:var(--px);font-size:16px;color:var(--brasa)}
.leis p{margin:.4em 0 0}
.marcos{display:grid;gap:16px;margin-top:14px}
.marco-topo{display:flex;gap:12px;align-items:baseline;margin-bottom:6px}
.marco-topo b{font-family:var(--px);font-weight:600;font-size:21px;color:var(--ambar)}
.progresso{height:16px;background:#16171c;border:2px solid var(--linha)}
.progresso i{display:block;height:100%;min-width:2px;background:var(--fogo)}
.faq details{border-bottom:2px solid var(--linha)}
.faq summary{cursor:pointer;padding:12px 0;color:var(--papel);min-height:44px}
.faq summary::marker{color:var(--fogo)}

/* formulários */
.form{display:grid;gap:16px;margin-top:14px}
.form label{display:grid;gap:4px;color:var(--papel)}
input,select,textarea{font-family:var(--tx);font-size:22px;background:var(--noite2);color:#fff;border:2px solid var(--cinza);padding:9px 10px;width:100%;border-radius:0;min-height:46px}
input:focus,select:focus,textarea:focus{border-color:var(--fogo)}
.escolha{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.escolha legend{color:var(--papel);padding:0;margin-bottom:6px}
.escolha label{display:block;flex:1 1 30%}
.escolha input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}
.escolha span{display:flex;gap:8px;align-items:center;justify-content:center;min-height:48px;padding:6px;border:2px solid var(--linha);background:var(--painel);cursor:pointer;line-height:1;text-align:center}
.escolha input:checked+span{border-color:var(--fogo);background:#ff8a2a2b;color:#fff}
.escolha input:focus-visible+span{outline:3px solid var(--ambar);outline-offset:2px}
.escolha-grade label{flex:1 1 45%}
.aceite{display:flex!important;gap:10px;align-items:flex-start;font-size:20px;line-height:1.15}
.aceite input{width:24px;min-height:24px;height:24px;flex:none;accent-color:var(--fogo)}

/* ficha */
.ficha{background:var(--papel);color:#2a2118;padding:14px;max-width:440px;margin:0 auto;box-shadow:0 6px 0 #a99b7e}
.ficha header{display:flex;justify-content:space-between;gap:8px;font-family:var(--px);font-size:15px;color:var(--brasa);margin-bottom:12px;line-height:1.6}
.ficha img{display:block;width:100%;max-width:240px;height:auto;margin:0 auto 12px;image-rendering:pixelated;background:var(--noite)}
.ficha .h2{color:#2a2118;text-align:center;margin:0;overflow-wrap:anywhere}
.arroba{text-align:center;color:#5d5140}
.ficha dl{margin:10px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ficha dt{font-family:var(--px);font-size:14px;color:var(--brasa);margin-bottom:2px}
.ficha dd{margin:0;line-height:1.05}
.ficha blockquote{margin:12px 0 0;border-left:4px solid var(--brasa);padding-left:10px}
.acoes-ficha{justify-content:center;margin-top:20px}
#ficha-msg{text-align:center}
.pagina>.link-seta{display:block;text-align:center}
.paginas{display:flex;justify-content:center;gap:16px;margin:12px 0 20px}
.paginas a{min-height:44px;padding:8px}
.texto p{font-size:22px}

/* rodapé */
.rodape{text-align:center;padding:30px var(--pad) 44px;border-top:2px solid var(--linha);margin-top:20px}
.rodape-frase{color:var(--ambar)}
.redes{display:flex;gap:20px;justify-content:center}
.redes a,.pequeno a{display:inline-block;padding:8px 2px}
.pequeno{font-size:18px;color:var(--cinza)}

/* tela de tubo */
.crt{position:fixed;inset:0;pointer-events:none;z-index:40;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000022 2px 3px)}

/* sala de rádio */
.sala .sec{max-width:880px}
.sala-topo{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.sala-lista{list-style:none;padding:0;margin:10px 0}
.sala-lista li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--linha);flex-wrap:wrap}
.sala details{margin:8px 0;background:var(--painel);padding:8px 12px}
.sala summary{cursor:pointer;color:var(--papel)}
.link{background:none;border:0;color:var(--ambar);text-decoration:underline;font:inherit;cursor:pointer;padding:4px}
.apagado{opacity:.5}
.form-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-2 .largo,.form-2 .btn{grid-column:1/-1}

@media (min-width:600px){
  .fichas-grade{grid-template-columns:repeat(4,minmax(0,1fr))}
  .oficios{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faccoes{grid-template-columns:repeat(4,minmax(0,1fr))}
  .busca{grid-template-columns:2fr 1fr 1fr auto}
  .regras{grid-template-columns:repeat(3,1fr)}
  .regras li{flex-direction:column}
  .hud-recursos{grid-template-columns:repeat(4,1fr)}
  .hud-linha{font-size:17px}
  .rec-nome{font-size:15px;width:52px}
}
@media (min-width:860px){
  .menu-btn{display:none}
  .menu{display:flex;position:static;flex-direction:row;background:none;border:0;padding:0;gap:14px;align-items:center;overflow:visible;max-height:none}
  .menu a{border:0;font-size:21px;padding:4px 0}
  .menu .menu-cta{font-family:var(--px);font-size:17px;background:var(--fogo);color:#0b0b0b;padding:11px 12px}
  .marca{font-size:19px}
  .hud{position:sticky;top:60px;z-index:20}
  .hero-texto{padding:0 max(var(--pad),calc((100vw - 1040px)/2)) 44px}
  .cronista{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:center}
  .cronista img{margin:0}
  .trans-lista{grid-template-columns:repeat(3,1fr)}
  .fichas-grade{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:374px){.hud-recursos{grid-template-columns:1fr}.opcoes{grid-template-columns:1fr}.ou{text-align:center}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.led{animation:none}.cartao:hover{transform:none}}