/* Flight-first cards: the map stays visible, with the full history one tap away. */
:root{--flight-bg:var(--sky-panel,#000);--flight-surface:var(--sky-hover,#1a1a1a);--flight-text:var(--sky-text,#d5d5d5);--flight-muted:var(--sky-muted,#a0a0a0);--flight-line:var(--sky-border,#454545);--flight-blue:#32b5ff}
html[data-theme=light]{--flight-blue:#087ec2}
#world-selected,.sky-selected-flight{font-family:var(--sky-ui-font,system-ui,sans-serif)!important;background:var(--flight-bg)!important;color:var(--flight-text)!important;border:1px solid var(--flight-line)!important;border-radius:24px!important;box-shadow:0 12px 42px #0005}
#world-selected{width:min(416px,calc(100% - 24px));padding:18px;max-height:min(392px,49dvh);scroll-padding:16px}
#world-selected[data-expanded=true]{max-height:min(650px,70dvh)}
#world-selected .world-preview-summary,#world-selected[data-expanded=true] .world-preview-summary{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:12px;align-items:center;padding-right:30px}
.world-flight-identity{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:9px;align-items:center;min-width:0}
.sky-flight-symbol{display:grid;place-items:center;width:34px;height:38px;border-radius:11px;background:var(--flight-surface);font:29px/1 system-ui;color:var(--flight-text);grid-row:1/3}
.sky-flight-symbol{font-size:0}
.sky-flight-symbol::before{content:none;display:none}

#world-selected h2,.sky-selected-flight h2{font:700 27px/1.1 var(--sky-ui-font,system-ui,sans-serif)!important;letter-spacing:-.6px;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#world-selected .world-plane-type{font:11px/1.4 var(--sky-ui-font,system-ui,sans-serif)!important;color:var(--flight-muted);margin:3px 0 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#world-selected .world-aircraft-photo,#world-selected[data-expanded=true] .world-aircraft-photo{margin:0;padding:0;border:0}
#world-selected .world-aircraft-photo img,#world-selected[data-expanded=true] .world-aircraft-photo img{width:52px;height:40px;object-fit:cover;border-radius:10px}
#world-selected .world-aircraft-photo figcaption{display:none}
#world-selected .world-aircraft-photo:not(:has(img)){display:none}
#world-selected .world-preview-summary:not(:has(.world-aircraft-photo img)){grid-template-columns:minmax(0,1fr)}
#world-selected .world-preview-close{top:14px;right:12px;border:0;border-radius:50%;background:var(--flight-surface);color:var(--flight-muted);min-width:30px;min-height:30px;font:22px/1 system-ui}
.world-flight-telemetry,.sky-flight-telemetry{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;min-width:0}
.world-airline-pill,.sky-flight-airline{display:block;min-width:0;max-width:45%;padding:5px 10px;border-radius:20px;background:var(--flight-surface);font:600 12px/1.3 var(--sky-ui-font,system-ui,sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#world-selected .world-plane-motion,.sky-flight-motion{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;font:600 15px/1.3 var(--sky-ui-font,system-ui,sans-serif)!important;font-variant-numeric:tabular-nums;letter-spacing:-.25px;margin:0!important;text-align:right}
.world-flight-speed,.world-flight-altitude{white-space:nowrap}
#world-selected .world-route-info{margin-top:17px;padding-top:0;border:0}
.world-route-airports,.sky-flight-airports{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
#world-selected .world-route-airports small,.sky-flight-airports small{font:500 9px/1.3 var(--sky-ui-font,system-ui,sans-serif)!important;text-transform:uppercase;letter-spacing:1.2px;color:var(--flight-muted);margin:0 0 3px}
#world-selected .world-route-airports strong,.sky-flight-airports strong{display:block;font:700 48px/1 var(--sky-ui-font,system-ui,sans-serif);letter-spacing:-1.5px;color:var(--flight-text)}
#world-selected .world-route-airports span,.sky-flight-airports span{display:block;font:400 14px/1.4 var(--sky-ui-font,system-ui,sans-serif);color:var(--flight-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.world-route-to::before{display:none}.world-route-to,.sky-flight-airports>div:last-child{text-align:right}
.sky-flight-progress{position:relative;height:6px;margin:15px 0 10px;overflow:hidden;background:var(--flight-line);border-radius:20px}
.sky-flight-progress-fill{display:block;height:100%;max-width:100%;background:var(--flight-blue);border-radius:inherit;transition:width .6s ease}
.sky-flight-progress[data-available=false]{background:repeating-linear-gradient(90deg,var(--flight-line) 0 7px,transparent 7px 11px)}
.sky-flight-progress[data-available=false] .sky-flight-progress-fill{display:none}
.world-route-times,.sky-flight-times{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:0}
.world-route-times>div:last-child,.sky-flight-times>div:last-child{text-align:right}
#world-selected .world-route-times small{font:400 10px/1.3 var(--sky-ui-font,system-ui,sans-serif);color:var(--flight-muted)}
#world-selected .world-route-times strong,.sky-flight-times strong{display:block;font:500 12px/1.5 var(--sky-ui-font,system-ui,sans-serif);white-space:normal;color:var(--flight-text)}
#world-selected .world-route-label,.sky-flight-route-label{font:400 9px/1.5 var(--sky-ui-font,system-ui,sans-serif)!important;color:var(--flight-muted);margin:5px 0 0!important}
#world-selected .world-flight-activity{padding:9px 11px;margin-top:12px;border-radius:14px;background:var(--flight-surface)}
.world-activity-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}
.world-activity-heading>strong{font:600 13px/1.4 var(--sky-ui-font,system-ui,sans-serif)}
#world-selected .world-preview-details{border:0;border-radius:8px;background:transparent;color:var(--flight-muted);font:500 11px/1.4 var(--sky-ui-font,system-ui,sans-serif);min-height:28px;padding:3px 4px}
#world-selected .world-preview-details::after{content:'⌄';display:inline-block;margin-left:5px}
#world-selected .world-preview-details[aria-expanded=true]::after{transform:rotate(180deg)}
#world-selected .world-history-status{font:400 10px/1.4 var(--sky-ui-font,system-ui,sans-serif)!important;color:var(--flight-muted);margin:2px 0 0!important}
#world-selected[data-expanded=false] .world-history-status{-webkit-line-clamp:1}
#world-selected .world-flight-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:10px 0 0}
#world-selected .world-flight-actions button{font:500 11px/1.3 var(--sky-ui-font,system-ui,sans-serif);min-height:34px;border:1px solid var(--flight-line);border-radius:10px;background:var(--flight-surface);color:var(--flight-text);padding:5px}
#world-selected .world-history{border-color:var(--flight-line);margin-top:14px;padding-top:12px}
#world-selected .world-history-photo{margin:12px 0}
#world-selected .world-history-photo img{display:block;width:100%;height:145px;object-fit:cover;border-radius:12px}
#world-selected .world-history-photo figcaption{display:block;font:10px/1.5 var(--sky-ui-font,system-ui,sans-serif);color:var(--flight-muted);margin-top:6px}
.world-history-photo figcaption span,.world-history-photo figcaption a{display:block;color:inherit}
.sky-selected-flight{padding:20px!important}
.sky-flight-card-header{display:flex;align-items:center;gap:12px;min-width:0}
.sky-flight-card-identity{min-width:0;flex:1}
.sky-selected-flight .sky-flight-card-type{font:12px/1.5 var(--sky-ui-font,system-ui,sans-serif);color:var(--flight-muted);margin-top:3px}
.sky-flight-journey{margin-top:23px}
.sky-flight-journey .sky-flight-times small{display:block;font:10px/1.5 var(--sky-ui-font,system-ui,sans-serif);color:var(--flight-muted)}
.sky-selected-flight>dl{padding:15px;margin-top:18px;border-radius:14px;background:var(--flight-surface);font:12px/1.5 var(--sky-ui-font,system-ui,sans-serif);gap:12px!important}
.sky-selected-flight>dl dd{color:var(--flight-text)}
.sky-selected-flight>dl dt{color:var(--flight-muted)}
#world-selected button:focus-visible,.sky-selected-flight button:focus-visible{outline:2px solid var(--flight-blue);outline-offset:3px}
@media(max-width:700px){
 #world-selected{left:8px;bottom:104px;width:calc(100% - 16px);padding:14px;border-radius:22px!important;max-height:min(370px,49dvh)}
 #world-selected[data-expanded=true]{max-height:67dvh}
 #world-selected h2{font-size:25px!important}
 #world-selected .world-route-airports strong{font-size:43px}
 #world-selected .world-route-info{margin-top:13px}
 #world-selected .world-flight-telemetry{margin-top:10px}
 #world-selected .world-flight-activity{margin-top:9px;padding:7px 10px}
 .sky-selected-flight{padding:16px!important}
 .sky-selected-flight .sky-flight-airports strong{font-size:46px}
}
@media(max-width:360px){#world-selected .world-preview-summary{grid-template-columns:minmax(0,1fr);padding-right:27px}#world-selected .world-aircraft-photo{display:none}#world-selected .world-plane-motion{font-size:13px!important;gap:3px 7px}.world-airline-pill{font-size:11px;padding:4px 8px}#world-selected .world-route-airports strong{font-size:38px}#world-selected .world-flight-actions button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sky-flight-progress-fill{transition:none}}

/* Compact by default in the installed apps and on the web. */
#world-selected{width:min(350px,calc(100% - 16px));padding:10px;border-radius:18px!important;max-height:min(285px,40dvh)}
#world-selected .world-preview-summary,#world-selected[data-expanded=true] .world-preview-summary,#world-selected .world-preview-summary:not(:has(.world-aircraft-photo img)){display:block;min-height:34px;padding-right:145px}
#world-selected .world-flight-identity{grid-template-columns:24px minmax(0,1fr);column-gap:7px}
#world-selected .sky-flight-symbol{width:24px;height:30px;border-radius:8px}
#world-selected .sky-flight-symbol::before{width:17px;height:17px}
#world-selected h2{font-size:20px!important;letter-spacing:-.4px}
#world-selected .world-plane-type{font-size:9px!important;margin-top:2px!important}
#world-selected .world-aircraft-photo,#world-selected[data-expanded=true] .world-aircraft-photo{display:none}
#world-selected .world-flight-telemetry{position:absolute;top:10px;right:43px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:128px;margin:0}
#world-selected .world-airline-pill{font-size:9px;max-width:128px;padding:2px 7px;line-height:1.3}
#world-selected .world-plane-motion{font-size:11px!important;gap:3px 7px}
#world-selected .world-route-info{margin-top:9px}
#world-selected .world-route-airports{gap:12px}
#world-selected .world-route-airports small{display:none}
#world-selected .world-route-airports strong{font-size:32px;letter-spacing:-.7px}
#world-selected .world-route-airports span{font-size:11px;margin-top:1px}
#world-selected .sky-flight-progress{height:4px;margin:8px 0 6px}
#world-selected .world-route-times{gap:8px}
#world-selected .world-route-times small{font-size:9px}
#world-selected .world-route-times strong{font-size:10px;line-height:1.3}
#world-selected .world-route-label{font-size:8px!important;margin-top:3px!important}
#world-selected .world-flight-activity{padding:0;margin-top:6px;background:transparent}
#world-selected .world-activity-heading{display:none}
#world-selected .world-history-status{font-size:9px!important;line-height:1.35;margin:0!important}
#world-selected .world-flight-actions{grid-template-columns:1fr 1fr 1fr auto;gap:4px;margin-top:7px}
#world-selected .world-flight-actions button{min-height:34px;font-size:9px;padding:4px;border-radius:8px}
#world-selected .world-flight-actions .world-preview-details{font-size:10px;padding-inline:8px}
#world-selected .world-preview-close{top:9px;right:9px;min-width:27px;min-height:27px;font-size:20px}
#world-selected[data-expanded=true]{max-height:min(590px,65dvh)}
.sky-selected-flight{padding:12px!important}
.sky-selected-flight .sky-flight-card-header{gap:8px}
.sky-selected-flight .sky-flight-symbol{width:28px;height:32px;border-radius:8px}
.sky-selected-flight h2{font-size:22px!important}
.sky-selected-flight .sky-flight-card-type{font-size:10px;line-height:1.4}
.sky-selected-flight .sky-flight-telemetry{margin-top:8px;gap:6px}
.sky-selected-flight .sky-flight-airline{font-size:10px;padding:3px 8px}
.sky-selected-flight .sky-flight-motion{font-size:13px!important}
.sky-selected-flight .sky-flight-journey{margin-top:12px}
.sky-selected-flight .sky-flight-airports small{font-size:8px!important;margin-bottom:1px}
.sky-selected-flight .sky-flight-airports strong{font-size:34px}
.sky-selected-flight .sky-flight-airports span{font-size:11px;margin-top:1px}
.sky-selected-flight .sky-flight-progress{height:4px;margin:9px 0 6px}
.sky-selected-flight .sky-flight-times strong{font-size:11px;line-height:1.4}
.sky-selected-flight .sky-flight-times small{font-size:9px}
.sky-selected-flight .sky-flight-route-label{font-size:8px!important;margin-top:3px!important}
.sky-flight-specs{margin-top:9px;border-top:1px solid var(--flight-line);padding-top:2px}
.sky-flight-specs summary{cursor:pointer;min-height:36px;align-content:center;font:500 11px/1.5 var(--sky-ui-font,system-ui,sans-serif);color:var(--flight-muted)}
.sky-flight-specs dl{padding:10px;margin-top:3px;border-radius:10px;background:var(--flight-surface);font:11px/1.5 var(--sky-ui-font,system-ui,sans-serif);gap:9px!important}
.sky-flight-specs dt{color:var(--flight-muted)}
.sky-flight-specs dd{color:var(--flight-text)}
.sky-flight-specs summary:focus-visible{outline:2px solid var(--flight-blue);outline-offset:2px;border-radius:5px}
@media(max-width:700px){#world-selected{max-height:min(280px,38dvh)}#world-selected[data-expanded=true]{max-height:65dvh}}
@media(max-width:360px){#world-selected .world-preview-summary{padding-right:137px}#world-selected .world-flight-telemetry{max-width:120px}#world-selected h2{font-size:18px!important}#world-selected .world-route-airports strong{font-size:29px}#world-selected .world-plane-motion{font-size:10px!important}}
