*{box-sizing:border-box;margin:0;padding:0}:root{--bg-0: #101318;--bg-1: #1a1f27;--panel: rgba(22, 26, 34, .78);--panel-border: rgba(255, 255, 255, .08);--text: #e8ecf2;--text-dim: #9aa4b2;--accent: #4f8cff;--accent-hot: #6ea1ff;--green: #34d399;--red: #f87171;--chip-bg: rgba(255, 255, 255, .06);--chip-now: #4f8cff;--chip-done: rgba(79, 140, 255, .22);font-size:15px}html,body{height:100%;overflow:hidden;font-family:Segoe UI,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;color:var(--text);background:radial-gradient(120% 90% at 30% 20%,#232a36 0%,var(--bg-1) 45%,var(--bg-0) 100%)}#stage,#scene-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#app-header{position:fixed;top:20px;left:26px;display:flex;align-items:center;gap:14px;pointer-events:none;z-index:5}#app-header h1{font-size:1.25rem;font-weight:600;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,0,0,.6)}.badge{font-size:.72rem;padding:4px 10px;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text-dim);backdrop-filter:blur(8px)}.badge-loading{color:#f0c674}.badge-ready{color:var(--green)}#panel{position:fixed;top:72px;right:22px;width:340px;max-height:calc(100vh - 96px);overflow-y:auto;padding:18px;border-radius:16px;background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(14px);box-shadow:0 18px 50px #00000073;z-index:5;display:flex;flex-direction:column;gap:16px}.panel-section h2{font-size:.8rem;font-weight:600;color:var(--text-dim);letter-spacing:.1em;margin-bottom:9px}.row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.row:last-child{margin-bottom:0}.btn{appearance:none;border:1px solid var(--panel-border);background:#ffffff12;color:var(--text);font:inherit;font-size:.9rem;padding:9px 14px;border-radius:10px;cursor:pointer;transition:background .15s,transform .05s,opacity .15s;white-space:nowrap}.btn:hover:not(:disabled){background:#ffffff21}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:default}.btn-primary{background:#4f8cff40;border-color:#4f8cff80}.btn-primary:hover:not(:disabled){background:#4f8cff66}.btn-accent{background:linear-gradient(135deg,#4f8cff,#3b6fe0);border-color:#6ea1ff99;font-weight:600;flex:1}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,#6ea1ff,#4f8cff)}.btn-icon{padding:8px 12px;font-size:.95rem}#scramble-input{flex:1;min-width:0;font:inherit;font-size:.88rem;font-family:Consolas,Courier New,monospace;color:var(--text);background:#00000052;border:1px solid var(--panel-border);border-radius:10px;padding:9px 11px;outline:none}#scramble-input:focus{border-color:var(--accent)}.error-line{color:var(--red);font-size:.78rem;line-height:1.5}.status-line{color:var(--text-dim);font-size:.78rem}.solver-row{gap:8px}.radio{flex:1;display:flex;cursor:pointer}.radio input{position:absolute;opacity:0}.radio span{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;border:1px solid var(--panel-border);background:#ffffff0a;font-size:.85rem;transition:border-color .15s,background .15s}.radio small{color:var(--text-dim);font-size:.68rem}.radio input:checked+span{border-color:var(--accent);background:#4f8cff29}.radio input:disabled+span{opacity:.42;cursor:default}#solution-meta{color:var(--accent-hot);font-weight:600;letter-spacing:0}#move-chips{display:flex;flex-wrap:wrap;gap:4px;max-height:168px;overflow-y:auto;padding:8px;border-radius:10px;background:#00000047;border:1px solid var(--panel-border);margin-bottom:10px;font-family:Consolas,Courier New,monospace}.chip{min-width:30px;text-align:center;padding:3px 6px;border-radius:6px;font-size:.82rem;background:var(--chip-bg);color:var(--text);transition:background .12s,color .12s}.chip.done{background:var(--chip-done);color:var(--text-dim)}.chip.now{background:var(--chip-now);color:#fff;font-weight:700;box-shadow:0 0 10px #4f8cffa6}.playback-row{justify-content:flex-start}.speed-label{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-dim)}#speed-slider{width:92px;accent-color:var(--accent)}.hint{font-size:.72rem;color:var(--text-dim);line-height:1.6;border-top:1px solid var(--panel-border);padding-top:10px}#toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%);background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(10px);color:var(--text);padding:10px 18px;border-radius:12px;font-size:.85rem;box-shadow:0 10px 30px #00000080;z-index:10;opacity:0;transition:opacity .25s;pointer-events:none}#toast.show{opacity:1}@media(max-width:760px){#panel{inset:auto 0 0;width:100%;max-height:46vh;border-radius:16px 16px 0 0}#app-header{left:16px;top:14px}#app-header h1{font-size:1.02rem}}