#controls-panel[hidden]{display:none}
#controls-panel{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#060b10d9;backdrop-filter:blur(5px);padding:24px}
.controls-card{width:min(980px,100%);max-height:92vh;overflow:auto;background:#121b20;border:1px solid #64706a;border-top:3px solid #e4bc76;box-shadow:0 20px 80px #0008;padding:26px;font:14px system-ui,sans-serif;color:#f0ecdf}
.controls-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #33413e;padding-bottom:18px}
.controls-top small{display:block;font:11px monospace;letter-spacing:3px;color:#b4bdb8}.controls-top h2{font:26px 'Ops Pixel',monospace;color:#efd49f;margin:9px 0 0}.controls-top button{font:14px system-ui;min-width:44px;min-height:44px;background:#1b282c;border:1px solid #687570}
.controls-intro{color:#b7c1bd;margin:18px 0}#controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.controls-group h3{font:11px monospace;letter-spacing:2px;color:#cbb78d;margin:0 0 12px}
.control-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;border-bottom:1px solid #2c3b3b}.control-row>span{font-size:13px;white-space:nowrap}.control-bindings{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px;padding:8px 0}.control-binding{display:inline-flex;align-items:stretch}.controls-card button{cursor:pointer;color:#f0ecdf}.control-bindings button{font:12px system-ui;min-height:34px;padding:6px 9px;background:#233237;border:1px solid #506260;box-shadow:none}.control-bindings .binding-remove{padding:3px 6px;color:#acb9b4;border-left:0}.control-bindings .binding-add{color:#d9b477;background:transparent;border-style:dashed}.control-bindings button.listening{border-color:#f5bc63;background:#4a3a23}.controls-card button:focus-visible{outline:2px solid #f5c779;outline-offset:3px}
#controls-message{min-height:38px;margin:18px 0 8px;color:#efd49f;line-height:1.5}#controls-capture{display:grid;place-items:center;min-height:68px;border:1px dashed #d7b977;background:#26332d;color:#f5e3b9;text-align:center;padding:14px;margin-bottom:16px}#controls-capture[hidden]{display:none}.controls-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #33413e;padding-top:16px;gap:15px}.controls-footer button{font:13px system-ui;padding:10px 16px;background:#29362f;border:1px solid #69766d;box-shadow:none}.controls-footer small{color:#aeb8b2}#settings-game{width:44px;height:40px;padding:9px}.settings-gear{width:20px;height:20px;display:block;fill:currentColor}
@media(max-width:760px){#controls-grid{grid-template-columns:1fr}.controls-card{padding:18px}#controls-panel{padding:12px}}
@media(pointer:coarse){#settings-menu,#settings-game{display:none}}