/* Cockpit VÉRTICE final — última camada, isolada ao modo imersivo. */
.desktop-exit{display:none}
@media (hover:hover) and (pointer:fine){
  body.immersive-control .desktop-exit{display:block;position:fixed;z-index:110;right:18px;bottom:18px;padding:11px 18px;border:1px solid #6d4649;border-radius:9px;background:rgba(52,21,24,.96);color:#ffadb0;font:800 12px var(--mono);letter-spacing:.08em;cursor:pointer}
  body.immersive-control .desktop-exit:hover{border-color:#ff7379;background:#4a1c20;color:#fff}
}
body.immersive-control{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}
body.immersive-control .tracking-head{display:none}
body.immersive-control .controls-card{pointer-events:none}
body.immersive-control .control-layout,body.immersive-control .joystick-zone,body.immersive-control .joystick-ring,body.immersive-control .joystick-knob,body.immersive-control .speed-control,body.immersive-control .speed-control input,body.immersive-control .emergency{pointer-events:auto}
body.immersive-control .speed-control{position:fixed;z-index:90;left:50%;top:calc(10px + var(--safe-top));width:min(520px,calc(100% - 32px));min-height:66px;margin:0;padding:10px 14px;border:1px solid #477065;border-radius:12px;background:rgba(7,25,20,.97);box-shadow:0 12px 35px rgba(0,0,0,.38);transform:translateX(-50%)}
body.immersive-control .speed-control span{font:800 15px/1.2 var(--mono)!important;letter-spacing:.08em}
body.immersive-control .speed-control input{width:100%;height:28px;margin:3px 0 0;accent-color:#36d4e8}
body.immersive-control .speed-control small{display:none}
body.immersive-control .sensor-strip{position:fixed;z-index:82;left:50%;top:calc(86px + var(--safe-top));bottom:auto;width:min(720px,calc(100% - 24px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0;border:1px solid #29473e;border-radius:10px;overflow:hidden;background:#29473e;transform:translateX(-50%)}
body.immersive-control .sensor-strip span{min-width:0;padding:9px 5px;background:rgba(8,27,21,.97);font:700 10px/1.25 var(--mono)!important;white-space:normal}
body.immersive-control .sensor-strip b{margin-top:4px;font-size:12px!important;line-height:1.25;overflow-wrap:anywhere}
body.immersive-control .controls-head{position:fixed;z-index:84;left:calc(12px + var(--safe-left));top:calc(10px + var(--safe-top));width:min(330px,27vw);max-width:none;padding:11px 13px;border:1px solid #34594e;border-radius:11px;background:rgba(7,25,20,.96);pointer-events:none}
body.immersive-control .controls-head small{font-size:10px!important}
body.immersive-control .controls-head strong{margin-top:5px;font-size:17px!important;line-height:1.2;overflow-wrap:anywhere}
body.immersive-control .controls-head .heartbeat{font-size:10px!important}
body.immersive-control .emergency{position:fixed;z-index:92;right:calc(12px + var(--safe-right));top:calc(10px + var(--safe-top));width:min(280px,24vw);min-height:54px;margin:0;padding:12px;border:1px solid #a44a50;border-radius:11px;background:#3a171b;color:#ff9da2;font-size:12px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.32)}
body.immersive-control .tracking-status{position:fixed;z-index:84;left:auto;right:calc(12px + var(--safe-right));top:calc(82px + var(--safe-top));bottom:auto;width:min(280px,24vw);display:grid;grid-template-columns:1fr;gap:6px}
body.immersive-control .tracking-status>span{padding:10px;border:1px solid #34594e;border-radius:9px;background:rgba(7,25,20,.96)}
body.immersive-control .tracking-status small{font-size:9px!important}
body.immersive-control #currentBlock{font-size:28px!important}
body.immersive-control #currentColor,body.immersive-control #positionQuality{font-size:17px!important}
body.immersive-control.input-touch #joystickZone{position:fixed;z-index:85;left:50%;top:55%;bottom:auto;width:min(42vw,420px);height:min(42vw,420px);transform:translate(-50%,-50%)}
body.immersive-control.input-touch .joystick-ring{width:min(34vw,340px);height:min(34vw,340px);border-width:3px;background:rgba(9,30,24,.88);box-shadow:0 0 0 12px rgba(102,230,173,.025),0 22px 70px rgba(0,0,0,.35)}
body.immersive-control.input-touch .joystick-knob{width:76px;height:76px;left:calc(50% - 38px);top:calc(50% - 38px)}
body.immersive-control .hold-to-move{position:fixed;z-index:83;left:50%;bottom:calc(12px + var(--safe-bottom));width:min(620px,calc(100% - 28px));margin:0;padding:11px 14px;transform:translateX(-50%);font-size:11px!important;pointer-events:none}
body.immersive-control .immersive-hint{position:fixed;z-index:95;left:50%;top:auto;bottom:calc(62px + var(--safe-bottom));width:min(520px,calc(100% - 28px));padding:10px 70px 10px 12px;transform:translateX(-50%);text-align:left;pointer-events:none}
body.immersive-control .immersive-hint b{font-size:10px}
body.immersive-control .immersive-hint p{margin:3px 0 0!important;font-size:9px!important;line-height:1.3!important}
body.immersive-control .immersive-hint span{display:none}
body.immersive-control .immersive-hint button{position:absolute;right:9px;top:50%;margin:0;padding:7px 10px;transform:translateY(-50%);font-size:9px;pointer-events:auto}

@media (orientation:portrait){
  body.immersive-control .speed-control{top:calc(8px + var(--safe-top));width:calc(100% - 20px);min-height:60px;padding:8px 11px}
  body.immersive-control .speed-control span{font-size:13px!important}
  body.immersive-control .sensor-strip{top:calc(76px + var(--safe-top));width:calc(100% - 16px);grid-template-columns:repeat(2,minmax(0,1fr))}
  body.immersive-control .sensor-strip span{padding:6px 3px;font-size:8px!important}
  body.immersive-control .sensor-strip b{font-size:10px!important}
  body.immersive-control .controls-head{left:calc(8px + var(--safe-left));top:calc(190px + var(--safe-top));width:46%;padding:8px}
  body.immersive-control .controls-head .heartbeat{display:none}
  body.immersive-control .controls-head strong{font-size:13px!important}
  body.immersive-control .emergency{right:calc(8px + var(--safe-right));top:calc(190px + var(--safe-top));width:46%;min-height:54px;padding:8px;font-size:10px}
  body.immersive-control .tracking-status{left:8px;right:8px;top:calc(252px + var(--safe-top));width:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  body.immersive-control .tracking-status>span{min-width:0;padding:7px 3px;text-align:center}
  body.immersive-control .tracking-status small{font-size:7px!important}
  body.immersive-control #currentBlock{font-size:23px!important}
  body.immersive-control #currentColor,body.immersive-control #positionQuality{font-size:12px!important;overflow-wrap:anywhere}
  body.immersive-control.input-touch #joystickZone{left:50%;top:auto;bottom:calc(82px + var(--safe-bottom));width:min(78vw,330px);height:min(78vw,330px);transform:translateX(-50%)}
  body.immersive-control.input-touch .joystick-ring{width:min(69vw,290px);height:min(69vw,290px)}
  body.immersive-control.input-touch .joystick-knob{width:68px;height:68px;left:calc(50% - 34px);top:calc(50% - 34px)}
  body.immersive-control .immersive-hint{display:none!important}
  body.immersive-control .hold-to-move{bottom:calc(8px + var(--safe-bottom));font-size:9px!important}
}

@media (orientation:landscape) and (max-height:600px){
  body.immersive-control .speed-control{width:34%;min-height:58px;padding:7px 12px}
  body.immersive-control .sensor-strip{top:calc(76px + var(--safe-top));width:42%}
  body.immersive-control .sensor-strip span{padding:6px 3px;font-size:8px!important}
  body.immersive-control .sensor-strip b{font-size:10px!important}
  body.immersive-control .controls-head{width:27%;top:calc(10px + var(--safe-top))}
  body.immersive-control .emergency{width:24%}
  body.immersive-control .tracking-status{top:calc(76px + var(--safe-top));width:24%}
  body.immersive-control.input-touch #joystickZone{top:59%;width:min(55vh,330px);height:min(55vh,330px)}
  body.immersive-control.input-touch .joystick-ring{width:min(48vh,290px);height:min(48vh,290px)}
  body.immersive-control .immersive-hint{display:none!important}
}
/* Ajustes de operação sempre visíveis: velocidade e sensibilidade. */
body.immersive-control .control-tuning{position:fixed;z-index:90;left:50%;top:calc(10px + var(--safe-top));width:min(650px,calc(100% - 32px));display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;transform:translateX(-50%);pointer-events:auto}
body.immersive-control .control-tuning .tuning-control{position:static;width:auto;min-width:0;min-height:66px;margin:0;padding:9px 12px;transform:none;border:1px solid #477065;border-radius:12px;background:rgba(7,25,20,.97);box-shadow:0 12px 35px rgba(0,0,0,.38)}
body.immersive-control .control-tuning .sensitivity-control span{font:800 13px/1.2 var(--mono)!important}
body.immersive-control .control-tuning .sensitivity-control{border-color:var(--lime);box-shadow:0 0 0 1px rgba(185,244,75,.2),0 12px 35px rgba(0,0,0,.38)}
body.immersive-control .control-tuning .sensitivity-control b{color:var(--lime);font-size:16px}
body.immersive-control .control-tuning .sensitivity-control input{height:28px;margin:3px 0 0}
body.immersive-control .control-tuning small{display:none}
@media(max-width:620px){body.immersive-control .control-tuning{top:calc(8px + var(--safe-top));width:calc(100% - 20px);grid-template-columns:1fr 1fr;gap:6px}body.immersive-control .control-tuning .tuning-control{min-height:72px;padding:7px 9px}body.immersive-control .control-tuning .sensitivity-control span{font-size:11px!important}}