.touch-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:30}.touch-joystick-zone{position:absolute;bottom:0;left:0;width:50%;height:55%;pointer-events:auto}.touch-aim-zone{position:absolute;bottom:0;right:0;width:50%;height:55%;pointer-events:auto}.touch-joystick-ring{width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,216,74,.35);background:#0003;position:absolute;transform:translate(-50%,-50%);display:none;box-shadow:0 0 20px #ffd84a14}.touch-joystick-nub{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#ffd84a99,#ffd84a4d);border:1px solid rgba(255,216,74,.4);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-aim-ring{width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,100,68,.35);background:#0003;position:absolute;transform:translate(-50%,-50%);display:none;box-shadow:0 0 20px #ff644414}.touch-aim-nub{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#ff644499,#ff64444d);border:1px solid rgba(255,100,68,.4);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-dash-btn{position:absolute;bottom:calc(60px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:56px;height:56px;border-radius:50%;border:2px solid rgba(68,170,255,.5);background:#44aaff1f;display:flex;align-items:center;justify-content:center;color:#44aaffd9;font-size:10px;font-weight:800;letter-spacing:1px;pointer-events:auto;user-select:none;-webkit-user-select:none;transition:background .1s,border-color .1s}.touch-dash-btn.active{background:#44aaff59;border-color:#4afc}.touch-grenade-btn{position:absolute;bottom:calc(130px + env(safe-area-inset-bottom,0px));right:16px;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,160,40,.45);background:#ffa0281f;display:flex;align-items:center;justify-content:center;color:#ffa028d9;font-size:13px;font-weight:800;pointer-events:auto;user-select:none;-webkit-user-select:none;transition:background .1s,border-color .1s}.touch-grenade-btn.active{background:#ffa02859;border-color:#ffa028cc}.touch-smoke-btn{position:absolute;bottom:calc(190px + env(safe-area-inset-bottom,0px));right:16px;width:48px;height:48px;border-radius:50%;border:2px solid rgba(150,150,150,.45);background:#9696961f;display:flex;align-items:center;justify-content:center;color:#c8c8c8d9;font-size:13px;font-weight:800;pointer-events:auto;user-select:none;-webkit-user-select:none;transition:background .1s,border-color .1s}.touch-smoke-btn.active{background:#96969659;border-color:#c8c8c8cc}.touch-rotate-prompt{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000000f2;align-items:center;justify-content:center;flex-direction:column;color:#ffd84a;font-size:18px;font-weight:800;letter-spacing:3px;font-family:Segoe UI,system-ui,sans-serif}@media (orientation: landscape) and (hover: none) and (pointer: coarse){.touch-rotate-prompt{display:flex!important}}@media (max-width: 480px){.touch-joystick-ring,.touch-aim-ring{width:100px;height:100px}.touch-joystick-nub,.touch-aim-nub{width:42px;height:42px}.touch-dash-btn{width:48px;height:48px;font-size:9px;bottom:calc(50px + env(safe-area-inset-bottom,0px))}.touch-grenade-btn{width:40px;height:40px;font-size:11px;right:12px;bottom:calc(110px + env(safe-area-inset-bottom,0px))}.touch-smoke-btn{width:40px;height:40px;font-size:11px;right:12px;bottom:calc(160px + env(safe-area-inset-bottom,0px))}}@media (max-width: 360px){.touch-joystick-ring,.touch-aim-ring{width:80px;height:80px}.touch-joystick-nub,.touch-aim-nub{width:34px;height:34px}.touch-dash-btn{width:42px;height:42px;font-size:8px}.touch-grenade-btn,.touch-smoke-btn{width:36px;height:36px;font-size:10px;right:10px}}