:root{--bg: #16181d;--panel: rgba(28, 31, 38, .86);--panel-brd: rgba(255, 255, 255, .08);--txt: #e7e9ee;--muted: #9aa0ac;--accent: #6ea8fe;--danger: #e0685f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--txt)}.scene{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.ui{position:fixed;inset:0;pointer-events:none;user-select:none}.brand{position:absolute;top:16px;left:16px;font-weight:700;font-size:16px;text-shadow:0 1px 6px rgba(0,0,0,.6)}.brand span{font-weight:400;color:var(--muted);margin-left:6px;font-size:12px}.pill{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--panel);border:1px solid var(--panel-brd);border-radius:999px;backdrop-filter:blur(10px);box-shadow:0 8px 30px #00000059}.pill-label{font-size:12px;color:var(--muted)}.pill-value{font-size:18px;font-weight:700;color:var(--accent);min-width:62px;text-align:center}.pill-hint{font-size:11px;color:var(--muted)}.panel{position:absolute;top:52px;left:16px;width:250px;padding:14px;background:var(--panel);border:1px solid var(--panel-brd);border-radius:14px;backdrop-filter:blur(10px);box-shadow:0 12px 40px #0006;pointer-events:auto}.status{font-size:13px;line-height:1.5;color:var(--txt);margin-bottom:12px}.status b{color:var(--accent)}.row{display:flex;gap:6px;margin-bottom:6px}.btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;font-size:13px;color:var(--txt);background:#ffffff0d;border:1px solid var(--panel-brd);border-radius:9px;cursor:pointer;transition:background .12s,border-color .12s,transform .05s}.btn:hover{background:#ffffff1a}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.active{background:#6ea8fe38;border-color:var(--accent)}.btn.sq{flex:0 0 auto;width:30px;padding:6px 0;font-size:17px;line-height:1}.btn.danger:hover{border-color:var(--danger);background:#e0685f29}kbd{font-family:ui-monospace,monospace;font-size:10px;color:var(--muted);background:#ffffff12;border:1px solid var(--panel-brd);border-radius:4px;padding:1px 4px}.counter{margin-top:8px;font-size:12px;color:var(--muted)}.fab{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(180deg,#6ea8fe,#4f86e6);border:none;border-radius:999px;cursor:pointer;pointer-events:auto;box-shadow:0 10px 30px #4f86e673}.fab:hover{filter:brightness(1.08)}.fab kbd{color:#ffffffd9;background:#ffffff2e;border-color:transparent}.help{position:absolute;bottom:18px;right:16px;max-width:340px;text-align:right;font-size:12px;line-height:1.6;color:var(--muted);text-shadow:0 1px 4px rgba(0,0,0,.6)}.help b{color:var(--txt)}.selbox{position:fixed;border:1px solid var(--accent);background:#6ea8fe26;pointer-events:none;z-index:5}.hud{position:fixed;inset:0;pointer-events:none}.crosshair{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 2px #0006}.hud-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font-size:13px;color:var(--muted);background:#00000059;padding:6px 14px;border-radius:999px}.hud-hint b{color:var(--txt)}