:root{--amarelo: #f5c518;--vermelho: #e63946;--escuro: #12100e}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}::selection{background:transparent}canvas{touch-action:none}html,body,#root{height:100%;margin:0;background:var(--escuro);overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{color:#fff;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}canvas{display:block}.hud{position:fixed;top:calc(12px + env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.chip{background:#00000080;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 16px;font-size:17px;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chip b{color:var(--amarelo)}.chip.urgente{color:var(--vermelho);border-color:#e6394680;animation:pisca 1s steps(2) infinite}@keyframes pisca{50%{opacity:.45}}.tela{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:24px;background:radial-gradient(70% 60% at 50% 45%,#12100eb8,#12100ef2)}.tela h1{font-family:Arial Black,system-ui,sans-serif;font-size:clamp(34px,12vw,64px);letter-spacing:-.02em;margin:0;color:var(--amarelo)}.tela h1 span{color:var(--vermelho)}.tela h1.placar{font-size:clamp(72px,26vw,130px);line-height:1}.sub{color:#ffffffb3;font-size:clamp(15px,4.4vw,18px);max-width:26ch;margin:4px 0}.botao{touch-action:manipulation;margin-top:18px;background:var(--amarelo);color:#1a1a1a;border:0;border-radius:999px;padding:18px 48px;font-size:19px;font-weight:900;letter-spacing:.06em;cursor:pointer;min-height:56px}.botao:active{transform:scale(.96)}.dica{margin-top:14px;color:#ffffff73;font-size:14px}.build{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));color:#ffffff40;font-size:11px}.controles{position:fixed;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;padding:0 20px;pointer-events:none}.dpad,.acoes{pointer-events:auto}.dpad{position:relative;width:156px;height:156px}.seta,.acao{position:absolute;border:1px solid rgba(255,255,255,.16);background:#ffffff17;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0;cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.seta{width:52px;height:52px;border-radius:12px}.seta.cima{top:0;left:52px}.seta.baixo{bottom:0;left:52px}.seta.esq{left:0;top:52px}.seta.dir{right:0;top:52px}.seta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border:9px solid transparent}.seta.cima:after{border-bottom-color:#ffffffbf;margin-top:12px}.seta.baixo:after{border-top-color:#ffffffbf;margin-bottom:12px}.seta.esq:after{border-right-color:#ffffffbf;margin-left:12px}.seta.dir:after{border-left-color:#ffffffbf;margin-right:12px}.miolo{position:absolute;left:52px;top:52px;width:52px;height:52px;border-radius:10px;background:#ffffff0a}.acoes{position:relative;width:150px;height:130px}.acao{width:74px;height:74px;border-radius:50%}.acao.a1{right:0;top:0;background:#f5c51838;border-color:#f5c51880}.acao.a2{left:0;bottom:0;background:#e6394638;border-color:#e6394680}.seta:active,.acao:active{transform:scale(.92);background:#ffffff38}.vidas{display:flex;gap:4px;font-size:22px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.8)}.vidas .cheio{color:var(--vermelho)}.vidas .vazio{color:#ffffff2e}.chip small{color:#ffffff73;font-size:13px}.contagem{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Arial Black,system-ui,sans-serif;font-size:clamp(90px,32vw,170px);color:var(--amarelo);text-shadow:0 6px 24px rgba(0,0,0,.7);pointer-events:none}.botao.secundario{margin-top:10px;background:transparent;color:var(--amarelo);border:2px solid rgba(245,197,24,.5);font-size:16px;padding:14px 34px;min-height:48px}.chip.escudo{padding:6px 12px;border-color:#7fd4ff80;color:#7fd4ff}.acao.a2:not(.recarregando){border-color:#e63946d9;box-shadow:0 0 14px #e639464d}.acao.a2{background:linear-gradient(to top,#e6394673 calc(var(--carga, 1) * 100%),#e6394614 calc(var(--carga, 1) * 100%))}.acao.a2.recarregando{border-color:#e6394638}.chip.item{font-size:24px;padding:6px 18px}.contagem.pequena{font-size:clamp(44px,14vw,80px);color:var(--vermelho)}.aviso{position:fixed;top:32%;left:0;right:0;text-align:center;font-family:Arial Black,system-ui,sans-serif;font-size:clamp(22px,7vw,38px);color:var(--vermelho);text-shadow:0 3px 14px rgba(0,0,0,.8);pointer-events:none;animation:pisca .9s steps(2) infinite}.aviso.suave{color:var(--amarelo);font-size:clamp(16px,5vw,26px);top:26%;animation:none;opacity:.85}.acao.a1 .item{font-size:34px;line-height:1;pointer-events:none}.acao.a1.com-item{background:#f5c51866;border-color:var(--amarelo);box-shadow:0 0 18px #f5c51873;animation:pegou .3s ease-out 3}.acao .glifo{width:46px;height:32px;color:#ffffffeb;pointer-events:none}.rotulo-item{position:absolute;right:0;top:-20px;width:74px;text-align:center;font-size:11px;letter-spacing:.03em;color:#ffffff80;text-shadow:0 1px 4px rgba(0,0,0,.85);pointer-events:none;white-space:nowrap}.rotulo-item.cheio{color:var(--amarelo);font-weight:800}.slot-item{position:fixed;right:18px;bottom:calc(190px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:2px;min-width:88px;padding:10px 12px;border-radius:14px;background:#0000006b;border:2px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;transition:border-color .2s,background .2s}.slot-item .ico{font-size:30px;line-height:1}.slot-item .nome{font-size:11px;letter-spacing:.03em;color:#ffffff8c;text-align:center}.slot-item.cheio{border-color:#f5c518b3;background:#3c2e008c}.slot-item.cheio .nome{color:var(--amarelo)}.slot-item.novo{animation:pegou .3s ease-out 3}@keyframes pegou{50%{transform:scale(1.14);border-color:#fff;background:#f5c51859}}.drift{position:fixed;right:18px;bottom:calc(276px + env(safe-area-inset-bottom));width:118px;padding:6px 8px 7px;border-radius:12px;background:#00000080;text-align:center;pointer-events:none}.drift .trilho{display:block;height:8px;border-radius:5px;background:#ffffff24;overflow:hidden}.drift i{display:block;height:100%;border-radius:5px;background:var(--cor);box-shadow:0 0 12px var(--cor)}.drift b{display:block;margin-top:5px;font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--cor)}.usou{position:fixed;left:50%;top:42%;font-family:Arial Black,system-ui,sans-serif;font-size:clamp(18px,6vw,30px);color:#fff;letter-spacing:.03em;text-shadow:0 3px 14px rgba(0,0,0,.75);white-space:nowrap;pointer-events:none;animation:usou .8s ease-out forwards}@keyframes usou{0%{transform:translate(-50%,12px) scale(.7);opacity:0}22%{transform:translate(-50%) scale(1.08);opacity:1}70%{transform:translate(-50%,-6px) scale(1);opacity:1}to{transform:translate(-50%,-30px) scale(1);opacity:0}}.turbo-ativo{position:fixed;left:0;right:0;top:17%;text-align:center;font-family:Arial Black,system-ui,sans-serif;font-size:clamp(14px,4.4vw,20px);letter-spacing:.14em;color:#ffd27a;text-shadow:0 0 16px rgba(255,190,80,.85);pointer-events:none;animation:pisca .34s steps(2) infinite}.tela.resultado{justify-content:flex-end;padding-bottom:calc(28px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,#12100e00,#12100e00,#12100ecc 48%,#12100ef5)}.tela.resultado h1.placar{font-size:clamp(46px,16vw,76px);margin:2px 0 6px}.ranking{list-style:none;margin:2px 0 0;padding:0;width:min(330px,88vw);display:flex;flex-direction:column;gap:4px}.ranking li{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:10px;border:1px solid transparent;background:#ffffff12;font-size:14px;color:#ffffffb8}.ranking li.eu{background:#f5c5182e;border-color:#f5c5188c;color:#fff;font-weight:900}.ranking .col{width:26px;font-weight:900;color:var(--amarelo)}.ranking .cor{width:12px;height:12px;border-radius:3px}.ranking .quem{flex:1;text-align:left}.escudo-ativo{position:fixed;right:18px;bottom:calc(340px + env(safe-area-inset-bottom));padding:6px 12px;border-radius:12px;background:#00000080;border:2px solid rgba(111,208,255,.55);color:#9fe0ff;font-size:13px;font-weight:900;letter-spacing:.04em;pointer-events:none}.escudo-ativo.expirando{border-color:#e63946b3;color:#ff9aa2;animation:pisca .3s steps(2) infinite}.mensagem{position:fixed;left:0;right:0;top:24%;text-align:center;font-family:Arial Black,system-ui,sans-serif;text-shadow:0 3px 14px rgba(0,0,0,.85);pointer-events:none;padding:0 16px}.mensagem.tom-urgente{font-size:clamp(22px,7vw,38px);color:var(--vermelho);animation:pisca .9s steps(2) infinite}.mensagem.tom-acao{font-size:clamp(19px,6vw,32px);color:#fff;animation:entra-mensagem .22s ease-out}.mensagem.tom-alerta{font-size:clamp(16px,5vw,26px);color:var(--amarelo);opacity:.9}.mensagem.tom-bom{font-size:clamp(15px,4.6vw,22px);letter-spacing:.14em;color:#ffd27a;text-shadow:0 0 16px rgba(255,190,80,.85);animation:pisca .34s steps(2) infinite}.mensagem.tom-ambiente{font-size:clamp(15px,4.4vw,22px);color:var(--amarelo);opacity:.75}@keyframes entra-mensagem{0%{transform:translateY(10px) scale(.85);opacity:0}}.vida-chefe{position:fixed;left:50%;transform:translate(-50%);top:calc(74px + env(safe-area-inset-top));width:min(280px,72vw);height:10px;border-radius:6px;background:#0000008c;border:2px solid rgba(255,255,255,.2);overflow:hidden;pointer-events:none}.vida-chefe i{display:block;height:100%;background:linear-gradient(90deg,#7a1420,var(--vermelho));box-shadow:0 0 10px #e63946b3;transition:width .15s linear}.recarga{position:absolute;width:74px;height:74px;border-radius:50%;pointer-events:none;background:#00000073}.recarga.a1{right:0;top:0;animation:some-recarga .24s linear forwards}.recarga.a2{left:0;bottom:0;background:conic-gradient(rgba(0,0,0,.55) calc(var(--falta, 0) * 360deg),transparent 0)}@keyframes some-recarga{to{opacity:0}}.acao.a1.varinha{background:#f5c5184d;border-color:#f5c518cc}.botao.secundario.conquistada{border-color:#f5c518e6;box-shadow:0 0 14px #f5c5184d}