:root{--bg: #0e0f12;--panel: #16181d;--panel-2: #1c1f26;--panel-3: #252932;--border: #2a2e36;--text: #e6e8ec;--muted: #9aa0aa;--accent: #6cabff;--accent-soft: rgba(108, 171, 255, .18);--good: #6dd58c;--warn: #ffc857;--bad: #ff7373;--max-sidebar: 320px;--vh: 100vh}@supports (height: 100dvh){:root{--vh: 100dvh}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;overflow:hidden;-webkit-tap-highlight-color:transparent}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}kbd{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px;background:var(--panel-3);border:1px solid var(--border);padding:1px 5px;border-radius:3px;color:var(--muted)}.app{display:grid;grid-template-columns:1fr var(--max-sidebar);grid-template-rows:1fr;height:var(--vh)}@media (max-width: 720px){.app{grid-template-columns:1fr;grid-template-rows:1fr auto}}.canvas-wrap{position:relative;background:radial-gradient(ellipse at center,#14161c,#0a0b0e);overflow:hidden;min-height:0;touch-action:none}.hud-top-left,.hud-top-right{position:absolute;top:12px;z-index:5;display:flex;gap:6px;flex-wrap:wrap;font-size:11px;pointer-events:none}.hud-top-left{left:12px}.hud-top-right{right:12px}.hud-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#14161ceb;border:1px solid var(--border);color:var(--muted);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-pill .hud-label{color:var(--muted)}.hud-pill .hud-num{color:var(--text);font-weight:600}.hud-pill.solvable{border-color:var(--accent);color:var(--accent)}.hud-pill.solved{border-color:var(--good);color:var(--good)}.hud-pill.busy{border-color:var(--warn);color:var(--warn)}.hud-meta{background:#14161ceb;border:1px solid var(--border);border-radius:999px;padding:5px 10px;font-size:10px;color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width: 720px){.hud-top-right{display:none}}.sidebar{display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--panel);height:var(--vh);overflow:hidden}@media (max-width: 720px){.sidebar{border-left:none;border-top:1px solid var(--border);height:auto;max-height:50vh;max-height:50dvh;overflow-y:auto}}.sidebar-header{padding:14px 16px 10px;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:15px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.sidebar-header .meta{color:var(--muted);font-size:11px}.actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border)}.action{padding:9px 10px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:500;font-size:12px;transition:border-color .1s}.action:hover:not(:disabled){border-color:var(--accent)}.action.primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.action.accent{background:#6dd58c24;border-color:var(--good);color:var(--good)}.moves-section,.scramble-section,.history-section{padding:12px;border-bottom:1px solid var(--border)}.history-section{border-bottom:none;flex:1;min-height:80px;overflow-y:auto}h2{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.moves-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:8px}.moves-col{display:flex;flex-direction:column;gap:4px}.move-btn{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:6px 4px;text-align:center;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:600;color:var(--text);transition:border-color 80ms,background 80ms}.move-btn:hover:not(:disabled){background:var(--panel-3);border-color:var(--accent);color:var(--accent)}.move-btn:active:not(:disabled){transform:scale(.96)}.hint{font-size:10px;color:var(--muted);line-height:1.6}.scramble-list,.history-list{display:flex;flex-wrap:wrap;gap:4px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px}.move-token{display:inline-block;background:var(--panel-2);border:1px solid var(--border);padding:2px 6px;border-radius:3px;color:var(--text);font-variant-numeric:tabular-nums}.move-token.history{color:var(--muted)}.empty{color:var(--muted);font-size:11px}