.xxiiiPadActive .xxiiiPadFocus{outline:3px solid #72ffbf!important;outline-offset:3px;box-shadow:0 0 18px #72ffbf70!important}
#xxiiiPadHints{position:fixed;z-index:100001;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:94vw;padding:10px 16px;border:1px solid #71ffbe77;border-radius:12px;background:#081b17ed;color:#e6fff3;font:600 12px/1.6 system-ui;text-align:center;pointer-events:none}
#xxiiiPadHints[hidden]{display:none}
.xxiiiPadGlyph{display:inline-block;width:30px;height:30px;overflow:hidden;vertical-align:middle;flex-shrink:0}
.xxiiiPadKey{display:inline-block;min-width:22px;padding:1px 5px;border:1px solid #a2cbb6;border-radius:6px;background:#28392f;color:#f1fff7;font:bold 11px/22px system-ui;vertical-align:middle;text-align:center}
#xxiiiControllerSettings button[data-pad-bind]{min-height:44px;padding:5px 12px}
#xxiiiControllerSettings{margin-top:20px;padding-top:12px;border-top:1px solid #ffffff30}
#xxiiiControllerSettingsToggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;font-weight:700;cursor:pointer}
#xxiiiControllerSettingsToggle::after{content:'▾';font-size:18px}
#xxiiiControllerSettingsToggle[aria-expanded=true]::after{content:'▴'}
#xxiiiControllerSettingsBody{padding-top:12px}
#xxiiiControllerSettingsBody[hidden]{display:none!important}
#xxiiiControllerSettings label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px 0;font-size:13px}
#xxiiiControllerSettings button,#xxiiiControllerSettings select,.xxiiiPadEditor button{background:#153a2c;color:#edfff6;border:1px solid #72ffbf88;border-radius:8px;padding:10px;min-width:64px}
.xxiiiPadEditor{position:fixed;inset:15% 15%;overflow:auto;z-index:100002;display:flex;align-content:start;flex-wrap:wrap;gap:10px;background:#081b17fa;border:2px solid #72ffbf;border-radius:16px;padding:24px;color:white}
.xxiiiPadEditor output{width:100%;overflow-wrap:anywhere;padding:15px;background:#ffffff15;min-height:24px}
.xxiiiPadEditor input[type=range]{width:100%}
.xxiiiPadActive.mobileHudOpen #mobileHudPanel{display:flex!important;position:fixed;right:12px;top:90px;max-height:70vh;overflow:auto;z-index:9999;background:#0b1e19f5;padding:16px;border:1px solid #72ffbf;border-radius:12px;flex-direction:column}
.xxiiiPadActive.mobileHudOpen #topRightControls{display:flex!important;flex-direction:column;position:static}
