.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-ghost{position:absolute;bottom:calc(285px + env(safe-area-inset-bottom,0px));left:calc(50% - 34px);transform:translate(-50%,50%);width:100px;height:100px;border-radius:50%;border:2px dashed rgba(255,216,74,.45);background:radial-gradient(circle,rgba(255,216,74,.1),rgba(255,216,74,.03) 70%,transparent);box-shadow:0 0 16px #ffd84a1f;opacity:1;transition:opacity .15s}.touch-joystick-ghost-nub{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#ffd84a59,#ffd84a1f);border:1px solid rgba(255,216,74,.45);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-aim-ghost{position:absolute;bottom:calc(285px + env(safe-area-inset-bottom,0px));right:calc(50% - 34px);transform:translate(50%,50%);width:100px;height:100px;border-radius:50%;border:2px dashed rgba(255,100,68,.45);background:radial-gradient(circle,rgba(255,100,68,.1),rgba(255,100,68,.03) 70%,transparent);box-shadow:0 0 16px #ff64441f;opacity:1;transition:opacity .15s}.touch-aim-ghost-nub{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#ff644459,#ff64441f);border:1px solid rgba(255,100,68,.45);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-joystick-ring{width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,216,74,.35);background:#0003;position:fixed;transform:translate(-50%,-50%);display:none;box-shadow:0 0 20px #ffd84a14;z-index:31}.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:fixed;transform:translate(-50%,-50%);display:none;box-shadow:0 0 20px #ff644414;z-index:31}.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(120px + 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-joystick-ghost,.touch-aim-ghost{width:80px;height:80px}.touch-joystick-ghost-nub,.touch-aim-ghost-nub{width:30px;height:30px}.touch-dash-btn{width:48px;height:48px;font-size:9px;bottom:calc(100px + 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))}.touch-joystick-ghost{bottom:calc(220px + env(safe-area-inset-bottom,0px));left:calc(50% - 28px)}.touch-aim-ghost{bottom:calc(220px + env(safe-area-inset-bottom,0px));right:calc(50% - 28px)}}@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-joystick-ghost,.touch-aim-ghost{width:66px;height:66px}.touch-joystick-ghost-nub,.touch-aim-ghost-nub{width:26px;height:26px}.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}.touch-joystick-ghost{bottom:calc(200px + env(safe-area-inset-bottom,0px));left:calc(50% - 23px)}.touch-aim-ghost{bottom:calc(200px + env(safe-area-inset-bottom,0px));right:calc(50% - 23px)}}