/* Beta 1 presentation only. The V22 canvases, projection and controls are untouched. */
:root{--beta-cyan:#37dfff;--beta-ink:rgba(3,38,67,.69);--beta-white:#effbff}
#displaySwitcher{background:linear-gradient(135deg,#061d36,#0d4b73);border-bottom:1px solid #78dcff55;padding:18px}#displaySwitcher>strong{font-size:18px;color:#e8f9ff}#displaySwitcher h2{letter-spacing:.12em;font-size:11px;color:#9fdcf7}#displaySwitcher button{background:#0b4265;border:1px solid #8de5ff55;min-height:48px}#displaySwitcher #viewPilotPhone,#displaySwitcher #viewPilotVisor{font-weight:700;background:#075d89}#displaySwitcher small{display:block;margin-top:12px;line-height:1.5}
#pilotScreen{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--beta-white);background:#092337}#pilotStage{position:absolute!important;inset:0!important;flex:none!important;min-height:0!important;background:linear-gradient(180deg,#102f48,#21465b)!important}#pilotScreen #camera{filter:none}#pilotScreen .betaGlass{background:var(--beta-ink);border:1px solid #a3edff55;border-radius:18px;box-shadow:0 3px 15px #001e3a33;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
#betaBrandBar{position:absolute;top:calc(env(safe-area-inset-top) + 9px);left:12px;right:12px;height:38px;display:flex;align-items:center;justify-content:space-between;gap:7px;z-index:12;pointer-events:none}.betaBrand{font-size:28px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;position:relative;line-height:1}.betaBrand svg{width:34px;height:28px;margin-left:-2px;color:#75ddff}.betaPill{padding:6px 9px;border-radius:18px;background:#08649ba6;border:1px solid #7ccfff40;font-size:10px;font-weight:700;letter-spacing:.02em;text-align:center}.betaGPS{font-size:11px;font-weight:800;color:#b4cbd8;white-space:nowrap}.betaGPS[data-state=green]{color:#54f39a}.betaGPS[data-state=yellow]{color:#ffdc87}
body[data-display="pilot-phone"] #pilotScreen .pilotTop{position:absolute!important;top:calc(env(safe-area-inset-top) + 67px)!important;left:10px!important;right:10px!important;display:flex!important;justify-content:space-between!important;gap:0!important;z-index:11!important;background:transparent!important;padding:0!important;pointer-events:none}
body[data-display="pilot-phone"] #pilotScreen .pilotTop>div{flex:none;width:27%;max-width:132px;min-height:104px;background:var(--beta-ink);border-radius:17px;text-align:center;padding:8px 3px;box-sizing:border-box;border:1px solid #8de9ff21}.pilotTop small{font-weight:650!important}.pilotTop strong{font-variant-numeric:tabular-nums}
body[data-display="pilot-phone"] #pilotScreen .pilotTop small{font-size:10px!important;min-height:23px;color:#f0faff;line-height:1.1}body[data-display="pilot-phone"] #pilotScreen .pilotTop strong{font-size:clamp(29px,9.8vw,46px)!important;letter-spacing:-1.5px;line-height:1.03!important}body[data-display="pilot-phone"] #pilotScreen .pilotTop .units{font-size:10px!important;line-height:1.3;display:block;margin-top:4px}body[data-display="pilot-phone"] #pilotScreen .pilotTop>div:last-child small{font-size:8px!important;padding:0 5px}
#betaBCompass{position:absolute;top:calc(env(safe-area-inset-top) + 72px);left:50%;transform:translateX(-50%);width:42%;max-width:166px;height:104px;z-index:12;text-align:center;pointer-events:none;text-shadow:0 1px 4px #001b2b}#betaBCompass .betaCompassWindow{height:38px;top:0;width:100%;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.betaBNeedle{position:absolute;left:calc(50% - 4px);top:37px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:19px solid #e9faff;filter:drop-shadow(0 0 3px #48dcff)}.betaBNeedle:after{content:'';position:absolute;top:0;left:-3px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:11px solid #f07772}#betaBHeading{display:block;position:absolute;top:61px;left:0;right:0;font-size:25px;font-weight:750}#betaBCompass>small{position:absolute;top:91px;left:0;right:0;font-size:8px;letter-spacing:.12em;color:#d4e8f0}
#betaVario{position:absolute;top:calc(env(safe-area-inset-top) + 204px);left:11px;width:94px;padding:11px 7px;box-sizing:border-box;z-index:7;text-align:center;pointer-events:none}#betaVario strong{font-size:25px;display:block;line-height:1.1}#betaVario strong small{font-size:11px}#betaVario>span:last-child{font-size:8px;letter-spacing:.04em;display:block;margin-top:5px;color:#c8dfe9}.betaVarioArrow{font-size:18px;color:#b9cdd6;float:left;margin:0 2px 0 0}
#betaColumnInfo{position:absolute;top:calc(env(safe-area-inset-top) + 210px);right:10px;width:106px;box-sizing:border-box;z-index:7;padding:9px 8px;pointer-events:none}#betaPointName{display:block;font-size:19px;line-height:1.15;color:#fff}#betaPointSource{display:block;font-size:8px;line-height:1.25;color:#93ecff;padding-top:4px}#betaColumnInfo dl{margin:7px 0 0}#betaColumnInfo dl>div{padding:7px 0;border-top:1px solid #9ceaff30}#betaColumnInfo dt{font-size:10px;color:#d5e9f1}#betaColumnInfo dd{margin:2px 0 0;font-size:19px;font-weight:750;line-height:1.1;overflow-wrap:anywhere}
#pilotScreen #t1Label,#pilotScreen #pilotNorth,#pilotScreen #pilotSelected{display:none!important}
body[data-display="pilot-phone"] #pilotScreen #pilotRadarRow{position:absolute!important;top:auto!important;left:8px!important;right:8px!important;bottom:calc(env(safe-area-inset-bottom) + 100px)!important;height:146px;display:flex;align-items:flex-end;padding:0!important;gap:12px;background:transparent!important;z-index:8!important;border:0!important;pointer-events:none}
body[data-display="pilot-phone"] #pilotScreen #pilotRadar{width:146px!important;height:146px!important;border-radius:50%;background:radial-gradient(circle,#07516b99,#052b44a8 70%);border:1px solid #c1f4ff99;box-shadow:0 0 14px #2fd7ff18;pointer-events:auto}
body[data-display="pilot-phone"] #pilotScreen #pilotPoints{margin-left:auto;max-width:154px;max-height:90px;pointer-events:auto;gap:4px}body[data-display="pilot-phone"] #pilotScreen #pilotPoints button{background:#063b58b8;border:1px solid #99e9ff50;border-radius:10px;min-height:30px;font-size:10px;line-height:1.25;padding:5px 7px}#pilotPoints button[aria-pressed=true]{background:#06728dbd!important;border-color:#a7f4ff!important}
body[data-display="pilot-phone"] #pilotScreen #pilotActions{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:calc(env(safe-area-inset-bottom) + 17px)!important;z-index:15!important;display:flex;align-items:center;padding:8px 11px!important;gap:10px;background:linear-gradient(180deg,#032238a6,#021426d9)!important;border-top:1px solid #7de5ff30;min-height:54px;box-sizing:border-box}
body[data-display="pilot-phone"] #pilotScreen #pilotActions button{min-height:44px!important;border:1px solid #79dfff55!important;background:#0c4f70ae!important;border-radius:24px!important;font-size:10px!important;font-weight:750;padding:8px 5px!important;line-height:1.2;box-shadow:0 2px 9px #00121c40}body[data-display="pilot-phone"] #pilotScreen #pilotActions #pilotMenu{flex:1.5;background:#096794b8!important}
body[data-display="pilot-phone"] #pilotScreen #pilotStatus{position:absolute!important;top:auto!important;bottom:calc(env(safe-area-inset-bottom) + 79px)!important;left:9px!important;right:9px!important;background:#031d32bc!important;border:1px solid #79dfff25;border-radius:6px;font-size:8px!important;line-height:1.25!important;z-index:10!important;margin:0!important;padding:4px 6px!important;max-height:24px;overflow:hidden;box-sizing:border-box}
body[data-display="pilot-phone"] #pilotScreen #pilotHomeStatus{position:absolute!important;top:auto!important;bottom:calc(env(safe-area-inset-bottom) + 250px)!important;left:10px!important;right:10px!important;z-index:11!important;background:#052b41d6!important;border-radius:8px;font-size:11px;padding:7px}
#pilotScreen #pilotWarning{display:none!important}#betaVersionBadge{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom);z-index:15;font-size:8px;letter-spacing:.1em;line-height:17px;text-align:center;color:#d5e7ef;background:#021725d9;pointer-events:none}#betaRecordingState{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 249px);left:12px;z-index:9;display:flex;align-items:center;gap:5px;font-size:7px;color:#daecf5;pointer-events:none;text-shadow:0 1px 4px #001c2b}#betaRecordingState>i{width:7px;height:7px;border:1px solid #b8d4df;border-radius:50%;background:#163a50}#betaRecordingState[data-active=true]>i{background:#ff615f;border-color:#ffd1cc;box-shadow:0 0 5px #ff615f80}
/* Shared compass strip: only the scale moves. The center arrow never transforms. */
.betaCompassWindow{position:absolute;left:0;right:0;overflow:hidden;pointer-events:none}.betaCompassTick{font-style:normal;position:absolute;top:20px;width:1px;height:6px;background:#f0fbffbd;transform:translateX(-50%)}.betaCompassTick.major{height:12px;width:2px;background:#fff}.betaCompassTick>span{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);font-size:12px;font-weight:700;white-space:nowrap;line-height:1;color:#fff}#betaBScale .betaCompassTick{top:25px;height:5px}#betaBScale .betaCompassTick.major{height:9px}#betaBScale .betaCompassTick>span{bottom:13px;font-size:10px}#betaBScale[data-valid=false],#betaF3Scale[data-valid=false]{opacity:.18}
#betaF3Compass,#betaF3Selected,#betaSelectionFrame{display:none}
body[data-display="pilot-visor"] #pilotScreen #betaBrandBar,body[data-display="pilot-visor"] #betaBCompass,body[data-display="pilot-visor"] #betaVario,body[data-display="pilot-visor"] #betaColumnInfo,body[data-display="pilot-visor"] #pilotScreen .pilotTop{display:none!important}
body[data-display="pilot-visor"] #pilotScreen #pilotActions{position:absolute!important;top:calc(env(safe-area-inset-top) + 7px)!important;left:7px!important;right:auto!important;bottom:auto!important;padding:0!important;background:transparent!important;z-index:18!important}body[data-display="pilot-visor"] #pilotScreen #pilotMenu{min-height:40px!important;padding:8px 10px!important;background:#03233385!important;color:#edfaff;border:1px solid #b2f1ff73!important;border-radius:20px!important;font-size:9px!important;box-shadow:0 0 10px #001e3522}
body[data-display="pilot-visor"] #pilotScreen #pilotStatus{position:absolute!important;bottom:calc(env(safe-area-inset-bottom) + 116px)!important;top:auto!important;left:8px!important;right:8px!important;max-width:510px;margin:0 auto!important;text-align:center;background:#04263a65!important;border-radius:8px;font-size:9px!important;line-height:1.3!important;padding:4px 7px!important;z-index:12!important;pointer-events:none}
body[data-display="pilot-visor"] #betaF3Selected:not([hidden]){display:flex;position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 76px);transform:translateX(-50%);align-items:center;gap:9px;z-index:13;border:2px solid #d0faff;border-radius:28px;background:#06334ba8;padding:7px 13px 17px;box-shadow:0 0 12px #27dcff70;color:#fff;white-space:nowrap;pointer-events:none;max-width:calc(100% - 30px);box-sizing:border-box}#betaF3Name{font-size:20px;background:#06a9d6c4;color:#fff;border-radius:13px;padding:5px 8px;line-height:1}#betaF3Distance,#betaF3Bearing{font-size:21px;font-weight:750;line-height:1}#betaF3Bearing{border-left:1px solid #62eaff8c;padding-left:9px}#betaF3Source{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.11em;color:#dbf8ff}#betaF3Selected>i{position:absolute;left:calc(50% - 10px);bottom:-13px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid #d5fbff}
body[data-display="pilot-visor"] #betaSelectionFrame:not([hidden]){display:block;position:absolute;z-index:6;pointer-events:none;min-width:12px;min-height:12px}#betaSelectionFrame>i{position:absolute;width:18px;height:18px;border:3px solid #86f5ff;filter:drop-shadow(0 0 4px #00d9ff);box-sizing:border-box}#betaSelectionFrame>i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:9px 0 0 0}#betaSelectionFrame>i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 9px 0 0}#betaSelectionFrame>i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 9px}#betaSelectionFrame>i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 9px 0}
body[data-display="pilot-visor"] #betaF3Compass{display:block;position:absolute;bottom:calc(env(safe-area-inset-bottom) + 22px);left:50%;transform:translateX(-50%);width:min(78vw,390px);height:70px;z-index:14;pointer-events:none;text-shadow:0 1px 6px #00172f}#betaF3Scale{height:40px;top:0;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}#betaF3Cardinal{position:absolute;top:2px;left:0;right:0;text-align:center;color:#fff;font-size:18px;line-height:1;transform:translateY(-18px)}.betaF3Arrow{position:absolute;left:calc(50% - 10px);top:29px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:27px solid #19d4ff;filter:drop-shadow(0 0 5px #24dfff88)}#betaF3CompassNote{position:absolute;bottom:0;left:-20px;right:-20px;text-align:center;font-size:7px;color:#ddf8ff}body[data-display="pilot-visor"] #betaRecordingState{left:auto;right:10px;bottom:auto;top:calc(env(safe-area-inset-top) + 19px);font-size:7px}body[data-display="pilot-visor"] #betaVersionBadge{font-size:7px;background:#03223580}
@media(max-height:670px){body[data-display="pilot-phone"] #pilotScreen .pilotTop{top:calc(env(safe-area-inset-top) + 52px)!important}body[data-display="pilot-phone"] #pilotScreen .pilotTop>div{min-height:85px;padding:5px 2px}body[data-display="pilot-phone"] #pilotScreen .pilotTop strong{font-size:32px!important}#betaBCompass{top:calc(env(safe-area-inset-top) + 53px);height:90px}#betaBHeading{top:54px;font-size:22px}#betaBCompass>small{top:79px}#betaVario{top:calc(env(safe-area-inset-top) + 157px);width:81px;padding:8px 4px}#betaColumnInfo{top:calc(env(safe-area-inset-top) + 157px);width:96px;padding:7px}#betaColumnInfo dl>div{padding:5px 0}#betaColumnInfo dd{font-size:17px}body[data-display="pilot-phone"] #pilotScreen #pilotRadarRow{height:114px;bottom:calc(env(safe-area-inset-bottom) + 91px)!important}body[data-display="pilot-phone"] #pilotScreen #pilotRadar{width:114px!important;height:114px!important}#betaRecordingState{bottom:calc(env(safe-area-inset-bottom) + 210px)}body[data-display="pilot-phone"] #pilotScreen #pilotStatus{bottom:calc(env(safe-area-inset-bottom) + 73px)!important;font-size:7px!important}body[data-display="pilot-phone"] #pilotScreen #pilotActions{bottom:calc(env(safe-area-inset-bottom) + 12px)!important;padding:6px 9px!important}#betaBrandBar{height:30px;top:calc(env(safe-area-inset-top) + 6px)}.betaBrand{font-size:24px}}
@media(max-width:350px){#betaBrandBar{left:8px;right:8px;gap:4px}.betaBrand{font-size:23px}.betaBrand svg{width:24px}.betaPill{font-size:8px;padding:5px 6px}.betaGPS{font-size:9px}#betaColumnInfo{width:92px;right:6px}#betaVario{left:6px;width:80px}#betaF3Name{font-size:16px}#betaF3Distance,#betaF3Bearing{font-size:18px}body[data-display="pilot-phone"] #pilotScreen #pilotPoints{max-width:130px}#betaBCompass{width:38%}}
@media(orientation:landscape) and (max-height:550px){#betaBrandBar{height:26px;top:4px}.betaBrand{font-size:20px}body[data-display="pilot-phone"] #pilotScreen .pilotTop{top:42px!important;left:12px!important;right:12px!important}.pilotTop>div{max-width:100px!important;min-height:80px!important}#betaBCompass{top:42px;width:160px}#betaVario{top:140px;width:85px}#betaColumnInfo{top:135px;width:100px}#betaColumnInfo dl>div{padding:3px 0}#betaColumnInfo dd{font-size:15px}body[data-display="pilot-phone"] #pilotScreen #pilotRadarRow{height:100px;left:115px!important;right:130px!important;bottom:65px!important}body[data-display="pilot-phone"] #pilotScreen #pilotRadar{width:100px!important;height:100px!important}body[data-display="pilot-phone"] #pilotScreen #pilotStatus{bottom:65px!important;left:230px!important;right:130px!important}#betaRecordingState{bottom:172px;left:115px}body[data-display="pilot-visor"] #betaF3Selected:not([hidden]){top:18px}body[data-display="pilot-visor"] #pilotScreen #pilotStatus{bottom:80px!important;font-size:8px!important}body[data-display="pilot-visor"] #betaF3Compass{bottom:14px;height:60px}}
.betaCompassWindow[data-valid=false] .betaCompassTick>span{visibility:hidden}

#pilotScreen #pilotPoints{scrollbar-width:none}#pilotScreen #pilotPoints::-webkit-scrollbar{display:none}#pilotScreen #pilotPoints[hidden]{display:none!important}