/* Painted controls. The existing button bounds, positions and touch listeners remain intact. */
.moveBtn,.perfBtn{isolation:isolate;overflow:visible;border:0;background:none!important;box-shadow:none!important;border-radius:0;opacity:1;color:#fff0bd;text-shadow:0 2px 2px #392619,0 0 3px #392619}
.moveBtn{position:relative}
.moveBtn:before,.perfBtn:before{content:'';position:absolute;pointer-events:none;z-index:-1;left:-4%;top:2%;width:108%;height:130%;background:url('assets/ui/controls/jump-blue.png') center top/contain no-repeat;filter:drop-shadow(0 3px 3px #0d142780)}
.perfBtn:before{background-image:url('assets/ui/controls/flip-red.png')}
.moveBtn.active:before{filter:drop-shadow(0 0 6px #ffce7b99) drop-shadow(0 3px 3px #0d142780)}
.perfBtn.eligible:before{filter:drop-shadow(0 0 8px #ffdc91) drop-shadow(0 3px 3px #0d142780)}
.moveBtn .arr{font-size:38px;line-height:1;color:#ffe6a4;font-weight:1000;letter-spacing:0;text-shadow:0 2px #74532b}
.moveBtn>span:not(.arr){font-size:11px;line-height:1.4;letter-spacing:.03em;color:#fff1c5}
.perfBtn .perfIcon{font-size:32px;color:#ffdf91;text-shadow:0 2px #8b4022}
.perfBtn>span:not(.perfIcon){font-size:18px;line-height:1.2;color:#fff0b7}.perfBtn small{font-size:7px;color:#fff1c9;opacity:1}
#hud{background:linear-gradient(#11152d55,transparent);padding-top:calc(10px + env(safe-area-inset-top))}
#hud .hud-row{gap:5px;align-items:center}
#hud .hud-row>div:first-child,#hud .scorebox{min-width:88px;padding:10px 13px 13px;background:url('assets/ui/controls/hud-wood.png') center/100% 100% no-repeat;text-shadow:0 2px 2px #1d110b}
#hud .scorebox{flex:1;max-width:190px;text-align:right;padding-right:16px}
#hud .mini{color:#ffe5a5;font-size:9px}#hud .big{color:#fff0c5;font-size:26px;letter-spacing:0;line-height:1.1}
#hud .circleBtn{background:linear-gradient(#d95a34,#8c2827);border:2px solid #efc573;box-shadow:0 0 0 2px #6a4027,inset 0 0 0 1px #f39c55;color:#ffe4a3}
#hud .timerhead{margin-top:4px;color:#ffeac0;text-shadow:0 2px 2px #201626}
#hud .timeRail{height:14px;margin-top:2px;border:3px solid #d7a95f;background:#291e2b;box-shadow:0 0 0 1px #75452a,inset 0 1px 2px #100815;border-radius:20px;overflow:visible;position:relative}
#hud .timeRail:after{content:'';position:absolute;inset:-8px -9px;z-index:1;background:url('assets/ui/controls/time-frame.png') center/100% 100% no-repeat;pointer-events:none;opacity:.96}
#hud .timeRail>div{position:relative;z-index:2;background:linear-gradient(#ffdc84,#ef8b35 45%,#bc3e28);border-radius:8px;box-shadow:inset 0 1px #ffedba}
#hud .stage-label{color:#ffe5ac;text-shadow:0 2px 2px #22162d;font-size:9px;margin-top:5px}
@media(max-height:700px){.moveBtn .arr{font-size:30px}.moveBtn>span:not(.arr){font-size:9px}.perfBtn .perfIcon{font-size:28px}.perfBtn>span:not(.perfIcon){font-size:16px}.perfBtn small{font-size:6px}#hud .hud-row>div:first-child,#hud .scorebox{padding:8px 11px 11px}#hud .big{font-size:23px}#hud .mini{font-size:8px}}