.mobile-controls > summary { cursor:pointer; font:12px 'IBM Plex Mono',monospace; color:rgb(var(--accent-rgb)); border:1px solid #555; border-radius:3px; padding:10px 12px; min-height:40px; }
.mobile-controls[open] > summary { margin-bottom:8px; }
@media (min-width:768px) {
 .mobile-controls > summary, .mobile-toolbox > summary { display:none; }
 .mobile-controls { display:contents; }
 #sky-tools .mobile-toolbox { border:0; padding:0; }
}
@media (max-width:767px) {
 html,body { overflow-x:hidden; }
 #root header { padding:10px 12px !important; }
 #root header > div { position:relative; align-items:center; }
 #root header h1 { font-size:21px; }
 .mobile-controls { margin-left:auto; }
 .mobile-controls[open] { width:100%; margin:0; }
 .mobile-controls[open] > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
 .mobile-controls button { justify-content:center; min-height:44px; padding:8px 5px !important; font-size:10px; }
 #root main { padding:10px 10px 24px !important; display:flex; flex-direction:column; gap:0; }
 #sky-tools { order:10; margin-top:14px; }
 #sky-tools .mobile-toolbox { padding:0; }
 #sky-tools .mobile-toolbox > summary { padding:12px; min-height:44px; }
 #sky-tools .mobile-toolbox > div { padding:8px; }
 .radar-settings { gap:8px 12px !important; margin-bottom:10px !important; font-size:10px; }
 .radar-settings label { flex:1; min-width:180px; }
 .radar-settings input[type=range] { flex:1; min-width:70px; width:auto; }
 .radar-settings [role=group] { flex:1; }
 .radar-layout { gap:14px !important; }
 .radar-layout > div > .relative.aspect-square { width:calc(100% + 16px); margin-left:-8px; }
 .radar-layout [aria-label="Aircraft list"] { border-radius:4px; }
 .radar-layout [aria-label="Aircraft list"] ul { max-height:48dvh; }
 .radar-layout [aria-label="Aircraft list"] li > button { padding:10px; gap:8px; }
 .radar-layout [aria-label="Aircraft list"] h2 { font-size:18px; }
 #root main > p { margin-bottom:10px; padding:7px 9px; font-size:10px; }
 .radar-layout > div > .mt-4 { padding:12px; font-size:12px; }
}
@media (max-width:767px) {
 .radar-layout { grid-template-columns:minmax(0,1fr); min-width:0; }
 .radar-layout > *, .radar-settings > *, #sky-tools, .mobile-controls { min-width:0; }
 .radar-layout [aria-label="Aircraft list"] li > button > span { min-width:0; }
 .radar-layout [data-flight-airports] { overflow-wrap:anywhere; }
}
@media (max-width:767px) {
 .radar-settings [role=group] { flex-basis:100%; }
 .radar-settings [role=group] > button { flex-shrink:0; min-width:20px; }
 .radar-settings [role=group] > input[type=color] { flex-shrink:0; min-width:32px; }
 .radar-layout .relative.aspect-square { overflow:hidden; }
 .radar-layout [aria-label="Sort aircraft"] button { padding:6px; font-size:10px; }
}