:root{--cube-white: #fdfdfd;--cube-yellow: #ffd500;--cube-red: #c41e3a;--cube-orange: #ff5800;--cube-blue: #0051ba;--cube-green: #009e60;--ink: #0c0e12;--surface: #15181f;--surface-2: #1e222b;--ink-100: #f4f6fb;--ink-300: #c2c8d4;--ink-500: #8b93a3;--accent: var(--cube-green);--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100%;font-family:var(--sans);color:var(--ink-100);background:radial-gradient(120% 90% at 50% -10%,#20242e 0%,var(--ink) 60%) fixed,var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block;width:100%;height:100%;touch-action:none}.wordmark{position:fixed;top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px;pointer-events:none;user-select:none;z-index:10}.wordmark__glyph{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;width:26px;height:26px;padding:3px;border-radius:7px;background:var(--surface-2);box-shadow:0 1px #ffffff0f inset,0 6px 16px #00000073}.wordmark__glyph span{border-radius:2px}.wordmark__glyph span:nth-child(1){background:var(--cube-red)}.wordmark__glyph span:nth-child(2){background:var(--cube-blue)}.wordmark__glyph span:nth-child(3){background:var(--cube-yellow)}.wordmark__glyph span:nth-child(4){background:var(--cube-green)}.wordmark__text{font-weight:700;font-size:18px;letter-spacing:.2px;color:var(--ink-100)}.wordmark__text b{color:var(--accent);font-weight:700}.hint{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:13px;color:var(--ink-500);pointer-events:none;user-select:none;z-index:10}.cube-stage{position:fixed;inset:0}.alg-picker{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:min(60vw,460px);z-index:11}.alg-chip{appearance:none;border:1px solid rgba(255,255,255,.1);background:var(--surface);color:var(--ink-300);font-family:var(--sans);font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.alg-chip:hover{background:var(--surface-2);color:var(--ink-100)}.alg-chip[aria-pressed=true]{background:var(--accent);border-color:transparent;color:#06150d}.player{position:fixed;left:50%;transform:translate(-50%);bottom:max(18px,env(safe-area-inset-bottom));width:min(92vw,560px);display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:16px;background:#15181fd1;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);box-shadow:0 12px 40px #00000080;z-index:12}.player__notation{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:26px}.player__tok{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink-500);padding:3px 7px;border-radius:6px;background:#ffffff08;transition:color .12s,background .12s}.player__tok--done{color:var(--ink-300)}.player__tok--current{color:#06150d;background:var(--accent)}.player__row{display:flex;align-items:center;gap:10px}.btn{appearance:none;border:1px solid rgba(255,255,255,.1);background:var(--surface-2);color:var(--ink-100);font-family:var(--sans);font-size:14px;font-weight:600;min-width:40px;height:40px;padding:0 12px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,opacity .15s}.btn:hover{background:#262b36}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent);border-color:transparent;color:#06150d}.btn--primary:hover{background:#00b46d}.scrub{flex:1;accent-color:var(--accent);height:22px;cursor:pointer}.player__readout{font-family:var(--mono);font-size:12.5px;color:var(--ink-300);min-width:86px;text-align:right;white-space:nowrap}.player__speed{appearance:none;border:1px solid rgba(255,255,255,.1);background:var(--surface-2);color:var(--ink-100);font-family:var(--sans);font-size:13px;height:40px;padding:0 8px;border-radius:10px;cursor:pointer}@media (max-width: 520px){.alg-picker{max-width:70vw}.player__readout{min-width:64px}}