/* Preview presentation only. MapLibre owns rendering and interactions. */
:root{color-scheme:light;--premium-ink:#233c43;--premium-glass:#f9fcf2e8}
body{background:#101c30;color:var(--premium-ink)}
.map-canvas{background:radial-gradient(ellipse at 50% 65%,#173955,#0c1626 70%)}
.map-topbar{top:max(12px,env(safe-area-inset-top));left:16px;right:16px;gap:12px;pointer-events:none}
.map-topbar>*{pointer-events:auto}.map-title{background:#fbfcf5ed;box-shadow:0 4px 22px #233a4920;border:1px solid #fff8;border-radius:19px;padding:8px 15px;min-height:54px}
.map-title strong{font-size:15px;color:#243d46}.map-title small{font-size:10px;color:#667e84}.map-title__logo{width:30px;height:30px}
.round-action,.theme-toggle,.dimension-toggle{background:#fbfcf5ed;border:1px solid #fff9;box-shadow:0 4px 18px #233a4918}
.category-tray{background:#fafcf0ed;border:1px solid #fff9;border-radius:24px;padding:5px;box-shadow:0 4px 24px #233a4917;backdrop-filter:none}
.category-tray button{font-size:12px;min-height:35px;color:#435b62;background:transparent}.category-tray button[aria-pressed=true]{background:#e5c269;color:#302b1d;box-shadow:0 2px 9px #5f50221a}
.map-composer{background:#fbfcf5f5;border:1px solid #fff9;box-shadow:0 8px 30px #193c4d25;backdrop-filter:none;border-radius:22px}
.map-composer input{font-size:14px}.map-composer button{background:#e7c56c;color:#2f382d;box-shadow:none}
.place-sheet,.map-answer,.mobility-panel{box-shadow:0 8px 32px #14374720!important;background:#fbfcf5f5!important;backdrop-filter:none!important}
.premium-toolbar{position:absolute;z-index:20;left:16px;top:calc(216px + var(--safe-top));display:flex;flex-direction:column;gap:7px;align-items:flex-start;pointer-events:auto;font:12px Vazirmatn,sans-serif}
.premium-toolbar>button,.premium-toolbar>label{display:flex;align-items:center;justify-content:center;gap:7px;min-width:86px;min-height:40px;padding:7px 11px;border:1px solid #fff8;border-radius:14px;background:var(--premium-glass);color:var(--premium-ink);box-shadow:0 3px 12px #203f5015;font:inherit;cursor:pointer}
.premium-toolbar>button[aria-pressed=true]{background:#244f62;color:#fff;border-color:#244f62}
.premium-toolbar label{position:relative}.premium-toolbar select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.premium-toolbar :focus-visible{outline:3px solid #d9b448;outline-offset:3px}
.premium-info{position:absolute;left:100px;top:0;width:min(300px,calc(100vw - 150px));padding:18px;border-radius:19px;background:#fcfdf8f5;box-shadow:0 10px 32px #13344826;font-size:12px;line-height:1.9;color:#29454d}
.premium-info a{color:#146883}.premium-info small{display:block;margin-top:12px;font:10px/1.7 sans-serif}
.premium-aircraft-status{position:absolute;left:100px;top:48px;width:245px;border-radius:12px;padding:8px 12px;background:#fcfdf8ed;color:#2e4e58;font-size:10px;line-height:1.8;pointer-events:none}
.premium-flight-card{position:absolute;z-index:40;right:20px;bottom:120px;width:min(340px,calc(100vw - 40px));padding:18px;border:1px solid #fff;border-radius:22px;box-shadow:0 10px 34px #163c4d25;background:#fcfdf8f5;color:#29454d;line-height:1.9;font-size:13px}
.premium-flight-card strong{display:block;direction:ltr;font:700 18px system-ui}.premium-flight-card small{display:block;font-size:10px;color:#607780}.premium-flight-card button{min-height:38px;margin:8px 0 0 7px;padding:5px 14px;border:1px solid #d0dedc;background:#edf4ef;border-radius:11px;color:#285260;font:inherit}.premium-flight-card button[aria-pressed=true]{background:#285260;color:white}
.premium-globe .map-title{background:#e4eef4ed}.premium-globe .category-tray{opacity:.85}
body[data-premium-quality=LITE] *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.is-night{--premium-ink:#d5e9ec;--premium-glass:#1c343ff0}.is-night .map-title,.is-night .map-composer,.is-night .category-tray,.is-night .map-answer,.is-night .place-sheet{background:#1c343ff0!important;color:#e0edf0}.is-night .map-title strong,.is-night .category-tray button{color:#e0edf0}
@media(max-width:600px){.map-topbar{left:10px;right:10px;top:max(9px,env(safe-area-inset-top));gap:8px}.map-title{padding:7px 10px;min-height:49px}.map-title strong{font-size:13px}.map-title small{font-size:9px}.map-topbar .round-action{width:43px;height:43px}.category-tray{max-width:calc(100vw - 20px);top:calc(83px + var(--safe-top))}.category-tray button{font-size:11px;padding:5px 10px}.premium-toolbar{left:10px;top:calc(214px + var(--safe-top));gap:6px}.premium-toolbar>button,.premium-toolbar>label{min-width:43px;min-height:40px;padding:7px;border-radius:13px}.premium-toolbar>button span{display:none}.premium-toolbar [data-quality-label]{font-size:9px;max-width:38px}.premium-info{left:52px;width:calc(100vw - 90px)}.premium-aircraft-status{left:52px;top:46px;width:calc(100vw - 90px);font-size:9px}.premium-flight-card{bottom:130px;right:12px;width:calc(100vw - 24px)}.map-composer{left:10px;right:10px;width:auto;max-width:none}.map-composer input{font-size:16px}.premium-toolbar select{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

@media(max-width:600px){.map-composer{transform:none!important;left:10px!important;right:10px!important;width:calc(100vw - 20px)!important;max-width:none!important}}

/* Keep the photo visible between category controls; avoid eight blur surfaces. */
.category-tray{background:transparent;border-color:transparent;box-shadow:none}.category-tray button{background:var(--premium-glass);backdrop-filter:none;-webkit-backdrop-filter:none}
