.menu-toggle,.touch-stick{display:none}.menu-toggle{border:1px solid #ff6f9f;border-radius:12px;background:#24101f;color:#fff;font-size:25px;width:44px;height:44px;line-height:1;z-index:12}.touch-stick{touch-action:none}
@media(pointer:coarse),(max-width:720px){main{padding:5px 7px max(5px,env(safe-area-inset-bottom));gap:4px}header{min-height:54px}.menu-toggle{display:block;flex:0 0 44px}.stats{margin-left:auto}.stage{flex:1 1 auto;min-height:0}.touch-stick{display:flex;position:relative;flex:0 0 112px;align-items:center;justify-content:center;border:1px solid #7b2d58;border-radius:22px;background:radial-gradient(circle at center,#3b122d,#140711);overflow:hidden}.touch-stick span{position:absolute;right:18px;bottom:10px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#b97d98}.stick-ring{width:88px;height:88px;border:2px solid #9b3e68;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 22px #000,0 0 20px #e7196528}.stick-ring:before,.stick-ring:after{content:'';position:absolute;background:#7b2d58;opacity:.55}.stick-ring:before{width:54px;height:2px}.stick-ring:after{width:2px;height:54px}.stick-knob{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#ff5b91,#9d164d);border:2px solid #ff9abd;box-shadow:0 5px 15px #000b;transition:transform .04s linear}.dpad{display:none!important}.controls{display:none;position:fixed!important;z-index:11;top:calc(env(safe-area-inset-top) + 58px)!important;right:8px;bottom:auto!important;left:auto!important;width:min(260px,calc(100vw - 16px));padding:12px;border:1px solid #a63e70;border-radius:16px;background:#170812f5;box-shadow:0 18px 55px #000c;pointer-events:auto!important}.controls.open{display:block}.side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-actions button{min-height:48px;font-size:11px;pointer-events:auto!important}.side-actions #full{grid-column:1/-1}.bottom{flex:0 0 auto;display:flex;justify-content:space-between;gap:8px;padding:1px 4px;font-size:9px}.bottom #syncStatus{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62%}.signature{white-space:nowrap}.brand strong{font-size:22px}.stats div{min-width:66px}.stats div:nth-child(2){display:none}}
@media(pointer:coarse) and (orientation:landscape),(max-height:560px){.touch-stick{position:absolute;z-index:3;left:10px;bottom:10px;width:120px;height:120px;opacity:.84;background:#140711cc}.touch-stick span{display:none}.stage{height:100%}.bottom{display:none}}