:root{--bg:#0a1519;--panel:#0f1e23;--line:#1f363d;--text:#d6e4e7;--muted:#7d9aa1;--accent:#a6e86f;--warn:#ff5a52;--select:#ffd54f;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--sans:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:14px/1.4 var(--sans);margin:0;overflow:hidden}.app{grid-template:"scope strips"38vh"scope panel"1fr/1fr 340px;height:100vh;display:grid}.scope-wrap{grid-area:scope}.panel{grid-area:panel}@media (min-width:1200px){.app{grid-template:"scope strips panel"1fr/1fr 260px 340px}}.strip-bay{background:var(--panel);border-left:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;grid-area:strips;gap:6px;min-height:0;padding:14px 12px;display:flex}.strip-bay h2{margin:0}.scope-wrap{min-width:0;position:relative}#scope{cursor:crosshair;width:100%;height:100%;display:block}.scope-hint{color:var(--muted);pointer-events:none;font-size:12px;position:absolute;bottom:10px;left:12px}.panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.panel-head{justify-content:space-between;align-items:center;display:flex}.title{font-size:16px;font-weight:700}.subtitle{color:var(--muted);font-size:12px}.clock{font:600 18px var(--mono);color:var(--accent)}h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:4px 0 0;font-size:11px}.rates{gap:4px;display:flex}.rates button{color:var(--text);border:1px solid var(--line);font:13px var(--sans);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:6px 0}.rates button.active{background:var(--accent);color:#0a1519;border-color:var(--accent);font-weight:700}.traffic{font:13px var(--mono);margin:0;padding:0;list-style:none}.traffic li.strip{--role:var(--accent);background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--role);cursor:pointer;border-radius:6px;gap:2px;margin-bottom:6px;padding:6px 8px 6px 10px;display:grid}.traffic li.strip.departure{--role:#6fd3e8}.traffic li.strip.offered{--role:#d58cff}.traffic li.strip:hover{border-color:var(--muted);border-left-color:var(--role)}.traffic li.strip.selected{border-color:var(--select);border-left-color:var(--select);background:#ffd54f14}.traffic li.strip.conflict{border-color:var(--warn);border-left-color:var(--warn)}.strip-line{white-space:nowrap;justify-content:space-between;gap:8px;display:flex}.strip .cs{color:var(--text);font-size:14px;font-weight:700}.strip .type,.strip .spd{color:var(--muted)}.strip .tag{color:var(--select);text-overflow:ellipsis;overflow:hidden}.strip.conflict .cs{color:var(--warn)}.traffic{flex:1;min-height:0;overflow-y:auto}.traffic li.strip-title{font:700 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:default;padding:6px 6px 2px;display:block}.traffic li.strip-title:hover{background:0 0}.log{flex:1 0 140px;min-height:140px;margin:0;padding:0;font-size:13px;list-style:none;overflow-y:auto}.log li{border-bottom:1px solid var(--line);padding:4px 0}.log .who{font:600 12px var(--mono);margin-right:6px}.log .atc .who{color:var(--select)}.log .pilot .who{color:var(--accent)}.log .error{color:var(--warn)}.log .alert{color:var(--warn);font-weight:700}.log .info{color:var(--muted)}.command input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);font:15px var(--mono);text-transform:uppercase;border-radius:8px;padding:10px 12px}.command input:focus{outline:2px solid var(--accent);outline-offset:-1px}.help{color:var(--muted);font-size:12px}.help ul{margin:6px 0 0;padding-left:16px}.help code,.help kbd{font-family:var(--mono);color:var(--text)}.bmc{color:#0a1519;white-space:nowrap;background:#fd0;border-radius:999px;padding:3px 10px;font-weight:700;text-decoration:none;display:inline-block}.bmc:hover,.bmc:focus-visible{outline:2px solid var(--text);outline-offset:1px;background:#ffe94d}.bmc-note{margin:14px 0 0;font-size:13px}.panel-foot{color:var(--muted);margin-top:auto;padding-top:6px;font-size:12px}@media (max-width:760px){.app{grid-template:"scope"55vh"strips""panel"1fr/1fr;height:auto}body{overflow:auto}.strip-bay{border-left:0;max-height:40vh}.panel{border-left:0;border-top:1px solid var(--line)}}.score{grid-template-columns:repeat(3,1fr);gap:4px;margin:0;display:grid}.score div{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:3px 8px}.score dt{color:var(--muted);font-size:10px}.score dd{font:700 14px var(--mono);margin:0}.score dd.bad{color:var(--warn)}.result{background:#0a1519bf;place-items:center;display:grid;position:absolute;inset:0}.result[hidden]{display:none}.result-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:340px;padding:24px}.result-card h1{margin:0 0 8px;font-size:24px}.result-card.won h1{color:var(--accent)}.result-card.lost h1{color:var(--warn)}.result-card p{color:var(--muted)}.result-card button{background:var(--accent);color:#0a1519;font:700 14px var(--sans);cursor:pointer;border:0;border-radius:8px;padding:10px 18px}.atis{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.atis-head{align-items:center;gap:8px;display:flex}.atis-letter{background:var(--select);color:#0a1519;width:28px;height:28px;font:700 16px var(--mono);border-radius:6px;place-items:center;display:grid}.atis-summary{font:600 13px var(--mono);flex:1}.wx-origin{letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.wx-origin.live{color:var(--accent)}.wx-origin.offline{color:var(--warn)}.atis details{color:var(--muted);margin-top:6px;font-size:12px}.atis-text{color:var(--text);margin:6px 0;font-size:13px}.metar-raw{font:12px var(--mono);color:var(--muted);word-break:break-word;display:block}.coach{border:1px solid var(--line);border-left:3px solid var(--select);border-radius:8px;padding:8px 10px}.coach-head{justify-content:space-between;align-items:center;display:flex}.coach-head h2{margin:0}.coach-toggle{color:var(--muted);cursor:pointer;font-size:12px}.coach-tips{gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}.coach-tips[hidden]{display:none}.coach-tips li{font-size:13px;line-height:1.35}.coach-tips li:before{content:"›";color:var(--select);margin-right:6px;font-weight:700}.coach-cmd{background:var(--bg);color:var(--select);border:1px solid var(--line);font:600 12px var(--mono);cursor:pointer;border-radius:6px;margin-top:3px;padding:2px 8px;display:inline-block}.coach-cmd:hover{border-color:var(--select)}.zoom{border:1px solid var(--line);background:#0f1e23e6;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:12px;left:12px}.zoom button{background:var(--bg);width:34px;height:34px;color:var(--text);border:1px solid var(--line);font:700 20px var(--sans);cursor:pointer;border-radius:8px}.zoom button:hover{border-color:var(--accent);color:var(--accent)}.zoom .zoom-reset{width:auto;height:auto;padding:4px 6px;font-size:11px}.zoom input[type=range]{writing-mode:vertical-lr;width:24px;height:120px;accent-color:var(--accent);cursor:pointer;direction:rtl}.zoom-range{font:600 11px var(--mono);color:var(--muted);white-space:nowrap}.wx-box{border:1px solid var(--line);font:12px var(--mono);color:var(--muted);background:#0f1e23e6;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;top:12px;right:12px}.wx-box[hidden]{display:none}.wind-arrow{width:44px;height:44px}.wind-ring{fill:none;stroke:var(--line);stroke-width:1.2px}.wind-arrow line{stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round}.wind-arrow path{fill:var(--accent)}.wind-arrow.calm g{display:none}.wx-lines{gap:2px;display:grid}.wx-strong{color:var(--text);font-size:13px;font-weight:700}.wx-atis{background:var(--select);color:#0a1519;border-radius:4px;padding:0 5px;font-weight:700}.wx-alert{color:var(--warn);font-weight:700}.wx-alert[hidden]{display:none}.rain-toggle{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#0f1e23e6;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:10px;right:12px}.rain-toggle input{accent-color:var(--accent)}.rain-toggle small{color:var(--muted)}.sound{align-items:center;gap:10px;font-size:13px;display:flex}.sound-toggle{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:flex}.sound-toggle input,.sound input[type=range]{accent-color:var(--accent)}.sound input[type=range]{flex:1;min-width:0}.sound select{background:var(--bg);color:var(--text);border:1px solid var(--line);font:12px var(--sans);border-radius:6px;padding:3px 6px}.start-card{text-align:left;max-width:460px}.start-card h1,.start-card>p{text-align:center}.levels{gap:10px;margin-top:14px;display:grid}.result-card .level{text-align:left;background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);cursor:pointer;font:14px/1.4 var(--sans);border-radius:10px;gap:4px;padding:12px 14px;display:grid}.result-card .level:hover,.result-card .level:focus-visible{border-color:var(--accent);outline:none}.result-card .level.current{border-color:var(--select)}.level strong{color:var(--accent);font-size:16px}.level span{color:var(--muted)}.command{gap:6px;display:flex}.command input{flex:1;min-width:0}.command input.listening{outline:2px solid var(--warn);outline-offset:-1px}.ptt{background:var(--bg);color:var(--text);border:1px solid var(--line);font:600 12px var(--sans);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px;flex:none;padding:0 12px}.ptt:hover{border-color:var(--accent)}.ptt.live{background:var(--warn);color:#0a1519;border-color:var(--warn)}.ptt:disabled{opacity:.4;cursor:not-allowed}.ptt{place-items:center;gap:1px;padding:4px 12px;line-height:1.1;display:grid}.ptt-key{font:600 10px var(--mono);color:var(--muted)}.ptt.live .ptt-key{color:#0a1519}.panel-top{z-index:2;background:var(--panel);border-bottom:1px solid var(--line);gap:10px;margin:-14px -14px 0;padding:14px 14px 10px;display:grid;position:sticky;top:-14px}.command{z-index:2;background:var(--panel);border-top:1px solid var(--line);margin:0 -14px -14px;padding:10px 14px 14px;position:sticky;bottom:-14px}.coach-options{gap:10px;display:flex}.result-card .level.continue{border-color:var(--accent);background:#a6e86f14}.or-new{color:var(--muted);text-align:left;margin:6px 0 0;font-size:13px}.map-layers{border:1px solid var(--line);background:#0f1e23e6;border-radius:8px;gap:12px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:52px;right:12px}.map-layers label{cursor:pointer;align-items:center;gap:5px;display:flex}.map-layers input{accent-color:var(--accent)}kbd.key{border:1px solid var(--line);background:var(--bg);min-width:16px;height:16px;color:var(--muted);font:600 10px var(--mono);border-radius:4px;place-items:center;margin-left:2px;padding:0 3px;display:inline-grid}.shortcuts-card{text-align:left;max-width:440px}.shortcuts-card h1{text-align:center}.shortcut-table{border-collapse:collapse;width:100%;font-size:14px}.shortcut-table th{text-align:left;font:700 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:12px 0 4px}.shortcut-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:5px 0}.shortcut-table td:first-child{white-space:nowrap;width:45%;padding-right:10px}.shortcut-table kbd{border:1px solid var(--line);background:var(--bg);font:600 12px var(--mono);border-radius:4px;padding:1px 6px;display:inline-block}.paused-banner{border:1px solid var(--select);color:var(--select);font:700 14px var(--sans);letter-spacing:.04em;pointer-events:none;background:#0a1519eb;border-radius:8px;padding:8px 16px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.paused-banner[hidden]{display:none}.paused-banner kbd{border:1px solid var(--select);font:600 12px var(--mono);border-radius:4px;padding:0 5px}