:root{--amarelo: #f5c518;--vermelho: #e63946;--escuro: #12100e}*{box-sizing:border-box}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;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}button{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}button: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}