:root{--fundo:#07060f;--ciano:#2ef2ff;--rosa:#ff3ccf;--amarelo:#ffe94a;--texto:#e8e6ff;--fraco:#8c88b8}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at center, #141032 0%, var(--fundo) 70%);height:100%;color:var(--texto);overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{flex-direction:column;height:100dvh;display:flex}.hud{padding:.5rem max(.75rem, env(safe-area-inset-left));background:#0a0819cc;border-bottom:1px solid #2a2450;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:.5rem;display:flex}.hud-item{font-variant-numeric:tabular-nums;min-width:4rem;text-shadow:0 0 8px var(--ciano);flex-direction:column;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.rotulo{letter-spacing:.12em;text-transform:uppercase;color:var(--fraco);text-shadow:none;font-size:.65rem;font-weight:500}#hud-combo.ativo{color:var(--amarelo);text-shadow:0 0 10px var(--amarelo)}.btn-icone{cursor:pointer;width:2.4rem;height:2.4rem;color:var(--texto);background:0 0;border:1px solid #3a3370;border-radius:50%;font-size:1.1rem}.btn-icone[aria-pressed=false]{opacity:.5}#palco{flex:1;min-height:0;position:relative}#tela{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.painel{border:1px solid var(--ciano);text-align:center;background:#0a081eeb;border-radius:1rem;width:min(92%,28rem);height:fit-content;max-height:92%;margin:auto;padding:1.5rem;position:absolute;inset:0;overflow:auto;box-shadow:0 0 24px #2ef2ff59,inset 0 0 24px #ff3ccf1f}.oculto{display:none!important}.titulo{letter-spacing:.05em;color:var(--ciano);text-shadow:0 0 12px var(--ciano), 0 0 30px var(--ciano);margin:0 0 .5rem;font-size:clamp(2rem,8vw,3rem)}.titulo span{color:var(--rosa);text-shadow:0 0 12px var(--rosa), 0 0 30px var(--rosa)}.titulo.pequeno{font-size:clamp(1.5rem,6vw,2.1rem)}.sub{color:var(--fraco);margin:0 0 1.2rem}.botoes{flex-direction:column;gap:.7rem;display:flex}.btn{font:inherit;border:2px solid var(--ciano);color:var(--ciano);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:#2ef2ff14;border-radius:.6rem;padding:.8rem 1rem;font-size:1.1rem;font-weight:700;box-shadow:0 0 12px #2ef2ff66}.btn:hover,.btn:focus-visible{background:#2ef2ff33;outline:none}.btn-alt{border-color:var(--rosa);color:var(--rosa);background:#ff3ccf14;box-shadow:0 0 12px #ff3ccf66}.btn-alt:hover,.btn-alt:focus-visible{background:#ff3ccf33}.recordes{color:var(--fraco);margin:1.2rem 0 .5rem}.recordes b{color:var(--amarelo)}.regras{text-align:left;color:var(--fraco);margin-top:.8rem;font-size:.9rem}.regras summary{cursor:pointer;color:var(--texto)}.regras ul{padding-left:1.2rem}.estatisticas{grid-template-columns:1fr 1fr;gap:.8rem;margin:0 0 1rem;display:grid}.estatisticas div{border:1px solid #2f2860;border-radius:.5rem;padding:.6rem}.estatisticas dt{text-transform:uppercase;letter-spacing:.1em;color:var(--fraco);font-size:.7rem}.estatisticas dd{font-variant-numeric:tabular-nums;margin:.2rem 0 0;font-size:1.5rem;font-weight:800}.novo{color:var(--amarelo);text-shadow:0 0 12px var(--amarelo);font-weight:800;animation:.8s infinite alternate pulso}.aviso,.resultado{pointer-events:none;text-align:center;opacity:0;white-space:nowrap;font-weight:800;transition:opacity .2s;position:absolute;left:50%;transform:translate(-50%)}.aviso{color:var(--rosa);text-shadow:0 0 10px var(--rosa);font-size:1.2rem;top:1rem}.aviso.visivel,.resultado.visivel{opacity:1}.resultado{color:var(--texto);text-shadow:0 0 10px var(--ciano);font-size:clamp(1.2rem,5vw,2rem);bottom:1.2rem}.resultado .perfeito{color:var(--amarelo);text-shadow:0 0 14px var(--amarelo);font-size:1.3em;display:block}.resultado small{color:var(--fraco);text-shadow:none;font-size:.55em;display:block}@keyframes pulso{0%{transform:scale(1)}to{transform:scale(1.08)}}