:root{--bg:#0b0e14;--fg:#e8e9ec;--fg-dim:#6b7280;--accent:#8b9dc3;--swatch-border:#ffffff2e;--col-U:#f3f3f3;--col-D:#f8c82e;--col-F:#2ea44f;--col-B:#2b6fe0;--col-R:#d23c2e;--col-L:#f5821f}#stage{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#hint{text-align:center;color:var(--fg-dim);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;font-size:.8rem;position:absolute;bottom:2.4rem;left:0;right:0}:root{--bg:#0b0e14;--fg:#e8e9ec;--fg-dim:#6b7280;--accent:#8b9dc3;--swatch-border:#ffffff2e;--panel:#131722;--panel-border:#262b38;--swatch-label:#10131b}:root[data-theme=light]{--bg:#f5f7fa;--fg:#1a1e27;--fg-dim:#576070;--accent:#4660b0;--swatch-border:#0000002e;--panel:#fff;--panel-border:#d1d9e6;--swatch-label:#1a1e27}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}#header{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem 0;display:flex;position:fixed;top:0;left:0;right:0}.orientation-icon{appearance:none;cursor:pointer;pointer-events:auto;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;margin:0;padding:0;display:inline-flex}.orientation-icon:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.face-grid{border:2px solid var(--swatch-border);background:var(--swatch-border);border-radius:3px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1px;width:44px;height:44px;display:grid}.facelet{border-radius:2px;flex:none;width:100%;height:100%}.orientation-change{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}#orientation-panel{background:var(--panel);border:1px solid var(--panel-border);pointer-events:auto;border-radius:10px;min-width:220px;margin-top:10px;padding:.9rem 1rem;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.panel-row{align-items:center;gap:.6rem;margin-bottom:.55rem;display:flex}.panel-row:last-child{margin-bottom:0}.panel-label{width:2.6rem;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.swatches{flex-wrap:wrap;gap:.45rem;display:flex}.swatch{border:2px solid var(--swatch-border);cursor:pointer;appearance:none;border-radius:50%;width:1.7rem;height:1.7rem;padding:0;position:relative}.swatch:after{content:attr(data-label);color:var(--swatch-label);opacity:.85;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex;position:absolute;inset:0}.swatch.active{box-shadow:0 0 0 2px var(--swatch-label), 0 0 0 4px var(--accent)}.swatch:disabled{opacity:.25;cursor:not-allowed}.panel-foot{justify-content:flex-end}.link{appearance:none;color:var(--accent);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.72rem;text-decoration:underline}#stage{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}#scramble{text-align:center;white-space:pre-wrap;word-break:break-word;max-width:92vw;font-weight:600;line-height:1.18;transition:opacity .12s}#scramble.is-loading{opacity:.35}#hint{text-align:center;color:var(--fg-dim);letter-spacing:.08em;font-size:.8rem;position:absolute;bottom:2.4rem;left:0;right:0}#hint kbd{border:1px solid var(--fg-dim);border-radius:4px;padding:0 .35em;font-family:inherit}.pill{appearance:none;border:1px solid var(--accent);color:var(--accent);cursor:pointer;letter-spacing:.04em;background:0 0;border-radius:999px;padding:.35rem .85rem;font-family:inherit;font-size:.8rem;transition:background .15s,color .15s}.pill:hover{background:#8f9dc31f}#theme-toggle{z-index:20;position:fixed;top:1rem;right:1rem}.font-size{z-index:20;gap:.4rem;display:inline-flex;position:fixed;bottom:1rem;right:1rem}.size-btn{appearance:none;border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .75rem;font-family:inherit;font-size:1rem;line-height:1;transition:background .15s,color .15s}.size-btn:hover{background:#8f9dc31f}