.game-area.svelte-1pshawg{border-radius:var(--radius-xl);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;min-height:320px;transition:background var(--transition-base) var(--ease-smooth), border-color var(--transition-base);flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.game-area.svelte-1pshawg:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.game-area.idle.svelte-1pshawg{background:var(--color-game-idle);border:2px solid var(--color-border)}.game-area.waiting.svelte-1pshawg{background:var(--color-game-wait);border:2px solid #7f1d1d}.game-area.ready.svelte-1pshawg{background:var(--color-game-ready);border:2px solid #14532d}.game-area.too-early.svelte-1pshawg{background:var(--color-game-early);border:2px solid #78350f}.game-area.result.svelte-1pshawg{background:var(--color-game-result);border:2px solid var(--color-border-hi)}.game-area.hidden.svelte-1pshawg{display:none}.game-msg.svelte-1pshawg{font-family:var(--font-display);text-align:center;letter-spacing:.01em;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700}.game-time.svelte-1pshawg{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-accent);text-shadow:0 0 30px #00ff888c,0 0 60px #0f83;letter-spacing:-.02em;font-size:clamp(3rem,10vw,5.5rem);font-weight:700;line-height:1}.duration-bar.svelte-1pshawg{color:var(--color-muted);align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.85rem;font-weight:500;display:flex}.duration-bar.hidden.svelte-1pshawg{display:none}.dur-btn.svelte-1pshawg{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-panel-alt);color:var(--color-muted);cursor:pointer;min-height:34px;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);padding:.4rem .85rem;font-size:.82rem;font-weight:500}.dur-btn.active.svelte-1pshawg{background:var(--color-accent);color:#080f24;border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow);font-weight:700}.dur-btn.svelte-1pshawg:hover:not(.active){border-color:var(--color-accent);color:var(--color-accent)}.spacebar-key.svelte-1pshawg{background:var(--color-panel-alt);border:2px solid var(--color-border-hi);border-radius:var(--radius-md);cursor:pointer;width:clamp(180px,50%,320px);height:56px;transition:transform 80ms var(--ease-smooth), border-color 80ms, background 80ms;border-bottom-width:5px;justify-content:center;align-items:center;margin:.5rem 0;display:flex}.spacebar-key.pressed.svelte-1pshawg{border-bottom-width:2px;border-color:var(--color-accent);background:#00aaff1f;transform:translateY(3px)}.spacebar-key.hidden.svelte-1pshawg{display:none}.spacebar-key-label.svelte-1pshawg{font-family:var(--font-display);letter-spacing:.18em;color:var(--color-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.spacebar-key.pressed.svelte-1pshawg .spacebar-key-label:where(.svelte-1pshawg){color:var(--color-accent)}.press-count.svelte-1pshawg{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-accent);text-shadow:0 0 30px #00ff888c,0 0 60px #0f83;letter-spacing:-.02em;font-size:clamp(3rem,10vw,5.5rem);font-weight:700;line-height:1}