:root{--mc-btn-size: clamp(72px, 18vw, 108px);--mc-blue: #4285F4;--mc-blue-hover: #1a73e8;--mc-text: #FFFFFF;--mc-shadow: 0 4px 16px rgba(0, 0, 0, .25)}.mobile-controls-backdrop{position:fixed;inset:0;z-index:998;background:transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-controls{position:fixed;inset:0;z-index:999;pointer-events:none;-webkit-tap-highlight-color:transparent;font-family:Google Sans Flex,Arial,sans-serif}.mobile-controls .mc-btn{pointer-events:auto;position:absolute;width:var(--mc-btn-size);height:var(--mc-btn-size);border-radius:50%;border:none;background:var(--mc-blue);color:var(--mc-text);font-size:clamp(16px,4vw,22px);font-weight:600;letter-spacing:.8px;font-family:inherit;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;transition:transform 80ms ease,background 80ms ease;cursor:pointer;box-shadow:var(--mc-shadow)}.mobile-controls .mc-btn.active{background:var(--mc-blue-hover);transform:scale(.92)}.mobile-controls .mc-action-primary{right:clamp(20px,5vw,40px);bottom:clamp(20px,5vh,40px);width:calc(var(--mc-btn-size) * 1.2);height:calc(var(--mc-btn-size) * 1.2);font-size:clamp(18px,4.5vw,26px)}.mobile-controls .mc-joystick-surface{position:absolute;inset:0;pointer-events:auto;background:transparent;touch-action:none}.mobile-controls .mc-joystick-hint{position:absolute;left:clamp(20px,5vw,40px);bottom:clamp(20px,5vh,40px);width:var(--mc-btn-size);height:var(--mc-btn-size);border-radius:50%;border:2px dashed rgba(255,255,255,.4);pointer-events:none;opacity:.55}:root[data-theme=night] .mobile-controls .mc-joystick-hint{border-color:#ffffff4d}:root[data-theme=day] .mobile-controls .mc-joystick-hint{border-color:#20212459}body[data-mobile-active]{overscroll-behavior:none;touch-action:manipulation}html[data-mobile-active],html[data-mobile-active] body{position:fixed;width:100%;height:100%;overflow:hidden}