:root{--bg: #0b0d1c;--surface: #151a33;--line: #2a3057;--ink: #eef1ff;--muted: #9aa3cc;--accent: #7c8cff;--accent-ink: #0b0d1c;--raised: #1d2342;--well: #0e1226;--grid: #1a2042;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f5f6fb;--surface: #ffffff;--line: #dfe3f2;--ink: #161a2e;--muted: #5d6488;--accent: #4353d6;--accent-ink: #ffffff;--raised: #eceffa;--well: #eef0f8;--grid: #dde1f0;color-scheme:light}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:manipulation}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.back{color:var(--muted);text-decoration:none;font-size:.95rem}.back:hover{color:var(--ink)}.hud{display:flex;gap:clamp(12px,4vw,28px);margin:0}.hud div{display:flex;flex-direction:column;align-items:center;min-width:3ch}.hud dt{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;line-height:1.2}.hud dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}@media(max-width:420px){.wide{display:none}.back{font-size:1.4rem;padding:0 8px}}button.icon{display:grid;place-items:center;width:40px;height:40px;padding:0;color:var(--ink);background:var(--raised);border:1px solid var(--line)}button.icon svg{fill:currentColor}button.icon:disabled{opacity:.4;cursor:default}main{position:relative;flex:1;min-height:0;margin:0 max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}canvas{display:block;width:100%;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:16px}.overlay[hidden]{display:none}.card{max-width:22rem;padding:24px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #00000059}.card h1{margin:0 0 8px;font-size:1.6rem}.card p{margin:0 0 16px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.actions [hidden]{display:none}button.secondary{color:var(--ink);background:var(--raised);border:1px solid var(--line)}.card .help{margin:16px 0 0;font-size:.85rem}.best{font-weight:700;color:var(--ink)}button{font:inherit;font-weight:700;padding:12px 28px;color:var(--accent-ink);background:var(--accent);border:0;border-radius:999px;cursor:pointer}button:hover{filter:brightness(1.08)}.links{display:flex;justify-content:center;gap:16px;margin:16px 0 0}.link{padding:0;color:var(--muted);background:none;font-weight:400;text-decoration:underline}.link:hover{color:var(--ink)}.pad{display:none;gap:8px;padding:0 max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cluster{display:contents}.pad [data-action=ccw]{order:1}.pad [data-action=left]{order:2}.pad [data-action=down]{order:3}.pad [data-action=right]{order:4}.pad [data-action=cw]{order:5}.pad [data-action=drop]{order:6}@media(hover:none)and (pointer:coarse){.pad{display:flex}main{margin-bottom:8px}}@media(hover:none)and (pointer:coarse)and (orientation:landscape){body{display:grid;grid-template-columns:max(150px,22vw) minmax(0,1fr) max(150px,22vw);grid-template-rows:auto minmax(0,1fr)}header{grid-column:1 / -1}main{grid-column:2;grid-row:2;margin:0 0 max(8px,env(safe-area-inset-bottom))}.pad{display:contents}.cluster{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-row:2;align-self:end;padding:0 12px max(12px,env(safe-area-inset-bottom))}.move{grid-column:1;padding-left:max(12px,env(safe-area-inset-left))}.turn{grid-column:3;padding-right:max(12px,env(safe-area-inset-right))}.pad [data-action=down],.pad [data-action=drop]{grid-column:1 / -1}.pad [data-action=down]{order:3}.pad [data-action=right]{order:2}}.pad button{flex:1;display:grid;place-items:center;min-width:0;height:clamp(52px,8vh,64px);padding:0;color:var(--ink);background:var(--raised);border:1px solid var(--line);border-radius:14px;-webkit-tap-highlight-color:transparent}@media(hover:none)and (pointer:coarse)and (orientation:landscape){.pad button{height:64px}}.pad button.primary{color:var(--accent-ink);background:var(--accent);border-color:transparent}.pad button.down{filter:brightness(1.25);transform:scale(.96)}.pad svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@media(max-height:500px){.card{padding:14px 18px}.card h1{font-size:1.3rem;margin-bottom:4px}.card p{margin-bottom:10px;font-size:.9rem}.card .help{display:none}}html:not(.has-pad-guide) [data-pad-guide-open]{display:none}button.icon.guide{font-weight:700;font-size:1.1rem}