.tetrix-page.svelte-f4n3mg{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:var(--color-ground);display:flex;flex-direction:column}.tetrix-page.svelte-f4n3mg :where(.svelte-f4n3mg){user-select:none;-webkit-user-select:none}.panel.svelte-f4n3mg{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-5);max-width:420px;margin:0 auto;width:100%;box-sizing:border-box;justify-content:center;overflow:hidden}.panel.svelte-f4n3mg>*{flex-shrink:0}.panel.centered.svelte-f4n3mg{justify-content:center;align-items:center;text-align:center}h1.svelte-f4n3mg{margin:0;font-family:var(--font-display);font-weight:500;font-size:32px;letter-spacing:-.04em}.field.svelte-f4n3mg{display:flex;flex-direction:column;gap:var(--space-2)}.segmented.svelte-f4n3mg{display:flex;gap:var(--space-2)}.segmented.svelte-f4n3mg button:where(.svelte-f4n3mg){flex:1;height:40px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-1);color:var(--color-text-2);font:500 14px var(--font-mono)}.segmented.svelte-f4n3mg button.selected:where(.svelte-f4n3mg){background:var(--color-volt-fill);color:var(--ink-on-accent);border-color:var(--color-volt-fill);font-weight:600}.hint.svelte-f4n3mg{color:var(--color-text-2);margin:0;line-height:1.5}.result.svelte-f4n3mg{font-size:18px;color:var(--color-text-2);margin:0}.play-area.svelte-f4n3mg{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.hud.svelte-f4n3mg{display:flex;align-items:center;gap:var(--space-3);max-width:480px;width:100%;margin:0 auto}.score.svelte-f4n3mg{font:600 24px var(--font-mono);min-width:5ch}.score.svelte-f4n3mg{color:var(--color-volt-ink);text-shadow:0 0 10px color-mix(in srgb,var(--color-volt-ink) 55%,transparent);letter-spacing:.04em}.hud-actions.svelte-f4n3mg{margin-left:auto;display:flex;gap:var(--space-2)}.pause-btn.svelte-f4n3mg{height:36px;padding:0 var(--space-4)}.fs-btn.svelte-f4n3mg{width:36px;height:36px;padding:0}.board-row.svelte-f4n3mg{flex:1;min-height:0;display:flex;gap:var(--space-3);justify-content:center;max-width:480px;width:100%;margin:0 auto}.canvas-wrap.svelte-f4n3mg{touch-action:none;flex:1;min-width:0;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}canvas.svelte-f4n3mg{display:block;border-radius:var(--radius-chip);border:3px solid #1c1c1f;box-shadow:0 0 0 1px #000,inset 0 0 12px #000;background:#060607;touch-action:none}.side.svelte-f4n3mg{flex:none;width:76px;display:flex;flex-direction:column;gap:var(--space-3)}.mini.svelte-f4n3mg{display:flex;flex-direction:column;gap:var(--space-1)}.mini-box.svelte-f4n3mg{height:64px;display:grid;place-items:center;border:3px solid #1c1c1f;border-radius:var(--radius-chip);background:#060607}.led-mini.svelte-f4n3mg{filter:drop-shadow(0 0 3px currentColor)}.pad.svelte-f4n3mg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);max-width:480px;width:100%;margin:0 auto}.pad-btn.svelte-f4n3mg{height:52px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-1);color:var(--color-text-1);display:grid;place-items:center;touch-action:none}.pad-btn.svelte-f4n3mg:active{background:var(--color-volt-fill);color:var(--ink-on-accent)}@media (hover: hover) and (pointer: fine){.pad.svelte-f4n3mg{display:none}}.overlay.svelte-f4n3mg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:var(--space-3);align-items:center;justify-content:center;background:#0a0a0b99;font-family:var(--font-display);font-size:28px;color:#f4f4f1}.overlay.svelte-f4n3mg button:where(.svelte-f4n3mg){min-width:160px}.overlay.svelte-f4n3mg .btn-ghost:where(.svelte-f4n3mg){color:#f4f4f1;border-color:#f4f4f166}