:root{--bg:#071018;--panel:#0c1822;--line:#233746;--muted:#7890a1;--text:#eef6f8;--cyan:#4ce3e9;--green:#70e49a;--amber:#ffc857;--red:#ff6675}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 45% -20%,#173142,#071018 45%);color:var(--text);font-family:Arial,sans-serif;min-height:100vh}.app-shell{max-width:1500px;margin:auto;padding:22px 28px 34px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.eyebrow,.card-heading span,.debrief-head span{font-size:11px;letter-spacing:.2em;color:var(--cyan);font-weight:800}.topbar h1{font-size:24px;margin:5px 0 0}.level-tabs{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#09151e}.level-tabs button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 15px;font-weight:800;font-size:11px}.level-tabs button span{display:block;color:#506b7d;font-size:9px}.level-tabs .active{background:var(--cyan);color:#062128}.instrument-strip{display:grid;grid-template-columns:repeat(5,1fr) 1.2fr;background:#061019;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:14px}.data{padding:13px 17px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;align-items:end}.data>span{grid-column:1/3;font-size:9px;letter-spacing:.16em;color:var(--muted);font-weight:800}.data strong{font:28px/1 ui-monospace;margin-top:5px}.data small{font-size:10px;color:var(--muted);font-weight:800;margin-left:7px}.data.accent strong{color:var(--cyan)}.status-lamp{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--amber);font-size:11px;letter-spacing:.12em;font-weight:900}.status-lamp i{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}.status-lamp.safe{color:var(--green)}.status-lamp.safe i{background:var(--green)}.workspace{display:grid;grid-template-columns:minmax(0,2fr) 360px;gap:14px}.radar-card,.controls-card,.guide-card,.debrief-card{background:linear-gradient(145deg,#0d1b25,#09151e);border:1px solid var(--line);border-radius:14px}.radar-card,.controls-card{padding:18px}.card-heading,.debrief-head{display:flex;justify-content:space-between;align-items:center}.card-heading h2,.debrief-head h2{font-size:15px;margin:4px 0}.card-heading em{font: 11px ui-monospace;color:var(--muted)}.approach-map{height:420px;margin-top:16px;position:relative;overflow:hidden;border-radius:10px;background-color:#08131b;background-image:linear-gradient(#142632 1px,transparent 1px),linear-gradient(90deg,#142632 1px,transparent 1px);background-size:40px 40px}.distance-axis-title{position:absolute;left:16px;top:14px;font-size:10px;letter-spacing:.14em;font-weight:900;color:#71869b}.centerline{position:absolute;left:7%;right:13%;top:50%;border-top:2px dashed #527084}.range-mark{position:absolute;top:54%;font:700 11px ui-monospace;color:#315894;transform:translate(-50%);text-align:center}.range-mark i{display:block;height:15px;border-left:2px solid #6d8298;margin-left:50%}.window{position:absolute;top:29%;height:42%;border-inline:1px solid #294454;background:#18313d4f}.window span{display:block;text-align:center;font-size:8px;color:#7797a9;font-weight:800;padding-top:8px;white-space:nowrap;overflow:hidden}.window.current{background:#1e69735e;border-color:var(--cyan)}.window.current span{color:var(--cyan)}.w0{top:34%;height:32%}.w1{top:24%;height:52%}.w2{top:30%;height:40%}.w3{top:21%;height:58%}.w4{top:27%;height:46%}.runway{position:absolute;left:87%;top:42%;height:16%;width:11%;background:#41505a;border:2px solid #8fa3af;display:flex;align-items:center;justify-content:space-around}.runway i{height:60%;border-left:2px dashed #dbe5e8}.aircraft{position:absolute;top:42%;z-index:3;transition:left .35s}.aircraft>span{display:block;font-size:42px;color:var(--cyan);transform:rotate(90deg);filter:drop-shadow(0 0 10px #4ce3e999)}.aircraft small{position:absolute;top:46px;left:-4px;width:60px;text-align:center;font:9px ui-monospace;color:var(--cyan)}.coach{height:52px;margin-top:12px;border:1px solid #23727b;background:#0d3037;border-radius:9px;display:flex;align-items:center;padding:0 15px;gap:15px}.coach b{font-size:9px;color:var(--cyan)}.coach span{font-weight:800;font-size:13px}.coach em{margin-left:auto;color:var(--muted);font: 11px ui-monospace}.evaluation-note{margin-top:12px;padding:14px;color:var(--muted);font-size:12px;border:1px dashed var(--line);border-radius:9px}.controls-card label{display:block;color:var(--muted);font-size:9px;letter-spacing:.17em;font-weight:900;margin:20px 0 8px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-grid button,.flap-row button{background:#0c1a24;border:1px solid #2b4251;border-radius:8px;color:#d7e4e8;padding:11px 8px;font-size:11px;font-weight:900}.control-grid button span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.control-grid .selected,.flap-row .selected{border-color:var(--cyan);background:#12333b;color:var(--cyan)}.flap-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.flap-row button:disabled{opacity:.3}.advance{width:100%;margin-top:23px;border:0;border-radius:9px;background:var(--cyan);color:#062128;padding:14px 16px;font-weight:950;display:flex;justify-content:space-between}.advance:disabled{opacity:.45}.rate-note{text-align:center;color:var(--muted);font-size:10px}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.guide-card,.debrief-card{padding:16px}.guide-toggle{width:100%;border:0;background:transparent;color:var(--text);display:flex;justify-content:space-between}.guide-toggle span{font-size:10px;letter-spacing:.17em;font-weight:900;color:var(--cyan)}.guide-toggle b{font-size:9px;color:var(--muted)}.guide-body{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:13px}.guide-body>div{border:1px solid var(--line);border-radius:8px;padding:10px}.guide-body .focus{border-color:var(--cyan);background:#12333b}.guide-body b{font:15px ui-monospace;color:var(--cyan)}.guide-body b small{font-size:8px}.guide-body span{display:block;font-size:10px;color:#b4c4cb;margin-top:6px}.limits{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.limits strong{font-size:9px;color:var(--muted)}.limits span{font:10px ui-monospace;color:#b9cad1}.locked{color:var(--muted);font-size:12px}.debrief-head strong{font:28px ui-monospace;color:var(--amber)}.debrief-head strong.good-score{color:var(--green)}.debrief-head strong small{font-size:11px;color:var(--muted)}.event-list{margin-top:12px;max-height:145px;overflow:auto}.event-list>p{color:var(--muted);font-size:12px}.event-list>div{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:7px 0;border-top:1px solid #1c303d;font-size:11px}.event-list b{font:10px ui-monospace}.event-list .good b{color:var(--green)}.event-list .caution b{color:var(--amber)}.event-list .error b{color:var(--red)}.restart{margin-top:10px;background:transparent;border:1px solid var(--cyan);color:var(--cyan);border-radius:7px;padding:8px 12px;font-size:10px;font-weight:900}footer{text-align:center;color:#587181;font-size:10px;margin-top:18px}@media(max-width:950px){.app-shell{padding:16px}.topbar{align-items:stretch;flex-direction:column}.level-tabs button{flex:1}.workspace,.lower-grid{grid-template-columns:1fr}.instrument-strip{grid-template-columns:repeat(3,1fr)}.status-lamp{padding:14px}.approach-map{height:280px}.window span{display:none}.assignment-bar{grid-template-columns:1fr 1fr}.assignment-facts{order:3;grid-column:1/3;border-top:1px solid #dce4ed;padding:10px}.scenario-chip{border-left:1px solid #dce4ed}}@media(max-width:600px){.instrument-strip{grid-template-columns:repeat(2,1fr)}.guide-body{grid-template-columns:1fr 1fr}.limits{flex-wrap:wrap}.data strong{font-size:22px}.level-tabs button{padding:9px;font-size:9px}.approach-map{height:230px}.assignment-bar{grid-template-columns:1fr}.assignment-facts{grid-column:1;grid-template-columns:1fr 1fr;gap:8px}.scenario-chip{border-left:0;border-top:1px solid #dce4ed}.approach-choice{border-right:0}.atc-window{grid-template-columns:45px 1fr}.atc-window em{grid-column:1/3;text-align:center}}.advance.pause{background:var(--amber)}.go-around{width:100%;margin-top:9px;border:1px solid var(--red);border-radius:9px;background:#35131b;color:#ff9ba5;padding:12px 14px;font-size:11px;font-weight:950;letter-spacing:.08em;display:flex;justify-content:space-between}.go-around:hover{background:#501923}.go-around:disabled{opacity:.35}.aircraft{width:75px;height:58px;top:50%;transform:translateY(-50%)}.aircraft img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 7px #4ce3e977)}.aircraft small{top:59px;left:7px}.profile-map{height:230px;margin-top:12px;position:relative;overflow:hidden;border-radius:10px;background-color:#08131b;background-image:linear-gradient(#142632 1px,transparent 1px),linear-gradient(90deg,#142632 1px,transparent 1px);background-size:40px 30px}.profile-title{position:absolute;left:14px;top:11px;color:#6e8798;font-size:10px;font-weight:900;letter-spacing:.13em}.profile-ground{position:absolute;left:7%;right:13%;bottom:19%;border-top:2px solid #567080}.profile-path{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.profile-path line{stroke:var(--cyan);stroke-width:.55;stroke-dasharray:1.4 1.1;vector-effect:non-scaling-stroke}.profile-runway{position:absolute;left:87%;bottom:15%;width:11%;height:12px;background:#71828c;color:#fff;font-size:8px;text-align:right;padding-right:3px}.profile-range{position:absolute;bottom:5%;transform:translate(-50%);color:#315894;font:700 11px ui-monospace;text-align:center}.profile-range i{display:block;height:12px;border-left:2px solid #6d8298;margin-left:50%}.profile-aircraft{position:absolute;width:86px;height:46px;transition:left .35s,top .35s;z-index:2}.profile-aircraft img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px #4ce3e966)}.profile-aircraft small{position:absolute;left:14px;top:39px;width:70px;text-align:center;color:var(--cyan);font:9px ui-monospace}.speed-brake{width:100%;background:#0c1a24;border:1px solid #2b4251;border-radius:8px;color:#d7e4e8;padding:10px 11px;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center}.speed-brake b{font-size:11px}.speed-brake span{font-size:9px;color:var(--muted);font-weight:900}.speed-brake small{grid-column:1/3;color:#5f7a8c;font-size:9px;margin-top:4px}.speed-brake.selected{border-color:var(--amber);background:#332b16;color:var(--amber)}.speed-brake.selected span{color:var(--amber)}.speed-controls{grid-template-columns:repeat(3,1fr)}.faf-plan{position:absolute;left:80%;top:17%;height:66%;border-left:1px dashed var(--amber);color:var(--amber);font-size:8px;font-weight:900;padding:3px 0 0 5px;z-index:2}.profile-faf{position:absolute;left:71.6%;top:68.4%;bottom:19%;border-left:1px dashed var(--amber);z-index:1}.profile-faf b{position:absolute;bottom:100%;left:5px;color:var(--amber);font-size:8px;letter-spacing:.12em}.profile-faf span{position:absolute;top:100%;left:5px;width:90px;color:#9a8354;font:8px ui-monospace}:root{--bg:#f3f6fa;--panel:#fff;--line:#d5deea;--muted:#687b91;--text:#17365d;--cyan:#315894;--green:#168458;--amber:#cf8b16;--red:#c72231}body{background:linear-gradient(180deg,#fff 0,#f3f6fa 45%,#edf2f7);color:var(--text)}.eyebrow,.card-heading span,.debrief-head span{color:#315894}.topbar{border-bottom:3px solid #c72231;padding-bottom:15px}.topbar h1{color:#17365d}.assignment-bar{display:grid;grid-template-columns:minmax(270px,1.1fr) 1.6fr;align-items:stretch;background:#fff;border:1px solid #cbd6e3;border-radius:12px;margin-bottom:10px;box-shadow:0 4px 14px #17365d0b;overflow:hidden}.approach-choice{padding:12px 15px;border-right:1px solid #dce4ed}.approach-choice>span,.atc-window span{display:block;font-size:9px;letter-spacing:.16em;color:#718499;font-weight:900;margin-bottom:5px}.approach-choice select{width:100%;border:0;background:transparent;color:#17365d;font-size:14px;font-weight:900;outline:none}.approach-choice strong{font-size:14px}.approach-choice strong small{display:block;color:#8b9bad;font-size:8px;letter-spacing:.12em;margin-top:3px}.assignment-facts{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.assignment-facts b{font:10px ui-monospace;text-align:center;color:#4b6580;border-right:1px solid #e1e7ee}.atc-window{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:13px;border:1px solid #9ab0c8;background:#eef4fa;border-left:5px solid #315894;border-radius:10px;padding:10px 13px;margin-bottom:10px}.atc-icon{width:45px;height:36px;border-radius:6px;background:#17365d;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:950;letter-spacing:.1em}.atc-window span{margin:0}.atc-window strong{display:block;color:#17365d;font-size:13px;margin:2px 0}@keyframes atcFlash{0%,to{background:#eef4fa;box-shadow:none}18%,52%{background:#fff3bd;border-color:#cf8b16;box-shadow:0 0 0 4px #cf8b1626}35%,69%{background:#eef4fa;box-shadow:none}}.atc-alert{animation:atcFlash 1.8s ease-in-out}.level-tabs{background:#fff;border-color:#cbd6e3;box-shadow:0 2px 8px #17365d0d}.level-tabs button{color:#687b91;border-color:#d7e0ea}.level-tabs button span{color:#9aa9b8}.level-tabs .active{background:#315894;color:#fff;box-shadow:inset 0 -3px #c72231}.level-tabs .active span{color:#dbe5f1}.instrument-strip{background:#fff;border-color:#cbd6e3;box-shadow:0 5px 18px #17365d0c}.data{border-color:#dce4ed}.data>span,.data small{color:#72859a}.data strong{color:#17365d}.data.accent strong{color:#c72231}.status-lamp{background:#f8fafc}.radar-card,.controls-card,.guide-card,.debrief-card{background:#fff;border-color:#d3dce7;box-shadow:0 8px 24px #17365d0b}.card-heading h2,.debrief-head h2{color:#17365d}.card-heading em{color:#6b7f94}.approach-map,.profile-map{background-color:#f7f9fc;background-image:linear-gradient(#dce5ef 1px,transparent 1px),linear-gradient(90deg,#dce5ef 1px,transparent 1px)}.centerline{border-color:#6b8096}.range-mark,.profile-title{color:#71869b}.window{background:#dce7f34d;border-color:#b6c8da}.window span{color:#58718b}.window.current{background:#dbe8f5;border-color:#315894}.window.current span{color:#315894}.profile-ground{border-color:#71859a}.profile-path line{stroke:#315894}.runway,.profile-runway{background:#677b8d;border-color:#455b6d}.coach{background:#edf4fb;border-color:#8aa6c5}.coach b{color:#315894}.coach span{color:#17365d}.evaluation-note{color:#65798e;background:#f8fafc}.controls-card label{color:#6e8195}.control-grid button,.flap-row button{background:#f8fafc;border-color:#cbd7e3;color:#294867}.control-grid button span{color:#718499}.control-grid .selected,.flap-row .selected{background:#e8f0f8;border-color:#315894;color:#17365d;box-shadow:inset 0 0 0 1px #31589422}.speed-brake{background:#f8fafc;border-color:#cbd7e3;color:#294867}.speed-brake small,.speed-brake span{color:#718499}.speed-brake.selected{background:#fff5dd;border-color:#cf8b16;color:#8a5b0c}.advance{background:#315894;color:#fff;box-shadow:0 5px 12px #31589433}.advance.pause{background:#cf8b16;color:#fff}.go-around{background:#fff4f5;border-color:#c72231;color:#a71827}.go-around:hover{background:#ffe7e9}.rate-note,.locked{color:#718499}.guide-toggle{color:#17365d}.guide-toggle span{color:#315894}.guide-body>div{border-color:#d5dfe9;background:#fafbfd}.guide-body .focus{background:#e8f0f8;border-color:#315894}.guide-body b{color:#315894}.guide-body span{color:#526c85}.limits{border-color:#dbe3eb}.limits span{color:#526a82}.event-list>div{border-color:#e0e7ef}.event-list>p{color:#718499}.restart{border-color:#315894;color:#315894}.faf-plan,.profile-faf b{color:#c72231}.profile-faf{border-color:#c72231}.profile-faf span{color:#a65058}footer{margin-top:26px;padding:20px 12px 6px;border-top:1px solid #d2dce6;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#718499}.footer-note{text-align:left;max-width:680px}.skywest-lockup{display:flex;align-items:center;width:185px}.skywest-lockup img{display:block;width:185px;height:auto}@media(max-width:600px){footer{flex-direction:column-reverse;text-align:center}.footer-note{text-align:center}}@media(max-width:950px){.assignment-bar{grid-template-columns:1fr 1fr}.assignment-facts{order:3;grid-column:1/3;border-top:1px solid #dce4ed;padding:10px}.scenario-chip{border-left:1px solid #dce4ed}}@media(max-width:600px){.assignment-bar{grid-template-columns:1fr}.assignment-facts{grid-column:1;grid-template-columns:1fr 1fr;gap:8px}.scenario-chip{border-left:0;border-top:1px solid #dce4ed}.approach-choice{border-right:0}.atc-window{grid-template-columns:45px 1fr}.atc-window em{grid-column:1/3;text-align:center}}