:root{--bg: #0c0d10;--panel: rgba(22, 25, 28, .92);--line: rgba(255, 255, 255, .09);--text: #e8eaed;--muted: #9aa1a9;--accent: #4c9be8;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--ui-w: 300px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;overflow:hidden}#stage{position:fixed;inset:0}#scene{width:100%;height:100%;display:block}.ui{position:fixed;right:0;top:0;bottom:0;width:var(--ui-w);padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;backdrop-filter:blur(12px)}.panel-title{font-weight:600;margin-bottom:8px}.row{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.row-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.row-name{font-size:12.5px}.row-val{font-size:12.5px;color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}.hint{font-size:10.5px;color:var(--muted);line-height:1.35}.btns{display:flex;gap:6px;flex-wrap:wrap}button{background:#ffffff0d;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:12px;cursor:pointer;font-family:inherit}button[aria-pressed=true]{background:#4c9be833;border-color:#4c9be88c}.stat{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.5}@media(max-width:760px){#stage{height:56dvh}html,body{overflow:visible;height:auto}body{padding-top:56dvh}.ui{position:static;width:100%}}