/* A small guide appears only beneath the active movement finger. */
.gesture-feedback{display:none;position:fixed;z-index:10;width:60px;height:60px;transform:translate(-50%,-50%);border:1px solid #ffe4ad66;border-radius:50%;background:#fff1c609;pointer-events:none}
.gesture-feedback.active{display:block}
#joystickKnob{position:absolute;left:50%;top:50%;width:13px;height:13px;border-radius:50%;background:#ffe1a6aa;transform:translate(-50%,-50%);pointer-events:none}
.controls{height:150px;justify-content:flex-end;gap:12px}
.swipe-hint{flex:1;align-self:center;min-width:0;color:#bcaab9;font-size:11px;line-height:1.65;padding-left:5px;pointer-events:none}
.swipe-hint strong{display:block;font-size:13px;color:#efc38f;margin-bottom:5px}
.swipe-hint span{display:block}
.fight-controls{flex:0 0 48%;max-width:245px;margin-left:auto}
.fight-row{height:71px}
.special{width:100%;height:32px;margin-top:6px;font-size:11px;border-radius:10px;border-color:#e0a6be;background:linear-gradient(110deg,#92547d,#58487d);color:#ffe2ac}
.special.charging{background:#413747;color:#ad98a6;border-color:#796677}
@media(max-height:650px){.controls{height:126px;padding-top:7px}.fight-row{height:54px}.special{height:28px;margin-top:5px;font-size:10px}.fight-row .button-symbol{font-size:22px}.swipe-hint{font-size:10px}.swipe-hint strong{font-size:12px}}
@media(min-width:900px){.controls{height:142px;gap:20px}.swipe-hint{flex:0 1 260px;margin-left:auto}.fight-controls{flex:0 1 245px;margin-left:0}.swipe-hint strong br{display:none}}
@media(max-height:480px){.arena-wrap{min-height:0}.overlay{padding:5px}.overlay-card{padding:8px;width:min(100%,340px)}.overlay h1{font-size:20px;margin:3px}.overlay h1 br{display:none}.overlay p,.card-mark{display:none}.primary-button{height:36px}.overlay-hint{margin-top:4px;font-size:10px}}