*{box-sizing:border-box}body{margin:0;background:#142222;color:#ecebdd;font:14px Arial,sans-serif;min-height:100svh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;padding:19px 4vw;gap:20px;border-bottom:1px solid #ffffff20;font-size:12px}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.stickPad:focus-visible{outline:2px solid #f1d377;outline-offset:4px}.heading{display:flex;justify-content:space-between;align-items:center;padding:16px 4vw;gap:12px}.eyebrow{font-size:10px;letter-spacing:2px;color:#bac5bb}h1{font:30px Georgia,serif;margin:5px 0 0}.heading button,.toolbar button{border:1px solid #8b9c8b66;background:#233530;color:#ecebdd;padding:10px 14px;border-radius:3px}.toolbar button[aria-pressed=true]{background:#e9db9f;color:#182922}main{display:flex;flex-direction:column;flex:1}#scene{position:relative;height:calc(100svh - 470px);min-height:310px;background:#cdd3c6}#scene canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;top:40%;left:0;right:0;text-align:center;color:#24392b}.dock{padding:12px 20px 5px;background:radial-gradient(ellipse at 50% 40%,#304239,#13211c 75%)}.toolbar{max-width:1000px;margin:0 auto 12px;display:flex;justify-content:space-between;align-items:center;gap:14px}.toolbar>div{display:flex;gap:7px}.toolbar p{font-size:12px;color:#bdc8ba;margin:0}#remote-mount{max-width:570px;margin:auto}.help{text-align:center;font-size:11px;line-height:1.6;color:#bac5bb;margin:15px auto 6px}.winchLabel{background:none;border:0}.remoteSignal i{width:4px;height:4px;border-radius:50%;background:#bed19b}.remoteFunctions button{min-height:32px}footer{padding:10px 4vw;text-align:center;font-size:10px;line-height:1.6;color:#acb9ad;background:#111b18}#toast{display:none;text-align:center;padding:8px;color:#ffdd8b;font-size:12px}#toast.visible{display:block}@media(max-width:600px){header{font-size:10px;padding:15px 5vw}.heading{padding:12px 5vw}h1{font-size:25px}.heading button{font-size:11px;padding:10px}.dock{padding:10px 15px 4px}.toolbar{display:block;text-align:center}.toolbar>div{justify-content:center}.toolbar button{font-size:11px;padding:10px 9px}.toolbar p{font-size:10px;margin:8px 0}#scene{height:calc(100svh - 450px);min-height:280px}.remote{padding:8px 12px 0;border-radius:16px 16px 22px 22px}.remoteFace{padding:7px 8px 9px}.remoteCore{grid-template-columns:1fr 90px 1fr;gap:5px}.stickPad{width:76px;height:76px}.stickKnob{width:35px;height:35px;margin:-17.5px}.lcd{padding:5px}.lcdValues{gap:6px}.lcdValues b{font-size:12px}.lcdTop{font-size:5px}.remoteHeader>b{font-size:11px}.remoteHeader>b>span{font-size:5px;letter-spacing:1px}.remoteVersion{font-size:6px}.remoteFunctions{gap:7px}.toggleBtn{font-size:6px;padding:4px;gap:5px}.holdBtn{width:29px}.winchControls{gap:3px}.winchControls>.winchLabel{font-size:6px}.stopAssembly>span{display:none}.axisTitle{font-size:6px;letter-spacing:.5px}.remoteChin{height:20px;font-size:5px}.help{font-size:10px;max-width:330px}footer{font-size:9px}}
/* Keep the full remote visible together with the machine. */
body{height:100svh}header,footer,.heading,.dock{flex-shrink:0}main{min-height:0}#scene{height:auto;flex:1;min-height:220px}