/* Phone browser presentation. Narrow-only rules leave TV and desktop intact. */
@media (max-width: 680px) {
  :root { --web-header-h: 66px; }

  html, body { height:auto; min-height:100%; overflow-x:hidden; overflow-y:auto; scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
  body.television { display:block; width:100%; min-height:100vh; min-height:100svh; height:auto; overflow:visible; padding-bottom:env(safe-area-inset-bottom); background-attachment:fixed; }
  body.television > header { position:sticky; top:0; z-index:50; display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:8px; width:100%; min-height:66px; height:auto; box-sizing:border-box; margin:0; padding:7px 12px; background:rgba(245,239,223,.97); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
  .farm-seal { width:38px; height:42px; box-sizing:border-box; font-size:18px; }
  .farm-seal span { font-size:10px; }
  .television .logo { overflow:hidden; font-size:clamp(21px,6.5vw,26px); letter-spacing:.12em; line-height:1; }
  .television .sublogo { overflow:hidden; margin-top:4px; font-size:7px; letter-spacing:.08em; white-space:nowrap; }
  .station-note { display:none; }
  .clockbox { min-width:0; text-align:right; }
  .television #date { font-size:8px; line-height:1.2; white-space:nowrap; }
  .television #clock { font-size:19px; line-height:1.1; }
  .web-shell { position:relative; display:block; width:100%; max-width:none; min-height:0; margin:0; padding:8px 12px 6px; box-sizing:border-box; }
  .web-menu-toggle { position:absolute; top:7px; left:12px; z-index:44; width:28px; height:28px; min-width:28px; min-height:28px; border-radius:50%; background:rgba(255,255,255,.34); opacity:.78; }
  .web-menu-toggle:hover,.web-menu-toggle:focus-visible { background:rgba(255,255,255,.72); }
  .television main.web-main { width:100%; min-width:0; height:auto; min-height:0; overflow:visible; padding:30px 0 0; box-sizing:border-box; }
  .screen,.television .screen { display:none; width:100%; height:auto; min-height:0; max-height:none; overflow:visible; padding:4px 0 18px; box-sizing:border-box; }
  .screen.active,.television .screen.active { display:block; animation:page-arrival .25s ease-out both; }
  .screen.active > .edition-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; width:100%; height:auto; min-height:0; margin:0 0 12px; padding:0 3px 8px; overflow:visible; box-sizing:border-box; background:linear-gradient(90deg,rgba(247,240,223,.72),transparent); }
  .edition-heading > div { min-width:0; }
  .edition-heading .eyebrow { display:block; font-size:9px; line-height:1.4; letter-spacing:.12em; }
  .edition-heading h1 { margin:5px 0 1px; overflow:visible; font-size:clamp(26px,7.8vw,35px); line-height:1.12; letter-spacing:-.035em; overflow-wrap:break-word; }
  .edition-heading h1 span { display:inline-block; margin-left:7px; font-size:.58em; vertical-align:.16em; }
  .edition-note { display:none; }
  .edition-heading > .journal-edit { flex:0 0 auto; max-width:35%; font-size:11px; line-height:1.3; text-align:right; }
  .weather-card,.home-screen > .weather-card { display:flex; flex-direction:column; gap:12px; width:100%; height:auto; min-height:0; margin:0; padding:17px 16px; box-sizing:border-box; }
  .weather-card .current { position:relative; width:100%; min-height:0; }
  .weather-card .section-title,.farm-card > .section-title { font-size:10px; line-height:1.4; }
  .temperature { font-size:clamp(56px,16vw,72px); line-height:.98; }
  #condition { font-size:15px; }
  .weather-ornament { top:12px; right:3px; font-size:48px; }
  .weather-card .details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 14px; width:100%; padding:12px 0 0; border:0; border-top:1px solid rgba(230,203,208,.35); font-size:15px; box-sizing:border-box; }
  .details .label { font-size:9px; }
  .farm-card { height:auto; min-height:0; margin-top:14px; padding:12px 0; }
  .farm-card > .section-title { padding-bottom:8px; }
  .structured-briefing { display:grid; grid-template-columns:1fr; gap:12px; }
  .structured-briefing .briefing-group { min-width:0; padding:0 0 10px; border-right:0; border-bottom:1px solid rgba(215,188,193,.7); }
  .structured-briefing .briefing-group:last-child { border-bottom:0; }
  .briefing-group .ai-title { margin:5px 0 7px; font-size:16px; }
  .briefing-group .ai-text,.briefing-group:last-child .ai-text,#farm-summary:not(.structured-briefing),.ai-bullet { font-size:14px; line-height:1.5; }
  .forecast-screen > .forecast-card,.forecast-card { width:100%; height:auto; min-height:0; margin:0; padding:15px 12px; overflow:visible; box-sizing:border-box; }
  .forecast-card > .section-title { margin:0 0 12px; font-size:23px; }
  .forecast-full .forecast { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }
  .forecast-full .forecast .day { min-width:0; padding:10px 7px; border:1px solid rgba(184,170,142,.55); background:rgba(255,252,244,.46); }
  .forecast-full .day-name { font-size:11px; letter-spacing:.08em; }
  .forecast-full .day-temp { margin-top:8px; font-size:21px; }
  .forecast-full .day-rain { margin-top:5px; font-size:12px; }
  #forecast-moon-note { margin:12px 0 0; padding-top:10px; font-size:12px; }
  .forecast-card:after { display:none; }
  .flight-screen .radar-page { width:100%; height:auto; min-height:0; padding:12px; box-sizing:border-box; }
  .flight-screen .radar-layout { display:flex; flex-direction:column; align-items:stretch; gap:14px; width:100%; height:auto; min-height:0; }
  .flight-screen .map-column { width:100%; min-width:0; }
  .flight-screen #radar { width:min(100%,410px); height:auto; aspect-ratio:1; margin:0 auto; }
  .flight-screen .map-column > .flight-top { height:58px; padding:8px 10px; }
  .flight-screen .map-column > .flight-top h2 { font-size:25px; }
  .flight-screen .map-column > .flight-top .eyebrow { font-size:8px; letter-spacing:.1em; }
  .flight-screen .flight-stats { gap:10px; }
  .flight-screen .flight-stats strong { font-size:19px; }
  .flight-screen .flight-stats span { font-size:7px; letter-spacing:.04em; }
  .flight-screen .map-north,.flight-screen .map-scale { font-size:10px; }
  .flight-screen .map-credit { margin-top:6px; font-size:10px; line-height:1.4; }
  .flight-screen .flight-sidebar { display:block; width:100%; height:auto; }
  .flight-screen .flight-heading { margin:0 0 6px; font-size:10px; }
  .flight-screen .flight-heading button { min-height:38px; padding:7px 10px; font-size:11px; }
  .flight-screen .flight-legend { margin:6px 0 10px; font-size:10px; line-height:1.4; }
  .flight-screen .flight-detail { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto auto auto auto; gap:4px 8px; padding:9px; line-height:1.3; }
  .flight-screen .flight-detail-call { grid-column:1; grid-row:1; font-size:10px; }
  .flight-screen .flight-model { grid-column:1; grid-row:2; font-size:15px; }
  .flight-screen .flight-registration { grid-column:1; grid-row:3; font-size:9px; }
  .flight-screen .flight-route { grid-column:2; grid-row:1; font-size:11px; }
  .flight-screen .flight-route-note { grid-column:2; grid-row:2; font-size:9px; }
  .flight-screen .flight-pass-time { grid-column:2; grid-row:3; font-size:10px; }
  .flight-screen .flight-detail-facts { grid-column:1/-1; grid-row:4; font-size:10px; }
  .flight-screen .flight-status { margin-top:8px; font-size:10px; }
  .calendar-screen > .edition-heading { align-items:flex-start; flex-direction:column; }
  .calendar-week-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:6px; width:100%; font-size:12px; text-align:left; }
  .calendar-week-tools button { min-width:40px; min-height:38px; margin:0; padding:6px 10px; font:13px Georgia,serif; }
  .calendar-legend { flex-wrap:wrap; gap:5px 12px; margin:0 0 10px; font-size:11px; }
  .calendar-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; height:auto; min-height:0; overflow:visible; }
  .calendar-day { min-width:0; min-height:108px; padding:9px 7px; border-right:1px solid rgba(215,196,197,.8); border-bottom:1px solid rgba(215,196,197,.8); }
  .calendar-day-heading { font-size:11px; letter-spacing:.04em; }
  .calendar-day-number { margin:3px 0 8px; font-size:22px; }
  .calendar-event { margin-bottom:6px; padding:6px; }
  .calendar-event-time { font-size:10px; }
  .calendar-event-title { font-size:12px; }
  .calendar-event-source { font-size:9px; }
  .calendar-event-detail { font-size:10px; }
  .calendar-empty,.calendar-status { font-size:12px; }
  .countdown-layout,.moon-layout,.history-layout,.wellbeing-grid,.garden-grid,.animal-overview,.chicken-layout,.journal-two,.word-layout { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto; gap:12px; width:100%; height:auto; min-height:0; max-height:none; overflow:visible; }
  .countdown-feature { min-height:230px; padding:18px; }
  .countdown-feature .countdown-event-icon { width:48px; height:48px; }
  .countdown-big { font-size:64px; }
  .countdown-list { grid-template-columns:1fr; grid-template-rows:none; gap:8px; }
  .countdown-card { min-height:82px; padding:12px; }
  .countdown-card-days { font-size:32px; }
  .countdown-card-unit { font-size:9px; }
  .countdown-card h2 { font-size:17px; }
  .countdown-card p { font-size:12px; }
  .countdown-note { margin:10px 0; font-size:11px; line-height:1.4; }
  .history-layout { padding:14px; }
  .history-year { min-width:0; padding:0 0 12px; border-right:0; border-bottom:1px solid #c9b3b6; }
  .history-year > span { font-size:10px; letter-spacing:.16em; }
  .history-year strong { font-size:58px; letter-spacing:-.04em; line-height:1.05; }
  .history-rule { font-size:23px; }
  .history-year p { margin:5px 0; font-size:13px; }
  .history-year small { font-size:11px; line-height:1.5; }
  .history-story { align-self:auto; }
  .history-story h2 { margin:8px 0; font-size:24px; line-height:1.2; }
  .history-story > p { margin:8px 0; font-size:15px; line-height:1.55; }
  .history-footnote,.history-story a { font-size:11px; line-height:1.5; }
  .history-dedication { margin:12px 0 0; font-size:13px; }
  .moon-feature,.moon-calendar,.zodiac-notes { min-width:0; padding:15px; }
  .moon-feature .moon-icon { width:96px; height:96px; margin:8px auto; }
  .moon-layout h2 { margin:9px 0; font-size:20px; }
  .moon-layout p { font-size:14px; line-height:1.5; }
  .moon-layout .moon-note { font-size:11px; }
  .moon-layout .section-title { font-size:10px; }
  #moon-events > div { padding:10px 0; }
  #moon-events span { font-size:15px; }
  #moon-events strong { margin-top:4px; font-size:13px; }
  .zodiac-symbols { margin:12px 0; font-size:32px; }
  .wellbeing-grid .journal-panel,.garden-grid .journal-panel,.animal-overview .journal-panel,.chicken-layout .journal-panel,.journal-two .journal-panel,.journal-panel { min-width:0; min-height:0; padding:14px; overflow:visible; }
  .journal-panel h2 { margin:5px 0 8px; font-size:20px; line-height:1.2; }
  .journal-panel p,.chicken-layout p { margin:7px 0; font-size:14px; line-height:1.5; }
  .journal-panel a,.journal-edit { font-size:12px; line-height:1.4; }
  .journal-panel .journal-small,.journal-small { font-size:11px; line-height:1.45; }
  .journal-record { padding:9px 0; }
  .journal-record h3 { margin:3px 0; font-size:16px; }
  .journal-record p,.journal-note p { font-size:13px; line-height:1.45; }
  .journal-summary { flex-wrap:wrap; gap:6px 14px; margin:0 0 10px; font-size:13px; }
  .journal-panel-heading { flex-wrap:wrap; gap:6px; }
  .journal-panel button { min-height:38px; padding:7px 10px; font-size:12px; }
  .animal-roster { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; gap:8px 10px; }
  .roster-member { padding:7px 0; }
  .roster-member strong { font-size:13px; }
  .roster-member span { font-size:11px; line-height:1.4; }
  .roster-member small { font-size:10px; }
  .chicken-number { margin:8px 0; font-size:42px; }
  .egg-chart { height:105px; }
  .coop-parade { height:32px; margin:0; }
  .wellbeing-grid .journal-panel p { font-size:14px; line-height:1.5; }
  .wellbeing-grid .journal-panel .journal-small { font-size:11px; line-height:1.4; }
  .wellbeing-grid .journal-panel a { font-size:11px; }
  .wellbeing-grid .journal-panel:last-child > .eyebrow { font-size:10px; }
  .wellbeing-grid .journal-panel #qi-tcm-tip { font-size:15px; line-height:1.5; }
  .wellbeing-grid .journal-panel h2 { font-size:20px; }
  .wellbeing-feature { min-height:220px; }
  .wellbeing-feature .qi-orbit { width:72px; height:72px; margin:4px auto 10px; font-size:46px; }
  .wellbeing-feature small { min-height:0; margin-top:14px; padding-top:10px; font-size:10px; line-height:1.4; }
  .wellbeing-practice .practice-footnote { min-height:0; margin-top:14px; padding-top:10px; font-size:10px; line-height:1.4; }
  .wellbeing-practice h2:after { width:90px; }
  .wellbeing-safety { height:auto; max-height:none; margin:10px 0 0; padding:10px 12px; overflow:visible; font-size:11px; line-height:1.5; }
  .wellbeing-safety a { white-space:normal; }
  .word-layout { grid-template-columns:minmax(0,1fr); }
  .word-feature { min-height:220px; padding:17px; }
  .word-feature h2 { margin:10px 0 6px; font-size:42px; }
  .word-feature #word-definition { font-size:15px; line-height:1.5; }
  .word-details { grid-template-columns:minmax(0,1fr); grid-template-rows:none; gap:8px; }
  .word-details article { min-height:0; padding:12px; }
  .word-details p,.word-details blockquote { margin:6px 0 0; font-size:13px; line-height:1.45; }
  .word-practice { max-height:none; margin-top:10px; padding:10px 12px; font-size:10px; }
  .word-practice p { display:block; margin:4px 0 0; font-size:13px; line-height:1.4; }
  .web-transport { position:relative; inset:auto; display:flex; flex-direction:row; justify-content:center; gap:8px; width:max-content; max-width:100%; margin:2px auto 8px; padding:4px; border:1px solid rgba(177,161,131,.55); border-radius:999px; background:rgba(247,240,223,.76); box-shadow:0 3px 14px rgba(48,37,19,.12); opacity:.92; }
  .web-transport-button { width:38px; height:38px; opacity:1; }
  .web-transport-button svg { width:17px; height:17px; }
  .ticker { position:static; width:100%; height:auto; min-height:0; padding:9px 12px calc(10px + env(safe-area-inset-bottom)); box-sizing:border-box; text-align:left; }
  #ticker-text { padding:0; font-size:9px; line-height:1.5; letter-spacing:.06em; white-space:normal; }
}
@media (max-width: 360px) {
  body.television > header { grid-template-columns:36px minmax(0,1fr) auto; gap:6px; padding-right:9px; padding-left:9px; }
  .farm-seal { width:35px; height:39px; }
  .television .logo { font-size:21px; }
  .television .sublogo { font-size:6px; letter-spacing:.06em; }
  .television #date { font-size:7px; }
  .television #clock { font-size:17px; }
  .web-shell { padding-right:9px; padding-left:9px; }
  .screen.active > .edition-heading h1 { font-size:26px; }
}
@media(max-width:680px){.nav-glyph svg .yin-dot{fill:currentColor;stroke:none}}

