.control-settings{max-width:560px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;overscroll-behavior:contain;background:#111b2c;color:#edf4ff;border:1px solid #677d99;border-radius:18px;padding:22px;touch-action:pan-y}.control-settings::backdrop{background:#000b}.control-settings h2{font-size:24px}.control-settings label{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:15px 0}.control-settings input[type=range]{width:100%;accent-color:#57cfff}.control-settings select{background:#202e43;color:white;padding:9px;border:1px solid #7890ad;border-radius:8px}.control-settings .checkbox{justify-content:flex-start}.control-settings p{font-size:13px;line-height:1.5;color:#bacce1}.control-settings .actions{flex-wrap:wrap}.control-settings-button{white-space:nowrap}.face-button.pressed{transform:translateY(2px) scale(.94)}.face-button.queued{outline:2px solid #fff;outline-offset:2px}.special-ready-flash{animation:special-ready .65s ease-out}.special-touch.queued{outline:2px solid white}[data-pad-hint]{font-size:12px;line-height:1.6}@keyframes special-ready{0%,35%{filter:brightness(1.9);box-shadow:0 0 20px #4edbff}100%{filter:brightness(1);box-shadow:none}}@media(prefers-reduced-motion:reduce){.special-ready-flash{animation:none;outline:2px solid #65e6ff}.face-button.pressed{transform:none}}.touch-play .control-settings-button{display:none}.touch-play #controlSettings{z-index:100}

.masthead{flex-wrap:wrap}.touch-play .control-settings input{touch-action:pan-x}.touch-play .control-settings button{touch-action:manipulation}