.controller-quick{box-sizing:border-box;width:100%;display:flex;gap:12px;align-items:center;margin:12px 0;padding:13px 16px;min-height:48px;background:#18272be8;color:#eee6d5;border:1px solid #ba8b58;text-align:left;cursor:pointer;font:700 13px system-ui;letter-spacing:.04em}.controller-quick>span:first-child{font-size:24px;color:#f1b579}.controller-quick-status{margin-left:auto;font-size:11px;color:#e5bd8b}.controller-quick.connected{border-color:#8bc68b}.controller-quick.connected .controller-quick-status{color:#a9e6a5}
.controller-dialog{box-sizing:border-box;width:min(920px,96vw);max-height:94dvh;overflow:auto;background:#142126;color:#f2e9dc;border:1px solid #c69964;padding:20px;font:14px/1.5 system-ui;z-index:1001}.controller-dialog::backdrop{background:#000c}.controller-dialog header{display:flex;justify-content:space-between;gap:12px;align-items:center}.controller-dialog h2{margin:0;font:clamp(24px,5vw,36px) Impact,system-ui}.controller-eyebrow{font-size:10px;color:#d0aa7e;letter-spacing:.15em;margin:0}.controller-dialog h3{font-size:12px;letter-spacing:.06em;color:#e6bb89}.controller-dialog button,.controller-dialog summary{min-height:44px;box-sizing:border-box;font:700 12px system-ui;cursor:pointer}.controller-dialog button{padding:10px 14px;background:#34444a;border:1px solid #849598;color:#fff;border-radius:3px}.controller-dialog summary{padding:12px 0;color:#f4c698}.controller-dialog button:focus-visible,.controller-quick:focus-visible,.controller-dialog summary:focus-visible{outline:3px solid #ffd08a;outline-offset:3px}.controller-connection{display:flex;align-items:center;gap:14px;background:#0d171b;padding:14px;margin:16px 0}.controller-connection p{margin:4px 0 0;overflow-wrap:anywhere}.controller-led{width:14px;height:14px;border-radius:50%;background:#bd7945;flex-shrink:0}.controller-led.connected{background:#a5dc96;box-shadow:0 0 12px #a5dc9666}.controller-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.controller-note{font-size:12px;color:#adbcc0}.controller-test-heading{display:flex;gap:10px;align-items:center;justify-content:space-between}.controller-map{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.controller-map-item{min-height:57px;display:flex;flex-direction:column;justify-content:center;gap:3px;border:1px solid #526267;border-radius:4px;padding:6px;text-align:center;background:#1b2c32}.controller-map-item b{font-size:12px}.controller-map-item span{font-size:9px;color:#c4cece}.controller-map-item.active{background:#8c572c;border-color:#ffd293;box-shadow:inset 0 0 0 1px #ffd293}.controller-stick-row{display:flex;align-items:center;gap:18px}.controller-stick{position:relative;width:82px;height:82px;border:1px solid #849598;background:radial-gradient(circle,#34444a,#111b20);border-radius:50%;flex-shrink:0}.controller-stick i{position:absolute;left:29px;top:29px;width:24px;height:24px;border-radius:50%;background:#e8b780}.controller-triggers{flex:1}.controller-triggers label{font-size:10px;display:block;margin:8px 0}.controller-triggers progress{display:block;width:100%;height:14px;accent-color:#efb676}.controller-rider{display:block;position:relative;z-index:2;min-height:44px;padding:10px 14px;margin:0 0 12px;background:#243b40;color:#ffd5a1;border:1px solid #b58a5b;cursor:pointer;font:700 12px system-ui}
@media(max-width:650px){.controller-dialog{padding:14px}.controller-columns{grid-template-columns:1fr;gap:12px}.controller-quick{font-size:12px;padding:10px;gap:8px}.controller-quick-status{font-size:9px}.controller-map{grid-template-columns:repeat(3,1fr)}}