*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#0b1220;color:#eef2f7;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0}canvas{display:block}.tela{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 30%,#1e3a8a8c,#050810e6)}.tela[hidden]{display:none}.tela h1{font-size:clamp(32px,6.5vw,64px);font-weight:900;letter-spacing:1px;text-transform:uppercase;font-style:italic;background:linear-gradient(90deg,#ef4444,#f8fafc 50%,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.tela p{max-width:620px;font-size:16px;line-height:1.55;color:#dbe4ef}.tela p.pequeno{font-size:13px;color:#9fb0c6}.botoes{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}.btn{padding:13px 30px;font-family:inherit;font-size:18px;font-weight:800;border:0;border-radius:10px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#3b82f6,#1d4ed8);box-shadow:0 4px #1e3a8a,0 0 24px #3b82f659}.btn.claro{background:linear-gradient(180deg,#e2e8f0,#94a3b8);color:#0f172a;box-shadow:0 4px #475569}.btn:active{transform:translateY(2px)}.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.topo-dir{position:absolute;top:12px;right:12px;z-index:25;display:flex;gap:8px}.icone{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#0006;color:#fff;font-size:18px;cursor:pointer}.hud{position:absolute;inset:0;pointer-events:none;z-index:10;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.7)}.hud[hidden]{display:none}.mira{position:absolute;left:50%;top:50%;width:0;height:0}.mira i{position:absolute;background:#fff;box-shadow:0 0 2px #000}.mira i:nth-child(1){left:-1px;top:-12px;width:2px;height:7px}.mira i:nth-child(2){left:-1px;top:5px;width:2px;height:7px}.mira i:nth-child(3){left:-12px;top:-1px;width:7px;height:2px}.mira i:nth-child(4){left:5px;top:-1px;width:7px;height:2px}.acerto{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;opacity:0;background:linear-gradient(45deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%)}.acerto.cabeca{filter:hue-rotate(0) drop-shadow(0 0 4px #f00);background-color:transparent}.acerto.on{animation:some .25s ease-out}@keyframes some{0%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}.dano{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 50% 50%,transparent 55%,rgba(220,20,20,.55))}.dano:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:34px solid rgba(255,50,50,.85);transform:translate(-50%,-50%) rotate(var(--ang, 0rad)) translateY(-150px)}.dano.on{animation:dano .7s ease-out}@keyframes dano{0%{opacity:1}to{opacity:0}}.topo-esq{position:absolute;left:16px;top:14px}.onda{font-size:22px;color:#fbbf24}.policiais{font-size:15px;color:#dbe4ef;margin-top:2px}.radar{position:absolute;right:16px;top:62px;width:128px;height:128px}.base-esq{position:absolute;left:16px;bottom:16px}.vida span{font-size:12px;letter-spacing:2px;color:#fca5a5}.vida .barra{width:220px;height:14px;border-radius:7px;background:#00000080;border:1px solid rgba(255,255,255,.25);overflow:hidden;margin-top:3px}.vida .barra div{height:100%;width:100%;background:linear-gradient(90deg,#dc2626,#f87171);transition:width .2s}.base-dir{position:absolute;right:16px;bottom:16px;text-align:right}.municao{font-size:30px}.municao.baixa{color:#f87171}.granadas{font-size:16px;color:#dbe4ef}.aviso{position:absolute;left:50%;top:24%;transform:translate(-50%);padding:10px 22px;border-radius:10px;background:#0000008c;font-size:22px;color:#fbbf24;opacity:0;transition:opacity .3s;white-space:nowrap}.aviso.on{opacity:1}.toque{position:absolute;inset:0;z-index:12;pointer-events:none}.toque[hidden]{display:none}.analogico{position:absolute;left:24px;bottom:30px;width:130px;height:130px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);pointer-events:auto;touch-action:none}.analogico #pino{position:absolute;left:40px;top:40px;width:50px;height:50px;border-radius:50%;background:#ffffff73}.tq{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0000004d;color:#fff;font-weight:800;font-family:inherit}.tq.ativo{background:#3b82f68c}.tq.atirar{right:28px;bottom:40px;width:92px;height:92px;font-size:14px;background:#dc262666}.tq.pular{right:138px;bottom:26px;width:64px;height:64px;font-size:12px}.tq.recarregar{right:138px;bottom:104px;width:52px;height:52px;font-size:18px}.tq.granada{right:34px;bottom:150px;width:56px;height:56px;font-size:22px}.tq.correr{left:170px;bottom:40px;width:56px;height:56px;font-size:22px}@media (max-width: 700px){.vida .barra{width:140px}.radar{width:96px;height:96px}.municao{font-size:24px}.base-esq{bottom:auto;top:70px}}@media (pointer: coarse){.radar{width:96px;height:96px;top:60px}.base-esq{top:64px;bottom:auto}.vida .barra{width:150px}.base-dir{inset:12px auto auto 50%;transform:translate(-50%);text-align:center;display:flex;gap:14px;align-items:baseline}.municao{font-size:24px}.tq.granada{bottom:160px}}.campo{padding:12px 14px;min-width:240px;font:inherit;font-size:17px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:#00000073;color:#fff;text-align:center}.campo:focus{outline:2px solid #3b82f6}.campo.erro{border-color:#f87171}.campo.codigo{min-width:0;width:130px;text-transform:uppercase;letter-spacing:3px;font-weight:800}