/* Refined phone tiles for visibility, fit, and touch use. */
@media (max-width: 680px) {
  .web-menu-toggle {
    top: 4px;
    left: 9px;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    border: 1px solid rgba(76, 91, 70, .68);
    background: rgba(250, 247, 238, .96);
    box-shadow: 0 2px 10px rgba(36, 49, 37, .24);
    opacity: 1;
  }
  .web-menu-toggle:hover,
  .web-menu-toggle:focus-visible {
    background: #fffdf7;
    box-shadow: 0 3px 12px rgba(36, 49, 37, .3);
  }
  .hamburger { width: 20px; gap: 5px; }
  .hamburger i { height: 2px; background: #354536; }
  .television main.web-main { padding-top: 48px; }

  /* A compact, readable tile grid instead of narrow desktop-width forecast columns. */
  .forecast-full .forecast {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
    align-items: stretch;
  }
  .forecast-full .forecast .day {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "name moon"
      "temp temp"
      "rain rain"
      "phase phase";
    align-content: start;
    justify-items: stretch;
    gap: 4px 8px;
    width: auto;
    min-height: 132px;
    padding: 11px;
    box-sizing: border-box;
    text-align: left;
    border: 1px solid rgba(184, 170, 142, .62);
    border-radius: 12px;
    background: rgba(255, 252, 244, .72);
    box-shadow: 0 3px 12px rgba(67, 58, 43, .08);
  }
  .forecast-full .forecast .day-name { grid-area: name; align-self: center; font-size: 12px; }
  .forecast-full .forecast .day .moon-icon {
    grid-area: moon;
    width: 30px;
    height: 30px;
    margin: 0;
  }
  .forecast-full .forecast .day-temp { grid-area: temp; margin: 8px 0 0; font-size: 20px; }
  .forecast-full .forecast .day-rain { grid-area: rain; margin: 0; font-size: 12px; }
  .forecast-full .forecast .day-moon { grid-area: phase; margin: 1px 0 0; font-size: 11px; line-height: 1.25; }

  /* The Coop uses two quick-read tiles, with flock notes spanning the full row. */
  .chickens-screen > .coop-parade {
    height: 30px;
    margin: 0 4px 8px;
    padding-left: 4px;
  }
  .chickens-screen .coop-tracks { display: none; }
  .chickens-screen .coop-hen img { width: 32px; height: 25px; }
  .chickens-screen .coop-chick img { width: 23px; height: 20px; }
  .chickens-screen .chicken-layout {
    height: auto;
    min-height: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 10px;
  }
  .chickens-screen .chicken-layout .journal-panel {
    min-width: 0;
    height: auto;
    min-height: 145px;
    padding: 12px;
    overflow: visible;
    border-top-width: 2px;
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(67, 58, 43, .08);
  }
  .chickens-screen .chicken-layout .journal-panel:nth-child(3) {
    grid-column: 1 / -1;
    min-height: 0;
  }
  .chickens-screen .chicken-number {
    margin: 9px 0;
    font-size: clamp(25px, 7.2vw, 34px);
    line-height: 1.08;
    overflow-wrap: anywhere;
  }
  .chickens-screen #eggs-today { font-size: clamp(21px, 6vw, 30px); }
  .chickens-screen .egg-chart { height: 76px; margin-top: 8px; gap: 3px; }
  .chickens-screen .egg-column { font-size: 11px; }
  .chickens-screen .egg-column small { font-size: 9px; }

  /* Keep the radar square and centered; aircraft details flow at their natural height. */
  .flight-screen .radar-page {
    height: auto;
    min-height: 0;
    padding: 10px;
    overflow: visible;
    border-radius: 12px;
  }
  .flight-screen .radar-layout { gap: 12px; }
  .flight-screen .map-column { flex-shrink: 1; }
  .flight-screen #radar {
    width: min(100%, 360px);
    height: auto;
    aspect-ratio: 1;
    border-radius: 9px;
  }
  .flight-screen .map-column > .flight-top { height: 54px; padding: 7px 9px; }
  .flight-screen .map-column > .flight-top h2 { font-size: clamp(19px, 5.5vw, 24px); }
  .flight-screen .map-column > .flight-top .eyebrow { font-size: 7px; }
  .flight-screen .map-landmark { font-size: 8px; }
  .flight-screen .plane-label { font-size: 8px; }
  .flight-screen #flight-list {
    display: grid;
    grid-template-rows: none;
    grid-auto-rows: auto;
    gap: 7px;
    width: 100%;
    height: auto;
    min-height: 0;
  }
  .flight-screen .flight-detail {
    min-height: 74px;
    align-content: start;
    border-radius: 8px;
    background: rgba(255, 255, 255, .045);
  }
}

