:root{--bg: #131316;--surface: #1c1c21;--surface-hi: #24242b;--line: #2e2e36;--text: #ededf0;--dim: #93939f;--accent: #ffb020;--accent-ink: #131316;--dock-h: 56px;--pad: clamp(14px, 2.4vw, 26px);--radius: 12px;--sans: "Inter", "Noto Sans TC", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-fast: 90ms cubic-bezier(.22, .61, .36, 1);--t-mid: .24s cubic-bezier(.22, .61, .36, 1)}html[data-theme=paper]{--bg: #f5f3ef;--surface: #ffffff;--surface-hi: #f0ede6;--line: #e2ded6;--text: #17171c;--dim: #6a6a75;--accent: #b46a12;--accent-ink: #ffffff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{position:relative;height:100dvh;width:100%}#cube-container{position:absolute;inset:0}#cube-container canvas{display:block;width:100%;height:100%;touch-action:none}.crown{position:absolute;top:max(var(--pad),env(safe-area-inset-top));left:var(--pad);display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:2}.crown__mark{font-weight:800;font-size:15px;letter-spacing:.18em;color:var(--text)}.crown__tagline{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--dim)}.readout{position:absolute;top:max(var(--pad),env(safe-area-inset-top));right:var(--pad);display:flex;gap:clamp(16px,3vw,34px);pointer-events:none;z-index:2}.readout__cell{display:flex;align-items:baseline;gap:5px}.readout__value{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:clamp(2rem,5vw,3.25rem);line-height:.92;letter-spacing:-.02em;color:var(--text)}.readout__label{font-size:12px;font-weight:600;color:var(--dim)}.guide{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--dock-h) + var(--pad) + max(10px,env(safe-area-inset-bottom)));width:min(92vw,620px);text-align:center;pointer-events:none;z-index:2}.guide__status{margin:0;font-size:12.5px;font-weight:500;color:var(--dim);transition:color var(--t-mid)}.guide__step{margin-top:10px}.guide__head{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap}.guide__stage{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--accent)}.guide__move{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,3vw,1.5rem);letter-spacing:.04em;color:var(--text)}.guide__remaining{font-size:11px;font-weight:600;color:var(--dim)}.guide__why{margin:6px 0 0;font-size:12.5px;line-height:1.65;color:var(--dim)}body.is-solved .guide__status{color:var(--accent)}.dock{position:absolute;left:50%;transform:translate(-50%);bottom:max(var(--pad),env(safe-area-inset-bottom));z-index:3;display:flex;align-items:center;gap:6px;height:var(--dock-h);padding:6px;max-width:calc(100vw - var(--pad) * 2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px #0000004d;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.dock::-webkit-scrollbar{display:none}.dock{cursor:grab}.dock.is-dragging{cursor:grabbing;user-select:none}.dock.is-dragging .btn,.dock.is-dragging .seg-btn{pointer-events:none}.dock__group{display:flex;align-items:center;gap:4px;flex:0 0 auto}.dock__rule{flex:0 0 auto;width:1px;height:22px;margin:0 4px;background:var(--line)}.btn,.seg-btn{flex:0 0 auto;appearance:none;border:1px solid transparent;background:transparent;color:var(--dim);font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.01em;border-radius:8px;cursor:pointer;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.btn:hover,.seg-btn:hover{background:var(--surface-hi);color:var(--text)}.btn:active,.seg-btn:active{transform:translateY(1px)}.seg-btn.is-active{background:var(--surface-hi);color:var(--text);border-color:var(--line)}.seg-btn.is-active:after{content:"";position:absolute;bottom:7px;width:14px;height:2px;border-radius:2px;background:var(--accent)}.seg-btn{position:relative}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent);filter:brightness(1.08);color:var(--accent-ink)}.btn:focus-visible,.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body.is-solved .readout__value{color:var(--accent)}@media(max-width:560px){:root{--dock-h: 52px}.readout{gap:14px}.readout__value{font-size:clamp(1.6rem,9vw,2.2rem)}.crown__tagline{display:none}.dock{left:var(--pad);right:var(--pad);transform:none;max-width:none}.guide{width:calc(100vw - var(--pad) * 2)}.guide__status,.guide__why{font-size:11.5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:1ms!important}.btn:active,.seg-btn:active{transform:none}}