/* Phone layouts prioritize the radar and give the main destinations a thumb bar. */
.sky-mobile-settings{display:contents}.sky-mobile-settings>summary,.sky-mobile-dock{display:none}
@media(max-width:767px){
 html{scroll-padding-top:76px;scroll-padding-bottom:96px}
 #root main.sky-main{padding:64px 10px calc(92px + env(safe-area-inset-bottom))!important}
 #root .sky-sidebar{position:fixed;top:0;inset-inline:0;height:52px;z-index:50}
 #root .sky-sidebar-inner{min-height:52px;padding:0 12px}
 #root .sky-sidebar-inner>div:first-child{padding:12px 0}
 #root .sky-sidebar h1{font-size:21px;letter-spacing:1px}
 #root .sky-navigation>summary{min-height:44px;border:0;border-radius:10px;font:500 12px/1.5 'Barlow',system-ui,sans-serif;padding:12px 14px;background:var(--sky-hover)}
 #root .sky-navigation>summary::marker{content:''}
 #root .sky-navigation>summary::before{content:'☰';font:17px/1 system-ui;margin-right:7px}
 #root .sky-nav-groups{position:fixed;top:60px;bottom:calc(82px + env(safe-area-inset-bottom));left:8px;right:8px;max-height:none;padding:16px;border-radius:16px;gap:14px;display:grid;grid-template-columns:1fr;z-index:45}
 #root .sky-nav-button{min-height:46px;font:500 14px/1.4 'Barlow',system-ui,sans-serif;border-radius:10px;padding:11px 12px}
 #root .sky-nav-section{padding-bottom:10px}
 #root .sky-nav-section h2{margin-left:12px;font-size:10px;letter-spacing:1.2px}
 #root .sky-theme-control,#root .sky-units-control{min-height:48px}
 #root .sky-nav-section .sky-theme-control select,#root .sky-units-control button{min-height:44px;font-size:14px;max-width:145px}
 html[data-seasonal=halloween] #root .sky-seasonal-banner{min-height:32px;padding:7px 12px;margin:0 0 10px;border-radius:10px;box-shadow:none}
 #root .sky-seasonal-banner::before,#root .sky-seasonal-banner::after,#root .sky-seasonal-banner small{display:none}
 #root .sky-seasonal-banner strong{font-size:12px;letter-spacing:1.2px}
 #root .sky-workspace-header{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:10px}
 #root .sky-eyebrow{font-size:8px;letter-spacing:1.2px;margin:0 0 2px}
 #root #sky-radar-heading{font-size:24px;white-space:normal}
 #root .sky-quick-actions{width:auto;gap:6px;flex:none;flex-wrap:nowrap}
 #root .sky-quick-actions .sky-full-map-button{display:none}
 #root .sky-quick-actions button{min-width:44px;min-height:44px;padding:8px 9px!important;font:500 11px/1.3 'Barlow',system-ui,sans-serif;border-radius:10px;flex:none}
 #root .sky-quick-actions button svg{width:16px;height:16px}
 #root .sky-mobile-settings{display:block;margin:0 0 10px;border:1px solid var(--sky-border);border-radius:12px;background:var(--sky-panel)}
 #root .sky-mobile-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;font:500 12px/1.4 'Barlow',system-ui,sans-serif;cursor:pointer;color:var(--sky-text);list-style:none}
 #root .sky-mobile-settings>summary::-webkit-details-marker{display:none}
 #root .sky-mobile-settings>summary>span::after{content:'⌄';margin-left:7px;color:var(--sky-muted)}
 #root .sky-mobile-settings[open]>summary>span::after{content:'⌃'}
 #root .sky-mobile-settings>summary small{font-size:11px;color:var(--sky-muted)}
 #root .sky-mobile-settings .radar-settings{border:0;border-top:1px solid var(--sky-border);border-radius:0 0 12px 12px;margin:0!important;padding:12px;gap:14px}
 #root .radar-settings .sky-trail-control{min-width:0}
 #root .radar-settings label{font-size:12px}
 #root .radar-settings input[type=range]{height:36px;min-width:65px}
 #root .radar-settings [aria-label="Radar colour"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;white-space:normal}
 #root .radar-settings .sky-palette-label{grid-column:1/-1;font-size:12px}
 #root .radar-settings [aria-label="Radar colour"]>button,#root .radar-settings input[type=color]{width:100%;min-width:0;min-height:44px;height:44px;border-radius:10px}
 #root input:not([type=checkbox]):not([type=range]):not([type=color]),#root select,#root textarea,#up-panel input:not([type=checkbox]):not([type=range]),#up-panel select,#world-search{font-size:16px!important;min-height:44px;min-width:0;max-width:100%}
 #root .radar-layout{gap:14px!important}
 #root .radar-layout>div:first-child>.relative.aspect-square{width:100%;max-width:100%;margin:0;border-radius:16px}
 #root .radar-layout [aria-label="Aircraft list"]{scroll-margin-top:68px;border-radius:16px}
 #root .radar-layout [aria-label="Aircraft list"]>div:first-child{padding:12px;gap:6px;flex-wrap:wrap}
 #root .radar-layout [aria-label="Aircraft list"] h2{font-size:21px}
 #root .radar-layout [aria-label="Aircraft list"] ul{max-height:65dvh;overscroll-behavior:contain}
 #root .radar-layout [aria-label="Aircraft list"] li>button{padding:12px 10px;min-height:72px;gap:7px;grid-template-columns:30px minmax(0,1fr) auto}
 #root .radar-layout [aria-label="Aircraft list"] li>button>span:first-child{width:30px;height:30px}
 #root .radar-layout [aria-label="Aircraft list"] [aria-label="Sort aircraft"] button{min-height:44px;font-size:11px;padding:7px 9px}
 #root .radar-layout [data-flight-airports]{font-size:10px;line-height:1.5}
 #root .aircraft-inline-photo{display:flex;align-items:center;gap:9px;margin:0 10px 12px;padding:0;border:0}
 #root .aircraft-inline-photo>a{width:84px;flex:none}
 #root .aircraft-inline-photo img{width:84px;height:56px;object-fit:cover;border-radius:8px}
 #root .aircraft-inline-photo figcaption{font-size:9px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
 #root .sky-flight-workspace{margin-top:18px;padding-top:16px}
 #root .sky-flight-workspace #sky-tools .tools-grid{grid-template-columns:1fr}
 #sky-tools summary,#sky-tools button{min-height:44px;align-content:center}
 #root .sky-selected-flight{scroll-margin-top:68px}
 #root .sky-flight-specs summary{min-height:44px}
 .sky-mobile-dock{position:fixed;z-index:35;inset:auto 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;border:1px solid var(--sky-border);border-radius:18px;background:var(--sky-panel);color:var(--sky-text);box-shadow:0 8px 32px #0005}
 .sky-mobile-dock[hidden],body:has(dialog[open],[aria-modal=true]:not(dialog):not([hidden]))>.sky-mobile-dock{display:none!important}
 .sky-mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:52px;border:0;border-radius:12px;background:transparent;color:inherit;font:500 11px/1.3 'Barlow',system-ui,sans-serif;padding:6px;cursor:pointer}
 .sky-mobile-dock svg{width:21px;height:21px}
 .sky-mobile-dock button[aria-pressed=true]{background:var(--sky-hover);color:var(--seasonal-orange,rgb(var(--accent-rgb,47,211,122)))}
 html[data-theme=light] .sky-mobile-dock button{background:transparent!important}
 html[data-theme=light] .sky-mobile-dock button[aria-pressed=true]{background:var(--sky-hover)!important;color:#9c410f!important}
 .sky-mobile-dock button:focus-visible,.sky-mobile-settings>summary:focus-visible{outline:2px solid rgb(var(--accent-rgb,47,211,122));outline-offset:2px}
 #up-panel:not([data-page=world]),#wx-panel{inset:8px!important;width:calc(100% - 16px)!important;max-width:none;max-height:calc(100dvh - 16px);border-radius:16px}
 #up-panel:not([data-page=world]) #up-body{padding:12px}
 #world-status{max-width:calc(100% - 90px)}
 #world-search{min-height:23px}
 #world-selected .world-flight-actions button{min-height:40px}
 #world-selected .world-preview-close{min-width:32px;min-height:32px;right:6px;top:6px}
}
@media(max-width:359px){#root .sky-sidebar h1{font-size:19px}#root #sky-radar-heading{font-size:21px}#root .sky-quick-actions button{font-size:10px;padding:8px!important}#root .sky-quick-actions button svg{display:none}}
@media(max-height:500px) and (max-width:767px){.sky-mobile-dock{left:18%;right:18%;padding:3px}.sky-mobile-dock button{min-height:44px;gap:2px}.sky-mobile-dock svg{width:17px;height:17px}#root .sky-nav-groups{top:55px;bottom:66px}}