.mc__wrapper{z-index:100;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed}.mc__wrapper>*{pointer-events:auto}.mc__controller{flex-direction:column;align-items:center;gap:8px;display:flex}.mc__dpad{flex-direction:column;align-items:center;gap:4px;display:flex}.mc__middle-row{align-items:center;gap:4px;display:flex}.mc__joystick{cursor:grab;touch-action:none;background:radial-gradient(circle at 40% 35%,#ffffff1a,#0009);border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:80px;height:80px;margin:6px;transition:border-color .2s,box-shadow .2s;position:relative;box-shadow:0 4px 20px #0009,0 0 0 6px #ffffff08}.mc__joystick:hover{border-color:#ffffff59;box-shadow:0 4px 24px #000000a6,0 0 0 6px #4285f41a}.mc__joystick:active{cursor:grabbing;border-color:#4285f4b3;box-shadow:0 2px 16px #0009,0 0 6px #4285f433}.mc__knob{cursor:grab;background:linear-gradient(145deg,#6aabff,#1a66d9);border:2px solid #ffffff80;border-radius:50%;width:44px;height:44px;margin-top:-22px;margin-left:-22px;transition:transform 40ms linear,box-shadow .1s;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #1a66d999,inset 0 2px #ffffff4d}.mc__joystick:active .mc__knob{animation:.6s infinite pulse;box-shadow:0 2px 20px #4285f4cc,inset 0 2px #ffffff4d}.mc__arrow{box-shadow:none;appearance:none;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;outline:none;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .1s,filter .15s;display:flex;overflow:visible}.mc__arrow img{filter:drop-shadow(0 2px 4px #0000004d);pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;object-fit:contain!important;display:block!important}.mc__arrow--up{margin-bottom:4px}.mc__arrow--up:hover{filter:drop-shadow(0 6px 16px #4285f4e6);transform:scale(1.2)translateY(-3px)}.mc__arrow--up:active{transform:scale(.92)translateY(3px)}.mc__arrow--down{margin-top:4px}.mc__arrow--down:hover{filter:drop-shadow(0 -6px 16px #4285f4e6);transform:scale(1.2)translateY(3px)}.mc__arrow--down:active{transform:scale(.92)translateY(-3px)}.mc__arrow--left{margin-right:4px}.mc__arrow--left:hover{filter:drop-shadow(6px 0 16px #4285f4e6);transform:scale(1.2)translate(-3px)}.mc__arrow--left:active{transform:scale(.92)translate(3px)}.mc__arrow--right{margin-left:4px}.mc__arrow--right:hover{filter:drop-shadow(-6px 0 16px #4285f4e6);transform:scale(1.2)translate(3px)}.mc__arrow--right:active{transform:scale(.92)translate(-3px)}.mc__panel{z-index:101;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172af5;border:1px solid #94a3b82e;border-radius:14px;width:380px;position:absolute;bottom:24px;left:24px;overflow:hidden;box-shadow:0 24px 64px #020617cc}.mc__panel-header{background:#00000040;border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mc__panel-title{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:700}.mc__panel-status{color:#34d399;letter-spacing:.03em;background:#34d39926;border-radius:12px;padding:4px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:600}.mc__panel-tabs{background:#00000026;border-bottom:1px solid #94a3b81a;display:flex}.mc__panel-tab{color:#94a3b8;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;flex:1;padding:12px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .25s;position:relative}.mc__panel-tab:hover{color:#e2e8f0;background:#94a3b80f}.mc__panel-tab--active{color:#60a5fa}.mc__panel-tab--active:after{content:"";background:#60a5fa;border-radius:2px;height:3px;position:absolute;bottom:0;left:20%;right:20%}.mc__panel-content{max-height:340px;padding:20px;overflow-y:auto}.mc__panel-content::-webkit-scrollbar{width:4px}.mc__panel-content::-webkit-scrollbar-track{background:0 0}.mc__panel-content::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:2px}.mc__controls{flex-direction:column;gap:20px;display:flex}.mc__control-group{flex-direction:column;gap:8px;display:flex}.mc__control-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600}.mc__control-row{flex-wrap:wrap;gap:6px;display:flex}.mc__preset-btn{color:#cbd5e1;cursor:pointer;background:#94a3b814;border:1px solid #94a3b81a;border-radius:6px;flex:1;min-width:48px;padding:6px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500;transition:all .2s}.mc__preset-btn:hover{color:#60a5fa;background:#60a5fa26;border-color:#60a5fa40;transform:translateY(-2px)}.mc__preset-btn:active{transform:translateY(0)}.mc__preset-btn--active{color:#60a5fa;background:#60a5fa33;border-color:#60a5fa59;box-shadow:0 0 20px #60a5fa26}.mc__slider{appearance:none;background:#94a3b826;border-radius:3px;outline:none;width:100%;height:4px;transition:background .2s}.mc__slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#60a5fa;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 2px 8px #60a5fa66}.mc__slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 14px #60a5fa99}.mc__slider::-moz-range-thumb{cursor:pointer;background:#60a5fa;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #60a5fa66}.mc__value{color:#e2e8f0;text-align:center;padding:4px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500}.mc__position-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mc__position-btn{color:#cbd5e1;cursor:pointer;background:#94a3b80f;border:1px solid #94a3b81a;border-radius:6px;padding:8px 6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500;transition:all .2s}.mc__position-btn:hover{color:#60a5fa;background:#60a5fa1f;border-color:#60a5fa33}.mc__position-btn--active{color:#60a5fa;background:#60a5fa2e;border-color:#60a5fa4d;box-shadow:0 0 20px #60a5fa1a}@keyframes pulse{0%,to{opacity:.9;box-shadow:0 2px 20px #4285f4b3,inset 0 2px #ffffff4d}50%{opacity:1;box-shadow:0 4px 28px #4285f4,inset 0 2px #ffffff4d}}@media (max-width:768px){.mc__panel{width:300px;bottom:16px;left:16px}.mc__joystick{width:64px;height:64px}.mc__knob{width:36px;height:36px;margin-top:-18px;margin-left:-18px}.mc__panel-content{max-height:280px;padding:16px}}@media (max-width:480px){.mc__panel{width:240px;bottom:12px;left:12px}.mc__panel-content{max-height:220px;padding:12px}.mc__panel-header{padding:12px 14px}.mc__panel-title{font-size:11px}.mc__panel-status{padding:2px 8px;font-size:9px}.mc__panel-tab{padding:8px 10px;font-size:10px}.mc__joystick{width:52px;height:52px}.mc__knob{width:28px;height:28px;margin-top:-14px;margin-left:-14px}.mc__preset-btn{min-width:32px;padding:4px 6px;font-size:9px}.mc__position-btn{padding:5px 3px;font-size:9px}.mc__value{font-size:11px}.mc__control-group label{font-size:10px}}