/* The radar artwork is 1536 × 900; preserve its wide map projection on phones. */
@media (max-width: 680px) {
  .flight-screen .map-column { width:100%; max-width:none; }
  .flight-screen #radar {
    display:block;
    width:100%;
    max-width:none;
    height:auto;
    aspect-ratio:1536 / 900;
    margin:0;
    box-sizing:border-box;
  }
  .flight-screen .map-column > .flight-top { height:76px; padding:10px 12px; background:linear-gradient(180deg,rgba(12,31,22,.98),rgba(20,44,31,.94)); }
  .flight-screen .map-column > .flight-top h2 { max-width:52%; font-size:clamp(18px,5vw,23px); }
  .flight-screen .map-column > .flight-top .eyebrow { max-width:58%; font-size:7px; }
  .flight-screen .map-column > .flight-top .flight-stats { gap:8px; }
  .flight-screen .map-column > .flight-top .flight-stats strong { font-size:17px; }
  .flight-screen .map-column > .flight-top .flight-stats span { font-size:6px; }
  .weather-watch-screen .weather-watch-layout { display:flex; flex-direction:column; gap:12px; }
  .weather-watch-screen .weather-alert-card { height:auto; max-height:none; padding:14px; }
  .weather-watch-screen .weather-map-panel { width:100%; min-width:0; padding:9px; box-sizing:border-box; }
  .weather-watch-screen .weather-map { width:100%; max-height:none; }
  .weather-watch-screen .weather-map-panel h3 { font-size:16px; }
  .weather-watch-screen .map-label { font-size:30px; }
  .weather-watch-screen .farm-label { font-size:38px; }
  .weather-watch-screen .live-map-note { font-size:10px; line-height:1.35; }
}

