.controls.svelte-16llgfi{--button:56px;flex:none;justify-content:center;align-items:center;gap:24px;padding:12px;display:flex}.dpad.svelte-16llgfi{grid-template-columns:repeat(3, var(--button));grid-template-areas:"left down right";gap:4px;display:grid}.dpad.cross.svelte-16llgfi{grid-template-rows:repeat(3, var(--button));grid-template-areas:".up.""left.right"".down."}.buttons.svelte-16llgfi{flex-direction:column;gap:8px;display:flex}button.svelte-16llgfi{width:var(--button);height:var(--button);background:var(--surface);cursor:pointer;border:0;border-radius:12px;place-items:center;padding:0;display:grid}button.pressed.svelte-16llgfi{background:var(--muted);color:var(--bg)}svg.svelte-16llgfi{fill:currentColor;width:45%;height:45%}.up.svelte-16llgfi{grid-area:up}.down.svelte-16llgfi{grid-area:down}.down.svelte-16llgfi svg:where(.svelte-16llgfi){rotate:180deg}.left.svelte-16llgfi{grid-area:left}.left.svelte-16llgfi svg:where(.svelte-16llgfi){rotate:-90deg}.right.svelte-16llgfi{grid-area:right}.right.svelte-16llgfi svg:where(.svelte-16llgfi){rotate:90deg}.labelled.svelte-16llgfi{border-radius:calc(var(--button) / 2);background:var(--accent);width:80px;color:var(--bg);font-size:.85rem;font-weight:700}.labelled.svelte-16llgfi:nth-child(2){background:var(--accent-2)}.labelled.pressed.svelte-16llgfi{background:var(--muted)}@media (orientation:landscape){.controls.svelte-16llgfi{flex-direction:column;gap:16px}.buttons.svelte-16llgfi{flex-direction:row}}.shell.svelte-q7521v{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;height:100dvh;display:flex}.hud.svelte-q7521v{padding:calc(8px + var(--safe-top)) max(12px, var(--safe-right)) 8px max(12px, var(--safe-left));background:var(--surface);grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;display:grid}h1.svelte-q7521v{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;line-height:1.15;display:-webkit-box;overflow:hidden}.scores.svelte-q7521v{gap:16px;margin:0;display:flex}.scores.svelte-q7521v div:where(.svelte-q7521v){text-align:right}dt.svelte-q7521v{color:var(--muted);text-transform:uppercase;font-size:.7rem}dd.svelte-q7521v{font-variant-numeric:tabular-nums;margin:0}.icon-button.svelte-q7521v{width:var(--touch-target);height:var(--touch-target);background:var(--bg);cursor:pointer;border:0;border-radius:8px;place-items:center;font-size:1.1rem;text-decoration:none;display:grid}.icon-button.svelte-q7521v svg:where(.svelte-q7521v){fill:currentColor;width:20px;height:20px}.icon-button.svelte-q7521v:disabled{opacity:.4;cursor:default}.play-area.svelte-q7521v{margin:0 var(--safe-right) var(--safe-bottom) var(--safe-left);touch-action:none;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.game.svelte-q7521v{flex:1;min-width:0;min-height:0;position:relative}.menu.svelte-q7521v{background:color-mix(in srgb, var(--bg) 85%, transparent);text-align:center;flex-direction:column;justify-content:safe center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}h2.svelte-q7521v,p.svelte-q7521v{margin:0 0 8px}strong.svelte-q7521v{color:var(--accent)}.menu.svelte-q7521v button:where(.svelte-q7521v),.button.svelte-q7521v{width:220px;max-width:100%;min-height:var(--touch-target);background:var(--surface);cursor:pointer;border:0;border-radius:8px;padding:12px 20px;text-decoration:none}.menu.svelte-q7521v .primary:where(.svelte-q7521v){background:var(--accent);color:var(--bg)}@media (orientation:landscape){.play-area.svelte-q7521v{flex-direction:row}}@media (orientation:landscape) and (height<=500px){.shell.svelte-q7521v{flex-direction:row}.hud.svelte-q7521v{padding:max(8px, var(--safe-top)) 8px max(8px, var(--safe-bottom)) max(8px, var(--safe-left));grid-template-rows:auto 1fr auto;grid-template-columns:auto;justify-items:center}h1.svelte-q7521v{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.scores.svelte-q7521v{flex-direction:column;align-self:center;gap:12px}.scores.svelte-q7521v div:where(.svelte-q7521v){text-align:center}.play-area.svelte-q7521v{margin:var(--safe-top) var(--safe-right) var(--safe-bottom) 0}}