*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;touch-action:none;background:#0a0a14;color:#e8e8f0;font-family:system-ui,sans-serif}.app-root{width:100%;height:100%;position:relative}canvas{display:block;width:100%;height:100%;touch-action:none}.build-sha{opacity:.4;font-size:.75rem}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--hud-gutter: .75rem}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;padding-top:calc(var(--safe-top) + var(--hud-gutter));padding-right:calc(var(--safe-right) + var(--hud-gutter));padding-left:calc(var(--safe-left) + var(--hud-gutter));padding-bottom:calc(var(--safe-bottom) + var(--hud-gutter))}.hud-row{display:flex;justify-content:space-between;gap:.5rem}.pill{display:flex;align-items:baseline;gap:.4rem;padding:.35rem .7rem;border-radius:999px;box-shadow:0 1px 12px #0000008c}.pill-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.pill-value{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600}.pill-link{align-self:center;margin-top:.5rem;opacity:.9}.pill-link .pill-value{font-size:.8rem;font-weight:500;letter-spacing:.02em}.pill-link[data-link=reconnecting] .pill-value{color:#ffb4a2}.hud-row-bottom{margin-top:auto;justify-content:flex-start}.nickname-editor{pointer-events:auto;display:flex;align-items:center;gap:.5rem}.nickname-editor input{font:inherit;color:var(--fg, #fff);background:color-mix(in srgb,var(--bg, #000) 60%,transparent);border:1px solid color-mix(in srgb,var(--fg, #fff) 30%,transparent);border-radius:999px;padding:.3rem .75rem;min-width:8ch;max-width:16ch}.nickname-editor input[aria-invalid=true]{border-color:var(--danger, #ff5c5c)}.nickname-error{font-size:.75rem;color:var(--danger, #ff5c5c)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.idle-warning{margin:auto auto .35rem;padding:.25rem .7rem;border-radius:999px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 1px 12px #0000008c;animation:idle-warning-pulse 1s ease-in-out infinite}@keyframes idle-warning-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.idle-warning{animation:none}}.seat-picker{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:.35rem}.seat-picker-cta{margin:0;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 1px 12px #0000008c}.seat-list{display:flex;gap:.4rem;margin:0;padding:0;list-style:none}.seat-card{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:4.5rem;padding:.35rem .5rem;font:inherit;border:1px solid currentColor;border-radius:.6rem;box-shadow:0 1px 12px #0000008c}.seat-card[data-state=taken]{opacity:.72}.seat-card-index{font-size:.65rem;letter-spacing:.1em;opacity:.6}.seat-card-name{font-size:.8rem;font-weight:600;max-width:7ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin:auto auto .35rem}.spectator-count{margin:0;padding:.15rem .55rem;border-radius:999px;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85;box-shadow:0 1px 12px #0000008c}.payout-toasts{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.payout-toast{padding:.2rem .6rem;border-radius:.6rem;font-size:.72rem;font-weight:600;box-shadow:0 1px 12px #0000008c}.seat-card-won{font-size:.62rem;font-variant-numeric:tabular-nums;opacity:.75}