.remote{position:relative;isolation:isolate;background:linear-gradient(100deg,#d59b16,#f0c329 23%,#e6b821 65%,#bf8c0e);border:1px solid #b8972d;border-radius:24px 24px 34px 34px;padding:11px 27px 0;box-shadow:0 4px 0 #ae7d10,0 7px 0 #795e22,0 15px 20px -9px #27352355,0 22px 45px -24px #24321e99;transform:perspective(1200px) rotateX(3deg);user-select:none;-webkit-user-select:none}.grip{position:absolute;top:18px;bottom:23px;width:24px;background:repeating-linear-gradient(0deg,#171b1e 0px,#171b1e 5px,#282f32 6px,#282f32 9px);border:1px solid #101619;border-radius:15px;box-shadow:inset 3px 0 4px #ffffff10;z-index:2}.gripLeft{left:-9px;transform:rotate(-3deg)}.gripRight{right:-9px;transform:rotate(3deg)}.remoteFace{position:relative;background:linear-gradient(120deg,#354045,#222b30 50%,#2e383d);border:1px solid #4b5557;box-shadow:inset 0 1px 2px #ffffff25,0 2px 2px #806615;border-radius:14px 14px 17px 17px;padding:10px 19px 12px;color:#e5e9e5}.screw{position:absolute;width:5px;height:5px;border-radius:50%;background:linear-gradient(120deg,#a5b0ad,#394449);border:1px solid #10191e}.screw:after{content:'';height:1px;position:absolute;top:1px;left:0;right:0;background:#19272d;transform:rotate(-25deg)}.screw.tl{left:7px;top:7px}.screw.tr{right:7px;top:7px}.screw.bl{left:7px;bottom:7px}.screw.br{right:7px;bottom:7px}.remoteHeader{display:flex;justify-content:space-between;align-items:center;height:22px;border-bottom:1px solid #4b555422;padding-bottom:7px}.remoteHeader>b{font-size:14px;font-style:italic;color:#eac538;letter-spacing:-1px}.remoteHeader>b>span{font-size:7px;font-style:normal;letter-spacing:1.7px;color:#b7c2bb;font-weight:400;margin-left:6px}.remoteSignal{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1.1px;color:#a5bb9d}.remoteSignal i{box-shadow:0 0 5px #9eb57790}.remoteVersion{font-size:7px;letter-spacing:1.3px;color:#7f9390}.remoteCore{display:grid;grid-template-columns:1fr 156px 1fr;gap:13px;align-items:center;padding:5px 0}.stickUnit{display:flex;flex-direction:column;align-items:center}.axisTitle{background:none;border:0;color:#9eafa9;font-size:7px;font-weight:700;letter-spacing:1.2px;padding:3px 0}.axisTitle:hover{color:#f6d363}.axisTitle.lower{padding-top:6px}.stickPad{position:relative;width:125px;height:125px;touch-action:none;cursor:grab;border-radius:50%;background:radial-gradient(circle at 48% 46%,#172327 0 28%,#303b40 29% 33%,#111c20 34% 37%,#2b363b 38% 48%,#172226 49% 54%,#39474c 55% 57%,#1c292d 58% 63%,#344045 64%);box-shadow:inset 0 3px 7px #0009,0 1px 0 #6d797450;border:1px solid #141e22;outline-offset:4px}.stickPad.active{cursor:grabbing}.stickRing{position:absolute;inset:9px;border:1px solid #66756a40;border-radius:50%}.cross{position:absolute;background:#7e8d7922;pointer-events:none}.cross.x{height:1px;top:50%;left:9%;right:9%}.cross.y{width:1px;left:50%;top:9%;bottom:9%}.stickKnob{position:absolute;left:50%;top:50%;width:49px;height:49px;margin:-24.5px;border-radius:50%;background:radial-gradient(circle at 32% 23%,#606b6e 0,#35434a 28%,#1b282d 65%,#0b171c 75%);box-shadow:3px 7px 8px #0009,inset 0 1px 1px #bac9c166,0 0 0 4px #101b1faa;z-index:3;pointer-events:none;will-change:transform}.stickKnob i{position:absolute;inset:9px;border-radius:50%;border:1px solid #75858240;background:repeating-linear-gradient(0deg,transparent 0 3px,#7f918d14 3px 4px)}.stickPad.active .stickKnob{box-shadow:3px 7px 8px #0009,inset 0 1px 1px #bac9c166,0 0 0 4px #e5bf392e}.padArrow{position:absolute;color:#71837c;font-size:9px;line-height:1;pointer-events:none}.padArrow.up{left:calc(50% - 3px);top:5px}.padArrow.down{left:calc(50% - 3px);bottom:5px}.padArrow.left{top:calc(50% - 4px);left:5px}.padArrow.right{top:calc(50% - 4px);right:5px}.centerConsole{align-self:center}.lcd{background:#152b27;border:3px solid #162126;border-radius:5px;box-shadow:0 1px 1px #7d8a7944,inset 0 2px 7px #00150dbb;padding:7px 8px;color:#c1dbac}.lcdTop{display:flex;gap:4px;align-items:center;font-size:6px;letter-spacing:.6px;border-bottom:1px solid #41634688;padding-bottom:6px}.lcdTop>i{background:#b4d191;width:3px;height:3px}.lcdTop>span:last-child{margin-left:auto}.lcdValues{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;margin-top:6px}.lcdValues>div{display:flex;flex-direction:column;gap:2px}.lcdValues span{font-size:5px;color:#7c9d7c;letter-spacing:1px}.lcdValues b{font-family:monospace;font-size:15px;font-weight:400;line-height:1}.stopAssembly{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:11px}.stopAssembly>span{font-size:5px;line-height:1.5;letter-spacing:.7px;color:#9aa79c;max-width:54px}.stopAssembly button{height:37px;width:43px;border-radius:50%;border:2px solid #912722;background:radial-gradient(ellipse at 40% 20%,#e86a53,#c23f35 57%,#962d26 75%);color:#ffe2cc;text-shadow:0 1px #72291e;font-size:8px;font-weight:700;box-shadow:0 3px 0 #711c16,0 4px 0 5px #d0ac2f,0 7px 5px 6px #0005;flex:none;transition:transform .1s,box-shadow .1s}.remote.stopped .stopAssembly button{transform:translateY(3px);box-shadow:0 0 0 #711c16,0 1px 0 5px #d0ac2f,0 3px 4px 6px #0005;background:#87251f}.remote.stopped .remoteSignal{color:#efa194}.remote.stopped .remoteSignal i{background:#d55a44;box-shadow:0 0 5px #d55a44}.remote.stopped .lcd{color:#eca690;background:#34241d}.remote.stopped .lcdValues{opacity:.45}.remote.stopped .stickPad{opacity:.55}.remoteFunctions{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:17px;align-items:center;border-top:1px solid #7c8e7b25;padding-top:9px;margin-top:5px}.toggleBtn{height:30px;display:flex;gap:8px;align-items:center;background:linear-gradient(#29373b,#19272c);border:1px solid #4d5b57;border-radius:4px;color:#b7c4ba;padding:4px 8px;box-shadow:0 2px 0 #0e1a1e;font-size:7px;letter-spacing:.8px;text-align:left}.toggleBtn i{display:inline-block;flex:none;width:14px;height:19px;border-radius:3px;border:1px solid #68736c;background:linear-gradient(#525f60,#29383c);box-shadow:0 2px 2px #0006;position:relative}.toggleBtn i:after{content:'';position:absolute;width:7px;height:2px;left:2.5px;top:4px;background:#142220}.toggleBtn[aria-pressed=true] i{background:linear-gradient(#26383c,#617267)}.toggleBtn[aria-pressed=true] i:after{background:#d4d485;top:12px;box-shadow:0 0 3px #ded889}.winchControls{display:flex;align-items:center;gap:5px;justify-content:flex-end}.winchControls>.winchLabel{font-size:7px;letter-spacing:.8px;margin-right:auto;color:#a8b9ad}.holdBtn{width:30px;height:30px;touch-action:none;background:linear-gradient(#485a5d,#25383e);border:1px solid #63726b;border-radius:4px;color:#e1e3bb;box-shadow:0 2px 0 #132229;font-size:18px;line-height:1}.holdBtn.active{transform:translateY(2px);background:#526858;box-shadow:none}.remoteChin{height:25px;display:flex;align-items:center;justify-content:space-between;font-size:6px;font-weight:700;letter-spacing:1.7px;color:#72581d}.remoteChin>span:last-child{font-size:5px;letter-spacing:1px}