:root{--mobile-primary: #0ea5e9;--mobile-primary-glow: rgba(14, 165, 233, .48);--mobile-secondary: #fb7185;--mobile-secondary-glow: rgba(251, 113, 133, .45);--mobile-text-primary: #f8fafc;--mobile-text-secondary: rgba(226, 232, 240, .82);--mobile-glass-bg: linear-gradient( 165deg, rgba(15, 23, 42, .7) 0%, rgba(15, 23, 42, .48) 100% );--mobile-glass-border: rgba(148, 163, 184, .28);--mobile-glass-shadow: 0 20px 40px rgba(2, 6, 23, .34)}.mobile-glass-panel{background:var(--mobile-glass-bg);border:1px solid var(--mobile-glass-border);box-shadow:var(--mobile-glass-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px}.mobile-controls-safe-area{padding-top:calc(env(safe-area-inset-top,0px) + .18rem);padding-right:calc(env(safe-area-inset-right,0px) + .6rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + .45rem);padding-left:calc(env(safe-area-inset-left,0px) + .6rem)}.mobile-controls-frame{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:.6rem}.mobile-top-strip{width:min(100%,380px);align-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem}.mobile-chip-btn{min-height:34px;border-radius:12px;border:1px solid rgba(186,230,253,.34);background:linear-gradient(165deg,#0f172ad1,#1e293b9e);color:var(--mobile-text-primary);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.54rem;box-shadow:0 10px 20px #02061747;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;touch-action:manipulation}.mobile-chip-btn:active{transform:scale(.97)}.mobile-chip-btn:disabled{opacity:.46;box-shadow:none}.mobile-chip-btn.active{border-color:#7dd3fce6;box-shadow:0 0 0 1px #7dd3fc80,0 0 16px var(--mobile-primary-glow)}.mobile-chip-label{display:block;width:100%;text-align:center;white-space:nowrap}.mobile-bottom-zone{width:100%;display:grid;grid-template-columns:minmax(84px,1fr) minmax(72px,96px) minmax(84px,1fr);align-items:end;gap:.28rem}.mobile-pad-cluster{display:flex;flex-direction:column;align-items:center;gap:.3rem}.mobile-pad-label{color:var(--mobile-text-secondary);font-size:.5rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.mobile-pad-base{position:relative;width:clamp(84px,24vw,104px);aspect-ratio:1 / 1;border-radius:999px;border:1px solid rgba(186,230,253,.3);background:radial-gradient(circle at 50% 40%,#94a3b857,#0f172a9e 80%);box-shadow:inset 0 2px 14px #0f172a73,0 14px 32px #02061761;touch-action:none}.mobile-pad-knob{position:absolute;top:50%;left:50%;width:clamp(26px,7.8vw,34px);height:clamp(26px,7.8vw,34px);border-radius:999px;border:1px solid rgba(224,242,254,.75);background:linear-gradient(180deg,#e0f2fef2,#bae6fdb8);box-shadow:0 6px 14px #02061759,inset 0 1px #ffffffc7;transition:transform 80ms linear,box-shadow .12s ease}.mobile-pad-knob.active{box-shadow:0 0 0 1px #7dd3fcb3,0 0 18px var(--mobile-primary-glow)}.mobile-action-dock{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:.3rem}.mobile-action-btn{min-height:34px;border-radius:12px;border:1px solid rgba(248,250,252,.24);background:linear-gradient(180deg,#0f172acc,#1e293ba8);color:var(--mobile-text-primary);font-size:.53rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;box-shadow:0 10px 24px #02061757;transition:transform .12s ease,box-shadow .12s ease;touch-action:manipulation}.mobile-action-btn:active{transform:scale(.97)}.mobile-action-btn-primary{min-height:38px}.mobile-action-btn.active{border-color:#7dd3fcf2;background:linear-gradient(180deg,#0ea5e9d1,#0284c7db);box-shadow:0 0 0 1px #7dd3fca6,0 0 18px var(--mobile-primary-glow)}.mobile-under-pad-actions{width:min(100%,360px);align-self:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;padding-top:.5rem}.mobile-controls-frame.is-landscape .mobile-top-strip{width:min(52vw,420px)}.mobile-controls-frame.is-landscape .mobile-bottom-zone{grid-template-columns:minmax(104px,1fr) minmax(94px,120px) minmax(104px,1fr);gap:.72rem}@media(max-width:420px){.mobile-controls-safe-area{padding-right:calc(env(safe-area-inset-right,0px) + .45rem);padding-left:calc(env(safe-area-inset-left,0px) + .45rem)}.mobile-top-strip{gap:.42rem}.mobile-under-pad-actions{width:min(100%,320px);gap:.32rem;padding-top:.42rem}.mobile-chip-btn{min-height:33px;font-size:.52rem}.mobile-bottom-zone{gap:.24rem;grid-template-columns:minmax(80px,1fr) minmax(66px,90px) minmax(80px,1fr)}.mobile-action-btn{min-height:32px;font-size:.5rem}.mobile-action-btn-primary{min-height:36px}}@media(max-height:860px)and (orientation:portrait){.mobile-controls-safe-area{padding-top:calc(env(safe-area-inset-top,0px) + .16rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + .32rem)}.mobile-top-strip{width:min(100%,360px);gap:.26rem}.mobile-under-pad-actions{width:min(100%,300px);gap:.24rem;padding-top:.34rem}.mobile-chip-btn{min-height:31px;font-size:.48rem;letter-spacing:.06em}.mobile-bottom-zone{grid-template-columns:minmax(74px,1fr) minmax(60px,84px) minmax(74px,1fr);gap:.2rem}.mobile-pad-label{font-size:.44rem;letter-spacing:.12em}.mobile-pad-base{width:clamp(74px,22vw,96px)}.mobile-pad-knob{width:clamp(24px,7vw,30px);height:clamp(24px,7vw,30px)}.mobile-action-btn{min-height:30px;font-size:.47rem;letter-spacing:.06em}.mobile-action-btn-primary{min-height:34px}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--mobile-primary-glow)}50%{box-shadow:0 0 18px var(--mobile-primary-glow)}}.animate-pulse-glow{animation:pulse-glow 1.6s infinite}