#frame .control-settings-gear{position:absolute;z-index:24;top:max(14px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:grid;place-items:center;width:46px;height:46px;padding:10px;border:2px solid #b8eaff;border-radius:14px;background:#17395dda;color:white;box-shadow:0 3px 0 #071c37,0 0 16px #9de8ff66;cursor:pointer}
#frame .control-settings-gear svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2}
#frame #driverSettings{right:max(18px,env(safe-area-inset-right))}
#frame #garageSettings{right:max(18px,env(safe-area-inset-right))}
#frame #controlSettings[hidden],#frame #controlOptions[hidden],#frame #controlSettingsHome[hidden]{display:none!important}
#frame .control-settings-overlay{position:absolute;z-index:60;inset:0;display:grid;place-items:center;padding:max(9px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#07172cbe;backdrop-filter:blur(10px);color:#f2faff;visibility:visible!important;pointer-events:auto!important}
#frame[data-stage="characters"] > #controlSettings:not([hidden]){visibility:visible!important;pointer-events:auto!important}
#frame .control-settings-card{box-sizing:border-box;width:min(720px,96%);max-height:100%;min-height:170px;overflow:auto;overscroll-behavior:contain;border:2px solid #98e8ff;border-radius:22px;background:linear-gradient(155deg,#1d4569,#102742);box-shadow:0 12px 36px #05142edb,0 0 25px #4fc8ff55;padding:clamp(12px,2.8vh,24px)}
#frame .control-settings-card header{display:flex;justify-content:space-between;align-items:center;color:#aceaff;font-size:11px;letter-spacing:.17em;font-weight:850}
#frame .control-settings-card h2{margin:4px 0 10px;color:#fff;font-size:clamp(22px,3.5vw,32px);text-transform:uppercase;font-weight:950;font-style:italic}
#frame .control-settings-card button{cursor:pointer;border:1px solid #99d8f3;border-radius:10px;color:#f8fcff;background:#275477;padding:7px 10px;font-size:clamp(11px,1.6vw,15px);font-weight:800}
#frame .control-settings-card button:focus-visible,#frame .control-settings-gear:focus-visible{outline:3px solid #ffdf80;outline-offset:2px}
#frame .control-settings-card #closeControlSettings{padding:3px 9px;font-size:20px;line-height:1}
#frame .control-settings-option{display:flex;gap:15px;align-items:center;width:100%;text-align:left;font-size:26px!important;background:#2c6486!important}
#frame .control-settings-option span{display:flex;flex-direction:column;gap:4px;flex:1}.control-settings-option small{font-size:12px;font-weight:500}
#frame .control-mapping-list{display:grid;gap:4px}
#frame .control-mapping-heading,#frame .control-mapping-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(130px,1.4fr) minmax(83px,.85fr);align-items:center;gap:8px}
#frame .control-mapping-heading{font-size:11px;text-transform:uppercase;color:#ffe5a5;letter-spacing:.06em}
#frame .control-mapping-row{border-radius:9px;background:#ffffff0f;padding:3px 6px;font-size:clamp(11px,1.45vw,14px)}
#frame .control-key-slots{display:grid;grid-template-columns:1fr 1fr;gap:4px}
#frame .control-mapping-row button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 4px;background:#225477}
#frame #controlDeviceStatus,#frame .control-settings-help,#frame #controlSaveStatus{margin:4px 0 8px;color:#c5eaf4;font-size:12px}
#frame #controlSaveStatus{min-height:1em;color:#ffe2a2}
#frame .control-settings-actions{display:flex;justify-content:space-between;gap:10px}
#frame .control-settings-actions button:last-child{background:#ffdd90;color:#173453;border-color:#ffefbb}
@media(max-height:480px){#frame .control-settings-card{padding:9px 14px;border-radius:15px}#frame .control-settings-card h2{font-size:20px;margin:0 0 3px}#frame .control-mapping-list{gap:2px}#frame .control-mapping-row{padding:1px 5px}#frame .control-mapping-row button{padding:3px 4px}#frame #controlDeviceStatus,#frame .control-settings-help,#frame #controlSaveStatus{font-size:10px;margin:2px 0 3px}}