.fp-controls{position:fixed;inset:0;pointer-events:none;z-index:18;display:none}.fp-controls.show{display:block}.fp-pad{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));width:168px;height:168px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 50% 45%,rgba(45,67,112,.28),rgba(5,10,24,.72));box-shadow:0 14px 38px rgba(0,0,0,.30),inset 0 0 0 12px rgba(255,255,255,.028);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.fp-pad.move{left:16px}.fp-pad.look{right:16px}.fp-pad:before{content:'';position:absolute;inset:27px;border-radius:50%;border:1px solid rgba(255,255,255,.09)}.fp-pad-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 12px/1 system-ui,sans-serif;letter-spacing:.14em;color:rgba(235,242,255,.78);pointer-events:none}.fp-pad-knob{position:absolute;left:50%;top:50%;width:66px;height:66px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,rgba(121,255,225,.96),rgba(130,157,255,.96));box-shadow:0 9px 24px rgba(70,145,255,.32);pointer-events:none}.fp-pad.look .fp-pad-knob{background:linear-gradient(135deg,rgba(255,186,112,.96),rgba(255,96,133,.96))}.fp-pad small{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font:800 8px/1 system-ui,sans-serif;letter-spacing:.08em;color:rgba(220,229,255,.56);pointer-events:none;white-space:nowrap}@media(max-width:430px){.fp-pad{width:156px;height:156px;bottom:max(18px,env(safe-area-inset-bottom))}.fp-pad.move{left:8px}.fp-pad.look{right:8px}.fp-pad-knob{width:60px;height:60px}.fp-pad:before{inset:27px}}@media(max-width:360px){.fp-pad{width:146px;height:146px}.fp-pad-knob{width:56px;height:56px}}