/* Boeing 747-8 · PFD, ND (MAP) and glareshield MCP */
.deck[data-suite="b748"],.deck[data-panel="boeing"]{--bo-g:#3fe34e;--bo-m:#ff55f5;--bo-w:#f4f5f6;--bo-c:#3fdcff;--bo-a:#ffb13b;--bo-tapec:#5b5f65;--bo-sky:#1a6ad8;--bo-gnd:#a06830;--bo-bg:#070a10;--bo-font:"Arial Narrow","Roboto Condensed","Liberation Sans Narrow","Helvetica Neue",Arial,sans-serif;--bo-panel:#3b3027;--bo-panel2:#2e251d;--bo-eng:#e2d4b3;--bo-digit:#e8e8e8}

/* ---------- displays ---------- */
.deck[data-suite="b748"] .pfd,.deck[data-suite="b748"] .nav-display{background:var(--bo-bg);border:2px solid #111;outline:1px solid #3d3a36;border-radius:4px;box-shadow:0 0 0 5px #1c1a18,0 0 0 6px #45403a,0 6px 14px #0008}
.deck[data-suite="b748"] .nav-display{justify-content:flex-start}
.bo-pfd,.bo-nd{display:block;width:100%;height:auto;font-family:var(--bo-font);font-stretch:condensed;user-select:none;-webkit-user-select:none}
.deck[data-suite="b748"] .nav-display svg.bo-nd{flex:none;max-height:none}
.deck[data-suite="b748"] .nav-display svg.bo-nd,.deck[data-suite="b748"] .nav-display svg.bo-eicas{max-width:470px;margin-left:auto;margin-right:auto}
.deck[data-suite="b748"] .pfd svg.bo-pfd{max-width:660px;margin:0 auto}
.bo-pfd text,.bo-nd text{fill:var(--bo-w);font-size:19px;stroke:none}
.bo-bg{fill:var(--bo-bg)}
.bo-sky{fill:var(--bo-sky)}.bo-gnd{fill:var(--bo-gnd)}
.bo-hl{stroke:#fff;stroke-width:2.5}
.bo-ladder line{stroke:#fff;stroke-width:2.2}
.bo-ladder text{font-size:15px;text-anchor:middle}
.bo-ln line{stroke:var(--bo-w);stroke-width:2.3}
.bo-bank line{stroke-width:2.6}
.bo-hollow{fill:none;stroke:var(--bo-w);stroke-width:2.2;stroke-linejoin:round}
.bo-fd rect{fill:var(--bo-m);stroke:#000;stroke-width:.8}
.bo-acft path,.bo-acft rect{fill:#000;stroke:#fff;stroke-width:2.6;stroke-linejoin:round}
.bo-dots circle{fill:none;stroke:#fff;stroke-width:2}
.bo-dots line{stroke:#fff;stroke-width:2.6}
.bo-dev{fill:var(--bo-m);stroke:var(--bo-m);stroke-width:1.6;stroke-linejoin:round}
.bo-dev.bo-park{fill:#000}
.bo-nav text{font-size:17px}
.bo-pfd .bo-navsrc{font-size:21px}
.bo-pfd .bo-ra{font-size:30px}
.bo-pfd .bo-mins text{fill:var(--bo-g);font-size:20px}
.bo-pfd .bo-mins .bo-minl{font-size:15px}
.bo-pfd .bo-afds{fill:var(--bo-g);font-size:30px}
.bo-pfd .bo-afds.bo-amber{fill:var(--bo-a)}
.bo-chg{fill:none;stroke:var(--bo-g);stroke-width:2.2;opacity:0}
.bo-chg.bo-amberbox{stroke:var(--bo-a)}
.bo-chg.bo-new{animation:bo-chg 10s steps(1,end) forwards}
@keyframes bo-chg{0%{opacity:1}100%{opacity:0}}
.bo-fma>rect:not(.bo-chg){fill:#5a5c61}
.bo-fma>line{stroke:#e6e6e6;stroke-width:2}
.bo-pfd .bo-fa{fill:var(--bo-g);font-size:21px;letter-spacing:.02em}
.bo-pfd .bo-fw{font-size:14.5px}
.bo-tape{fill:var(--bo-tapec);opacity:.92}
.bo-tapefg text{font-size:21px}
.bo-tapefg line{stroke:#fff;stroke-width:2.2}
.bo-pfd .bo-ab{font-size:22px}.bo-pfd .bo-as{font-size:16px}
.bo-box{fill:#000;stroke:#fff;stroke-width:2.2;stroke-linejoin:round}
.bo-box.bo-boxalert{stroke-width:4.2}
.bo-pill{fill:#f2f2f2}
.bo-thou{stroke:#fff;stroke-width:1.8;fill:none}
.bo-pfd .bo-big{font-size:31px}.bo-pfd .bo-mid{font-size:23px}
.bo-bug{fill:none;stroke:var(--bo-m);stroke-width:2.6}
.bo-pfd .bo-sel{fill:var(--bo-m);font-size:27px}
.bo-pfd .bo-selsm{font-size:20px}
.bo-alert{fill:none;stroke:#fff;stroke-width:2.2}
.bo-pfd .bo-machgs{font-size:25px}
.bo-pfd .bo-small{font-size:.68em}
.bo-pfd .bo-baro{fill:var(--bo-g);font-size:22px}
.bo-trend line,.bo-trend path{stroke:var(--bo-g);stroke-width:2.6;fill:none}
.bo-vspd line{stroke:var(--bo-g);stroke-width:2.2}
.bo-pfd .bo-vspd text{fill:var(--bo-g);font-size:16px}
.bo-vsi{fill:var(--bo-tapec);opacity:.92}
.bo-pfd .bo-vsn{font-size:14px}
.bo-needle{stroke:#fff;stroke-width:3.2;stroke-linecap:round}
.bo-magfill{fill:var(--bo-m)}
.bo-pfd .bo-vstxt{font-size:20px}
.bo-rose{fill:#3e4146}
.bo-rosefg text{text-anchor:middle;font-size:17px}
.bo-pfd .bo-rl{font-size:21px}
.bo-trk{stroke:#fff;stroke-width:1.6}
.bo-pfd .bo-selh{fill:var(--bo-m);font-size:22px}
.bo-pfd .bo-mag{fill:var(--bo-g);font-size:18px}
.bo-nd .bo-ndnum{font-size:17px;text-anchor:middle}
.bo-nd #boNdRose circle{stroke:#fff;stroke-width:2}
.bo-ndring{fill:none;stroke:#fff;stroke-width:1;stroke-dasharray:3 6;opacity:.5}
.bo-ndtrk{stroke:#fff;stroke-width:1.4}
.bo-nd .bo-ndrng{font-size:13px}
.bo-ndsel{stroke:var(--bo-m);stroke-width:1.6;stroke-dasharray:9 7}
.bo-ndroute{fill:none;stroke:var(--bo-m);stroke-width:2.4;stroke-linejoin:round}
.bo-ndwp{fill:none;stroke:#fff;stroke-width:1.6}
.bo-ndwa{fill:none;stroke:var(--bo-m);stroke-width:1.9}
.bo-nd .bo-ndlab text{font-size:14px}
.bo-nd .bo-ndm{fill:var(--bo-m)}
.bo-ndrwy path{stroke:#fff;stroke-width:1.8;fill:none}
.bo-ndrwy path.bo-ndcl{stroke-dasharray:6 5;stroke-width:1.2}
.bo-ndac{fill:none;stroke:#fff;stroke-width:2.4;stroke-linejoin:round}
.bo-nd .bo-ndlbl{font-size:12px}.bo-nd .bo-ndval{font-size:18px}
.bo-nd .bo-ndg{fill:var(--bo-g);font-size:15px}
.bo-ndbox{fill:none;stroke:#fff;stroke-width:1.6}
.bo-nd .bo-ndw{font-size:16px}
.bo-nd .bo-ndclk{font-size:13px}
.bo-nd .bo-ndc{fill:var(--bo-c)}
.bo-nd .bo-ndsm{fill:var(--bo-g);font-size:12px}
.bo-ndvs{stroke:#fff;stroke-width:1.6}
.bo-eicas{display:block;width:100%;height:auto;font-family:var(--bo-font);font-stretch:condensed;user-select:none;margin-top:auto}
.deck[data-suite="b748"] .nav-display svg.bo-eicas{flex:none;max-height:none}
.bo-eicas text{fill:var(--bo-w);stroke:none}
.bo-eicas .bo-thrref{fill:var(--bo-g);font-size:22px}
.bo-eicas .bo-thrrefv{fill:var(--bo-g);font-size:18px}
.bo-eicas .bo-tat{font-size:13px;fill:#cfd3d6}
.bo-n1 line{stroke:#fff;stroke-width:1.6}
.bo-n1arc{fill:none;stroke:#fff;stroke-width:2}
.bo-n1 line.bo-n1red{stroke:#ff2b2b;stroke-width:3}
.bo-n1 line.bo-n1ndl{stroke:#fff;stroke-width:3;stroke-linecap:round}
.bo-n1ref{fill:var(--bo-g)}
.bo-n1box{fill:#000;stroke:#fff;stroke-width:1.5}
.bo-eicas .bo-n1val{font-size:17px}
.bo-eicas .bo-n1lbl{font-size:15px;fill:#cfd3d6}
.bo-eicas .bo-eicascap{font-size:10px;letter-spacing:.14em;fill:#7c8185}

/* ---------- glareshield: MCP + thrust levers ---------- */
.deck[data-panel="boeing"] .hardware-panel{padding:0;border:0;background:none;box-shadow:none}
.bo-glare{--u:calc((100cqw - 2px)/116);--bw:calc(var(--u)*4.4);--bh:calc(var(--u)*4);display:flex;gap:calc(var(--u)*1.2);align-items:stretch;font-family:var(--bo-font);color:var(--bo-eng)}
.bo-mcp{flex:1 1 auto;display:flex;padding:0 calc(var(--u)*.6);height:calc(var(--u)*20);border-radius:calc(var(--u)*.7);background:radial-gradient(circle at calc(var(--u)*1.1) calc(var(--u)*1.1),#8d857b 0 calc(var(--u)*.32),#2a2622 calc(var(--u)*.36),transparent calc(var(--u)*.5)),radial-gradient(circle at calc(100% - var(--u)*1.1) calc(var(--u)*1.1),#8d857b 0 calc(var(--u)*.32),#2a2622 calc(var(--u)*.36),transparent calc(var(--u)*.5)),radial-gradient(circle at calc(var(--u)*1.1) calc(100% - var(--u)*1.1),#8d857b 0 calc(var(--u)*.32),#2a2622 calc(var(--u)*.36),transparent calc(var(--u)*.5)),radial-gradient(circle at calc(100% - var(--u)*1.1) calc(100% - var(--u)*1.1),#8d857b 0 calc(var(--u)*.32),#2a2622 calc(var(--u)*.36),transparent calc(var(--u)*.5)),linear-gradient(#4d3f33,var(--bo-panel) 30%,var(--bo-panel2));box-shadow:inset 0 1px #ffffff22,inset 0 -2px #0005,0 0 0 2px #1c1612,0 5px 12px #0007}
.bo-sec{position:relative;flex:none;height:calc(var(--u)*20)}
.bo-s-fdl,.bo-s-fdr{width:calc(var(--u)*5.4)}.bo-s-at{width:calc(var(--u)*6.2)}.bo-s-spd{width:calc(var(--u)*12.4)}.bo-s-nav,.bo-s-app{width:calc(var(--u)*5.8)}.bo-s-hdg{width:calc(var(--u)*13.2)}.bo-s-vs{width:calc(var(--u)*14.2)}.bo-s-alt{width:calc(var(--u)*12.6)}.bo-s-ap{width:calc(var(--u)*18.2)}
.bo-sec>*{position:absolute}
.bo-lbl,.bo-eng{font-weight:700;font-size:calc(var(--u)*1.12);line-height:1.05;letter-spacing:.03em;text-align:center;color:var(--bo-eng);white-space:nowrap;text-transform:uppercase;pointer-events:none}
.bo-lbl{top:calc(var(--u)*.55);left:0;right:0}
/* push buttons with integral light bar */
.bo-btn{left:calc(var(--u)*var(--x));top:calc(var(--u)*var(--y));translate:-50% -50%;width:var(--bw);height:var(--bh);padding:0 0 calc(var(--u)*.9);border-radius:calc(var(--u)*.35);border:1px solid #070605;background:linear-gradient(#232120,#110f0e 55%,#0c0a09);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0009,0 0 0 calc(var(--u)*.22) #4a3e33,0 calc(var(--u)*.25) calc(var(--u)*.3) #000a;color:var(--bo-eng);font:700 calc(var(--u)*1.2)/1 var(--bo-font);letter-spacing:.03em;cursor:pointer;transition:background .12s}
.bo-btn span{display:block;white-space:nowrap}
.bo-bar{position:absolute;left:18%;right:18%;bottom:calc(var(--u)*.55);height:calc(var(--u)*.62);border-radius:1px;background:repeating-linear-gradient(90deg,#1d241e 0 2px,#141915 2px 4px);box-shadow:inset 0 0 0 1px #000}
.bo-btn.active .bo-bar{background:repeating-linear-gradient(90deg,#9dff9f 0 1.5px,#35e54a 1.5px 3px),#35e54a;box-shadow:0 0 calc(var(--u)*.6) #3dff5acc,0 0 calc(var(--u)*1.4) #3dff5a55}
.bo-btn:active:not(:disabled){background:linear-gradient(#1c1b1a,#101010);scale:.97}
.bo-btn:disabled{cursor:not-allowed;color:#8a7f6c}
.bo-btn:disabled .bo-bar{opacity:.55}
.bo-btn:focus-visible,.bo-tog:focus-visible,.bo-push:focus-visible,.bo-toga:focus-visible,.bo-diseng:focus-visible,.bo-bankring:focus-visible,.bo-wheel:focus-visible,.bo-wheelbtn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.bo-glare .focus-control{border-color:var(--amber)!important;box-shadow:0 0 0 2px var(--amber),0 0 16px #f4bd5fbb!important}
.bo-btn.focus-control{background:linear-gradient(#3a3226,#1d1914);color:#ffe1a5}
/* toggle switches (F/D, A/T ARM) */
.bo-togwrap{left:0;right:0;top:calc(var(--u)*4.6);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*1.25)}
.bo-s-at .bo-togwrap{top:calc(var(--u)*.45);gap:calc(var(--u)*.35)}
.bo-s-at .bo-tog{width:calc(var(--u)*2.7);height:calc(var(--u)*2.7);margin-bottom:calc(var(--u)*.75)}
.bo-s-at .bo-lever{height:calc(var(--u)*2);width:calc(var(--u)*.9);margin-left:calc(var(--u)*-.45)}
.bo-tog{position:relative;width:calc(var(--u)*3.3);height:calc(var(--u)*3.3);border-radius:50%;border:0;padding:0;cursor:pointer;background:radial-gradient(circle,#0b0b0b 0 30%,#3a3029 32%,#221b15 62%,#2b231c 70%);box-shadow:0 0 0 1px #111,0 2px 3px #0008;outline:1.5px solid var(--bo-eng);outline-offset:calc(var(--u)*.25)}
.bo-lever{position:absolute;left:50%;bottom:50%;width:calc(var(--u)*1);height:calc(var(--u)*2.35);margin-left:calc(var(--u)*-.5);border-radius:calc(var(--u)*.5) calc(var(--u)*.5) calc(var(--u)*.25) calc(var(--u)*.25);background:linear-gradient(90deg,#6f7478,#eef0f1 45%,#9ea3a7 70%,#50555a);box-shadow:0 0 0 1px #0007,0 2px 3px #000a;transform-origin:50% 100%;scale:1 -1;transition:scale .17s cubic-bezier(.5,1.6,.6,1)}
.bo-lever:after{content:"";position:absolute;left:12%;right:12%;top:8%;height:22%;border-radius:50%;background:#ffffffb0}
.bo-tog.active .bo-lever{scale:1 1}
.bo-tog:disabled{cursor:not-allowed;opacity:.72}
.bo-tog:before,.bo-selbtn .bo-push:before{content:"";position:absolute;inset:calc(var(--u)*-1);border-radius:50%}
.bo-togwrap .bo-eng{position:static}
.bo-off{margin-top:calc(var(--u)*.1)}
/* windows */
.bo-win{left:calc(var(--u)*.8);right:calc(var(--u)*.8);top:calc(var(--u)*2.2);height:calc(var(--u)*3.8);display:flex;align-items:center;justify-content:flex-end;padding:0 calc(var(--u)*.9);border-radius:calc(var(--u)*.45);background:linear-gradient(#050505,#0a0a0a);box-shadow:inset 0 calc(var(--u)*.25) calc(var(--u)*.4) #000,0 0 0 calc(var(--u)*.3) #1a140f,0 0 0 calc(var(--u)*.42) #5e4e40;color:var(--bo-digit);cursor:text}
.bo-digits{height:calc(var(--u)*2.35);display:flex;align-items:center}
.bo-seg{height:100%;width:auto}
.bo-glare .bo-seg .on{filter:drop-shadow(0 0 1px currentColor)}
.bo-glare .bo-seg .off{opacity:.045}
.bo-leg{position:absolute;left:calc(var(--u)*.7);top:calc(var(--u)*.45);font:600 calc(var(--u)*.95)/1 var(--bo-font);color:var(--bo-digit);opacity:.9}
.bo-entry{position:absolute;inset:0;opacity:0;font:600 calc(var(--u)*2)/1 var(--bo-font);color:#fff;text-align:right;padding:0 calc(var(--u)*.9);cursor:text}
.bo-entry:focus{opacity:1;background:#050606;outline:2px solid var(--amber);outline-offset:1px;border-radius:calc(var(--u)*.25)}
.bo-entry:disabled{cursor:default}
.bo-win.bo-focus{box-shadow:inset 0 calc(var(--u)*.25) calc(var(--u)*.4) #000,0 0 0 calc(var(--u)*.3) #1b1916,0 0 0 calc(var(--u)*.42) var(--amber),0 0 14px #f4bd5f99}
/* knobs (shared kit, restyled as Boeing MCP selectors) */
.bo-glare .bo-knob{position:absolute;padding:0;gap:0;border-radius:50%;left:calc(var(--u)*var(--x) - var(--size)/2);top:calc(var(--u)*var(--y) - var(--size)/2)}
.bo-glare .bo-knob .av-knob-body{display:block;position:relative;width:var(--size);height:var(--size)}
.bo-glare .bo-knob .av-knob-stack{position:absolute;inset:0}
.bo-glare .av-cap{z-index:1;background:repeating-conic-gradient(from var(--turn),#6f7276 0 5deg,#c3c6c9 5deg 10deg);box-shadow:0 calc(var(--u)*.35) calc(var(--u)*.5) #000c,inset 0 1px 1px #fff6,0 0 0 1px #1a1a1a}
.bo-glare .av-cap:before{inset:11%;background:radial-gradient(circle at 38% 30%,#f2f3f4,#b9bcc0 45%,#7e8286 80%);box-shadow:inset 0 -1px 2px #0006,0 1px 2px #0008}
.bo-glare .av-cap i{background:#2b2d30;width:2px;margin-left:-1px;top:14%;height:22%;box-shadow:none}
.bo-glare .av-knob.focus-control{background:none;box-shadow:none!important}
.bo-glare .av-knob.focus-control .av-cap{box-shadow:0 0 0 3px var(--amber),0 0 18px var(--amber)}
.bo-glare .av-turn{position:absolute;bottom:calc(var(--u)*-.6);width:calc(var(--u)*2.3);min-width:0;height:calc(var(--u)*2.3);min-height:0;padding:0;border-radius:50%;border:1px solid #6b645b;background:linear-gradient(#3a3531,#211e1b);color:#e9e3d8;font:700 calc(var(--u)*1.4)/1 var(--bo-font);opacity:.82;z-index:4}
.bo-glare .av-turn:first-child{left:calc(var(--u)*-2.1)}
.bo-glare .av-turn:last-child{right:calc(var(--u)*-2.1)}
.bo-glare .av-turn:hover{opacity:1}
.bo-glare .av-turn:disabled{opacity:.3}
.bo-knob-off .av-cap{cursor:not-allowed;filter:brightness(.8)}
.bo-push{border:0;padding:0;cursor:pointer}
.bo-center{position:absolute;z-index:3;inset:27%;border-radius:50%;background:radial-gradient(circle at 40% 32%,#f7f8f8,#c4c7ca 55%,#8c9094);box-shadow:inset 0 -1px 2px #0007,0 0 0 1px #0005;font:800 calc(var(--u)*.95)/1 var(--bo-font);color:#111;letter-spacing:.02em}
.bo-center:active:not(:disabled){scale:.92}
.bo-s-hdg .bo-center{inset:20%;background:radial-gradient(circle at 40% 32%,#3b3d40,#16171a 70%);color:#f4f4f4;box-shadow:inset 0 1px 1px #fff3,0 0 0 1px #000}
.bo-center:disabled{cursor:not-allowed}
/* IAS/MACH */
.bo-s-spd .bo-knob{--x:7;--y:13.5;--size:calc(var(--u)*5)!important}
.bo-rays{left:calc(var(--u)*1.2);top:calc(var(--u)*7.7);width:calc(var(--u)*11.6);height:calc(var(--u)*11.6);overflow:visible;pointer-events:none}
.bo-rays path,.bo-rays circle{stroke:var(--bo-eng);stroke-width:1.3;fill:none;opacity:.9}
.bo-selline{left:calc(var(--u)*3.05);top:calc(var(--u)*6);width:calc(var(--u)*1.3);height:calc(var(--u)*3.4);overflow:visible;pointer-events:none}
.bo-selline path{fill:none;stroke:var(--bo-eng);stroke-width:1.3;vector-effect:non-scaling-stroke}
.bo-s-alt .av-knob-stack{border-radius:50%;outline:1.5px solid var(--bo-eng);outline-offset:calc(var(--u)*.5)}
.bo-disc{left:calc(var(--u)*10.2);top:calc(var(--u)*7.7);width:calc(var(--u)*2.4);height:calc(var(--u)*2.4);border-radius:50%;background:radial-gradient(circle at 40% 35%,#8d8a85,#4c4843 70%);box-shadow:0 0 0 1px #0008;pointer-events:none}
.bo-leg.bo-leg-mach{top:auto;bottom:calc(var(--u)*.45)}
.bo-selbtn{left:calc(var(--u)*.6);top:calc(var(--u)*6.9);width:calc(var(--u)*2.8);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.3)}
.bo-selbtn .bo-eng{position:static}
.bo-selbtn .bo-push{position:relative;width:calc(var(--u)*2);height:calc(var(--u)*2);border-radius:50%;background:radial-gradient(circle at 40% 35%,#4c4a47,#151413 70%);box-shadow:0 0 0 calc(var(--u)*.25) #6e665d,0 0 0 calc(var(--u)*.35) #1b1916}
.bo-selbtn .bo-push:disabled{cursor:not-allowed}
/* LNAV / VNAV / FLCH and LOC / APP columns */
.bo-s-nav .bo-btn,.bo-s-app .bo-btn,.bo-s-at .bo-btn{--x:2.9}
.bo-s-at .bo-btn{--x:3.1}
.bo-s-nav .bo-btn:nth-child(1){--y:4.1}.bo-s-nav .bo-btn:nth-child(2){--y:9.9}.bo-s-nav .bo-btn:nth-child(3){--y:15.8}
.bo-s-at .bo-btn:nth-of-type(1){--y:9.9}.bo-s-at .bo-btn:nth-of-type(2){--y:15.8}
.bo-s-at .bo-togwrap .bo-tog{--y:0}
.bo-s-app .bo-btn:nth-child(1){--y:9.9}.bo-s-app .bo-btn:nth-child(2){--y:15.8}
/* HDG */
.bo-s-hdg .bo-knob{--x:6.6;--y:10.5;--size:calc(var(--u)*3.6)!important}
.bo-s-hdg .bo-btn{--x:6.6;--y:16.1}
.bo-glare .bo-s-hdg .av-turn{bottom:calc(var(--u)*-3.45)}
.bo-glare .bo-s-hdg .av-turn:first-child{left:calc(var(--u)*-3.25)}
.bo-glare .bo-s-hdg .av-turn:last-child{right:calc(var(--u)*-3.25)}
.bo-banklbl{left:calc(var(--u)*9.9);top:calc(var(--u)*10.1);text-align:left!important}
.bo-bankscale{position:absolute;inset:-78%;width:256%;height:256%;overflow:visible;pointer-events:none;z-index:0}
.bo-bankscale line{stroke:var(--bo-eng);stroke-width:1.6}
.bo-bankscale text{fill:var(--bo-eng);font:700 11.5px var(--bo-font)}
.bo-bankring{position:absolute;inset:-30%;z-index:0;border-radius:50%;border:0;padding:0;cursor:pointer;background:repeating-conic-gradient(#1a1b1d 0 7deg,#34363a 7deg 14deg);box-shadow:0 calc(var(--u)*.3) calc(var(--u)*.5) #000b,inset 0 0 0 1px #000}
.bo-bankring i{position:absolute;left:50%;top:1px;width:2px;height:24%;margin-left:-1px;background:#f4f4f4;transform-origin:50% calc(var(--size)*.8 - 1px);rotate:var(--bank,-92deg);transition:rotate .2s}
/* VERT SPD */
.bo-wheelbox{left:calc(var(--u)*.6);top:calc(var(--u)*7.3);width:calc(var(--u)*6.6);height:calc(var(--u)*11.4);border-radius:calc(var(--u)*.4)}
.bo-wheel{position:absolute;left:calc(var(--u)*3.1);top:calc(var(--u)*.6);width:calc(var(--u)*2.9);height:calc(var(--u)*10.2);border-radius:calc(var(--u)*1.2)/calc(var(--u)*3);background:linear-gradient(90deg,#141312,#3d3a37 30%,#57534f 50%,#3a3734 70%,#131211);box-shadow:0 0 0 calc(var(--u)*.35) #25221f,0 0 0 calc(var(--u)*.5) #6d655c,inset 0 0 calc(var(--u)*.6) #000;cursor:ns-resize;touch-action:none;overflow:hidden}
.bo-wheel i{position:absolute;inset:4% 12%;border-radius:calc(var(--u)*.8)/calc(var(--u)*2.5);background:repeating-linear-gradient(#1a1918 0 2px,#8a847d 2px 3px,#4a4642 3px 5px);background-size:100% 5px;box-shadow:inset 0 calc(var(--u)*1.2) calc(var(--u)*1) #000d,inset 0 calc(var(--u)*-1.2) calc(var(--u)*1) #000d}
.bo-wheelbtn{position:absolute;left:0;width:calc(var(--u)*2.8);height:calc(var(--u)*4.4);border:0;padding:0;border-radius:calc(var(--u)*.4);background:transparent;color:var(--bo-eng);font:700 calc(var(--u)*1.1)/1 var(--bo-font);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*.2);cursor:pointer}
.bo-wheelbtn b{font-size:calc(var(--u)*1.6);line-height:.8}
.bo-wheelbtn:first-of-type{top:calc(var(--u)*.4)}
.bo-wheelbtn:last-of-type{bottom:calc(var(--u)*.4)}
.bo-wheelbtn:hover:not(:disabled){background:#ffffff14}
.bo-wheelbtn:disabled{opacity:.45;cursor:not-allowed}
.bo-wheelbox.focus-control{background:none}
.bo-wheelbox.focus-control .bo-wheel{box-shadow:0 0 0 calc(var(--u)*.35) var(--amber),0 0 16px var(--amber),inset 0 0 calc(var(--u)*.6) #000}
.bo-wheelbox.bo-knob-off .bo-wheel{cursor:not-allowed;filter:brightness(.8)}
.bo-s-vs .bo-btn{--x:10.9;--y:15.8}
.bo-vsline{left:calc(var(--u)*6.9);top:calc(var(--u)*13.3);width:calc(var(--u)*2.2);height:calc(var(--u)*2.5);overflow:visible;pointer-events:none}
.bo-vsline path{fill:none;stroke:var(--bo-eng);stroke-width:1.4}
/* ALT */
.bo-s-alt .bo-knob{--x:6.3;--y:10.1;--size:calc(var(--u)*4.8)!important}
.bo-s-alt .bo-btn{--x:6.3;--y:16}
.bo-s-alt .av-cap{background:radial-gradient(circle,#c9ccce 0 58%,#8b8f93 60%,#d8dadc 66%,#6c7074 72%,#9ea2a6 80%,#4d5054)}
.bo-s-alt .av-cap:before{inset:16%}
/* A/P ENGAGE */
.bo-apeng:before,.bo-apeng:after{content:"";display:inline-block;width:calc(var(--u)*3.2);height:calc(var(--u)*.7);border-top:1.5px solid var(--bo-eng);vertical-align:middle;margin:0 calc(var(--u)*.6)}
.bo-apeng:before{border-left:1.5px solid var(--bo-eng);transform:skewX(-35deg);border-radius:2px 0 0 0}
.bo-apeng:after{border-right:1.5px solid var(--bo-eng);transform:skewX(35deg);border-radius:0 2px 0 0}
.bo-lcr{left:0;right:0;top:calc(var(--u)*2.5)}
.bo-lcr b{position:absolute;left:calc(var(--u)*var(--x));translate:-50% 0}
.bo-lcr b:nth-child(1),.bo-cmds .bo-btn:nth-child(1){--x:3.8}.bo-lcr b:nth-child(2),.bo-cmds .bo-btn:nth-child(2){--x:9.1}.bo-lcr b:nth-child(3),.bo-cmds .bo-btn:nth-child(3){--x:14.4}
.bo-cmds{left:0;right:0;top:0;bottom:0}
.bo-cmds .bo-btn{position:absolute}
.bo-cmds .bo-btn{--y:6.2}
.bo-dislbl{left:calc(var(--u)*6.5);right:calc(var(--u)*.6);top:calc(var(--u)*10.9)}
.bo-diseng{left:calc(var(--u)*6.8);top:calc(var(--u)*12.6);width:calc(var(--u)*10.4);height:calc(var(--u)*3.6);border:0;padding:0;cursor:pointer;border-radius:calc(var(--u)*.35);background:linear-gradient(#dcd8ca,#b8b4a4 40%,#9a9686);box-shadow:inset 0 1px #fff8,0 0 0 calc(var(--u)*.3) #1c1612,0 calc(var(--u)*.35) 0 #4d4a46,0 calc(var(--u)*.5) calc(var(--u)*.6) #000b;transition:translate .08s}
.bo-diseng i{position:absolute;inset:18% 6%;border-radius:2px;background:repeating-linear-gradient(135deg,#f0a31c 0 6px,#1b1b1b 6px 12px);opacity:0;transition:opacity .1s}
.bo-diseng:active:not(:disabled){translate:0 calc(var(--u)*.3)}
.bo-diseng:active:not(:disabled) i{opacity:.9}
.bo-diseng:disabled{cursor:not-allowed;filter:brightness(.82)}
/* thrust levers */
.bo-thr{flex:none;position:relative;width:calc(var(--u)*13);height:calc(var(--u)*20);border-radius:calc(var(--u)*.7);background:linear-gradient(#33291f,#1f1812);box-shadow:inset 0 1px #ffffff1c,0 0 0 2px #1d1a17,0 5px 12px #0007;overflow:hidden}
.bo-thrcap{position:absolute;top:calc(var(--u)*.5);left:0;right:0;text-align:center;font:700 calc(var(--u)*1)/1 var(--bo-font);letter-spacing:.08em;color:#cfc6b8}
.bo-quad{position:absolute;left:calc(var(--u)*1);right:calc(var(--u)*1);top:calc(var(--u)*2.2);bottom:calc(var(--u)*.8)}
.bo-slot{position:absolute;top:0;bottom:0;width:calc(var(--u)*.7);margin-left:calc(var(--u)*-.35);border-radius:calc(var(--u)*.35);background:#0d0c0b;box-shadow:inset 0 0 3px #000,0 0 0 1px #4e473f}
.bo-slot1{left:14%}.bo-slot2{left:38%}.bo-slot3{left:62%}.bo-slot4{left:86%}
.bo-levers{position:absolute;left:0;right:0;height:calc(var(--u)*7.4);top:calc((1 - var(--pos)) * (100% - var(--u)*7.4));transition:top .9s cubic-bezier(.3,.7,.3,1)}
.bo-grip{display:flex;justify-content:space-between;gap:calc(var(--u)*.2)}
.bo-knobtop{flex:1;height:calc(var(--u)*2.4);border-radius:calc(var(--u)*1.2)/calc(var(--u)*1);background:radial-gradient(ellipse at 50% 30%,#fbf8f2,#dad3c6 55%,#9d968a);box-shadow:0 calc(var(--u)*.3) calc(var(--u)*.4) #000c,inset 0 -2px 3px #0003;color:#4b463f;font:800 calc(var(--u)*1.05)/calc(var(--u)*2.4) var(--bo-font);text-align:center}
.bo-atdisc{position:absolute;top:calc(var(--u)*2.7);width:calc(var(--u)*1.1);height:calc(var(--u)*1.1);border-radius:calc(var(--u)*.2);background:#141312;box-shadow:0 0 0 1px #5a534b}
.bo-atdisc1{left:calc(14% - var(--u)*.55)}.bo-atdisc4{left:calc(86% - var(--u)*.55)}
.bo-toga{position:absolute;left:24%;right:24%;top:calc(var(--u)*2.7);height:calc(var(--u)*4.4);border:0;padding:0;border-radius:calc(var(--u)*.4);background:linear-gradient(#262422,#141312);box-shadow:0 0 0 1px #5a534b,0 2px 3px #000a;cursor:pointer;color:#f2ede4}
.bo-toga i{position:absolute;top:calc(var(--u)*.45);width:calc(var(--u)*1.6);height:calc(var(--u)*1.5);border-radius:calc(var(--u)*.2);background:repeating-linear-gradient(#bdb6aa 0 2px,#3c3833 2px 4px);box-shadow:0 0 0 1px #000}
.bo-toga i:first-child{left:14%}.bo-toga i:nth-child(2){right:14%}
.bo-toga span{position:absolute;left:0;right:0;bottom:calc(var(--u)*.5);font:800 calc(var(--u)*1.05)/1 var(--bo-font);letter-spacing:.04em}
.bo-toga:active:not(:disabled) i{translate:0 1px;background:repeating-linear-gradient(#e6dfd2 0 2px,#3c3833 2px 4px)}
.bo-toga:disabled{cursor:not-allowed;color:#8f8a82}
.bo-aux{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.bo-aux>span{font:700 10px var(--mono);letter-spacing:.1em;color:#b9b1a4}
.bo-aux .mode-button{min-height:40px;padding:6px 12px}

/* narrow glareshields: wrap MCP sections onto one warm-grey panel */
@container (max-width:860px){
 .bo-glare{--u:min(9px,calc((100cqw - 4px)/44.5));--bw:calc(var(--u)*5.1);--bh:calc(var(--u)*4.8);flex-wrap:wrap;justify-content:center;row-gap:0;column-gap:0;padding:calc(var(--u)*.4) calc(var(--u)*.4) calc(var(--u)*.8);border-radius:calc(var(--u)*.8);background:linear-gradient(#4d3f33,var(--bo-panel) 30%,var(--bo-panel2));box-shadow:inset 0 1px #ffffff22,0 0 0 2px #1c1612,0 5px 12px #0007}
 .bo-mcp{display:contents}
 .bo-thr{margin:calc(var(--u)*.4) 0 0 calc(var(--u)*1.2);height:calc(var(--u)*19.2)}
 .bo-lcr b:nth-child(1),.bo-cmds .bo-btn:nth-child(1){--x:3.2}.bo-lcr b:nth-child(3),.bo-cmds .bo-btn:nth-child(3){--x:15}
 .bo-s-ap{order:1}.bo-s-fdr{order:2}.bo-thr{order:3}
 .bo-glare .av-turn{width:calc(var(--u)*2.8);height:calc(var(--u)*2.8);bottom:calc(var(--u)*-1)}
 .bo-glare .av-turn:first-child{left:calc(var(--u)*-2.6)}
 .bo-glare .av-turn:last-child{right:calc(var(--u)*-2.6)}
 .bo-glare .bo-s-hdg .av-turn{bottom:calc(var(--u)*-3.6)}
 .bo-glare .bo-s-hdg .av-turn:first-child{left:calc(var(--u)*-3.9)}
 .bo-glare .bo-s-hdg .av-turn:last-child{right:calc(var(--u)*-3.9)}
 /* invisible thumb-sized hit areas around the small switches and +/- buttons */
 .bo-glare .av-turn:before{content:"";position:absolute;inset:-9px;border-radius:50%}
 .bo-tog:before{inset:calc(var(--u)*-1.2) calc(var(--u)*-1.9)}
}
@media(prefers-reduced-motion:reduce){.bo-lever,.bo-levers,.bo-bankring i,.bo-diseng{transition:none}.bo-chg.bo-new{animation-duration:.01s;animation-delay:10s}}