.controller-v2{margin-top:8px;border:1px solid #293545;border-radius:9px;padding:6px}
.controller-v2>summary{cursor:pointer;color:var(--gold);font-size:.66rem;font-weight:900}
.controller-v2-status{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0}
.controller-v2-status>div{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;border:1px solid #273242;border-radius:7px;padding:6px;background:#0b1118}
.controller-v2-status strong{color:var(--gold)}
.controller-v2-status span{font-size:.58rem;color:#aeb8c5}
.controller-v2-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.controller-v2-buttons button{min-height:30px;border:1px solid #354254;border-radius:6px;background:#111821;color:#b5c0cc;font-size:.55rem;font-weight:900}
@media(max-width:620px){.controller-v2-buttons{grid-template-columns:repeat(2,1fr)}}

.relative-mode-label{display:flex;align-items:center;gap:6px;margin:7px 0;color:#8d99a8;font-size:.55rem}.relative-mode-label select{border:1px solid #354254;border-radius:6px;background:#0d131b;color:#b5c0cc;min-height:28px;font-size:.55rem}

.controller-profile-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin:7px 0}
.controller-profile-row select,.controller-profile-row button{min-height:30px;border:1px solid #354254;border-radius:6px;background:#0d131b;color:#b5c0cc;font-size:.55rem}
.controller-profile-row button{padding:0 10px;font-weight:900}
@media(max-width:620px){.controller-profile-row{grid-template-columns:1fr}}


.hid-adapter-v1 .mapping-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.hid-adapter-v1 button.active{outline:1px solid currentColor;font-weight:900}
.hid-adapter-v1 #hidInfo{overflow-wrap:anywhere}