:root{--bg: #0b0d12;--panel: #151a22;--panel2: #1d242f;--fg: #e6ebf2;--muted: #8a96a6;--accent: #33ff88;--accent2: #3a86ff;--warn: #ffb340;--danger: #ff5d6c}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Microsoft YaHei,sans-serif}#app{display:flex;height:100vh;width:100vw;max-width:100vw;overflow:hidden}#scene{flex:1 1 0;min-width:0;min-height:0;display:block;height:100%}#panel{flex:0 0 300px;height:100%;overflow-y:auto;padding:16px;background:var(--panel);border-left:1px solid #000;display:flex;flex-direction:column;gap:14px}#panel h1{font-size:16px;margin:0;letter-spacing:.5px}#panel h2{font-size:12px;color:var(--muted);margin:6px 0 2px;text-transform:uppercase;letter-spacing:1px}.status{background:var(--panel2);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.7}.status .big{font-size:15px;font-weight:600}.status .ok{color:var(--accent)}.status .warn{color:var(--warn)}.status .hint{color:var(--accent2)}.row{display:flex;flex-wrap:wrap;gap:8px}.row.cols{display:grid;grid-template-columns:repeat(2,1fr)}button{cursor:pointer;border:1px solid #2c3543;background:var(--panel2);color:var(--fg);border-radius:8px;padding:8px 10px;font-size:13px;transition:background .12s,border-color .12s,transform .05s}button:hover{background:#283242;border-color:#3a4658}button:active{transform:translateY(1px)}button.primary{background:var(--accent2);border-color:var(--accent2);color:#fff;font-weight:600}button.good{background:#1f7a4d;border-color:#1f7a4d;color:#fff}button.ghost{background:transparent}button:disabled{opacity:.4;cursor:not-allowed}.movegrid{display:grid;grid-template-columns:32px repeat(3,1fr);gap:5px;align-items:center;font-size:12px}.movegrid .lab{color:var(--muted);text-align:right;padding-right:4px}.movegrid button{padding:6px 0}select{background:var(--panel2);color:var(--fg);border:1px solid #2c3543;border-radius:8px;padding:6px 8px;font-size:13px}.legend{display:flex;gap:12px;font-size:12px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:5px}.dot{width:12px;height:12px;border-radius:3px;display:inline-block}.foot{margin-top:auto;font-size:11px;color:var(--muted);line-height:1.6}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#000a;border:1px solid var(--warn);color:var(--warn);padding:10px 16px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}