:root{--ink:#191c20;--ink2:#292e32;--gold:#ffcb35;--gold-soft:#fff4cf;--fog:#f5f6f5;--line:#e7e9e9;--text2:#80888c;--green:#2b9a72}*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;color:var(--ink);background:#e8ede9;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}p,h1,h2,h3,h4{margin:0}svg{flex-shrink:0}.ic{width:20px;height:20px;display:inline-block;vertical-align:middle}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:var(--text2)}.tiny{font-size:10px}.small{font-size:11px}.strong{font-weight:850}.btn{border:1px solid #e5e8e8;background:#fff;color:var(--ink);border-radius:13px;padding:12px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:850;white-space:nowrap}.btn.dark{color:#fff;background:var(--ink);border-color:var(--ink)}.btn.yellow{background:var(--gold);border-color:var(--gold)}.btn.soft{background:var(--gold-soft);border-color:#f3dfa0;color:#8e6c11}.btn.sm{padding:8px 10px;font-size:11px}.btn.full{width:100%}.btn:hover{filter:brightness(.985)}
header{height:76px;background:#fff;position:relative;z-index:80;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 26px}.logo{display:flex;gap:12px;align-items:center;cursor:pointer;flex:none}.brandicon{width:46px;height:46px;border-radius:14px;background:var(--gold);display:grid;place-items:center;box-shadow:0 8px 18px #eec45b48;transform:rotate(-5deg)}.brandicon .ic{width:28px;height:28px}.brandtext strong{display:block;font-weight:950;letter-spacing:-1px;font-size:24px;line-height:1}.brandtext strong span{color:#c4950b}.brandtext small{display:block;font-size:9px;letter-spacing:1.6px;font-weight:900;color:#989ea1;margin-top:6px}.appnav{display:flex;gap:4px;margin:auto;background:#f5f6f6;border-radius:15px;border:1px solid #eef0f0;padding:4px}.appnav button{border:0;background:none;color:#7e878c;border-radius:11px;padding:12px 13px;font-weight:850;font-size:11px;display:flex;align-items:center;gap:7px}.appnav button.selected{background:var(--ink);color:#fff}.topright{display:flex;gap:8px;align-items:center;margin-left:auto}.demo-badge{font-size:9px;font-weight:900;letter-spacing:.5px;background:#fff7db;border:1px solid #f7eac0;border-radius:30px;padding:9px;color:#9d7a17;white-space:nowrap}.layout{height:calc(100dvh - 76px);position:relative;overflow:hidden}.map{position:absolute;inset:0;overflow:hidden;background:#dce7df;background-image:repeating-linear-gradient(33deg,transparent 0 75px,#f9faf8d0 78px 85px,transparent 87px 155px),repeating-linear-gradient(116deg,transparent 0 115px,#cedad1d9 118px 125px,transparent 128px 205px);cursor:grab;touch-action:none}.map.drag{cursor:grabbing}.tiles,.markers,.glows{position:absolute;inset:0;pointer-events:none}.tiles img{position:absolute;width:256px;height:256px;pointer-events:none;user-select:none;border:0}.markers button{pointer-events:auto}.car-pin{position:absolute;transform:translate(-50%,-50%);border:2px solid #1e2528;background:var(--gold);color:#1e2528;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;box-shadow:0 5px 14px #0003}.car-pin.vip{background:#22272b;color:var(--gold);border-color:var(--gold)}.car-pin.active{outline:4px solid #ffffffa4;z-index:3}.car-pin .ic{height:24px;width:24px}.glow{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#edb82e70,#ffda4754 31%,transparent 75%);pointer-events:none}.route-svg{position:absolute;inset:0;pointer-events:none;overflow:visible;width:100%;height:100%}.route-svg path{fill:none;stroke:#c29a24;stroke-width:4;stroke-linecap:round;stroke-dasharray:8 8;filter:drop-shadow(0 1px 2px #fff)}.route-svg circle{fill:#fff;stroke:#daa720;stroke-width:4}.maptitle{position:absolute;right:21px;top:20px;z-index:6;display:flex;gap:10px;align-items:center;padding:12px 15px;background:#ffffffee;border:1px solid #e8ebeb;border-radius:14px;box-shadow:0 6px 27px #0002}.maptitle strong{display:block;font-size:11px}.maptitle small{color:#959ba0;font-size:10px;display:block;margin-top:4px}.tools{position:absolute;right:21px;top:98px;z-index:7;display:grid;gap:8px}.tools button{height:45px;width:45px;border:1px solid #e9eeee;border-radius:12px;box-shadow:0 6px 19px #0002;background:#fff;display:grid;place-items:center}.tools button.on{background:#1a1e21;color:var(--gold)}.tools button .ic{height:21px;width:21px}.mapfoot{position:absolute;right:21px;bottom:22px;z-index:6;display:flex;gap:8px}.mapfoot button{background:#fff;border:1px solid #ebeded;box-shadow:0 5px 22px #0002;border-radius:12px;padding:12px 14px;display:flex;gap:8px;align-items:center;font-size:11px;font-weight:850}.demo-heat{position:absolute;right:21px;top:355px;background:#202427ed;color:#fff;border-radius:17px;width:215px;padding:15px;z-index:5;box-shadow:0 12px 28px #0003}.demo-heat h4{color:#ffd546;font-size:11px}.heatrow{display:flex;justify-content:space-between;margin:15px 0 6px;font-size:10px}.heatrow small{color:#c4c8ca}.meter{height:5px;background:#43484a;border-radius:9px;overflow:hidden}.meter b{display:block;background:var(--gold);height:100%}.demo-heat p{margin-top:11px;color:#c0c5c7;font-size:9px;line-height:1.5}
.rail{position:absolute;z-index:10;top:20px;bottom:20px;left:20px;width:66px;border-radius:20px;background:#fff;box-shadow:0 8px 30px #0002;display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 7px}.rail button{width:49px;height:49px;display:flex;align-items:center;justify-content:center;border:0;border-radius:13px;color:#80888c;background:transparent}.rail button.active{background:#1d2023;color:var(--gold)}.rail button:hover{background:#f5f6f6}.rail button.active:hover{background:#1d2023}.rail .spacer{flex:1}
.sheet{position:absolute;z-index:12;left:97px;top:20px;bottom:20px;width:420px;background:#fff;border-radius:23px;overflow:hidden;box-shadow:0 18px 56px #1c222535;display:flex;flex-direction:column}.sheet[dir=rtl]{direction:rtl}.sheet-title{padding:21px 22px 17px;flex:none;border-bottom:1px solid #eff1f1}.sheet-title .eyebrow{display:flex;align-items:center;gap:7px;color:#ae8418;font-size:10px;font-weight:900;letter-spacing:1.3px}.eyebrow:before{content:"";width:7px;height:7px;background:var(--gold);border-radius:50%}.sheet-title h1{font-size:24px;letter-spacing:-.65px;margin:8px 0 5px;line-height:1.25}.sheet-title p{font-size:11px;line-height:1.6;color:#989fa2}.sheet-body{padding:15px 19px 24px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#dfe3e3 transparent}.section{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:19px 0 10px;font-size:11px;font-weight:900}.section:first-child{margin-top:0}.section small{font-size:9px;color:#9aa1a4;font-weight:800}
.route-field{border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:9px;padding:8px 11px;margin-bottom:9px;background:#fff;min-height:59px}.route-field .spot{height:12px;width:12px;border:3px solid #232729;border-radius:50%;flex:none}.route-field .spot.to{border-color:var(--gold);background:var(--gold)}.route-field label{display:block;font-size:9px;font-weight:850;letter-spacing:.6px;color:#9fa5aa;margin-bottom:4px}.route-field select{border:0;outline:0;background:none;width:100%;min-width:0;font-size:12px;font-weight:850;padding:1px 0}.route-field .grow{flex:1;min-width:0}.mic{border:0;border-radius:9px;background:#f4f5f5;height:36px;width:36px;display:grid;place-items:center;color:#343a3d;flex:none}.mic.listening{background:#fff2ba;color:#a9830c;animation:beat .75s infinite}@keyframes beat{50%{box-shadow:0 0 0 5px #ffd74755}}
.quicklinks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0}.quicklinks button{border:1px solid #eceeee;background:#fafafa;border-radius:12px;padding:11px 6px;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:9px;font-weight:850}.quicklinks svg{height:21px;width:21px}
.pills{display:flex;gap:7px;flex-wrap:wrap}.pill{background:#f7f8f8;border:1px solid #e9ecec;border-radius:10px;padding:9px 11px;color:#777f84;font-size:10px;font-weight:850}.pill.on{background:#fff4d3;color:#846513;border-color:#e8bb2f}
.veh-list{display:grid;gap:9px}.veh{width:100%;background:#fff;border:1px solid #e7eaea;border-radius:14px;display:flex;align-items:center;gap:10px;text-align:start;padding:12px;min-height:91px}.veh.on{border:2px solid #dfb028;padding:11px;background:#fffaf0}.veh svg.vehicle-art{height:55px;width:106px;flex:none}.veh .spec{min-width:0;flex:1}.veh .spec b{display:block;font-size:12px;margin-bottom:5px}.veh .spec small{display:block;font-size:10px;color:#92999d;line-height:1.45}.veh .rate{text-align:end;min-width:72px;font-size:13px;font-weight:950}.veh .rate small{display:block;color:#8b9398;font-size:9px;margin-top:5px;font-weight:750}.sheet[dir=rtl] .veh .rate{text-align:start}
.poolcard{border-radius:14px;background:#f8f9f8;border:1px solid #e7e9e9;padding:13px;margin:13px 0}.poolcard h3{font-size:12px}.poolcard p{font-size:10px;color:#979ea2;line-height:1.5;margin-top:6px}.switch{background:#c7cbcc;border:0;border-radius:18px;height:23px;width:41px;position:relative;flex:none}.switch:after{content:"";width:17px;height:17px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch.on{background:#e7b529}.switch.on:after{left:21px}.seat-visual{display:flex;gap:11px;align-items:center;margin-top:12px;padding:12px;background:#fff;border:1px solid #e9ebeb;border-radius:13px}.seat-shell{width:134px;border:2px solid #a7afb4;border-radius:35px 35px 16px 16px;padding:14px 12px 11px;background:linear-gradient(150deg,#f4f6f7,#eef1f2);position:relative;flex:none}.seat-shell:before{content:"";position:absolute;left:10px;right:10px;top:-5px;height:7px;background:#a5adb3;border-radius:7px}.seatgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seat{height:31px;border-radius:11px 11px 8px 8px;border:1px solid #d9dee1;background:#fff;color:#aeb5ba;display:grid;place-items:center}.seat.driver{background:#22282b;color:#fff}.seat.taken{background:#e9bf39;color:#1d2123}.seat .ic{width:15px;height:15px}.seat-stats b{font-size:12px;display:block}.seat-stats small{font-size:10px;color:#929aa0;display:block;margin-top:5px}.stepper{display:flex;align-items:center;gap:9px;margin-top:10px}.stepper button{height:26px;width:26px;background:#fff;border:1px solid #e2e5e6;border-radius:8px}
.pay-row{display:flex;align-items:center;gap:9px;border:1px solid #e7e9ea;border-radius:12px;padding:10px 12px;margin-top:8px;font-size:11px;font-weight:850}.pay-row select{flex:1;border:0;outline:0;font-size:11px;background:none;font-weight:800}.coupon{display:flex;gap:7px;margin-top:9px}.coupon input{flex:1;min-width:0;border:1px solid #e8eaea;border-radius:10px;padding:11px;font-size:11px}.coupon button{border:0;border-radius:10px;background:#1f2427;color:#fff;font-weight:850;font-size:10px;padding:0 14px}.total{border-top:1px solid #e9ecec;padding:15px 0 12px;margin-top:14px}.total strong{font-size:27px;letter-spacing:-.8px}.total strong small{font-size:12px}.total p{font-size:10px;color:#979da0;margin-top:5px}.stack{display:grid;gap:9px}.card{border:1px solid #e7e9ea;border-radius:14px;padding:13px;background:#fff}.card.gold{background:#fff9e9;border-color:#eddaa2}.card.dark{color:#fff;background:#202427;border-color:#202427}.card h3{font-size:12px}.card p{font-size:10px;color:#92999d;line-height:1.6;margin-top:7px}.card.dark p{color:#c0c6c9}.card .big{font-size:27px;letter-spacing:-.8px;font-weight:950;margin:8px 0}.badge{display:inline-flex;align-items:center;gap:5px;background:#fff3ce;color:#99730c;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:900}.badge.green{background:#e6f8ed;color:#267d52}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-stat{border:1px solid #e9ecec;background:#f8f9f9;border-radius:12px;padding:13px}.mini-stat small{color:#99a0a4;font-size:10px}.mini-stat b{display:block;font-size:21px;margin-top:7px}
.driver{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #ebeded;border-radius:13px}.avatar{display:grid;place-items:center;flex:none;height:47px;width:47px;border-radius:13px;background:#ffeab0;color:#856319;font-size:13px;font-weight:950}.driver strong{font-size:12px}.driver small{font-size:10px;display:block;color:#8d9499;margin-top:5px}.driver .side-info{margin-left:auto;text-align:end}.sheet[dir=rtl] .driver .side-info{margin-left:0;margin-right:auto;text-align:start}.progress{display:flex;gap:5px;margin:11px 0}.progress span{height:5px;border-radius:6px;flex:1;background:#e6e9e9}.progress span.on{background:var(--gold)}.trip-item{border:1px solid #e8eaeb;padding:14px;border-radius:14px;margin-bottom:9px}.trip-item b{font-size:12px}.trip-item small{display:block;color:#949b9f;font-size:10px;margin-top:5px}.link{border:0;background:none;text-decoration:underline;color:#987306;font-size:11px;font-weight:850;padding:4px}.stars button{background:none;border:0;color:#d8dde0;font-size:31px;padding:3px}.stars button.on{color:#f3bb1c}
.fab{position:absolute;right:20px;bottom:20px;z-index:7;display:flex;gap:7px}.fab button{border:1px solid #e7e9e9;background:#fff;box-shadow:0 7px 22px #0002;display:flex;align-items:center;gap:7px;padding:12px;border-radius:12px;font-size:11px;font-weight:850}
.mobile-nav{display:none}
.modal-back{position:fixed;inset:0;z-index:150;background:#13191caa;display:none;align-items:center;justify-content:center;padding:12px}.modal-back.open{display:flex}.modal{max-height:min(90dvh,770px);overflow:auto;width:min(435px,100%);padding:22px;background:#fff;border-radius:22px;box-shadow:0 20px 65px #0004;direction:ltr}.modal[dir=rtl]{direction:rtl}.modal h2{font-size:21px;margin-bottom:8px}.modal p{font-size:12px;line-height:1.6;color:#8d9598;margin-bottom:14px}.modal .field{border-radius:11px;border:1px solid #e5e8e8;padding:12px;font-size:12px;width:100%;margin-bottom:10px;min-width:0;background:#fff}.modal textarea.field{min-height:90px;resize:vertical}.modal .btn{white-space:normal}
.ar{position:fixed;z-index:130;inset:0;color:#fff;background:#1b252a;display:none}.ar.open{display:block}.ar-scene{position:absolute;inset:0;background:radial-gradient(ellipse at 53% 35%,#73858a 0,#303f48 67%,#12191f 100%)}.ar-skyline{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#19242c 0 60px,#647981 60px 98px,#26333a 98px 177px);opacity:.37;clip-path:polygon(0 45%,10% 45%,10% 30%,22% 30%,22% 52%,35% 52%,35% 33%,47% 33%,47% 47%,59% 47%,59% 17%,70% 17%,70% 42%,83% 42%,83% 28%,94% 28%,94% 49%,100% 49%,100% 100%,0 100%)}.ar video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.ar.camera video{display:block}.ar.camera .ar-skyline{display:none}.ar-gradient{position:absolute;inset:0;background:linear-gradient(#080d11dd,transparent 30%,transparent 59%,#080d11ec)}.arhead{position:absolute;top:21px;left:21px;right:21px;display:flex;align-items:center;justify-content:space-between}.arhead strong{font-size:23px}.arhead strong em{font-style:normal;color:var(--gold)}.arhead small{font-size:10px;color:#cbd2d4;display:block;margin-top:5px}.close{height:41px;width:41px;border-radius:11px;background:#ffffff23;border:1px solid #ffffff61;color:#fff;font-size:24px}.arfilters{position:absolute;top:94px;left:21px;right:21px;display:flex;flex-wrap:wrap;gap:7px}.arfilters button,.arfilters select{background:#ffffff33;border:1px solid #ffffff69;color:white;border-radius:10px;padding:10px;font-size:11px;font-weight:850;backdrop-filter:blur(8px)}.arfilters option{color:#1b1f21}.arfilters button.gold{background:var(--gold);color:#1c2023;border-color:var(--gold)}.ar-compass{position:absolute;top:175px;right:22px;font-size:11px;padding:8px;border:1px solid #ffffff60;background:#15202780;border-radius:12px}.reticle{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);height:86px;width:86px;border-radius:50%;border:1px solid #ffffffad}.reticle:after,.reticle:before{content:"";position:absolute;background:#ffffffa4}.reticle:before{width:110px;height:1px;left:-13px;top:42px}.reticle:after{height:110px;width:1px;left:42px;top:-13px}.ar-target{position:absolute;top:28%;left:50%;transform:translateX(-50%);min-width:210px;max-width:90vw;text-align:center;border-radius:14px;border:1px solid #ffffff60;background:#15222bd9;padding:15px;backdrop-filter:blur(12px)}.ar-target b{display:block;font-size:13px}.ar-target small{display:block;font-size:10px;color:#c8d0d1;margin-top:6px}.arcard{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:min(550px,calc(100vw - 22px));color:#202327;border-radius:19px;background:#ffffffef;padding:16px}.arcard small{font-size:10px;display:block;color:#8c9698;margin-top:5px}.arnote{position:absolute;left:20px;right:20px;bottom:206px;font-size:10px;color:#d5dbdc;text-align:center}
.splash{position:fixed;inset:0;z-index:200;background:#181d20;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;transition:opacity .5s,visibility .5s}.splash.hide{opacity:0;visibility:hidden;pointer-events:none}.splash .mark{height:105px;width:105px;border-radius:32px;background:var(--gold);color:#1b1f21;display:grid;place-items:center;box-shadow:0 0 0 20px #ffd13b0d,0 0 0 43px #ffd13b08}.splash .mark svg{height:57px;width:57px}.splash strong{margin-top:29px;font-size:37px;letter-spacing:-2px}.splash strong span{color:var(--gold)}.splash small{font-size:11px;letter-spacing:2.3px;color:#aab2b6;font-weight:850}.splash .loading{margin-top:34px;height:3px;width:105px;background:#454d51;border-radius:10px;overflow:hidden}.splash .loading i{display:block;height:100%;width:40%;background:var(--gold);animation:load 1s infinite}@keyframes load{0%{transform:translateX(-150%)}100%{transform:translateX(350%)}}.toast{position:fixed;z-index:250;bottom:20px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#171c1e;color:#fff;padding:12px 17px;border-radius:12px;font-size:11px;font-weight:850;max-width:85vw;text-align:center;box-shadow:0 7px 20px #0003}.toast.show{opacity:1;transform:translate(-50%,0);transition:.2s}
@media(max-width:1250px){.sheet{width:395px}.appnav button{padding:11px 9px}.demo-badge{display:none}}
@media(max-width:960px){.rail{display:none}.sheet{left:16px}.appnav{display:none}}
@media(max-width:760px){header{height:64px;padding:0 11px;gap:6px}.brandicon{height:39px;width:39px}.brandicon .ic{height:24px;width:24px}.brandtext strong{font-size:20px}.brandtext small{font-size:7px;letter-spacing:.8px}.topright{margin-left:auto}.topright .btn{padding:9px 10px}.layout{height:calc(100dvh - 64px)}.sheet{left:0;right:0;top:auto;bottom:62px;width:100%;height:min(59dvh,565px);border-radius:22px 22px 0 0;box-shadow:0 -8px 35px #0002}.sheet.compact{height:83px}.sheet.compact .sheet-body{display:none}.sheet-title{padding:13px 16px 12px;cursor:pointer}.sheet-title h1{font-size:19px;margin:5px 0 0}.sheet-title p{display:none}.sheet-body{padding:12px 14px 30px}.maptitle{right:11px;top:10px;padding:9px}.maptitle strong{font-size:10px}.tools{right:10px;top:76px;gap:6px}.tools button{width:40px;height:40px}.demo-heat{right:10px;top:295px;padding:11px;width:158px}.demo-heat .heatrow{margin:9px 0 5px;font-size:9px}.demo-heat p{display:none}.fab{display:none}.mobile-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;z-index:85;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e8ecec;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.mobile-nav button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;flex:1;min-width:0;font-size:9px;color:#8f989d;font-weight:850}.mobile-nav button.selected{color:#a57d10}.mobile-nav button.arbutton{background:var(--gold);color:#191d20;border-radius:11px;max-width:61px;padding:7px}.mobile-nav .ic{height:19px;width:19px}.arhead{top:13px;left:12px;right:12px}.arhead strong{font-size:20px}.arfilters{top:72px;left:10px;right:10px}.arfilters button,.arfilters select{font-size:10px;padding:9px}.arcard{bottom:11px;padding:12px}.arnote{bottom:190px}.ar-target{top:34%}.ar-compass{top:150px;right:11px;font-size:9px}}
@media(max-width:385px){.brandtext small{display:none}.brandtext strong{font-size:18px}.veh svg.vehicle-art{width:88px}.veh{gap:7px}.veh .rate{min-width:60px;font-size:11px}.sheet{height:min(61dvh,540px)}}
@media(prefers-reduced-motion:reduce){.splash .loading i{animation:none}.splash{transition:none}.mic.listening{animation:none}}
.car-photo{height:70px;width:105px;min-width:105px;position:relative;display:block;overflow:hidden;border-radius:12px;background:linear-gradient(130deg,#fff7e1,#e9eef0);border:1px solid #e7eaeb}.car-photo .vehicle-art{width:100%;height:100%;display:block}.car-photo img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.veh .car-photo{flex:none}.credits{font-size:10px;color:#91999e;border-top:1px solid #edf0f0;padding-top:13px;margin-top:17px}.credits summary{cursor:pointer;font-weight:800}.credits a{display:block;color:#66767c;margin:8px 0;font-size:9px}.credits small{display:block;line-height:1.4}.gap-choice{border:1px solid #e6eaeb;background:white;display:flex;align-items:center;gap:11px;width:100%;text-align:start;padding:13px;border-radius:12px;margin:8px 0}.gap-choice .ic:first-child{color:#b38a15}.gap-choice b{flex:1;font-size:12px}.layer-select{justify-content:flex-start!important;margin:9px 0}.layer-select.active{background:#fff5d8;border-color:#e8c04f}.flight-dock{position:absolute;z-index:35;right:19px;bottom:77px;background:#20262aeb;color:white;padding:14px;border-radius:16px;width:min(304px,calc(100vw - 23px));box-shadow:0 15px 33px #0004;backdrop-filter:blur(8px)}.flight-dock[hidden]{display:none}.flight-title{display:flex;gap:9px;align-items:center}.flight-title>.ic{color:#ffca37}.flight-title div{flex:1}.flight-title b{display:block;font-size:12px}.flight-title small{display:block;font-size:9px;color:#bfc8cc;margin-top:4px}.flight-title button{border:1px solid #ffffff55;background:transparent;color:white;border-radius:8px;height:28px;width:28px;font-size:21px}.flightbar{height:5px;border-radius:5px;background:#4c565b;overflow:hidden;margin:12px 0}.flightbar i{height:100%;display:block;background:#ffcd3d;transition:width .4s}.flightbuttons{display:flex;gap:7px;align-items:center}.flightbuttons button{background:#384147;border:1px solid #ffffff35;border-radius:8px;padding:8px;color:white;font-size:10px;font-weight:900}.flightbuttons small{margin-left:auto}.map.aerial .tiles,.map.aerial .markers,.map.aerial .glows,.map.aerial .route-svg{transform:perspective(900px) rotateX(15deg) scale(1.1);transform-origin:50% 50%}.credit-map{position:absolute;right:9px;bottom:2px;z-index:20;background:#ffffffb9;padding:3px 5px;font-size:8px;color:#596569;border-radius:4px;pointer-events:none}.driver-link{text-decoration:none}@media(max-width:760px){.driver-link{padding:8px!important;font-size:9px!important}.car-photo{height:63px;width:92px;min-width:92px}.veh .vehicle-art{height:100%;width:100%}.credit-map{bottom:70px}.flight-dock{top:186px;bottom:auto;right:8px;padding:10px}}.driver-entry{text-decoration:none}@media(max-width:760px){.driver-entry{display:none!important}}
.ai-logo{width:100%;height:100%;object-fit:cover;border-radius:inherit}.brandicon,.splash .mark{background:transparent!important;box-shadow:none!important;transform:none!important}.brandicon .ai-logo{border-radius:13px}.splash .mark .ai-logo{border-radius:31px}
.sheet-title{position:relative;padding-right:61px}.sheet[dir=rtl] .sheet-title{padding-right:22px;padding-left:61px}
.sheet-close{position:absolute;right:12px;top:13px;width:42px;height:42px;background:#f7f8f8;border:1px solid #e5e9e9;border-radius:12px;color:#1c2428;font-size:27px;z-index:5;display:grid;place-items:center}.sheet[dir=rtl] .sheet-close{right:auto;left:12px}
.sheet.closed{transform:translateY(calc(100% + 100px));visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s}
.sheet-restore{position:absolute;bottom:83px;left:14px;z-index:40;padding:14px 17px;background:#ffcb37;color:#1d2426;border:1px solid #e9b720;border-radius:13px;font-size:12px;font-weight:900;box-shadow:0 7px 24px #0003}
.sheet-restore[hidden],.map-exit[hidden]{display:none!important}
.map-exit{position:absolute;top:10px;right:10px;z-index:110;width:49px;height:49px;display:grid;place-items:center;background:#1c2326;color:#ffd346;border:1px solid #50575a;border-radius:13px;font-size:30px;box-shadow:0 8px 24px #0003}
.layout.map-full{position:fixed!important;inset:0!important;z-index:105!important;height:100dvh!important;width:100vw!important}
.layout.map-full .sheet,.layout.map-full .rail,.layout.map-full .fab,.layout.map-full .demo-heat,.layout.map-full .sheet-restore{display:none!important}
.layout.map-full .tools{top:77px;right:11px}.layout.map-full .maptitle{left:11px;right:auto;top:11px}.layout.map-full .credit-map{bottom:3px}
body:has(.layout.map-full) .mobile-nav{display:none!important}
.modal{position:relative;padding-top:44px}.modal-x{position:absolute;right:10px;top:9px;width:40px;height:40px;border:1px solid #e5e9e9;background:#f5f7f7;border-radius:10px;color:#24292c;font-size:26px;z-index:5}.modal[dir=rtl] .modal-x{right:auto;left:10px}
.arhead{z-index:18!important}.arhead .close{min-height:48px;min-width:48px;position:relative;z-index:30;pointer-events:auto}.arfilters{z-index:14!important}.arcard{z-index:14!important}.ar-target{z-index:8!important}
.ar-markers{position:absolute;z-index:7;top:160px;bottom:220px;left:0;right:0;pointer-events:none}.ar-marker{position:absolute;top:42%;left:13%;background:#1a252bd9;color:#fff;border:1px solid #ffffff70;border-radius:12px;padding:10px;min-width:100px;backdrop-filter:blur(8px);box-shadow:0 9px 20px #0003}.ar-marker b{font-size:10px;display:block}.ar-marker small{display:block;font-size:9px;color:#ffd249;margin-top:4px}.marker-1{top:14%;left:67%}.marker-2{top:64%;left:70%}
.share-icon{font-size:21px;padding:8px 13px}
@media(max-width:760px){.sheet{height:min(66dvh,625px);bottom:64px}.sheet.compact{height:86px}.sheet-close{right:9px;top:11px;width:38px;height:38px}.sheet-restore{bottom:calc(83px + env(safe-area-inset-bottom));left:9px}.share-icon{padding:8px 10px!important}.ar-markers{top:151px;bottom:205px}.ar-marker{padding:7px;min-width:80px}}

/* Fast map: tiles are recycled in JavaScript, not reloaded on every drag. */
.tiles{contain:layout style;will-change:transform}.tiles img{position:absolute;width:256px;height:256px;object-fit:cover;backface-visibility:hidden;user-select:none;-webkit-user-drag:none}
.user-layer{position:absolute;inset:0;z-index:5;pointer-events:none}
.gps-marker{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border:6px solid #ffffffd9;border-radius:50%;background:#278ef1;box-shadow:0 0 0 3px #278ef16e,0 4px 17px #0004}
.gps-marker:after{content:"";position:absolute;left:6px;top:6px;width:6px;height:6px;border-radius:50%;background:#fff}
.gps-accuracy{position:absolute;transform:translate(-50%,-50%);border:1px solid #247ff17e;background:#2a8efa16;border-radius:50%}
.gps-chip{position:absolute;z-index:9;right:20px;top:428px;border:1px solid #b9d7ff;background:#f5faffee;box-shadow:0 4px 17px #0001;border-radius:13px;padding:11px;color:#15609b;font-weight:850;font-size:10px;max-width:200px;display:flex;align-items:center;gap:6px}
.gps-chip.pending{color:#a07b22;background:#fffae7;border-color:#f1dcaf}
.gps-chip.error{color:#905d2a;background:#fff6ed;border-color:#eccfaf}
.gps-chip.ready:before{content:"";width:8px;height:8px;border-radius:50%;background:#298cf1}
@media(max-width:760px){.gps-chip{right:10px;top:480px;max-width:145px;padding:9px;font-size:9px}}

/* AR RADAR — same bearing/distance model and phone tracking engine as Ai CARD/HEATMAP */
.ar-radar{position:absolute;z-index:12;right:14px;top:165px;width:138px;padding:7px 6px 4px;border:1px solid #ffffff5b;border-radius:16px;background:#131b20c9;box-shadow:0 12px 27px #0005;backdrop-filter:blur(9px);pointer-events:auto}
.ar-radar canvas{height:124px;width:124px;display:block;touch-action:manipulation;cursor:pointer}
.ar-radar span{display:block;text-align:center;font-size:9px;color:#ffda69;font-weight:850;padding:3px 0}
.ar-bearing{position:absolute;z-index:14;bottom:212px;left:13px;right:13px;display:flex;align-items:center;gap:10px;border-radius:12px;padding:9px 10px;background:#151c20c4;border:1px solid #ffffff50;backdrop-filter:blur(8px)}
.ar-bearing label{font-size:10px;color:#dce0e1;white-space:nowrap}.ar-bearing input{min-width:0;flex:1;accent-color:#ffd13d}.ar-bearing button{width:31px;height:28px;border:1px solid #ffffff57;color:#ffd241;background:#ffffff1b;border-radius:7px}
.ar-state{position:absolute;z-index:12;left:13px;top:166px;font-size:10px;border:1px solid #f5d05d6d;background:#141c20c9;color:#ffda67;padding:8px 10px;border-radius:10px;max-width:min(225px,53vw)}
.ar-marker{pointer-events:auto!important;cursor:pointer;min-width:108px;max-width:174px;text-align:start;transition:opacity .15s ease,transform .12s ease;box-shadow:0 10px 23px #0007}
.ar-marker[hidden]{display:none!important}
.ar-marker b{line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-marker small{white-space:nowrap}
.ar-marker.selected{background:#ffd13beb;color:#202327;border-color:#f3d162;box-shadow:0 8px 19px #0007}
.ar-marker.selected small{color:#624f12}
.ar-markers{z-index:13!important;pointer-events:none}
.ar-target{top:26%;font-size:12px;max-width:240px}
.ar-target small{display:block;margin-top:5px}
.ar-motion-hint{position:absolute;top:50px;right:1px;z-index:20;color:white;background:#1f282edd;font-size:10px;border-radius:8px;padding:8px;width:190px}
#orientBtn[aria-pressed="true"]{background:#ffd039!important;color:#22282b!important}
#arVideo{background:#11181e}
.ar.camera .ar-gradient{background:linear-gradient(#0a1218aa,transparent 38%,transparent 57%,#060c14cb)}
/* Pointer-driven pinch zoom uses only a temporary transform until gesture commit */
.map .tiles,.map .glows,.map .markers,.map .user-layer,.map .route-svg{will-change:transform}
@media(max-width:760px){
 .ar-radar{top:164px;right:10px;width:122px;padding:5px}
 .ar-radar canvas{width:110px;height:110px}
 .ar-state{top:168px;left:9px;max-width:51vw;font-size:9px}
 .ar-bearing{bottom:190px;padding:7px 9px;gap:6px;left:8px;right:8px}
 .ar-bearing label{font-size:9px}
 .ar-marker{max-width:136px;min-width:91px;padding:7px 8px}
 .ar-markers{top:142px!important;bottom:202px!important}
 .ar-radar span{font-size:9px}
}

.car-photo.premium-cutout{width:137px;min-width:137px;height:83px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.car-photo.premium-cutout img{position:relative!important;inset:auto!important;width:100%;height:100%;object-fit:contain!important;filter:drop-shadow(0 6px 6px rgba(0,0,0,.12))}
.veh{min-height:108px}.veh:hover{background:#fffbf1}
.vehicle-disclaimer{font-size:10px;color:#8d9498;line-height:1.5;margin:13px 0}
.arcard .car-photo.premium-cutout{height:78px;width:140px;min-width:140px}
@media(max-width:760px){.car-photo.premium-cutout{width:114px;min-width:114px;height:75px}.arcard .car-photo.premium-cutout{min-width:96px;width:96px;height:63px}}

/* CLASSIC TAXI LOOK — KEEP EXISTING FUNCTIONAL STRUCTURE */
:root{--ink:#252b30;--ink2:#42494e;--gold:#f1c645;--gold-soft:#fff8e8;--line:#e5e9eb;--fog:#f8f9f9;--text2:#818a90}
header{background:white;border-color:#e8ebed;box-shadow:none}
.appnav{border:1px solid #e9ecee;background:#f6f7f7;border-radius:11px}.appnav button.selected{background:#252a2e}
.sheet{background:#fff;border:1px solid #ebedef;border-radius:18px;box-shadow:0 12px 30px #18212524}
.sheet-title{background:#fff;border-color:#e8ecee}.sheet-title h1{font-size:23px;font-weight:850;color:#252c30}
.rail{border:1px solid #e8ecee;border-radius:17px;box-shadow:0 8px 26px #131d1e23}.rail button.active{background:#2b3034;color:#ecc849}
.quicklinks button,.poolcard,.pill{border-radius:10px;border-color:#e5e9eb;background:#f8f9f9}
.pill.on{background:#fff9ed;border-color:#e5c46a}
.veh,.veh.on{padding:7px 9px!important;min-height:68px!important;border-radius:11px!important;gap:8px!important;box-shadow:none!important}
.veh{background:#fff!important;border:1px solid #e7e9eb!important}.veh.on{background:#fffbf3!important;border:1.5px solid #e2c069!important}
.veh .spec b{font-size:11px!important}.veh .spec small{font-size:9px!important;line-height:1.25!important}.veh .rate{font-size:12px!important;min-width:51px!important}
.car-photo.premium-cutout{width:87px!important;min-width:87px!important;height:56px!important;border:0!important;background:transparent!important;overflow:visible!important}
.car-photo.premium-cutout img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}
.btn{border-radius:10px;font-size:11px}.btn.yellow{background:#f1c742;border-color:#e9bd36}
.ar{background:#1c242a;min-height:100dvh;height:100dvh;width:100vw}.ar-scene{background:#1f2930}
.ar-radar{background:#1e2930d0;border:1px solid #ffffff45;border-radius:12px;box-shadow:0 7px 17px #0004}
.ar-marker{background:#253039cf;border-radius:10px;box-shadow:0 7px 18px #0004}.ar-marker.selected{background:#efd06e;color:#20262c}
.arcard{background:#fffffff3;border-radius:14px}.arcard .car-photo.premium-cutout{width:92px!important;min-width:92px!important;height:58px!important}
.ar-target{background:#253139c9}.ar-bearing{background:#1f2b31c9;border-radius:10px}
.ar-actions{display:flex;align-items:center;gap:8px;z-index:35;position:relative}
.ar-full-button{height:45px;width:45px;border:1px solid #ffffff60;border-radius:10px;background:#ffffff22;color:white;display:grid;place-items:center;font-size:24px}.ar-full-button[aria-pressed=true]{color:#f5cc48}
.ar.ar-immersive{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;z-index:9999!important}
.ar.ar-immersive .arhead{top:max(12px,env(safe-area-inset-top));left:12px;right:12px}
.ar.ar-immersive .arfilters{top:calc(74px + env(safe-area-inset-top))}
/* SIMPLE THREE-SECOND SPLASH · NO IMAGE */
.splash{position:fixed!important;inset:0!important;height:100dvh!important;width:100vw!important;background:#1b2227!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1;visibility:visible;animation:safeSplashOff 0s linear 5s forwards}
.splash.hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important;animation:none!important}
.splash-identity{display:flex;align-items:center;gap:12px;color:#f4c943}
.splash-ai{height:94px;width:94px;display:grid;place-items:center;border-radius:24px;background:#283136;border:1px solid #3c4449;font-size:63px;letter-spacing:-5px;font-weight:900}
.splash-identity strong{font-size:52px!important;font-weight:900!important;letter-spacing:-2px!important;margin:0!important;color:#f4c943!important}
@keyframes safeSplashOff{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:760px){.sheet.compact{height:86px}.sheet{border-radius:18px 18px 0 0}
.veh,.veh.on{min-height:63px!important;padding:6px 8px!important}
.car-photo.premium-cutout{width:72px!important;min-width:72px!important;height:49px!important}
.arcard .car-photo.premium-cutout{width:72px!important;min-width:72px!important;height:50px!important}
.splash-ai{height:75px;width:75px;font-size:51px;border-radius:19px}.splash-identity strong{font-size:39px!important}
.ar-full-button{height:44px;width:44px}}

/* 2026-11-11 — AR iPhone layout correction. Keep header / controls / radar / cards in non-overlapping bands. */
.driver-shortcut,.meta-shortcut{color:#24292d;text-decoration:none;font-weight:850;font-size:11px;padding:9px 10px;background:#f8f9f9}
.rider-profile-link{display:flex;text-decoration:none}
.driver-shortcut:hover,.meta-shortcut:hover{background:#fff6d7}
.ar{overflow:hidden!important}
.arhead{height:54px;left:12px;right:12px;z-index:50!important}
.ar-actions{z-index:51!important}
.arfilters{z-index:45!important;left:12px;right:12px}
.ar-radar{z-index:15!important}
.ar-bearing{z-index:32!important}
.arcard{z-index:38!important}
.ar-markers{z-index:25!important;pointer-events:none}
.ar-marker{pointer-events:auto;max-width:168px;min-width:120px;overflow:hidden;white-space:nowrap;line-height:1.3}
.ar-marker[hidden]{display:none!important}
.ar-marker b,.ar-marker small{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ar-marker small{margin-top:4px}
.ar-state{z-index:17!important;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-compass{display:none!important}
.ar-target{z-index:6!important;pointer-events:none}
.ar-radar canvas{touch-action:manipulation}
@media(max-width:760px){
 .ar,.ar.ar-immersive{height:100dvh!important;max-height:100dvh!important;inset:0!important}
 .arhead,.ar.ar-immersive .arhead{top:calc(7px + env(safe-area-inset-top))!important;left:10px!important;right:10px!important;height:53px}
 .arhead strong{font-size:19px!important}.arhead small{font-size:9px!important}
 .ar-actions .close,.ar-actions .ar-full-button{height:43px;width:43px;min-height:43px;min-width:43px}
 .arfilters,.ar.ar-immersive .arfilters{top:calc(66px + env(safe-area-inset-top))!important;left:9px!important;right:9px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 72px 101px;grid-template-rows:39px 39px;gap:6px!important;align-items:stretch}
 .arfilters select,.arfilters button{min-width:0!important;width:100%!important;margin:0!important;padding:7px 6px!important;line-height:1.15!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:9px}
 #arArea{grid-column:1;grid-row:1}
 #arRadius{grid-column:2;grid-row:1}
 #cameraBtn{grid-column:3;grid-row:1}
 #arNext{grid-column:1 / 3;grid-row:2}
 #orientBtn{grid-column:3;grid-row:2}
 .ar-state,.ar.ar-immersive .ar-state{top:calc(157px + env(safe-area-inset-top))!important;left:9px!important;right:9px!important;max-width:none!important;width:auto!important;min-height:29px;display:flex;align-items:center;padding:5px 10px!important;font-size:9px!important;border-radius:8px}
 .ar-radar,.ar.ar-immersive .ar-radar{top:calc(203px + env(safe-area-inset-top))!important;right:8px!important;width:110px!important;padding:5px!important;border-radius:12px}
 .ar-radar canvas{width:98px!important;height:98px!important}
 .ar-radar span{font-size:9px;padding:2px 0 3px}
 .ar-markers,.ar.ar-immersive .ar-markers{top:calc(206px + env(safe-area-inset-top))!important;left:8px!important;right:126px!important;bottom:calc(189px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important}
 .ar-marker{max-width:100%!important;min-width:0!important;width:min(100%,158px)!important;min-height:43px!important;padding:8px!important;border-radius:10px}
 .ar-marker b{font-size:10px}.ar-marker small{font-size:9px}
 .ar-target{display:none!important}
 .arnote{display:none!important}
 .reticle{top:51%!important;left:46%!important;width:65px;height:65px;opacity:.45}
 .reticle:before{width:85px;left:-10px;top:31px}.reticle:after{height:85px;top:-10px;left:31px}
 .ar-bearing,.ar.ar-immersive .ar-bearing{bottom:calc(151px + env(safe-area-inset-bottom))!important;top:auto!important;left:9px!important;right:9px!important;margin:0!important;height:35px!important;padding:4px 8px!important;gap:7px!important;min-height:35px;box-sizing:border-box}
 .ar-bearing label{font-size:9px;white-space:nowrap}.ar-bearing button{height:26px;width:28px}
 .ar-bearing input{height:20px}
 .arcard,.ar.ar-immersive .arcard{bottom:calc(10px + env(safe-area-inset-bottom))!important;top:auto!important;left:9px!important;right:9px!important;transform:none!important;width:auto!important;max-width:none!important;min-height:129px;max-height:139px;overflow:hidden;padding:10px 11px!important;border-radius:13px}
 .arcard .row{gap:8px!important}
 .arcard .car-photo.premium-cutout{height:50px!important;width:67px!important;min-width:67px!important}
 .arcard strong{font-size:12px!important}
 .arcard small{font-size:9px!important;margin-top:3px!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .arcard .row:last-child{margin-top:8px!important}
 .arcard .btn{min-height:36px;padding:8px 7px;font-size:10px}
 .arcard .btn .ic{height:16px;width:16px}
 .driver-shortcut,.meta-shortcut{padding:8px 9px!important;font-size:10px!important;min-width:0}
 .share-icon{font-size:18px;padding:8px 9px!important}
 .topright{gap:5px!important}
 .brandtext small{display:none}
}
@media(max-width:370px){
 .brandtext strong{font-size:17px!important}
 .driver-shortcut,.meta-shortcut{font-size:9px!important;padding:7px!important}
 .arfilters{grid-template-columns:minmax(0,1fr) 65px 92px!important}
 .ar-markers{right:118px!important}
 .ar-radar{width:106px!important}.ar-radar canvas{width:94px!important;height:94px!important}
}
@media(max-height:690px) and (max-width:760px){
 .ar-state{display:none!important}
 .ar-radar{top:calc(174px + env(safe-area-inset-top))!important;width:99px!important}
 .ar-radar canvas{width:87px!important;height:87px!important}
 .ar-markers{top:calc(177px + env(safe-area-inset-top))!important;bottom:calc(166px + env(safe-area-inset-bottom))!important;right:112px!important}
 .ar-marker{min-height:38px!important;padding:6px 8px!important}
 .ar-bearing{bottom:calc(132px + env(safe-area-inset-bottom))!important;height:31px!important}
 .arcard{min-height:113px!important;max-height:120px!important}
 .arcard .car-photo.premium-cutout{height:44px!important;width:62px!important;min-width:62px!important}
}

/* Protect narrow iPhone header width. Metadata remains available from Share and Profile. */
@media(max-width:760px){.meta-shortcut{display:none!important}.driver-shortcut{padding:7px 8px!important;font-size:10px!important;white-space:nowrap}.topright{gap:4px!important}.topright .btn{min-width:0}.brandtext strong{font-size:18px!important}.logo{gap:6px!important}}
@media(max-width:380px){.driver-shortcut{font-size:9px!important;padding:7px!important}.topright .btn{padding:7px 8px!important}.brandicon{height:36px!important;width:36px!important}}

/* Opt-in photorealistic Google 3D drone view, with robust satellite fallback. */
.drone-3d-view{position:absolute;inset:0;z-index:12;background:#141c21;width:100%;height:100%;overflow:hidden}
.drone-3d-view[hidden]{display:none!important}
.drone-3d-view gmp-map-3d{display:block;height:100%;width:100%}
.layout.drone-3d-on #map{visibility:hidden!important}
.layout.drone-3d-on .maptitle,.layout.drone-3d-on .tools,.layout.drone-3d-on .gps-chip,.layout.drone-3d-on .credit-map{display:none!important}
.layout .flight-dock{z-index:46!important;max-width:340px!important}
.drone-modebar{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}
.drone-modebar button{border:1px solid #697277;background:#343d42;color:#eef1f1;border-radius:8px;padding:9px 8px;font-size:11px;font-weight:850}
.drone-modebar button.active{background:#f1c742;color:#202427;border-color:#f1c742}
.drone-sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
.drone-sliders label{color:#d6dadd;font-size:10px;display:grid;gap:6px}
.drone-sliders input{width:100%;min-width:0;accent-color:#f2ca3a}
.drone-note{border-top:1px solid #4b5457;padding-top:8px;color:#bec7cb;font-size:9px;line-height:1.45}
@media(max-width:760px){
 .layout .flight-dock{top:auto!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;left:8px!important;right:8px!important;max-width:none!important;width:auto!important;padding:12px}
 .drone-sliders{margin:7px 0}.drone-modebar{margin:7px 0}
 .flight-title b{font-size:12px}.flight-title small{font-size:9px}
}

/* AR Other Location: dedicated full-screen Google map and native blue Street View coverage. */
.ar-other-shortcut{border:0;background:transparent;color:#f5d05a;font-weight:850;font-size:11px;padding:4px 0;display:inline-flex;align-items:center;gap:5px;cursor:pointer;max-width:220px;text-align:left}
.ar-other-shortcut:focus-visible{outline:2px solid #f7d358;outline-offset:2px}
.ar-location-picker{position:absolute;inset:0;z-index:130;background:#f6f8f9;color:#22282c;display:flex;flex-direction:column;height:100dvh;min-height:0;width:100%;overflow:hidden}
.ar-location-picker[hidden]{display:none!important}
.ar-picker-header{height:65px;flex:none;background:#1d252a;color:#fff;display:flex;align-items:center;gap:11px;padding:10px 13px;padding-top:max(10px,env(safe-area-inset-top));z-index:4}
.ar-picker-header>div{flex:1;min-width:0}.ar-picker-header strong{font-size:16px;display:block}.ar-picker-header small{color:#ced8db;font-size:10px;display:block;margin-top:5px}
.ar-picker-back,.ar-picker-close{width:42px;height:42px;border:1px solid #ffffff50;color:#fff;background:#ffffff17;border-radius:11px;font-size:25px;display:grid;place-items:center;flex:none}
.ar-picker-maparea{position:relative;flex:1;min-height:100px;background:#dce7e0;overflow:hidden}
.ar-picker-map{position:absolute;inset:0;background:linear-gradient(135deg,#e8eeea,#cbded6);width:100%;height:100%}
.ar-picker-crosshair{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);color:#e0aa0c;font-size:46px;font-weight:400;line-height:1;text-shadow:0 2px 0 white,2px 0 white,-2px 0 white;pointer-events:none}
.ar-street-panorama{position:absolute;inset:0;z-index:5;background:#161d23}
.ar-street-panorama[hidden],.ar-street-back[hidden]{display:none!important}
.ar-street-back{position:absolute;top:11px;left:11px;z-index:8;border-radius:11px;padding:11px 13px;background:#fff;color:#1c252b;border:1px solid #d8e0e4;font-weight:900;font-size:12px}
.ar-picker-maplegend{position:absolute;bottom:12px;left:12px;z-index:3;background:#fffefaef;border:1px solid #dde3e6;padding:9px 12px;border-radius:11px;color:#37434c;font-size:10px;font-weight:850;box-shadow:0 4px 18px #0002}
.ar-picker-maplegend[hidden]{display:none!important}
.ar-picker-blue{display:inline-block;vertical-align:middle;width:22px;height:5px;background:#2688ff;border-radius:8px;margin-right:7px}
.ar-picker-loading{position:absolute;top:15px;left:50%;transform:translateX(-50%);max-width:85%;z-index:5;background:#ffffffee;padding:10px 13px;border-radius:10px;font-size:12px;color:#3d4750;text-align:center;box-shadow:0 4px 18px #0002}
.ar-picker-loading[hidden]{display:none!important}
.ar-picker-controls{flex:none;background:#fff;border-top:1px solid #e5eaeb;padding:12px 14px calc(12px + env(safe-area-inset-bottom));display:grid;gap:9px;z-index:5}
.ar-picker-quick{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:8px}
.ar-picker-quick select,.ar-picker-quick button,.ar-picker-coordinates input{background:#f8f9f9;color:#253139;border:1px solid #dfe5e6;border-radius:10px;padding:11px 9px;font-size:11px;font-weight:750;min-width:0}
.ar-picker-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ar-picker-coordinates label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:850;color:#68737b}
.ar-picker-coordinates input{width:100%;font-size:12px;padding:9px}
.ar-picker-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ar-picker-buttons button{padding:12px 9px;font-size:12px;font-weight:900;border-radius:11px;min-height:45px;border:1px solid #e1e5e6;background:#f5f6f7;color:#1f2a30}
.ar-picker-buttons .ar-picker-use-btn{background:#f4c83d;border-color:#eac13b;color:#21282c}
.ar-picker-controls p{font-size:10px;color:#8b949a;line-height:1.4;margin:0;text-align:center;max-height:40px;overflow:hidden}
@media(max-width:760px){
 .ar-other-shortcut{font-size:10px!important;max-width:186px}
 .ar-picker-header{height:calc(61px + env(safe-area-inset-top));padding:8px 10px;padding-top:calc(8px + env(safe-area-inset-top))}
 .ar-picker-header strong{font-size:15px}.ar-picker-header small{font-size:9px}
 .ar-picker-controls{padding:10px 10px calc(10px + env(safe-area-inset-bottom));gap:7px}
 .ar-picker-quick select,.ar-picker-quick button{padding:9px 8px}
 .ar-picker-coordinates input{padding:8px}
 .ar-picker-buttons button{padding:10px 8px;font-size:11px;min-height:43px}
 .ar-picker-controls p{font-size:9px}
 .ar-picker-maplegend{left:7px;bottom:7px;font-size:9px;padding:7px 9px}
}
@media(max-height:650px) and (max-width:760px){
 .ar-picker-header{height:55px;padding-top:6px}
 .ar-picker-controls{padding:7px 9px;gap:5px}
 .ar-picker-controls p{display:none}
 .ar-picker-buttons button{min-height:36px}
 .ar-picker-quick select,.ar-picker-quick button,.ar-picker-coordinates input{padding:7px}
}