:root{--ink: #1d2126;--paper: rgba(255, 255, 255, .92);--line: rgba(29, 33, 38, .14);--accent: #2f6f4f;font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#aebfcb;color:var(--ink);-webkit-text-size-adjust:100%}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.bar{position:fixed;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:6px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #141e282e;backdrop-filter:blur(8px);z-index:5;max-width:calc(100vw - 24px)}.bar button{font:inherit;font-size:15px;color:var(--ink);background:transparent;border:0;border-radius:10px;padding:9px 15px;cursor:pointer;white-space:nowrap}.bar button:hover{background:#1d212612}.bar button[aria-pressed=true]{background:var(--accent);color:#fff}.panel{position:fixed;right:18px;bottom:86px;width:min(320px,calc(100vw - 36px));max-height:60vh;overflow:auto;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #141e282e;backdrop-filter:blur(8px);z-index:6;font-size:14px;line-height:1.5}.panel[hidden]{display:none}.panel h2{margin:0 0 8px;font-size:15px}.panel dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.panel dt{color:#5a636c}.panel kbd{font:inherit;font-size:12px;padding:1px 6px;border:1px solid var(--line);border-radius:5px;background:#fff}.panel .choice{display:block;width:100%;text-align:left;font:inherit;padding:7px 9px;margin-bottom:3px;border:0;border-radius:8px;background:transparent;cursor:pointer}.panel .choice:hover{background:#1d212612}.note{margin-top:10px;font-size:12px;color:#5c646d}.lock{position:fixed;inset:0;display:grid;place-content:center;gap:8px;text-align:center;background:linear-gradient(#141e2829,#141e284d);z-index:4;cursor:pointer;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.55)}.lock[hidden]{display:none}.lock strong{font-size:21px;font-weight:600}.lock span{font-size:14px;opacity:.92}.reticle{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffbf;box-shadow:0 0 0 1px #0000004d;pointer-events:none;z-index:3}.reticle[hidden]{display:none}.label{position:fixed;transform:translate(-50%,-50%);font-size:13px;font-weight:600;color:#23303a;text-shadow:0 1px 3px rgba(255,255,255,.9),0 0 10px rgba(255,255,255,.8);pointer-events:none;z-index:3;white-space:nowrap}.label small{display:block;font-weight:400;font-size:11px;opacity:.75}.qa{position:fixed;left:18px;top:18px;width:min(300px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;padding:12px 14px;background:#181c21e6;color:#e9edf1;border:1px solid rgba(255,255,255,.16);border-radius:12px;font-size:13px;line-height:1.45;z-index:7}.qa h2{margin:0 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.qa code{font-size:11px;word-break:break-all;opacity:.8}.qa button{font:inherit;display:block;width:100%;text-align:left;padding:6px 8px;margin-bottom:2px;cursor:pointer;background:#ffffff12;color:inherit;border:0;border-radius:7px}.qa button:hover{background:#ffffff29}.qa .metrics{font-variant-numeric:tabular-nums;margin:8px 0}.qa .metrics div{display:flex;justify-content:space-between;gap:12px}@media(max-width:720px){.bar{bottom:14px;gap:2px;padding:5px}.bar button{padding:9px 11px;font-size:14px}.panel{right:12px;left:12px;width:auto;bottom:74px}}@media(max-width:420px){.bar{left:8px;right:8px;transform:none;max-width:none;bottom:12px;gap:4px;padding:5px}.bar button{flex:1 1 0;min-width:0;padding:0 4px;min-height:46px;font-size:13px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis}.panel{left:8px;right:8px;bottom:70px;max-height:52vh}.lock{padding:0 16px}.lock strong{font-size:17px}.lock span{font-size:12px}}