.mobile-action-button{position:fixed;right:clamp(12px,3vw,32px);bottom:clamp(12px,3vw,32px);min-width:min(24vw,120px);padding:clamp(10px,3vw,18px) clamp(14px,4vw,24px);border-radius:999px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at top,#f2f7f0d9,#638170cc);color:#1a231f;font-family:Montserrat,Segoe UI,sans-serif;font-size:clamp(14px,4vw,18px);font-weight:600;letter-spacing:.05em;text-transform:uppercase;display:none;align-items:center;justify-content:center;box-shadow:0 12px 24px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:none;z-index:20;transition:transform .12s ease-out,box-shadow .12s ease-out}.mobile-action-button--visible{display:inline-flex;pointer-events:auto}.mobile-action-button--active{transform:scale(.94);box-shadow:0 6px 16px #00000059;background:radial-gradient(circle at bottom,#cfe6d2d9,#506f5ce6)}.mobile-action-button:focus{outline:none;box-shadow:0 0 0 2px #ecf5f0b3,0 12px 24px #0000004d}.mobile-dpad{position:fixed;left:clamp(12px,3vw,32px);bottom:clamp(12px,3vw,32px);width:min(28vw,140px);aspect-ratio:1 / 1;display:none;align-items:center;justify-content:center;z-index:20;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:none}.mobile-dpad--visible{display:flex;pointer-events:auto}.mobile-dpad__base{position:relative;width:100%;height:100%;border-radius:50%;background:#0c121099;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 18px #0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-dpad__ring{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:radial-gradient(circle at center,#dce3d726,#2b383466)}.mobile-dpad__cross{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:20%;background:linear-gradient(145deg,#d2dbcb1f,#121a1880);display:flex;align-items:center;justify-content:center}.mobile-dpad__thumb{width:32%;aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle at center,#f3f7f2bf,#839c8f59);box-shadow:0 4px 10px #00000040;transition:transform 80ms ease-out}.mobile-dpad--active .mobile-dpad__thumb{transition:none}