:root{--bg: rgba(16, 22, 30, .92);--fg: #e8edf2;--muted: #9aa8b6;--accent: #ffd23f;--warn: #ff5a4f;--line: rgba(255, 255, 255, .15)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1b2430;color:var(--fg);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app,canvas{display:block;width:100%;height:100%}.hidden{display:none!important}.hud{position:fixed;inset:0;pointer-events:none}.hud-panel{position:absolute;bottom:12px;margin:0;padding:8px 10px;background:#0000006b;border-radius:6px;font:12px/1.35 ui-monospace,Cascadia Mono,Consolas,monospace;white-space:pre}.hud-left{left:12px}.hud-right{right:174px}.hud-yoke{position:absolute;right:12px;bottom:12px}.hud-yoke canvas{display:block;border-radius:6px}.hud-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);font-weight:700;letter-spacing:.08em;font-size:15px;text-shadow:0 1px 3px #000}.warn{color:var(--warn)}.menu{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#050a0f73}.menu-card{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 40px #00000080}.menu-head{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.menu-head h1{font-size:18px;margin:0 8px 0 0}.menu-body{overflow:auto;padding:12px 16px}.menu-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.tabs{display:flex;gap:4px}button{font:inherit;color:var(--fg);background:#2a3644;border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover{background:#34445a}button.active{background:#3d5470;border-color:#6d8fb5}button.primary{background:#c9a227;color:#111;border-color:#e6c54d;font-weight:600}.note{color:var(--muted);margin:0 0 10px}.conflicts{color:#ffb3ad;background:#ff5a4f1f;border:1px solid rgba(255,90,79,.4);padding:6px 10px;border-radius:6px;margin-bottom:10px}table.binds{width:100%;border-collapse:collapse}table.binds th{text-align:left;padding:10px 4px 4px;color:var(--accent);font-weight:600}table.binds td{padding:3px 4px;border-bottom:1px solid rgba(255,255,255,.05)}table.binds td:nth-child(2),table.binds td:nth-child(3){width:150px}button.bind{width:100%;text-align:center}button.bind.conflict{border-color:var(--warn);color:#ffb3ad}button.bind.capturing{border-color:var(--accent);color:var(--accent)}.field{display:grid;grid-template-columns:1fr 200px 48px;gap:10px;align-items:center;padding:6px 0}.field label:only-child{grid-column:1 / -1}.val{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.help{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#050a0f99}.help-card{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:16px 20px}.help-card h2{margin:0 0 8px}.help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:12px 0}.help-grid table{border-collapse:collapse;width:100%;align-self:start}.help-grid td{vertical-align:top}.help-grid th{text-align:left;color:var(--accent);padding-bottom:4px}.help-grid td{padding:2px 0}.help-grid td.k{text-align:right;font-family:ui-monospace,Consolas,monospace;color:#cfe3ff}@media(max-width:700px){.field{grid-template-columns:1fr}.hud-right{display:none}}select{font:inherit;color:var(--fg);background:#2a3644;border:1px solid var(--line);border-radius:6px;padding:5px 8px}.attribution{margin-top:18px;font-size:12px}