:root{color-scheme:dark;--bg:#101620;--panel:#171f2b;--line:#344151;--muted:#a2b0c1;--text:#f5f7fa;--amber:#f4bd5f;--blue:#7cb6ff;--green:#79eda6;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 40% 0,#263848 0,transparent 60%),var(--bg)}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:3px}button{color:inherit}button,a{transition:background .15s,border-color .15s,box-shadow .15s}h1,h2,p{margin:0}button[hidden],[hidden]{display:none!important}.topbar{height:82px;max-width:1560px;margin:auto;display:flex;align-items:center;padding:0 36px;gap:28px;border-bottom:1px solid #ffffff10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font-weight:750;letter-spacing:.1em;font-size:19px;line-height:1.1}.brand svg{width:36px;height:36px;stroke:var(--amber);stroke-width:2;fill:none}.brand-light{font-weight:350}.brand small{display:block;font-size:9px;color:#aebbc9;font-weight:500;letter-spacing:.25em;margin-top:5px}.course-label{color:#8395aa;font-size:11px;letter-spacing:.12em;margin-left:auto}.course-label b{color:#cdd8e4;font-weight:500}.mission-menu{background:#293442;border:1px solid #465266;border-radius:7px;min-height:42px;display:flex;gap:12px;align-items:center;padding:0 14px;font-size:14px}.mission-menu:hover{background:#364457}.mission-menu #courseCount{color:#bdc9d8;font:12px var(--mono);border-left:1px solid #5a6574;padding-left:12px}.grid-icon{color:var(--amber);font-size:23px}.flight-layout{max-width:1560px;margin:30px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;padding:0 36px;align-items:start}.flight-station{min-width:0;overflow:hidden;border:1px solid #455363;border-radius:12px;box-shadow:0 16px 55px #0004}.scenery{height:245px;position:relative;isolation:isolate;background:#36576e;overflow:hidden}.scenery>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 52%;z-index:-3;transition:transform 3s ease,filter 1s}.scenery.flying>img{transform:scale(1.025)}.scenery.dusk>img{filter:brightness(.74) saturate(.7)}.scenery.overcast>img{filter:brightness(.82) saturate(.4)}.scene-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071424a8,transparent 80%),linear-gradient(0deg,#111a2990,transparent 70%)}.scene-content{padding:25px 28px}.scene-eyebrow{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:.17em;font-weight:650;margin-bottom:14px}.scene-eyebrow span:first-child{padding:5px 7px;background:#eeb558;color:#1b2330;border-radius:2px}.scene-eyebrow span:last-child{color:#e9f0f6}h1{font-size:37px;font-weight:630;letter-spacing:-.035em;line-height:1.08;text-shadow:0 2px 20px #0004}.scene-info{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:15px;color:#e4ebf3}.info-separator{color:#a4b6c6}.weather{position:absolute;bottom:23px;right:26px;display:flex;align-items:center;gap:8px;font-size:12px;color:#eff4f8}.weather svg{height:21px;width:21px;fill:none;stroke:#f1d19a;stroke-width:1.4}.view-label{position:absolute;right:14px;top:14px;letter-spacing:.14em;font-size:8px;color:#fff9}.deck{background:linear-gradient(135deg,#29333f,#1b2430 60%);padding:16px 18px 0;border-top:3px solid #586474}.deck-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:10px;color:#acb9c8}.deck-header>div{display:flex;align-items:center;gap:9px}.deck-header strong{color:#e5ecf4;font-size:12px;letter-spacing:.05em}.deck-header>div>span:last-child{font-size:9px;letter-spacing:.08em}.tiny-square{height:5px;width:5px;background:#7a90a9;display:inline-block}.text-button{padding:2px 0;background:none;border:0;color:#a5b8cf;font-size:11px;min-height:25px}.text-button:hover{color:#fff}.instruments{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,.8fr);gap:12px}.pfd,.nav-display{background:#080f1b;border:2px solid #070c13;outline:1px solid #546273;border-radius:5px;overflow:hidden;box-shadow:0 4px 9px #0005}.fma{min-height:43px;display:grid;grid-template-columns:repeat(3,1fr);padding:4px 0;background:#09131e;border-bottom:1px solid #536071;font:600 14px/1.15 var(--mono);text-align:center}.fma>div{border-right:1px solid #42515d;padding:0 2px;min-height:31px;display:flex;flex-direction:column;justify-content:center}.fma>div:last-child{border-right:0}.fma span{color:var(--green);white-space:nowrap}.fma span.off{color:var(--amber)}.fma small{display:block;color:#f0f2f5;font-size:10px;min-height:11px;letter-spacing:0;font-weight:400;line-height:1.2}.fma #thrustMode{color:#b9c6d1;font-size:8px}.attitude-area{height:169px;display:grid;grid-template-columns:59px minmax(0,1fr) 73px}.tape{position:relative;background:repeating-linear-gradient(0deg,#344150 0px,#344150 24px,#94a0ab 25px,#344150 26px);display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;isolation:isolate;padding-bottom:15px}.tape:before{content:"";position:absolute;inset:0 6px 0 0;background:#344150;z-index:-1}.altitude:before{inset:0 0 0 6px}.tape-label{width:100%;background:#142334;color:#d2dbe5;font:500 9px var(--mono);padding:5px 4px;display:flex;justify-content:space-between}.tape-label span{color:#8da4ba}.tape strong{font-size:21px;letter-spacing:-.055em;display:block;width:100%;text-align:center;background:#080c12;border:1.5px solid white;padding:6px 0;color:#fff}.tape-above,.tape-below{color:#dde4eb}.horizon-window{position:relative;overflow:hidden;isolation:isolate}.horizon-world{position:absolute;inset:-100%;z-index:-1;transition:transform .1s linear}.sky{height:50%;background:linear-gradient(#154b7e,#3e91cc)}.earth{height:50%;background:linear-gradient(#ac7750,#705033);border-top:2px solid white}.pitch-ladder{position:absolute;left:0;right:0;top:calc(50% - 62px);display:grid;justify-items:center;gap:8px;color:white;font:10px/1 var(--mono);text-shadow:0 1px #555}.bank-arc{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:160px;height:62px;stroke:#f3f5f7;stroke-width:1.3;fill:none}.bank-pointer{fill:white}.plane-reference{position:absolute;left:50%;top:50%;width:132px;height:27px;transform:translate(-50%,-50%);stroke:#f6d957;stroke-width:3;fill:#141820;filter:drop-shadow(0 1px #222)}.fd-bars{display:none;position:absolute;width:93px;height:57px;border-top:3px solid #f968ea;left:50%;top:50%;transform:translate(-50%,-50%)}.fd-bars:after{content:"";height:65px;width:3px;background:#f968ea;position:absolute;left:50%;top:-24px}.fd-bars.visible{display:block}.horizon-bottom{position:absolute;left:6px;right:6px;bottom:5px;display:flex;justify-content:space-between;font:10px var(--mono);text-shadow:0 1px 3px #000}.horizon-bottom b{color:#f46ff0}.horizon-bottom span{color:#f3efe9}.compass{height:35px;background:#13202e;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-top:1px solid #64788b;font:12px var(--mono)}.compass-ruler{position:absolute;white-space:nowrap;display:flex;align-items:center;gap:10px;color:#b6c1ce;bottom:5px}.compass-ruler i{height:8px;width:1px;background:#94a7bd;display:block}.compass strong{z-index:1;padding:4px 9px;background:#0b1420;border:1px solid white;color:white;font-size:15px}.compass>span{position:absolute;left:0;top:0;background:#13202eeb;color:#e780df;font-size:9px;padding:3px 5px;z-index:1}.nav-display{display:flex;flex-direction:column;font-family:var(--mono)}.nav-display svg{width:100%;flex:1;min-height:0;max-height:211px}.nav-display-top,.nav-display-bottom{display:flex;justify-content:space-between;padding:8px 8px;font-size:9px;color:#aabace;gap:5px}.nav-display-top b{color:#ed85e6;font-weight:500}.nav-display-bottom{border-top:1px solid #29384a;color:#96a8bb}.control-tabs{display:flex;align-items:center;gap:16px;margin:13px 0 12px;border-bottom:1px solid #536171}.control-tabs>button{font-size:12px;padding:0 0 9px;color:#a3b5c9;background:none;border:0;border-bottom:2px solid transparent;min-height:31px}.control-tabs>button[aria-selected=true]{color:#fff;border-color:var(--amber)}.control-tabs>span{margin-left:auto;color:#8b9db1;font-size:8px;letter-spacing:.15em;padding-bottom:9px}.selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.selectors.three{grid-template-columns:repeat(3,minmax(0,1fr))}.selector{background:#101823;border:1px solid #4d5b6d;border-radius:5px;padding:7px 7px 0;min-width:0;box-shadow:inset 0 2px 4px #0005;transition:box-shadow .2s,border-color .2s}.selector label{font-size:9px;font-weight:650;color:#9badbf;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between}.selector label span{font-weight:450;font-size:8px;color:#8a9aaf}.selector input{background:none;border:0;width:100%;color:#9dcbfa;font:500 22px var(--mono);padding:3px 0;text-align:center;outline:none;-moz-appearance:textfield;appearance:textfield}.selector input::-webkit-inner-spin-button,.selector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.adjuster{display:grid;grid-template-columns:1fr 1fr;margin:2px -7px 0;border-top:1px solid #3e4d60}.adjuster button{background:#283445;border:0;font-size:23px;color:#dbe7f4;min-height:34px;line-height:1;border-radius:0 0 0 4px}.adjuster button:last-child{border-left:1px solid #4d5b6b;border-radius:0 0 4px 0}.adjuster button:active{background:#537598}.mode-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.mode-button{background:linear-gradient(#3a4656,#26313f);color:#f3f6f9;border:1px solid #657287;border-bottom:3px solid #131b27;box-shadow:inset 0 1px 0 #ffffff14,0 2px 2px #0006;border-radius:4px;min-height:43px;position:relative;font:600 13px var(--mono);padding:8px 4px}.mode-button:before{content:"";position:absolute;top:4px;left:calc(50% - 8px);width:16px;height:2px;background:#0a121c}.mode-button.active:before{background:var(--green);box-shadow:0 0 6px #6fff9c}.mode-button.active{color:#adf7c4}.mode-button.waiting:before{background:white}.mode-button:active{transform:translateY(1px)}.focus-control{border-color:var(--amber)!important;box-shadow:0 0 0 2px #f4bd5f42,0 0 19px #f4bd5f15!important}.focus-control label,.focus-control label span{color:var(--amber)}.mode-button.focus-control{color:#ffe1a5;background:linear-gradient(#62533b,#453c31)}.deck-status{min-height:40px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:11px;color:#aebccd;line-height:1.3;padding:9px 0}.deck-status>span{max-width:85%}.deck-status>button{border:0;background:none;color:#a6b8cd;font-size:16px;padding:3px;min-height:26px}.deck-status>button>span{font-size:10px}.nav-setup{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-card{background:#131e2d;border:1px solid #42526a;border-radius:5px;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}.setup-card small{color:#829ab7;letter-spacing:.12em;font-size:9px}.setup-card strong{font:500 13px var(--mono);line-height:1.4}.setup-card>button{margin-top:auto;padding:9px 7px;min-height:44px;border-radius:4px;border:1px solid #5c7694;background:#31465f;color:#eef5ff;font-size:12px}.source-selector{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;margin-top:10px;border:1px solid #42526a;background:#131e2d;border-radius:4px;font:11px var(--mono)}.source-selector>div{display:flex;gap:6px}.source-selector button{background:#29394b;border:1px solid #536980;padding:9px 12px;min-height:42px;border-radius:4px;color:#c6d7e9}.source-selector button.selected{border-color:#d884d7;color:#f5a7ec;background:#553654}.instructor{background:linear-gradient(140deg,#243044,#18202e 75%);border:1px solid #43516a;border-radius:12px;padding:22px;overflow:hidden;box-shadow:0 15px 35px #0003}.instructor-top{display:flex;align-items:center;gap:10px;margin-bottom:25px}.radio-icon{background:#2d3d52;border:1px solid #60718a;border-radius:50%;height:39px;width:39px;display:grid;place-items:center}.radio-icon svg{height:22px;width:22px;fill:none;stroke:#e1eaf5;stroke-width:1.5}.instructor-top>div>small{color:#9dacc0;font-size:8px;letter-spacing:.11em;display:block;margin-bottom:4px}.instructor-top b{font-size:13px;letter-spacing:.06em;font-weight:550}.guided-badge{margin-left:auto;font-size:8px;letter-spacing:.1em;border:1px solid #677b99;color:#bdd7fc;border-radius:3px;padding:4px}.section-label{font-size:10px;font-weight:650;color:#95a9c2;letter-spacing:.13em}.mission-summary{padding-bottom:22px;border-bottom:1px solid #41516a;margin-bottom:22px}.mission-summary>p:nth-child(2){font-size:19px;line-height:1.4;margin:9px 0 14px;letter-spacing:-.02em}.phase-tags{display:flex;flex-wrap:wrap;gap:5px}.phase-tags span{background:#142337;border:1px solid #40536e;color:#b1c5df;font:10px var(--mono);padding:5px 7px;border-radius:3px}.step-progress{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:var(--amber);margin-bottom:11px}.step-progress>span:last-child{color:#859bb8}.step-dots{display:flex;gap:4px;margin-bottom:25px}.step-dots>i{height:3px;flex:1;background:#3c4b60}.step-dots>i.done{background:#86bbff}.step-dots>i.current{background:var(--amber)}.instruction-heading{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.step-symbol{width:27px;height:27px;flex:none;display:grid;place-items:center;background:#665435;border:1px solid #ad8b53;color:#f5d59e;border-radius:5px;font:12px var(--mono)}.instruction-heading h2{font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.025em}.instruction-content>p{color:#bdcbe0;font-size:15px;line-height:1.6;margin-bottom:18px}.instruction-content p b{color:#fff;font-weight:600}.feedback{display:flex;gap:8px;border-left:2px solid #91caff;background:#233f5b;padding:10px 11px;color:#deeeff;font-size:13px;line-height:1.4;margin-bottom:17px}.feedback>span{color:#bddfff}.hint{padding:10px 12px;background:#473e2c;border-left:2px solid var(--amber);font-size:13px!important;color:#ead8b4!important}.instructor-actions{display:flex;gap:9px;margin:21px 0}.primary-action{background:var(--amber);color:#202530;border:1px solid var(--amber);border-radius:5px;min-height:45px;padding:11px 17px;font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:16px}.primary-action:hover{background:#ffcf7d}.primary-action:disabled{background:#354359;border-color:#4b5b74;color:#94a7c1}.primary-action.is-fly{background:#88baf6;border-color:#88baf6}.secondary-action{background:transparent;border:1px solid #566980;border-radius:5px;color:#cad9ed;padding:11px 12px;min-height:45px;font-size:12px}.secondary-action:hover{background:#334057}.instructor-actions .primary-action{flex:1}.instructor-bottom{padding-top:17px;border-top:1px solid #3b4c62}.instructor-bottom details{color:#aebed3;font-size:13px;line-height:1.5}.instructor-bottom summary{cursor:pointer;min-height:32px;display:list-item;list-style-position:inside}.instructor-bottom details p{margin:8px 0 15px}.instructor-bottom .text-button{margin-top:12px;color:#8ca4c3}.page-footer{max-width:1560px;margin:auto;padding:23px 36px;display:flex;justify-content:space-between;gap:20px;color:#8195ad;font-size:9px;letter-spacing:.04em;line-height:1.6}.page-footer>span:first-child{font-weight:650;color:#a2b1c5}.page-footer>span:last-child{letter-spacing:.1em}
/* Mission selection and briefings */
dialog{color:var(--text);background:#172130;border:1px solid #52667f;border-radius:13px;max-width:calc(100% - 32px);max-height:calc(100svh - 40px);padding:28px;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#050c18b8;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-top h2{font-size:30px;letter-spacing:-.04em;font-weight:600;margin-top:8px}.close-button{width:39px;height:39px;flex:none;background:#2b394b;border:1px solid #596b81;border-radius:6px;font-size:17px}.mission-dialog{width:900px}.dialog-intro{color:#a5b8d0;font-size:15px;line-height:1.5;margin:12px 0 23px}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mission-card{position:relative;border:1px solid #536279;border-radius:8px;text-align:left;background:#233149;padding:19px;overflow:hidden;min-height:190px;display:flex;flex-direction:column;gap:7px}.mission-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111c2deb 22%,#101c2d99),url('./assets/flight-scenery.webp') center/cover;z-index:0;opacity:.8}.mission-card>*{position:relative}.mission-card:hover{border-color:var(--amber)}.mission-card.current{border-color:var(--amber)}.mission-card .card-number{font:11px var(--mono);color:var(--amber);display:flex;justify-content:space-between}.mission-card h3{font-size:24px;font-weight:600;margin:14px 0 0;letter-spacing:-.04em}.mission-card .card-type{color:#dbe5f4;font-size:12px}.mission-card .card-skill{color:#a9bcd5;font-size:11px;line-height:1.4}.mission-card .card-bottom{font-size:10px;color:#dfbb81;margin-top:auto;padding-top:14px;display:flex;justify-content:space-between}.brief-dialog,.complete-dialog{width:520px}.brief-number{display:block;color:var(--amber);font:38px var(--mono);margin:16px 0}.brief-dialog h2{font-size:33px;letter-spacing:-.04em;font-weight:600;margin-bottom:14px}.brief-dialog>p{color:#b6c9e3;line-height:1.65;font-size:16px}.brief-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.brief-stats div{background:#223147;border:1px solid #40546d;border-radius:5px;padding:11px}.brief-stats small,.brief-start small{display:block;font-size:9px;color:#91a9c8;letter-spacing:.1em}.brief-stats b{display:block;font-size:13px;font-weight:550;margin-top:7px}.brief-start{border-top:1px solid #3e516b;padding-top:20px;margin-bottom:24px}.brief-start p{color:#becfe6;font-size:14px;line-height:1.6;margin-top:8px}.reference-dialog{width:680px}.reference-dialog>p{color:#b7c8dc;line-height:1.6;margin:17px 0;font-size:15px}.fma-key{display:flex;gap:12px;flex-wrap:wrap;font:11px var(--mono);padding:13px 0}.fma-key b{color:var(--green);font-weight:500}.fma-key em{color:var(--amber);font-style:normal}.reference-dialog dt{color:#e9f1fb;font-size:14px;margin-top:19px;font-weight:650}.reference-dialog dd{color:#b6c8e1;line-height:1.6;font-size:14px;margin:5px 0 0}.reference-note{border-top:1px solid #40546d;padding-top:15px;font-size:13px!important}.reference-links{display:flex;gap:15px;flex-wrap:wrap}.reference-links a{color:#9bc8ff;font-size:13px}.complete-dialog{text-align:center}.award{font-size:60px;color:var(--amber)}.complete-dialog>.section-label{color:#e7c995;margin:13px 0}.complete-dialog h2{font-size:35px;letter-spacing:-.04em;margin-bottom:15px;font-weight:600}.complete-dialog>p:not(.section-label){color:#b8cce6;font-size:16px;line-height:1.6}.completion-facts{display:flex;justify-content:center;gap:8px;margin:20px 0}.completion-facts span{font:12px var(--mono);color:#afd5ff;background:#253e5c;border:1px solid #4c6b90;padding:7px}.complete-dialog>.primary-action{width:100%;margin:22px 0 10px}.complete-dialog>.secondary-action{width:100%}
@media(min-width:1450px){.scenery{height:280px}.attitude-area{height:191px}.nav-display svg{max-height:230px}.mode-buttons{grid-template-columns:repeat(6,minmax(0,1fr))}.mode-buttons.four{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.topbar{padding:0 23px;height:71px}.flight-layout{padding:0 23px;gap:18px;grid-template-columns:minmax(0,1fr) 310px;margin-top:22px}.instructor{padding:19px}.scenery{height:213px}.scene-content{padding:23px}.scenery h1{font-size:32px}.weather{display:none}.nav-display{display:none}.instruments{grid-template-columns:1fr}.deck-header>div>span:last-child{display:none}.page-footer{padding:19px 23px;font-size:8px}.page-footer>span:last-child{display:none}.selector input{font-size:20px}.selectors{gap:7px}.mode-buttons{gap:6px}.deck{padding:13px 13px 0}.instructor-top{gap:8px}.guided-badge{display:none}.instructor-top>div>small{font-size:8px}.instruction-heading h2{font-size:22px}.instructor-actions{gap:6px}.instructor-actions>.secondary-action{padding-left:9px;padding-right:9px}}
@media(max-width:800px){.topbar{height:59px;padding:0 15px}.brand{font-size:16px;gap:8px}.brand svg{width:28px;height:28px}.brand small{font-size:7px;margin-top:4px}.course-label{display:none}.mission-menu{margin-left:auto;font-size:12px;min-height:38px;padding:0 10px;gap:8px}.grid-icon{font-size:20px}.mission-menu #courseCount{font-size:10px;padding-left:8px}.flight-layout{display:flex;flex-direction:column;gap:0;margin:0;padding:0;max-width:580px}.flight-station{width:100%;border:0;border-radius:0;box-shadow:none}.scenery{height:112px}.scene-content{padding:13px 16px}.scene-eyebrow{font-size:8px;margin-bottom:7px;gap:8px}.scene-eyebrow span:first-child{padding:3px 5px}.scenery h1{font-size:25px;letter-spacing:-.04em;line-height:1.05}.scenery h1 br{display:none}.scene-info{font-size:10px;margin-top:7px;gap:7px}.sceneLocation{display:none}.view-label{font-size:6px;right:10px;top:9px}.scenery img{object-position:50% 60%}.deck{padding:9px 12px 0;border-top:2px solid #617083}.deck-header{margin-bottom:7px}.deck-header strong{font-size:10px}.deck-header .text-button{font-size:10px;min-height:25px}.attitude-area{height:123px;grid-template-columns:55px minmax(0,1fr) 65px}.fma{min-height:34px;font-size:13px;padding:3px 0}.fma>div{min-height:25px}.fma small{font-size:9px;min-height:9px}.fma #thrustMode{font-size:7px}.compass{height:25px}.compass strong{font-size:12px;padding:3px 8px}.compass>span{font-size:8px}.compass-ruler{font-size:10px;gap:10px}.tape{padding-bottom:7px;font-size:10px}.tape strong{font-size:20px;padding:4px 0}.tape-label{font-size:8px;padding:3px 3px}.pitch-ladder{top:calc(50% - 45px);gap:5px;font-size:9px}.bank-arc{width:130px;height:45px;top:0}.plane-reference{width:114px;height:23px}.horizon-bottom{font-size:9px}.control-tabs{margin:7px 0 8px;gap:19px}.control-tabs>button{font-size:12px;min-height:30px;padding-bottom:7px}.control-tabs>span{display:none}.selector{padding-top:5px}.selector input{font-size:21px;padding:1px 0}.selector label{font-size:9px}.selector label span{font-size:7px}.adjuster{margin-top:0}.adjuster button{min-height:39px}.selectors{gap:7px}.mode-buttons{margin-top:8px;gap:6px}.mode-button{min-height:43px;font-size:12px;padding-top:10px}.deck-status{font-size:10px;min-height:32px;padding:5px 0;line-height:1.3}.deck-status>button>span{display:none}.deck-status>button{min-height:25px;font-size:17px}.deck-status>span{max-width:92%}.instructor{width:100%;border:0;border-top:1px solid #5b6b84;border-radius:0;padding:14px 16px max(14px,env(safe-area-inset-bottom));box-shadow:0 -8px 25px #0002;background:#1a2536;position:sticky;bottom:0;z-index:4}.instructor-top,.mission-summary,.instructor-bottom{display:none}.step-progress{margin-bottom:6px;font-size:9px}.step-dots{margin-bottom:12px;gap:4px}.step-dots>i{height:2px}.instruction-heading{gap:8px;margin-bottom:7px;align-items:center}.instruction-heading h2{font-size:20px}.step-symbol{width:22px;height:22px;font-size:10px;border-radius:4px}.instruction-content>p{font-size:14px;line-height:1.45;margin-bottom:0}.instructor-actions{margin:12px 0 0;gap:9px}.instructor-actions>button{min-height:43px}.instructor-actions>.primary-action{font-size:13px}.feedback{padding:7px 9px;margin:9px 0 0;font-size:12px}.hint{margin-top:9px;font-size:12px!important;padding:7px 9px;max-height:100px;overflow:auto}.page-footer{padding:12px 16px;max-width:580px;display:block;font-size:8px;line-height:1.6}.page-footer>span:first-child{display:none}.page-footer>span:nth-child(2){font-size:8px}.nav-setup{gap:7px}.setup-card{padding:10px;gap:8px;min-height:131px}.setup-card strong{font-size:12px}.setup-card>button{font-size:12px;padding:8px 4px}.source-selector{margin-top:8px;padding:8px 10px;min-height:59px}.source-selector button{font-size:12px;padding:7px 13px}.mission-grid{grid-template-columns:1fr 1fr;gap:10px}.mission-dialog{padding:20px}.dialog-top h2{font-size:25px}.dialog-intro{font-size:14px}.mission-card{min-height:190px;padding:14px}.mission-card h3{font-size:21px}.mission-card .card-skill{font-size:11px}.mission-card .card-type{font-size:11px}.brief-dialog,.reference-dialog,.complete-dialog{padding:23px}.brief-dialog h2{font-size:28px}.reference-dialog .dialog-top h2{font-size:26px}.brief-stats{gap:6px}.brief-stats div{padding:9px}.brief-stats b{font-size:12px}}
@media(min-width:581px) and (max-width:800px){.flight-layout,.page-footer{margin-left:auto;margin-right:auto}.flight-station{border-left:1px solid #455363;border-right:1px solid #455363}.scenery{height:145px}.attitude-area{height:145px}}
@media(max-width:370px){.brand{font-size:14px}.mission-menu{font-size:11px}.mission-menu #courseCount{display:none}.scenery h1{font-size:22px}.scene-info{font-size:9px}.instruction-heading h2{font-size:18px}.instruction-content>p{font-size:13px}.selector input{font-size:18px}.selector label{font-size:8px}.selector label span{font-size:6px}.mode-button{font-size:11px}.mission-grid{grid-template-columns:1fr}.mission-card{min-height:145px}.setup-card strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Touch targets and readable flight controls. */
.selector label{font-size:11px}.selector label span{font-size:9px}.adjuster button{min-height:44px}.mode-button{min-height:44px}.fma small{font-size:11px}.fma #thrustMode{font-size:9px}.instructor-actions>.secondary-action{padding-left:10px;padding-right:10px}.brief-dialog>.text-button{margin-top:14px;font-size:13px}.feedback{margin-bottom:0}
@media(max-width:800px){.fma{font-size:14px}.fma small{font-size:11px}.fma #thrustMode{font-size:9px}.selector label{font-size:11px}.selector label span{font-size:8px}.instruction-content>p{font-size:15px;line-height:1.45}.instructor-actions{gap:7px}.instructor-actions>.secondary-action{padding:9px 12px;min-width:49px}.instructor-actions>.primary-action{padding-left:11px;padding-right:11px}.instruction-content>.feedback{margin-top:4px;margin-bottom:0}.instructor-bottom{display:none}}

/* Aircraft controls and progressive navigation lessons. */
.aircraft-panel-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;margin:12px 0 9px;color:#cbd7e5;font-size:12px}.aircraft-panel-label span{color:#9dacc0;font-size:12px}.hardware-panel{padding:12px;border:1px solid #596374;border-radius:7px;background:linear-gradient(145deg,#333d48,#202833);box-shadow:inset 0 1px #89919a55,0 4px 8px #0003}.hardware-panel .mode-button{font-size:14px;min-height:46px;background:linear-gradient(#32363c,#1b1e22);border-color:#727984;border-bottom-color:#070a0f;color:#e4e6e8}.hardware-panel .mode-button:disabled{color:#9aa0a9;border-color:#494f58;opacity:.65}.hardware-panel .mode-button.focus-control{color:#ffe1a5;background:linear-gradient(#62533b,#453c31)}.hardware-panel .mode-button.active{color:var(--green)}.hardware-g1000{grid-template-columns:repeat(4,minmax(0,1fr))}.hardware-gmc710{grid-template-columns:repeat(8,minmax(0,1fr))}.hardware-collins{grid-template-columns:repeat(6,minmax(0,1fr))}.hardware-airbus{grid-template-columns:repeat(6,minmax(0,1fr))}.hardware-boeing{grid-template-columns:repeat(6,minmax(0,1fr))}.panel-airbus{background:linear-gradient(145deg,#697780,#465861)}.panel-boeing{background:linear-gradient(145deg,#746e66,#514e4a)}.panel-airbus .selector,.panel-boeing .selector{background:#131c20;border-color:#839294}.panel-airbus .selector input,.panel-boeing .selector input{color:#f6be70}.panel-collins .selector input{color:#d0f3ff}.rotary-selector .adjuster{gap:5px;padding:4px;background:#222b36}.rotary-selector .adjuster button{border:1px solid #6a7483!important;border-radius:50%;min-width:36px;max-width:44px;width:100%;height:44px;justify-self:center;box-shadow:inset 0 0 0 3px #323b47,0 2px 4px #0008;background:linear-gradient(130deg,#647080,#303947)}.knob-pushpull{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px 0}.knob-pushpull button{font:12px var(--mono);padding:6px 0;min-height:44px;background:#243443;border:1px solid #6b8193;border-radius:4px}.knob-pushpull small{font:10px system-ui;color:#b9cee1}.training-strip,.radio-panel,.profile-panel{margin-top:12px;padding:14px;background:#101c2b;border:1px solid #4a607a;border-radius:6px}.training-strip small{font-size:12px;color:#adc1d9;display:block;line-height:1.5}.training-strip>div>span{display:block;font-size:14px;margin-top:5px}.training-strip label{font-size:13px;display:flex;justify-content:space-between}.training-strip input[type=range]{width:100%;min-height:44px;accent-color:var(--amber);margin:5px 0}.manual-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.manual-controls>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.manual-controls b{grid-column:1/-1;font:14px var(--mono);display:flex;justify-content:space-between;color:#c8daf0}.manual-controls output{color:var(--amber)}.manual-controls button,.radio-actions button,.profile-panel button,.approach-choices button{min-height:44px;padding:9px 10px;font-size:14px;border-radius:4px;border:1px solid #6a809c;background:#2b405b;color:#edf4ff}.source-primer{background:#142236;border:1px solid #405873;padding:13px;border-radius:6px;margin:10px 0}.source-primer small{font-size:12px;letter-spacing:.07em;color:var(--amber);display:block;margin:10px 0}.source-primer p{font-size:15px;line-height:1.55;color:#c4d4e8;margin:7px 0}.source-primer summary{cursor:pointer;min-height:40px;align-content:center;font-size:14px;font-weight:600;color:#d9e7f8}.source-primer details+details{border-top:1px solid #3a4b63;padding-top:3px}.source-definitions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-definitions>div{border-left:3px solid #e485d8;padding-left:10px}.source-definitions>div+div{border-color:var(--green)}.source-definitions b{font:700 20px var(--mono);color:#f5a1e8}.source-definitions>div+div b{color:var(--green)}.source-chain{padding:10px;background:#22334a;border-radius:4px}.source-primer table,.energy-results{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}.source-primer th,.source-primer td,.energy-results td,.energy-results th{text-align:left;border-bottom:1px solid #3d516a;padding:8px 6px;line-height:1.4}.source-primer th,.energy-results th{color:#a9bed9;font-weight:500}.source-primer h3{margin:6px 0;font-size:19px}.approach-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.source-selector{flex-direction:column;align-items:stretch;gap:9px}.source-selector>span{font-size:12px;color:#bdcfe3}.source-selector>div{display:grid;grid-template-columns:1fr 1fr}.source-selector button{font-size:15px;text-align:left;min-width:0}.source-selector button b{display:block}.source-selector button small{display:block;font:12px/1.4 system-ui;margin-top:3px}.source-selector button.selected[data-source=VLOC],.source-selector button.selected[data-source=NAV1]{border-color:#79eda6;color:#b4f6c9;background:#254c3e}.source-status{font-size:13px;line-height:1.5;color:#b3c6df;margin:8px 0 12px}.radio-chart{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#bdd0e8}.radio-chart b{color:var(--amber)}.radio-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.radio-fields label{font-size:11px;color:#aebed2;display:flex;flex-direction:column;gap:7px;min-width:0}.radio-fields input,.radio-fields output{display:block;width:100%;padding:10px 6px;background:#081321;border:1px solid #4a6586;border-radius:4px;font:17px var(--mono);color:#a9d1ff}.radio-fields output{color:#85ecad}.radio-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.radio-panel p,.profile-panel p{font-size:14px;color:#b9cce3;line-height:1.5;margin:10px 0}.profile-panel h3{font-size:16px;margin:0 0 12px}.profile-panel svg{width:100%;display:block;background:#0a1423;border-radius:4px;padding:10px}.profile-panel button{margin:5px 6px 0 0}.action-message{padding:10px;border:1px solid #c99749;background:#473b29;color:#ffe2aa;border-radius:5px;font-size:14px;line-height:1.45;margin:10px 0}.setup-card small{font-size:12px}.setup-card>button{font-size:14px}.setup-card strong{font-size:14px}.reference-links{display:flex;flex-wrap:wrap;gap:14px}.reference-links a{font-size:14px}.planner-dialog{width:920px}.planner-intro{color:#b5c7df;line-height:1.6;margin:15px 0 22px;font-size:16px}.planner-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.planner-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.planner-fields label{font-size:12px;letter-spacing:.06em;color:#b9cbe1;display:flex;flex-direction:column;gap:8px;min-width:0}.planner-fields select,.planner-fields input{width:100%;min-height:46px;background:#0e1928;border:1px solid #58708f;color:#eaf2fe;font:14px system-ui;border-radius:5px;padding:8px}.planner-fields select:focus-visible{outline:3px solid var(--amber)}.planner-map{background:#0b182b;border:1px solid #4b6684;border-radius:7px;padding:12px}.planner-map svg{width:100%;display:block}.planner-map p{font-size:14px;line-height:1.5;color:#cbdcf4}.planner-source{border-top:1px solid #3a5270;margin-top:12px!important;padding-top:12px;color:#edb8e6!important}.planner-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.planner-actions button{min-height:48px}.planner-footnote{color:#a5b8d3;font-size:13px;line-height:1.5;margin-top:14px}#plannerMessage{margin-top:18px;padding:12px;border-left:3px solid var(--amber);background:#293345;font-size:14px;line-height:1.5}.close-button{min-width:44px;min-height:44px}
@media(max-width:1100px){.hardware-gmc710{grid-template-columns:repeat(4,minmax(0,1fr))}.hardware-collins,.hardware-airbus,.hardware-boeing{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.hardware-panel{padding:9px}.aircraft-panel-label{margin:8px 0;font-size:12px}.aircraft-panel-label span{font-size:12px}.hardware-panel .mode-button{font-size:12px;min-height:44px}.training-strip,.radio-panel,.profile-panel{padding:10px}.manual-controls{gap:8px}.manual-controls button{font-size:12px;padding:8px 4px}.source-definitions{grid-template-columns:1fr}.source-primer{padding:10px}.source-primer p{font-size:15px}.source-primer summary{font-size:14px}.source-selector button{font-size:15px;padding:10px 8px}.source-selector button small{font-size:12px}.approach-choices{grid-template-columns:1fr}.radio-fields{gap:6px}.radio-fields input,.radio-fields output{font-size:15px;padding:10px 4px}.radio-fields label{font-size:10px}.planner-dialog{padding:18px;max-width:calc(100% - 16px);max-height:calc(100svh - 16px)}.planner-grid{grid-template-columns:1fr;gap:16px}.planner-fields{gap:12px}.planner-fields select,.planner-fields input{font-size:16px}.planner-map svg{max-height:220px}.planner-actions{flex-direction:column}.planner-actions button{width:100%;justify-content:center}.planner-dialog .dialog-top h2{font-size:26px}.planner-intro{font-size:15px}.knob-pushpull button{font-size:11px}.knob-pushpull small{font-size:10px}.action-message{margin:6px 0;font-size:13px}.source-primer table{font-size:13px}.source-primer th,.source-primer td{padding:8px 3px}}
@media(max-width:370px){.planner-fields{grid-template-columns:1fr}.knob-pushpull{gap:2px}.rotary-selector .adjuster{gap:3px;padding:3px}.rotary-selector .adjuster button{min-width:30px}.radio-fields{grid-template-columns:1fr 1fr}.radio-fields label:last-child{grid-column:1/-1}}

/* In-cockpit navigator and CDU lessons. */
.flight-computer{margin:10px 0 16px;padding:14px;background:linear-gradient(135deg,#414952,#242b33);border:2px solid #111923;border-radius:9px;box-shadow:inset 0 1px #7f899455,0 5px 12px #0005;min-width:0}.flight-computer>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:12px;font-size:13px;letter-spacing:.035em}.flight-computer>header>span{font-size:11px;color:#c3a779}.computer-body{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:start}.computer-screen{min-height:230px;background:#071325;border:2px solid #020712;border-radius:3px;padding:16px;color:#e5f0ff;font:15px/1.5 var(--mono);box-shadow:inset 0 0 25px #0008;min-width:0}.computer-page-title{border-bottom:1px solid #526986;color:#a9ceff;font-size:14px;text-align:center;padding-bottom:9px;margin-bottom:13px;font-weight:700}.computer-screen p{margin:12px 0;font-size:14px;line-height:1.6;color:#b5c9e2}.computer-screen .nav-ident{font:24px var(--mono);letter-spacing:.12em;color:#f5d46c}.computer-screen .computer-prompt{background:#30568d;color:#fff;padding:8px;border:1px solid #7db3ff}.computer-keys{display:grid;gap:7px}.computer-keys button{min-height:44px;border-radius:5px;border:1px solid #8190a0;border-bottom:3px solid #090d12;background:linear-gradient(#303943,#181e26);box-shadow:0 2px 3px #0006;color:#f4f8ff;font:700 13px var(--mono);padding:8px 2px}.computer-keys button:active{background:#456583;transform:translateY(1px)}.computer-keys .exec-pending{border-color:var(--amber);box-shadow:0 0 0 2px #f4bd5f44;color:#ffe3a0}.computer-entry{display:flex;align-items:center;gap:12px;padding:10px 0}.computer-entry label{font-size:12px;color:#c9d8eb;flex:1}.computer-entry input{width:150px;min-width:0;padding:10px 12px;background:#081323;border:1px solid #7991af;border-radius:4px;color:#f6da7a;font:20px var(--mono);letter-spacing:.1em;min-height:44px;text-transform:uppercase}.computer-route{background:#121b2b;padding:10px;color:#ee9de3;border-left:3px solid #da86d5;font:13px/1.5 var(--mono);margin:8px 0}.computer-message{color:#ffe0a6;font-size:14px;line-height:1.5;margin:10px 0}.computer-help{font-size:13px;color:#b8cadd;border-top:1px solid #576574;margin-top:10px}.computer-help summary{min-height:44px;align-content:center;cursor:pointer}.computer-help p{line-height:1.55;margin:8px 0}.computer-choice,.line-select{display:block;width:100%;border:1px solid #465f7e;border-radius:3px;background:#152943;text-align:left;padding:10px;min-height:44px;color:#deedff;font:14px/1.4 var(--mono);margin:7px 0}.computer-choice.chosen,.cdu-arrivals .chosen{background:#274b78;border-color:#8fb6ef;color:#fff}.airport-shortcuts{display:flex;gap:7px;flex-wrap:wrap}.airport-shortcuts button{background:#1d2f48;border:1px solid #5f7799;color:#e0ecff;font:13px var(--mono);padding:8px;min-height:44px;flex:1}.airport-shortcuts small{display:block;font:11px/1.3 system-ui;color:#a9bdd8;margin-top:5px}.leg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #243e5d}.leg-row span{font-size:12px;color:#92b0d0}.leg-row b{font-size:17px}.leg-row.active-leg b{color:#f099e0}.procedure-legs{border-top:1px solid #56718c;margin-top:12px;padding-top:10px}.procedure-legs small{font-size:12px;color:#88e9b5}.procedure-legs span{font-size:12px;color:#9bb1ce}.collins-cdu .computer-screen{background:#020708;font-family:var(--mono)}.collins-cdu .computer-page-title{color:#e9eff4;border-color:#476069}.cdu-fields,.cdu-arrivals{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.cdu-fields>div,.cdu-fields>button{min-height:65px;display:flex;flex-direction:column;gap:4px}.cdu-fields small,.cdu-arrivals small{color:#b9c4d0;font:12px var(--mono)}.cdu-fields b{font:20px var(--mono);color:#73d6ef}.cdu-fields button{position:relative;background:#111c22;border:1px solid #607583;padding:7px;text-align:right;border-radius:3px;color:white}.cdu-fields button span{font:11px var(--mono);color:#aebecb}.cdu-arrivals button{display:block;width:100%;min-height:44px;border:1px solid #5f7285;background:#101d25;color:#c7ecff;font:14px var(--mono);padding:9px 5px;margin-top:8px}.workshop-readout{font:14px/1.65 var(--mono);padding:10px;background:#091424;border-radius:4px;color:#9cebc0;margin:10px 0}.training-strip>p{font-size:14px;color:#c0d0e5;line-height:1.55;margin:7px 0}.yaw-meter{display:flex;align-items:center;gap:10px;font:11px var(--mono);color:#bacbe0;margin:14px 0}.yaw-meter>div{position:relative;height:20px;flex:1;min-width:90px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#536a8522 calc(25% - 1px),#536a8522 25%);border-bottom:1px solid #637d9d}.yaw-meter>div:before{content:'';position:absolute;left:50%;width:1px;top:0;bottom:0;background:#e6f0ff}.yaw-meter i{display:block;position:absolute;left:calc(50% - 4px);top:3px;width:8px;height:12px;background:var(--amber);border-radius:2px}.automation-note{font-size:13px;color:#b8cce7;border-top:1px solid #3c536e;margin-top:12px;padding-top:10px}.automation-note p{font-size:13px;line-height:1.55;margin:5px 0}.hardware-gmc710 [data-mode=SPD]:before,.hardware-gmc710 [data-mode=FD]:before{display:none}.selectors:has(>.selector:only-child){grid-template-columns:minmax(140px,260px);justify-content:center}.selectors:has(>.selector:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.nav-setup:has(>#routeCard[hidden]):has(>#approachCard[hidden]){display:none}
@media(max-width:800px){.flight-computer{padding:10px}.flight-computer>header{font-size:12px}.computer-body{grid-template-columns:minmax(0,1fr) 58px;gap:7px}.computer-screen{padding:10px;min-height:220px;font-size:14px}.computer-page-title{font-size:12px;margin-bottom:8px}.computer-screen p{font-size:13px;margin:8px 0}.computer-keys button{font-size:12px}.computer-choice{font-size:13px;padding:8px}.computer-entry input{width:132px;font-size:18px}.computer-entry label{font-size:11px}.airport-shortcuts{gap:4px}.airport-shortcuts button{font-size:12px;padding:6px}.airport-shortcuts small{font-size:10px}.leg-row{gap:8px}.leg-row span{font-size:10px}.computer-message{font-size:13px}.cdu-fields,.cdu-arrivals{gap:10px}.cdu-arrivals button{font-size:12px}.yaw-meter{gap:6px;font-size:10px}.workshop-readout{font-size:13px}.computer-route{font-size:12px}.step-dots{flex-wrap:wrap}}

.games-link{font-size:13px;white-space:nowrap;color:#cbdced;text-decoration:none;padding:10px 12px;border:1px solid #4c6076;border-radius:6px}.games-link:hover{color:#fff;border-color:var(--amber)}@media(max-width:800px){.games-link{font-size:12px;padding:8px 6px}.topbar{gap:7px}}@media(max-width:370px){.games-link{font-size:11px;padding:6px 4px}}

.approach-cue{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin:-3px 0 12px;padding:8px 11px;border:1px solid #66758a;border-left:3px solid var(--amber);border-radius:4px;background:#172536;color:#e9f0fa;font:600 11px/1.35 var(--mono)}.approach-cue span:last-child{color:var(--amber)}@media(max-width:800px){.approach-cue{margin:0 0 8px;padding:6px 8px;font-size:10px;gap:3px 9px}}

.deck-actions{display:flex;gap:15px;align-items:center}.deck-actions>.focus-control{color:var(--amber);text-decoration:underline;text-underline-offset:4px}.landing-speed-dialog{width:710px}.landing-speed-intro{color:#b8c8db;line-height:1.55;margin:15px 0}.landing-aircraft{font-size:18px;font-weight:650;color:var(--amber);margin:16px 0}.landing-speed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.landing-speed-grid>div{background:#101c2b;border:1px solid #4b5d74;border-radius:7px;padding:13px}.landing-speed-grid>div:first-child{grid-column:1/-1}.landing-speed-grid small{color:var(--amber);font:600 10px var(--mono);letter-spacing:.06em}.landing-speed-grid p{margin-top:8px;color:#dbe6f2;line-height:1.5;font-size:14px}.landing-speed-entry{display:flex;flex-direction:column;gap:8px;margin-top:19px;font:600 11px var(--mono);color:#bdd0e5}.landing-speed-entry input{width:100%;min-height:45px;padding:9px 12px;background:#0e1827;color:#eaf3ff;border:1px solid #7186a2;border-radius:5px;font:16px var(--mono)}.landing-calculated{color:var(--green);font-size:14px;line-height:1.4;margin:10px 0}.landing-speed-note{font-size:12px;color:#afc1d6;line-height:1.5}.landing-speed-question{border-top:1px solid #52647b;margin-top:17px;padding-top:16px}.landing-speed-question strong{font-size:14px}.landing-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.landing-choices button{background:#293b51;border:1px solid #607590;border-radius:5px;padding:9px 12px;text-align:left;font-size:13px;min-height:42px}.landing-choices button:hover{background:#3c526d}.landing-speed-question p{color:var(--amber);font-size:13px;margin-bottom:14px}.landing-speed-dialog>a{font-size:12px;color:#9bc8ff;margin-right:12px}
@media(max-width:800px){.deck-actions{gap:7px}.deck-actions .text-button{font-size:10px}.landing-speed-dialog{padding:18px;max-width:calc(100% - 22px)}.landing-speed-dialog .dialog-top h2{font-size:24px}.landing-speed-grid{grid-template-columns:1fr}.landing-speed-grid>div:first-child{grid-column:auto}.landing-speed-grid>div{padding:10px}.landing-speed-grid p{font-size:13px}.landing-choices{flex-direction:column}.landing-choices button{width:100%}.landing-speed-intro{font-size:13px}.landing-speed-entry{margin-top:14px}}