:root { color-scheme: light; --paper:#f4efe4; --paper-deep:#e9e0d0; --ink:#201e1a; --muted:#6b665d; --line:#c7bdad; --red:#b74436; --yellow:#b77a1e; --green:#3f7254; --blue:#344b63; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; color:var(--ink); background:repeating-linear-gradient(0deg,rgba(54,41,20,.035) 0 1px,transparent 1px 5px),var(--paper-deep); font:16px/1.45 Georgia,"Times New Roman",serif; }
button,select { font:inherit; }
.sheet { width:min(1520px,calc(100% - 32px)); margin:16px auto 32px; background:var(--paper); box-shadow:0 12px 38px rgba(54,42,22,.15); border:1px solid #d6ccbc; }
.masthead { display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:center; padding:24px 28px 18px; border-bottom:3px double var(--ink); }
.masthead-mark { display:grid; place-items:center; width:48px; aspect-ratio:1; color:var(--paper); background:var(--ink); font-size:1.7rem; font-weight:700; }
.eyebrow,.feed-head p { margin:0; color:var(--muted); font:700 .7rem/1.3 Arial,sans-serif; letter-spacing:.1em; }
h1 { margin:2px 0 0; font-size:clamp(1.8rem,4vw,3rem); line-height:1; font-weight:normal; }
.refresh { border:1px solid var(--ink); border-radius:0; padding:9px 12px; background:transparent; color:var(--ink); cursor:pointer; font:700 .8rem Arial,sans-serif; }
.refresh:hover { background:var(--ink); color:var(--paper); }.refresh:focus-visible,select:focus-visible,input:focus-visible { outline:3px solid #d89d3d; outline-offset:3px; }
.notice { margin:18px 28px 0; padding:10px 12px; border-left:4px solid var(--red); background:#efe7d9; font-size:.9rem; }
.controls { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; padding:18px 28px 12px; border-bottom:1px solid var(--line); font-size:.9rem; }
.controls label { display:flex; gap:8px; align-items:center; }.controls select { padding:4px 22px 4px 6px; border:1px solid var(--line); border-radius:0; background:var(--paper); color:var(--ink); }.check { cursor:pointer; }.check input { accent-color:var(--red); }
.status { margin-left:auto; color:var(--green); font:700 .8rem Arial,sans-serif; }.status.error { color:var(--red); }.updated { color:var(--muted); font-size:.78rem; }
.playback { display:grid; grid-template-columns:auto auto minmax(180px,1fr) auto auto; gap:12px; align-items:center; padding:12px 28px; border-bottom:1px solid var(--line); background:#efe7d9; }.playback-title { display:grid; gap:1px; font-size:.72rem; color:var(--muted); }.playback-title strong { color:var(--ink); font:.72rem Arial,sans-serif; letter-spacing:.08em; }.playback-button { border:1px solid var(--ink); background:var(--paper); color:var(--ink); padding:6px 9px; cursor:pointer; font:700 .73rem Arial,sans-serif; }.playback-button[aria-pressed="true"] { background:var(--ink); color:var(--paper); }.playback input[type="range"] { width:100%; accent-color:var(--red); }.timeline-label { min-width:150px; text-align:right; font:700 .77rem Arial,sans-serif; }.speed { display:flex; align-items:center; gap:5px; color:var(--muted); font-size:.76rem; }.speed select { padding:3px; border:1px solid var(--line); border-radius:0; background:var(--paper); }
.legend { display:flex; flex-wrap:wrap; gap:12px 18px; padding:10px 28px; color:var(--muted); border-bottom:1px solid var(--line); font-size:.78rem; }.legend span { display:flex; align-items:center; gap:6px; }.dot,.airport-dot { width:9px; height:9px; border-radius:50%; display:inline-block; }.dot.red,.airport-dot.closed{background:var(--red)}.dot.yellow,.airport-dot.restricted{background:var(--yellow)}.dot.green,.airport-dot.open{background:var(--green)}.airport-dot.open{opacity:.55}.line{width:22px;border-top:2px dashed var(--blue)}
.content { display:grid; grid-template-columns:minmax(0,1fr) 370px; height:680px; }.map-wrap { min-height:0; padding:14px; border-right:1px solid var(--line); }.map { min-height:0; height:100%; background:#d5d0c4; }.feed { min-height:0; overflow:hidden; display:flex; flex-direction:column; }.feed-head { padding:16px 18px 12px; border-bottom:1px solid var(--line); }.feed-head div { margin-top:5px; font-size:.82rem; color:var(--muted); }.feed-head strong { color:var(--ink); }.alert-list { min-height:0; overflow:auto; padding:10px; }
.alert { padding:12px 10px; border-bottom:1px solid var(--line); cursor:pointer; }.alert:hover { background:#eee6d9; }.alert:focus-visible { outline:3px solid #d89d3d; outline-offset:-3px; }.alert-top { display:flex; justify-content:space-between; gap:8px; color:var(--muted); font:700 .68rem Arial,sans-serif; }.alert h2 { margin:7px 0 5px; font-size:1rem; font-weight:normal; }.badge { display:inline-block; padding:2px 5px; color:#fff; font:700 .65rem Arial,sans-serif; text-transform:uppercase; letter-spacing:.05em; }.badge.red{background:var(--red)}.badge.yellow{background:var(--yellow)}.badge.green{background:var(--green)}.alert p { margin:0; font-size:.87rem; white-space:pre-line; }.places { margin-top:7px; color:var(--blue); font-size:.79rem; }.stale { opacity:.62; }
.marker-icon { background:transparent; border:0; }.marker { display:grid; place-items:center; width:27px; height:27px; border:2px solid var(--paper); border-radius:50%; box-shadow:0 1px 7px rgba(0,0,0,.35); color:#fff; font:700 .75rem Arial,sans-serif; }.marker.red{background:var(--red)}.marker.yellow{background:var(--yellow)}.marker.green{background:var(--green)}.marker.unknown{background:var(--blue)}.leaflet-popup-content-wrapper,.leaflet-popup-tip { color:var(--ink); background:var(--paper); }.popup p { max-width:290px; white-space:pre-line; }.popup a { color:var(--blue); font-weight:700; }
.site-footer { padding:14px 28px; border-top:1px solid var(--line); color:var(--muted); font:700 .72rem Arial,sans-serif; letter-spacing:.04em; }.site-footer a,.legal-back { color:inherit; text-decoration:none; }.site-footer a:hover,.legal-back:hover { text-decoration:underline; }.legal-sheet { max-width:820px; }.legal-copy { max-width:650px; padding:40px 28px 46px; font-size:1.05rem; }.legal-copy p { margin:0 0 1.15em; }.legal-copy .legal-lead { color:var(--red); font-weight:700; font-size:1.2rem; }
@media (max-width:900px) { .playback { grid-template-columns:auto 1fr auto; }.playback-title { grid-column:1/-1; }.speed { display:none; }.content { grid-template-columns:1fr; height:auto; }.map-wrap { height:54vh; border-right:0; border-bottom:1px solid var(--line); }.map { min-height:0; height:100%; }.feed { max-height:54vh; }.status { margin-left:0; } }
@media (max-width:560px) { .sheet { width:100%; margin:0; border:0; }.masthead { grid-template-columns:auto 1fr; padding:18px; }.refresh { grid-column:1/-1; width:100%; }.notice,.controls,.legend { margin-left:18px; margin-right:18px; padding-left:0; padding-right:0; }.notice { padding:10px; }.controls { gap:12px; }.updated { width:100%; }.map-wrap { padding:0; }.map { min-height:52vh; height:52vh; }.feed-head { padding:14px 18px; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }