*{box-sizing:border-box;margin:0;padding:0}html,body{color:#dff3f6;background:#06121f;height:100%;font-family:ui-monospace,DejaVu Sans Mono,monospace;overflow:hidden}body{place-items:center;display:grid}#tela{image-rendering:pixelated;display:block}#lobby{position:fixed;inset:0}#hud{pointer-events:none;position:fixed}#lobby{background:#06121feb;place-items:center;display:grid}.painel{background:#0b1d2e;border:2px solid #2f7fa8;gap:10px;width:min(420px,90vw);padding:24px;display:grid}.painel h1{letter-spacing:2px;color:#f2c14e;font-size:32px}.tagline,.ajuda{opacity:.75;font-size:12px;line-height:1.5}.painel input,.painel button{font:inherit;color:inherit;background:#06121f;border:2px solid #2f7fa8;padding:8px 10px}.painel button{cursor:pointer;color:#06121f;background:#2f7fa8;font-weight:700}.painel button:hover{background:#f2c14e}.linha{grid-template-columns:1fr auto;gap:8px;display:grid}.erro{color:#ff8080;min-height:16px;font-size:12px}.canto-esq{text-shadow:2px 2px #06121f;gap:4px;font-size:14px;display:grid;position:absolute;bottom:16px;left:16px}.canto-dir{text-align:right;text-shadow:2px 2px #06121f;font-size:14px;position:absolute;bottom:16px;right:16px}.velocidade{color:#f2c14e;font-size:26px}.barra{background:#06121f;border:2px solid #dff3f6;width:180px;height:12px}.barra span{background:#d05050;width:100%;height:100%;display:block}.aviso{inset-inline:0;text-align:center;color:#ff8080;text-shadow:2px 2px #06121f;font-size:22px;position:absolute;top:22%}.rosa{inset-inline:12%;pointer-events:none;height:30px;position:absolute;top:10px}.rosa .fita{inset-inline:0;background:#dff3f659;height:2px;position:absolute;top:12px}.rosa .marca{text-align:center;text-shadow:2px 2px #06121f;font-size:13px;line-height:1;position:absolute;top:0;transform:translate(-50%)}.rosa .marca b{font-size:15px;display:block}.rosa .marca i{opacity:.8;font-size:10px;font-style:normal}.rosa .marca.perto b{font-size:19px}.carga{background:#06121f;border:2px solid #dff3f6;width:180px;height:8px;transition:opacity .12s linear}.carga span{background:#dff3f6;width:0;height:100%;display:block}.carregado{color:#f2c14e;min-height:14px;font-size:12px}.modo{opacity:.8;font-size:12px}.placas{pointer-events:none;position:absolute;inset:0}.placa{transform-origin:bottom;white-space:nowrap;justify-items:center;gap:2px;display:grid;position:absolute}.placa .nome{color:#dff3f6;text-shadow:2px 2px #06121f;font-size:12px}.placa .vida{background:#06121f;border:1px solid #06121f;width:54px;height:5px;display:block}.placa .vida i{background:#63d471;height:100%;display:block}.placa.ferido .vida i{background:#f2c14e}.placa.caido .nome{color:#ff8080}.placa.caido .vida i{background:#d05050}.placa.inimigo .vida{width:34px;height:4px}.placa.inimigo .vida i{background:#d05050}.danos{pointer-events:none;position:absolute;inset:0}.dano{color:#dff3f6;text-shadow:2px 2px #06121f;font-size:15px;font-weight:700;position:absolute}.dano.critico{color:#f2c14e;font-size:20px}.dano.recebido{color:#ff8080}.oculto{display:none!important}.placar{inset-inline:0;place-items:center;display:grid;position:absolute;top:60px}.placar table{border-collapse:collapse;background:#0b1d2eeb;border:2px solid #2f7fa8;min-width:320px;font-size:14px}.placar th,.placar td{text-align:left;border-bottom:1px solid #2f7fa866;padding:4px 14px}.placar th,.placar tr.eu td{color:#f2c14e}.mapa{place-items:center;display:grid;position:absolute;inset:0}.mapa canvas{image-rendering:pixelated;border:2px solid #2f7fa8}.construcao{inset-inline:0;text-shadow:2px 2px #06121f;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:18px}.construcao .pecas{gap:6px;display:flex}.construcao .peca{color:#dff3f6;background:#06121fb8;border:2px solid #2f7fa8;grid-template-areas:"tecla""nome""custo";justify-items:center;min-width:62px;padding:4px 6px;font-size:11px;display:grid}.construcao .peca b{color:#7fc4de;grid-area:tecla;font-size:10px}.construcao .peca i{grid-area:nome;font-style:normal}.construcao .peca u{color:#f2c14e;grid-area:custo;font-size:12px;text-decoration:none}.construcao .peca.ativa{background:#0f3022d9;border-color:#63d471}.construcao .peca.cara{opacity:.42}.construcao .peca.cara u{color:#d45151}.construcao .dicas{color:#9fc6d8;font-size:11px}.mira-construcao{border:2px solid #63d471;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #06121fb3}.mira-construcao.recusa{border-color:#d45151}.mira-construcao.oculto{display:none}.construcao-aviso{inset-inline:0;text-align:center;color:#dff3f6;text-shadow:2px 2px #06121f;font-size:12px;position:absolute;top:56%}.construcao-aviso.recusa{color:#d45151}.construcao-aviso.devolve{color:#f2c14e}.construcao-aviso.longe{color:#7fc4de}.erro-servidor{inset-inline:0;text-align:center;color:#f2c14e;text-shadow:2px 2px #06121f;font-size:15px;position:absolute;bottom:22%}