.controller-setup60{box-sizing:border-box;width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #665338;border-radius:18px;background:#172026;color:#f3eddf;box-shadow:0 24px 90px #0009;font:16px/1.45 system-ui,sans-serif}.controller-setup60::backdrop{background:#071016c9}.controller-setup60 *{box-sizing:border-box}.controller-setup60 header,.controller-setup60 footer,.controller-learn-heading60{display:flex;align-items:center;justify-content:space-between;gap:12px}.controller-setup60 header{align-items:flex-start}.controller-setup60 h2{font:800 clamp(24px,4vw,34px)/1.15 system-ui,sans-serif;margin:4px 0 12px;text-transform:none;letter-spacing:-.035em}.controller-setup60 h3{font:700 18px/1.3 system-ui,sans-serif;margin:4px 0 12px}.controller-eyebrow60{color:#edb97a;letter-spacing:.14em;font-size:12px;text-transform:uppercase}.controller-intro60,.controller-note60{color:#c5ced0}.controller-connection60,.controller-setup60 section,.controller-setup60 details{margin:18px 0;padding:16px;border:1px solid #3b484f;border-radius:12px;background:#10191e}.controller-setup60 label{display:grid;gap:8px;min-width:0;color:#ddd7ca;font-size:14px}.controller-setup60 select{width:100%;min-width:0;max-width:100%;padding:10px;background:#22313a;border:1px solid #52636d;border-radius:6px;color:#fff;font:inherit}.controller-setup60 button{min-height:44px;white-space:normal;padding:10px 14px;border:1px solid #667079;border-radius:8px;background:#2b3a42;color:#fff;font:700 14px/1.25 system-ui,sans-serif;cursor:pointer}.controller-setup60 button:focus-visible,.controller-setup60 select:focus-visible,.controller-setup60 summary:focus-visible,.controller-setup60 input:focus-visible{outline:3px solid #ffbc73;outline-offset:3px}.controller-setup60 button[data-c60=apply]{background:#ffb764;color:#1c2022;border-color:#ffd49a}.controller-options60{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;align-items:end}.controller-options60 output{color:#f4bd7c}.controller-setup60 input[type=range]{width:100%;min-height:32px;accent-color:#ffb764}.controller-raw60{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;margin:12px 0;background:#080e12;color:#91dbbb;border-radius:8px;font:13px/1.7 ui-monospace,monospace;max-height:180px;overflow:auto}.controller-setup60 [data-c60-key]{display:block;color:#f0c995;font-size:13px;overflow-wrap:anywhere}.controller-bindings60{display:grid;gap:1px;margin-top:14px;background:#34434c;border:1px solid #34434c;border-radius:8px;overflow:hidden}.controller-bindings60>div{display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:10px;background:#19252b;padding:8px 12px}.controller-bindings60 output{font-size:13px;color:#b6d8ce;overflow-wrap:anywhere}.controller-setup60 [data-c60-learning]{color:#ffd091}.controller-setup60 [hidden]{display:none!important}.controller-setup60 summary{cursor:pointer;min-height:36px;color:#e7bd83}.controller-setup60 a{color:#b4d9f3;text-decoration:underline}.controller-error60{color:#ffb4a4;min-height:1.4em}.controller-setup60 footer{position:sticky;bottom:-24px;background:#172026;padding:16px 0 8px;border-top:1px solid #47525a;box-shadow:0 -8px 20px #172026}
@media(max-width:600px){.controller-setup60{padding:16px;max-height:calc(100dvh - 16px);width:calc(100vw - 16px);border-radius:12px}.controller-options60{grid-template-columns:1fr 1fr}.controller-options60 label:first-child{grid-column:1/-1}.controller-bindings60>div{grid-template-columns:minmax(0,1fr) auto;gap:5px}.controller-bindings60 output{grid-column:1;grid-row:auto}.controller-bindings60 button{grid-column:2;grid-row:span 2}.controller-learn-heading60{align-items:flex-start;flex-direction:column}.controller-setup60 footer{bottom:-16px}}