.learn-actions{display:flex;justify-content:center;margin:14px auto;gap:10px}.learn-actions button{font-weight:700;color:#ffd16e}
#select#select#select .selection-footer>.touch-settings-button{grid-column:1/-1;justify-self:center;position:relative;z-index:1}#select .music-level select,#pausepanel .music-level select{background:#211725;color:#ffe0b2;border:1px solid #a77c75;border-radius:5px;min-height:44px;padding:6px;font-size:16px}
@media(max-width:420px){#select#select#select .selection-footer{grid-template-columns:repeat(2,minmax(0,1fr))}#select#select#select .selection-footer .portrait-style,#select#select#select .selection-footer .match-options{min-width:0;flex-wrap:wrap;justify-content:center;gap:6px}#select#select#select .selection-footer select{max-width:100%}}
#touch-settings{width:min(440px,94vw);max-height:90dvh;overflow:auto;background:#201526;color:#fff;border:2px solid #ffd16e;border-radius:12px;padding:18px}#touch-settings::backdrop{background:#08040cbb}#touch-settings p{font-size:16px;line-height:1.4}#touch-settings label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;font-size:16px}#touch-settings select{max-width:52%;padding:10px;background:#38273c;border:1px solid #88647b;border-radius:5px}#touch-settings input{max-width:45%}#touch-settings .pad-note{font-size:14px;color:#d2bfd4}#pad-done{margin-top:14px}.pad-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 10px;pointer-events:none}.pad-preview-stick{width:var(--pad-stick);height:var(--pad-stick);min-width:var(--pad-stick);display:grid;place-items:center;border-radius:50%;border:2px solid #81657c;background:#120c1a;font-size:12px}.pad-preview-actions{position:relative;flex:none;width:var(--pad-width);height:var(--pad-height)}.pad-preview-actions button{position:absolute;width:var(--pad-face);height:var(--pad-face);border:2px solid #b36c84;border-radius:50%;background:#55203b;color:white;font-size:25px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pad-preview-actions small{font-size:9px}.pad-preview-actions .punch{left:0;top:var(--pad-step)}.pad-preview-actions .context{left:var(--pad-step);top:0}.pad-preview-actions .block{left:calc(var(--pad-step)*2);top:var(--pad-step)}.pad-preview-actions .kick{left:var(--pad-step);top:calc(var(--pad-step)*2)}.pad-preview-actions .power{width:44px;height:44px;right:0;top:0;font-size:18px;background:#b66b20}.pad-preview[data-hand=left]{flex-direction:row-reverse}
#practice-card{flex:none;margin:0;padding:10px 14px;border-bottom:1px solid #a47e46;background:#231426;display:flex;align-items:center;gap:14px;z-index:11}#practice-card[hidden]{display:none}#practice-card div{flex:1;min-width:0}#practice-card strong{font-size:16px;color:#ffd16e}#practice-card p{font-size:14px;line-height:1.35;margin:4px 0}#practice-card button{padding:10px;min-height:44px;background:#ffd16e;color:#21121c;border:0;border-radius:5px;font-weight:700}#practice-card button:disabled{background:#513946;color:#cfbac8;cursor:default}#practice-card .practice-count{font-size:12px;color:#cbb7cf}body.in-practice #game .arena-brand{display:none}body.in-practice #game{grid-template-rows:44px auto minmax(0,1fr) auto}body.in-practice #practice-card{grid-row:2}body.in-practice #game .arena-shell{grid-row:3}body.in-practice #game .controls{grid-row:4}body.in-practice .pause-level{display:none!important}
@media(pointer:coarse),(max-width:720px),(max-height:600px){
 #game .controls.pad-custom{display:flex;justify-content:space-between;gap:12px;padding-left:calc(var(--pad-inset) + max(8px,env(safe-area-inset-left)));padding-right:calc(var(--pad-inset) + max(8px,env(safe-area-inset-right)));padding-bottom:max(14px,env(safe-area-inset-bottom));transform:none;margin-bottom:0}
 #game .controls.pad-custom[data-hand=left]{flex-direction:row-reverse}
 #game .pad-custom .actions{display:block;position:relative;flex:none;padding:0;margin:0;gap:0;width:var(--pad-width);min-width:var(--pad-width);height:var(--pad-height)}
 #game .pad-custom .actions button{position:absolute;width:var(--pad-face);height:var(--pad-face);min-width:var(--pad-face);max-width:var(--pad-face);min-height:var(--pad-face);max-height:var(--pad-face);font-size:10px}
 #game .pad-custom .actions .punch{left:0;top:var(--pad-step)}#game .pad-custom .actions .context{left:var(--pad-step);top:0}#game .pad-custom .actions .block{left:calc(var(--pad-step)*2);top:var(--pad-step)}#game .pad-custom .actions .kick{left:var(--pad-step);top:calc(var(--pad-step)*2)}#game .pad-custom .actions .power{left:auto;right:0;top:0;width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;font-size:8px}
 #game .pad-custom #joystick{width:var(--pad-stick);height:var(--pad-stick);min-width:var(--pad-stick);flex-basis:var(--pad-stick)}#game .pad-custom #stick{width:50px;height:50px;left:calc((var(--pad-stick) - 50px)/2);top:calc((var(--pad-stick) - 50px)/2)}
 #game .pad-custom .actions .button-symbol{font-size:24px;line-height:24px}
}
@media(orientation:landscape) and (max-height:600px){#game .controls.pad-custom{bottom:max(10px,env(safe-area-inset-bottom));padding-bottom:0}#practice-card{padding:5px 12px}#practice-card p{font-size:13px}body.in-practice #game .controls{grid-row:auto}}
@media(min-width:800px) and (min-height:650px){body.in-practice #game{grid-template-rows:82px auto minmax(0,1fr) auto}}
@media(orientation:landscape) and (max-height:600px){body.in-practice #game{grid-template-rows:36px auto minmax(0,1fr)}}
#practice-card .practice-count{display:block;margin-bottom:3px}#game .pad-custom #joystick b{position:absolute;left:0;right:0;bottom:6px;top:auto;font-size:10px;text-align:center}