/* Mobile header and Flight Watch masthead clearances. */
@media (max-width: 680px) {
  html body.television > header { display:flex; justify-content:center; align-items:center; }
  body.television > header > .farm-seal { position:absolute; left:12px; }
  body.television > header > div:nth-child(2) { min-width:0; max-width:calc(100% - 150px); text-align:center; }
  .television .logo { font-size:clamp(22px,6.5vw,27px); }
  .television .sublogo { font-size:clamp(6px,1.8vw,8px); letter-spacing:.05em; }
  .television .clockbox { position:absolute; right:12px; }

  .flight-screen .map-column { position:relative; display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .flight-screen .map-column > .flight-top { position:relative; inset:auto; z-index:6; flex:0 0 92px; width:100%; height:92px; margin:0; padding:12px; box-sizing:border-box; align-items:flex-start; background:#173728; border:1px solid rgba(182,195,155,.8); border-bottom:0; border-radius:10px 10px 0 0; }
  .flight-screen .map-column > .flight-top .eyebrow { max-width:none; font-size:7px; }
  .flight-screen .map-column > .flight-top .flight-stats { gap:8px; }
  .flight-screen .map-column > .flight-top .flight-stats strong { font-size:17px; }
  .flight-screen .map-column > .flight-top .flight-stats span { font-size:6px; }
  .flight-screen .flight-title-svg { width:clamp(132px,44vw,180px); height:32px; }
  .flight-screen .map-column > .flight-top h2 { max-width:none; margin:5px 0 0; line-height:1.08; font-size:clamp(18px,5vw,23px); }
  .flight-screen #map-landmarks,.flight-screen #radar-aircraft,.flight-screen #radar-trails { transform:none; }
  .flight-screen .radar-ring,.flight-screen .home-marker { top:50%; }
  .flight-screen .radar-compass { top:8.5vh; }
  .flight-screen .map-north { top:1vh; }
}