.touch-controls{display:none;position:fixed;z-index:5;inset:72px 0 0;pointer-events:none;touch-action:none}.move-stick{position:absolute;left:23px;bottom:25px;width:116px;height:116px;border-radius:50%;border:2px solid #b9a2e877;background:#17113f99;pointer-events:auto;touch-action:none}.move-stick:after{content:'GERAK';position:absolute;left:50%;top:-20px;transform:translateX(-50%);font:800 8px Nunito;color:#fff9;letter-spacing:1px}.move-stick i{position:absolute;left:33px;top:33px;width:48px;height:48px;border-radius:50%;background:#c7bcf0;box-shadow:0 0 20px #a963ff;transform:translate(0,0)}.dash-touch{position:absolute;right:25px;bottom:27px;width:82px;height:82px;border:2px solid #a7edff;border-radius:50%;background:linear-gradient(145deg,#a44feacc,#40b9decc);color:#fff;font:800 27px Nunito;box-shadow:0 0 25px #633adb99;pointer-events:auto;touch-action:none}.dash-touch small{display:block;font-size:8px;letter-spacing:1px}.dash-touch.pressed{transform:scale(.9);filter:brightness(1.3)}@media(pointer:coarse),(max-width:820px){.touch-controls.active{display:block}.controls{display:none}.copy{padding-bottom:125px}.copy button{width:100%}.hud{position:absolute;top:64px;left:8px;right:8px;justify-content:center}.hud span{padding:7px 9px}header{height:60px}.screen{padding:70px 24px 20px}.result{margin-bottom:90px}}