:root{--pedra: #17120e;--pedra-2: #211a14;--pedra-3: #2e241b;--borda: #4a3a28;--brasa: #ff8a2b;--brasa-fraca: #c2611c;--texto: #efe2cd;--texto-fraco: #a8977f;--bom: #86c97e;--ruim: #e0645a;--ferro: #b98a63;--carvao: #7d7a75;--cobre: #e2822c}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden}body{background:var(--pedra);color:var(--texto);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;-webkit-font-smoothing:antialiased}canvas{display:block}button,input,select{font:inherit;color:inherit}.tela{position:absolute;inset:0;display:grid;place-items:center;padding:24px;overflow-y:auto;background:radial-gradient(120% 90% at 50% -10%,#3a2413 0%,transparent 60%),radial-gradient(80% 60% at 50% 115%,#4a2a10 0%,transparent 55%),var(--pedra)}.painel{width:min(880px,100%);background:linear-gradient(#241c15,#1b1510);border:1px solid var(--borda);border-radius:14px;padding:28px clamp(18px,4vw,38px) 32px;box-shadow:0 24px 70px #0009}.marca{text-align:center;margin-bottom:6px}.marca h1{font-size:clamp(38px,7vw,62px);letter-spacing:.16em;font-weight:700;background:linear-gradient(#ffd9a0,var(--brasa) 55%,#a8410f);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase}.marca p{color:var(--texto-fraco);font-size:15px;margin-top:2px;font-style:italic}.campos{display:grid;gap:16px;margin-top:26px}.linha{display:grid;gap:8px}.linha>label{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-fraco)}input[type=text]{background:#14100c;border:1px solid var(--borda);border-radius:8px;padding:11px 13px;font-size:17px;width:100%}input[type=text]:focus{outline:none;border-color:var(--brasa-fraca)}.skins{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:620px){.skins{grid-template-columns:repeat(2,1fr)}}.skin{background:#14100c;border:1px solid var(--borda);border-radius:10px;padding:8px 8px 10px;cursor:pointer;display:grid;gap:6px;transition:border-color .15s,transform .15s}.skin:hover{transform:translateY(-2px)}.skin[aria-pressed=true]{border-color:var(--brasa);box-shadow:inset 0 0 0 1px var(--brasa-fraca)}.skin canvas{width:100%;aspect-ratio:3 / 4;border-radius:6px;background:radial-gradient(70% 70% at 50% 30%,#322418,#17110c)}.skin span{font-size:14px;letter-spacing:.06em;text-align:center}.acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{border:1px solid var(--borda);background:linear-gradient(#3a2a1c,#241a12);border-radius:9px;padding:12px 20px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:14px;transition:border-color .15s,background .15s}.btn:hover:not(:disabled){border-color:var(--brasa-fraca)}.btn.primario{background:linear-gradient(#b8551a,#7d3510);border-color:#e5893a;color:#fff3e2}.btn:disabled{opacity:.45;cursor:not-allowed}.salas{margin-top:26px;border-top:1px solid var(--borda);padding-top:18px}.salas h2{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-fraco);margin-bottom:10px}.sala{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #33271c;border-radius:8px;margin-bottom:8px;background:#191309}.sala b{flex:1;font-weight:600}.sala em{color:var(--texto-fraco);font-size:14px;font-style:normal}.vazio{color:var(--texto-fraco);font-size:15px;font-style:italic}.aviso{margin-top:14px;color:var(--ruim);font-size:15px;min-height:20px}.espera{display:grid;gap:14px;margin-top:22px}.espera .assento{display:flex;align-items:center;gap:12px;border:1px solid #33271c;border-radius:8px;padding:12px 14px;background:#191309}.espera .assento .bolha{width:14px;height:14px;border-radius:50%;background:var(--brasa)}.espera .assento.livre{opacity:.4}.espera .assento.livre .bolha{background:#4a3a28}#jogo{position:absolute;inset:0}.hud{position:absolute;inset:0;pointer-events:none;font-family:system-ui,-apple-system,sans-serif}.hud .topo{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center;background:#0e0a07b8;border:1px solid var(--borda);border-radius:10px;padding:8px 20px;min-width:260px}.hud .fase{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--brasa)}.hud .cronometro{font-size:27px;font-variant-numeric:tabular-nums;font-weight:600}.hud .onda{font-size:12px;color:var(--texto-fraco);letter-spacing:.1em}.hud .forja{position:absolute;top:14px;left:14px;background:#0e0a07b8;border:1px solid var(--borda);border-radius:10px;padding:10px 14px;min-width:210px}.hud .rotulo{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-fraco);margin-bottom:5px}.barra{height:11px;background:#0e0a07;border:1px solid #3a2d20;border-radius:6px;overflow:hidden}.barra>i{display:block;height:100%;background:linear-gradient(90deg,#ff9b3d,#d0431b);transition:width .2s}.barra.vida>i{background:linear-gradient(90deg,#8fd47f,#4f9a52)}.hud .recursos{position:absolute;top:14px;right:14px;background:#0e0a07b8;border:1px solid var(--borda);border-radius:10px;padding:10px 14px;min-width:190px}.recurso{display:flex;align-items:center;gap:9px;font-size:15px;padding:2px 0;font-variant-numeric:tabular-nums}.recurso .pinta{width:11px;height:11px;border-radius:3px}.recurso .nome{flex:1;color:var(--texto-fraco);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.hud .baixo{position:absolute;left:14px;bottom:14px;display:grid;gap:8px;width:260px}.hud .mochila{background:#0e0a07b8;border:1px solid var(--borda);border-radius:10px;padding:10px 14px}.hud .equipe{position:absolute;right:14px;bottom:14px;display:grid;gap:6px;width:220px}.colega{background:#0e0a07b8;border:1px solid var(--borda);border-radius:8px;padding:7px 11px;font-size:14px}.colega .nome{display:flex;justify-content:space-between;margin-bottom:4px}.colega.morto{opacity:.55;border-color:#5a2a24}.hud .diario{position:absolute;left:50%;bottom:90px;transform:translate(-50%);width:min(560px,70vw);display:grid;gap:4px;text-align:center}.hud .diario div{font-size:15px;text-shadow:0 2px 6px rgba(0,0,0,.9);animation:some 7s forwards}.hud .diario .bom{color:var(--bom)}.hud .diario .ruim{color:var(--ruim)}@keyframes some{0%,70%{opacity:1}to{opacity:0}}.mira{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);opacity:.85}.mira:before,.mira:after{content:"";position:absolute;background:#fff0d8;box-shadow:0 0 3px #000000e6}.mira:before{left:9px;top:0;width:2px;height:20px}.mira:after{top:9px;left:0;height:2px;width:20px}.mira.pode{filter:drop-shadow(0 0 4px var(--brasa))}.construtor{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:8px;pointer-events:auto}.opcao{background:#140e0ae0;border:1px solid var(--borda);border-radius:9px;padding:8px 13px;cursor:pointer;text-align:left;min-width:132px}.opcao[aria-pressed=true]{border-color:var(--brasa);background:#3c200ee6}.opcao .titulo{font-size:14px;display:flex;justify-content:space-between;gap:10px}.opcao .custo{font-size:12px;color:var(--texto-fraco);margin-top:3px}.opcao.caro .custo{color:var(--ruim)}.dica{position:absolute;left:50%;bottom:74px;transform:translate(-50%);background:#0e0a07cc;border:1px solid var(--borda);border-radius:8px;padding:6px 14px;font-size:14px;color:var(--texto-fraco);white-space:nowrap}.fim{position:absolute;inset:0;display:grid;place-items:center;background:#080503db;pointer-events:auto;text-align:center}.fim h2{font-size:clamp(34px,6vw,58px);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.fim.venceu h2{color:var(--bom)}.fim.perdeu h2{color:var(--ruim)}.fim p{color:var(--texto-fraco);margin-bottom:22px}.carregando{position:absolute;inset:0;display:grid;place-items:center;background:var(--pedra);text-align:center;gap:10px;z-index:5}.carregando p{color:var(--texto-fraco);font-style:italic}.conexao{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#140604eb;border:1px solid var(--ruim);border-radius:10px;padding:14px 22px;z-index:6}.ajuda{position:absolute;inset:0;display:grid;place-items:center;background:#080503e0;pointer-events:auto;z-index:4}.ajuda .painel{width:min(620px,92vw)}.ajuda dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:18px 0 22px;font-family:system-ui,sans-serif;font-size:15px}.ajuda dt{color:var(--brasa);font-weight:600;white-space:nowrap}.ajuda dd{color:var(--texto-fraco)}