.phone-view-tabs{position:absolute;z-index:7;top:11.8%;left:17%;right:17%;display:flex;padding:3px;border:1px solid #d5e2eb;border-radius:24px;background:#fff;box-shadow:0 3px 12px #073d6c0c;gap:2px}.phone-view-tabs button{flex:1;border:0;border-radius:20px;padding:6px 2px;background:transparent;color:#637c8e;font-size:10px;font-weight:650;white-space:nowrap;cursor:pointer}.phone-view-tabs button[aria-selected=true]{background:#073d6c;color:white;box-shadow:0 2px 5px #073d6c24}.phone-view-tabs button:focus-visible,.phone-lens button:focus-visible{outline:2px solid #e9a333;outline-offset:2px}.phone-view-tabs[hidden],.phone-lens[hidden],.phone-lens [hidden]{display:none!important}.phone-lens{position:absolute;top:17.8%;bottom:7.5%;left:0;right:0;z-index:6;background:#0a2c46;color:white;overflow:hidden;container-type:inline-size}.phone-lens-heading{height:55px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:9px 15px;background:#0a2c46}.phone-lens-heading small{display:block;color:#e8bc70;letter-spacing:.17em;font-size:6px;font-weight:700;margin-bottom:4px}.phone-lens-heading strong{font-size:16px;letter-spacing:-.025em;line-height:1.1}.phone-lens-expand{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid #b9cfdf44;background:#ffffff0a;color:#fff;font-size:21px;cursor:pointer}.phone-lens-scene{position:absolute;top:55px;bottom:0;left:0;right:0;min-height:0!important;background:#102f47}.phone-lens-scene .sv-poi{min-width:100px;max-width:170px;padding:9px 10px;border-radius:11px}.phone-lens-scene .sv-poi strong{font-size:11px}.phone-lens-scene .sv-poi small{font-size:7px;margin-top:4px}.phone-lens-scene .sv-poi-type{font-size:6px;margin-bottom:4px}.phone-lens-scene .sv-find-place{bottom:92px;padding:8px 11px;font-size:9px;white-space:nowrap}.phone-lens-scene .sv-message{padding:18px}.phone-lens-scene .sv-message>strong{font-size:15px}.phone-lens-scene .sv-message p{font-size:10px}.phone-lens-scene .sv-message-icon{font-size:32px}.phone-lens-places{position:absolute;top:66px;left:11px;display:flex;gap:5px;z-index:3}.phone-lens-places button{display:flex;align-items:center;gap:4px;border:1px solid #d7e3eb;background:#fffffff0;color:#153950;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:650;box-shadow:0 2px 9px #0001;cursor:pointer}.phone-lens-places button[aria-pressed=true]{background:#103e5d;color:#fff;border-color:#e5ba73}.phone-lens-places svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.7}.phone-lens-disclosure{position:absolute;z-index:2;bottom:33px;left:50%;transform:translateX(-50%);margin:0!important;padding:4px 8px;border-radius:12px;background:#082c47d9;color:#fff!important;font-size:6px!important;line-height:1.2!important;white-space:nowrap;pointer-events:none}.phone-place-sheet{position:absolute;z-index:5;left:8px;right:8px;bottom:27px;max-height:76%;overflow:auto;background:#fff;color:#153950;border-radius:17px;box-shadow:0 8px 35px #00172d50;animation:phone-sheet-in .25s ease-out}.phone-place-sheet>img{display:block;width:100%;height:91px;object-fit:cover}.phone-sheet-close{position:absolute;right:8px;top:8px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff9;background:#fffef9;color:#153950;font-size:20px;cursor:pointer}.phone-sheet-copy{padding:11px 13px}.phone-sheet-copy>small{display:block;color:#986b28;font-size:6px;font-weight:750;letter-spacing:.11em}.phone-sheet-copy h4{font-size:15px;line-height:1.2;margin:6px 0}.phone-sheet-copy p{font-size:9px!important;line-height:1.5!important;margin:0 0 10px!important;color:#627b8e!important}.phone-show-map{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:10px;background:#073d6c;color:white;padding:10px 12px;font-size:10px;font-weight:650;cursor:pointer}.phone-sheet-credit{display:block;font-size:6px;color:#667e8d;margin-top:7px;text-decoration:none}.phone-lens-open>.poi-map-controls,.phone-lens-open>.poi-map-hint,.phone-lens-open>.journey-swipe,.phone-lens-open>.journey-live-stops,.phone-lens-open>.journey-transfer,.phone-lens-open>.journey-route,.phone-lens-open>#demo-action{visibility:hidden!important}.lens-map-highlight{box-shadow:0 0 0 3px #e9a333!important;background:#e9a33318!important;border-radius:12px}.demo-stage .phone-lens-heading{height:60px}.demo-stage .phone-lens-scene{top:60px}.demo-stage .phone-lens-places{top:71px}.demo-stage .phone-view-tabs button{font-size:11px;padding:7px 2px}@keyframes phone-sheet-in{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.phone-place-sheet{animation:none}}@media print{.phone-view-tabs,.phone-lens{display:none!important}}

/* Reserve the existing title strip for one coherent in-app view switch. */
.phone-view-tabs{left:0;right:0;top:11.3%;height:6.5%;box-sizing:border-box;padding:5px 17%;border:0;border-radius:0;background:#f2f6fa;box-shadow:none}.phone-view-tabs button{border:1px solid #dbe6ed;background:white}.phone-view-tabs button[aria-selected=true]{border-color:#073d6c}

/* Place details open on the journey map before AR is requested. */
.live-screen>.phone-place-sheet{bottom:10.5%;z-index:8;max-height:64%}.phone-place-sheet[hidden],.phone-place-sheet [hidden]{display:none!important}.phone-place-ar{width:100%;display:flex;align-items:center;gap:7px;padding:10px 12px;margin:0 0 7px;background:#edb85b;color:#123950;border:0;border-radius:10px;font-size:12px;font-weight:750;cursor:pointer}.phone-place-ar>small{margin-left:auto;font-size:8px;font-weight:550;letter-spacing:0;color:#123950}.phone-place-ar:focus-visible{outline:2px solid #073d6c;outline-offset:2px}
.phone-ar-controls{position:absolute;bottom:54px;left:10px;right:10px;z-index:3;display:flex;gap:5px}.phone-ar-controls button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-height:32px;padding:7px 5px;border:1px solid #c8d9e3a8;border-radius:11px;background:#fffffff0;backdrop-filter:blur(12px);color:#103953;font-size:8px;font-weight:700;cursor:pointer;box-shadow:0 3px 14px #001e3340}.phone-ar-controls button>span{font-size:11px}.phone-ar-controls .phone-ar-play{background:#edbb66f5;border-color:#edbb66}.phone-ar-controls button:disabled{opacity:.45;cursor:wait}.phone-ar-controls button[aria-pressed=true]{background:#0c3652f5;color:#fff;border-color:#edbb66}.phone-ar-hint{position:absolute;top:106px;left:12px;right:46px;z-index:2;pointer-events:none;text-shadow:0 1px 6px #001a2c;filter:drop-shadow(0 1px 4px #001a2c80);color:#fff}.phone-ar-hint strong{display:block;font-size:10px;font-weight:650;line-height:1.35}.phone-ar-hint small{display:block;font-size:7px;margin-top:4px;line-height:1.4;max-width:210px}.phone-lens-scene .sv-poi{padding-left:38px;min-width:134px;background:#ffffffdf;backdrop-filter:blur(14px);border-color:#ffffffb3;box-shadow:0 5px 17px #001f3540}.phone-lens-scene .sv-poi.selected{border-color:#e9c381;box-shadow:0 4px 20px #001f3540}.phone-ar-poi-icon{position:absolute;left:9px;top:11px;width:23px;height:25px;display:grid;place-items:center;background:#902c4b;color:#fff;border-radius:7px;box-shadow:0 3px 8px #902c4b22}.sv-poi-market .phone-ar-poi-icon{background:#9a702c}.phone-ar-poi-icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.7}.phone-ar-arrows{position:absolute;bottom:104px;left:var(--ar-target-x,50%);width:128px;height:108px;transform:translateX(-50%);z-index:1;pointer-events:none;filter:drop-shadow(0 3px 3px #49391377);transition:left .15s linear}.phone-ar-arrows svg{width:100%;height:100%;overflow:visible}.phone-ar-arrows path{fill:#f1b747;stroke:#fff0c6;stroke-width:1.1;animation:phone-ar-flow 1.8s ease-in-out infinite}.phone-ar-arrows path:nth-child(2){animation-delay:.2s}.phone-ar-arrows path:nth-child(3){animation-delay:.4s}.phone-ar-playing .sv-poi.selected{transition:box-shadow .3s}.phone-ar-found .sv-poi.selected{box-shadow:0 0 0 4px #eabb5a44,0 6px 24px #001f3540}.phone-lens-scene .sv-find-place{bottom:100px}.demo-stage .phone-ar-hint{top:111px}@keyframes phone-ar-flow{0%,100%{opacity:.55;transform:translateY(2px)}50%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.phone-ar-arrows path{animation:none;opacity:1}.phone-ar-arrows{transition:none}}