*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:radial-gradient(ellipse at 50% 25%,#1b232c 0,#0a0e12 55%,#04060a 100%);color:#ddd;font-family:'Segoe UI',Arial,sans-serif;min-height:100vh}body{overflow-x:hidden}.mcdu-wrapper{display:flex;align-items:flex-start;justify-content:center;gap:24px;flex-wrap:wrap;padding:20px 10px;min-height:100vh}.nd-host{flex:0 0 auto}.mcdu-frame{--chassis-hi:#8a99a8;--chassis-top:#6e7e8e;--chassis-mid:#4f5e6e;--chassis-bot:#3a4754;--chassis-lo:#28323d;--bezel-edge:#161b22;--bezel-mid:#0e1218;--bezel-deep:#04070a;--btn-hi:#4d5660;--btn-top:#353d46;--btn-mid:#232831;--btn-bot:#161a1f;--btn-edge:#07090c;--legend:#ecf0f3;--amber:#d18a3a;--green:#4dc870;--led-off:#2a323a;width:100%;max-width:480px;position:relative;padding:30px 14px 18px;border-radius:10px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),linear-gradient(180deg,var(--chassis-hi) 0,var(--chassis-top) 4%,var(--chassis-mid) 45%,var(--chassis-bot) 92%,var(--chassis-lo) 100%);border:1px solid #11161c;box-shadow:0 28px 60px rgba(0,0,0,.8),0 8px 18px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -3px 0 rgba(0,0,0,.45),inset 0 0 80px rgba(0,0,0,.32)}.screw{position:absolute;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f2f5f7 0,#c7cfd4 26%,#909a9f 55%,#525a60 88%,#2a3035 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),inset 0 -2px 2px rgba(0,0,0,.55),inset 0 2px 1px rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.7),0 0 0 2px rgba(0,0,0,.45);z-index:6}.screw::before{content:"";position:absolute;top:50%;left:16%;width:68%;height:1.6px;background:linear-gradient(180deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.7) 50%,rgba(255,255,255,.18) 100%);border-radius:.5px;transform:translateY(-50%) rotate(18deg);box-shadow:0 1px 0 rgba(255,255,255,.18)}.screw-tl{top:8px;left:8px}.screw-tr{top:8px;right:8px}.screw-ml{top:50%;left:5px;transform:translateY(-50%)}.screw-mr{top:50%;right:5px;transform:translateY(-50%)}.screw-bl{bottom:8px;left:8px}.screw-br{bottom:8px;right:8px}.led-strip{display:flex;justify-content:center;align-items:center;gap:10px;width:fit-content;margin:0 auto}.led-strip-top{position:absolute;top:9px;left:50%;transform:translateX(-50%);z-index:4}.led{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-size:7.5px;font-weight:700;letter-spacing:.6px;color:rgba(220,225,229,.55);background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.06) 0,rgba(0,0,0,.55) 70%,rgba(0,0,0,.7) 100%),var(--led-off);border:1px solid #04060a;border-radius:999px;padding:2.5px 10px;min-width:38px;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,255,255,.04),0 1px 1px rgba(0,0,0,.5)}.led-amber{color:rgba(209,138,58,.55)}.led-green{color:rgba(77,200,112,.55)}.led-amber.lit{color:var(--amber);text-shadow:0 0 5px rgba(209,138,58,.8);background-color:#3a2c20}.led-green.lit{color:var(--green);text-shadow:0 0 5px rgba(77,200,112,.8);background-color:#1f3a28}.display-row{display:flex;align-items:stretch;gap:4px;margin-top:8px}.lsk-col{position:relative;flex:0 0 36px}.screen-bezel{flex:1 1 auto;position:relative;padding:20px;background:linear-gradient(180deg,#505f6e 0,#505f6e 100%);border:1px solid #03050a;border-radius:24px;box-shadow:inset 0 2px 5px rgba(0,0,0,.9),inset 0 -1px 0 rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.6)}.screen-container{position:relative;width:100%}.screen-container canvas{display:block;width:100%;height:auto;background:#000;border:2px solid #050709;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.03),0 2px 5px rgba(0,0,0,.65);image-rendering:optimizeQuality;-webkit-font-smoothing:antialiased}.lsk{position:absolute;left:50%;width:30px;height:17px;margin:0;padding:0;transform:translate(-50%,-50%);border:1px solid #060a0d;border-radius:3px;background:linear-gradient(180deg,#2c323a 0,#1d2228 35%,#11151a 75%,#090c10 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.55),inset 1px 0 0 rgba(0,0,0,.22),inset -1px 0 0 rgba(0,0,0,.22),0 2px 3px rgba(0,0,0,.55);cursor:pointer;touch-action:manipulation;user-select:none;z-index:3;-webkit-appearance:none;appearance:none}.lsk::before{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;transform:translate(-50%,-50%);background:linear-gradient(90deg,#cfd3cb 0,#eef1e9 30%,#f5f8f1 50%,#eef1e9 70%,#cfd3cb 100%);border-radius:1px;box-shadow:0 0 1.2px rgba(0,0,0,.55);z-index:2}.lsk:active{background:linear-gradient(180deg,#0a0d10 0,#070a0d 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,255,255,.03),0 1px 1px rgba(0,0,0,.4)}.lsk:active::before{background:#a5aaa2}.lsk-line{position:absolute;top:50%;width:28px;height:1.5px;background:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(190,196,200,.9) 40%,#e1e6eb 100%);box-shadow:0 1px 0 rgba(0,0,0,.65);pointer-events:none;z-index:1}.lsk-left .lsk-line{right:-28px;transform:translateY(-50%) rotate(5deg);transform-origin:left center}.lsk-right .lsk-line{left:-28px;transform:translateY(-50%) rotate(-5deg);transform-origin:right center;background:linear-gradient(270deg,rgba(0,0,0,0) 0,rgba(190,196,200,.9) 40%,#e1e6eb 100%)}.lsk[data-row="1"]{top:calc(23px + (60 / 320) * (100% - 46px))}.lsk[data-row="2"]{top:calc(23px + (104 / 320) * (100% - 46px))}.lsk[data-row="3"]{top:calc(23px + (148 / 320) * (100% - 46px))}.lsk[data-row="4"]{top:calc(23px + (192 / 320) * (100% - 46px))}.lsk[data-row="5"]{top:calc(23px + (236 / 320) * (100% - 46px))}.lsk[data-row="6"]{top:calc(23px + (280 / 320) * (100% - 46px))}.keyboard-well{position:relative;margin-top:10px;padding:10px 23px 8px;border-radius:5px;background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 60%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.3),inset 1px 0 0 rgba(255,255,255,.05),inset -1px 0 0 rgba(255,255,255,.05)}.keys-inner{position:relative;z-index:0}.vstrip{position:absolute;top:16.67%;bottom:41.67%;width:16px;background:linear-gradient(180deg,#0b0e13 0,#050709 100%);border:1px solid #02040a;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;padding:6px 0;z-index:1}.vstrip-left{left:-30px}.vstrip-right{right:-30px}.vstrip-block{display:flex;flex-direction:column;align-items:center;gap:0}.vstrip-block span{display:block;font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-size:8.5px;font-weight:700;letter-spacing:0;line-height:1;color:#e8ebee;text-shadow:0 1px 0 rgba(0,0,0,.7);padding:0;text-align:center}.vstrip-block.ann-amber span{color:rgba(209,138,58,.55)}.vstrip-block.ann-white span{color:rgba(220,225,229,.55)}.vstrip-block.ann-amber.lit span{color:var(--amber);text-shadow:0 0 4px rgba(209,138,58,.85)}.vstrip-block.ann-white.lit span{color:#f4f7fa;text-shadow:0 0 4px rgba(255,255,255,.85)}@keyframes ann-flash{0%,49%{opacity:1}100%,50%{opacity:.15}}.led.flash.lit,.vstrip-block.flash.lit span{animation:1s steps(1,end) infinite ann-flash}.fn-section{display:grid;grid-template-columns:1fr 46px;gap:6px;padding:0}.fn-main{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;gap:5px}.brt-dim-col{position:relative;--inset:3px}.fn-btn,.kb-btn,.slew-btn{background:linear-gradient(180deg,var(--btn-hi) 0,var(--btn-top) 25%,var(--btn-mid) 65%,var(--btn-bot) 100%);color:var(--legend);border:1px solid var(--btn-edge);border-radius:4px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.5),0 2px 3px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.25);user-select:none;touch-action:manipulation;font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 0 rgba(0,0,0,.55);line-height:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.fn-btn:active,.kb-btn:active,.slew-btn:active{background:linear-gradient(180deg,#141820 0,#0b0e13 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,.7),0 1px 1px rgba(0,0,0,.45)}.fn-btn{font-size:10.5px;min-height:36px;padding:4px 2px}.fn-btn.two-line span{display:block;line-height:1}.fn-btn.fn-empty{cursor:default;pointer-events:none}.fn-btn.fn-empty:active{background:linear-gradient(180deg,var(--btn-hi) 0,var(--btn-top) 25%,var(--btn-mid) 65%,var(--btn-bot) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.5),0 2px 3px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.25)}.fn-angled{position:relative;font-size:9.5px;min-height:0;height:35px;width:calc(100% - 10px);margin:0 5px;padding:0;border:1px solid #050709;border-radius:3px;display:flex;justify-content:center;overflow:hidden}.fn-angled[data-key=BRT]{position:absolute;top:var(--inset);left:5px;right:5px;width:auto;margin:0;background:linear-gradient(180deg,#2e343d 0,#2e343d 25%,#131417 35%,#131417 100%);box-shadow:1px -1px 5px #000;align-items:flex-end;justify-content:end;padding-bottom:4px}.fn-angled[data-key=DIM]{position:absolute;bottom:var(--inset);left:5px;right:5px;width:auto;margin:0;background:linear-gradient(180deg,#131417 0,#131417 65%,#2e343d 75%,#2e343d 100%);box-shadow:1px -1px 5px #000;align-items:flex-start;justify-content:start;padding-top:4px}.fn-angled .lbl{display:block;width:100%;text-align:center;letter-spacing:.6px;color:var(--legend);text-shadow:0 1px 0 rgba(0,0,0,.7)}.fn-angled:active{filter:brightness(.7)}.main-kb{position:relative;display:grid;grid-template-columns:4fr 5fr;gap:8px;margin-top:8px;padding:0}.num-side{display:flex;flex-direction:column;gap:6px}.airport-slew{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;flex:2 1 0}.kb-btn.airport{grid-column:1;grid-row:1/span 2;font-size:10px;min-height:unset}.slew-btn{min-height:0;padding:0;color:#fff;position:relative}.arrow{display:block;width:0;height:0;margin:0 auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}.arrow-left{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:9px solid #f1f4f7}.arrow-right{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #f1f4f7}.arrow-up{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid #f1f4f7}.arrow-down{border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #f1f4f7}.num-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:6px;justify-items:center;align-items:center;flex:4 1 0}.kb-btn.round{width:100%;max-width:42px;aspect-ratio:1/1;border-radius:50%;font-size:15px;min-height:unset;padding:0;background:radial-gradient(ellipse at 35% 28%,var(--btn-hi) 0,var(--btn-top) 35%,var(--btn-mid) 70%,var(--btn-bot) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 1px rgba(0,0,0,.55),0 2px 3px rgba(0,0,0,.6)}.kb-btn.round.small-text{font-size:10.5px}.kb-btn.round:active{background:radial-gradient(ellipse at 50% 60%,#1a1f26 0,#0b0e13 80%);box-shadow:inset 0 2px 4px rgba(0,0,0,.75),0 1px 1px rgba(0,0,0,.45)}.alpha-pad{display:flex;flex-direction:column;gap:6px}.letter-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:5px;flex:5 1 0}.util-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;flex:1 1 0}.kb-btn{font-size:14.5px;min-height:34px;padding:6px 0}.kb-btn.small-text{font-size:11px;font-weight:700}.kb-btn.two-line span{display:block;line-height:1}.kb-btn.ovfy span:last-child{font-size:13px;margin-top:2px}.kb-btn.clr{font-size:11.5px;letter-spacing:.8px}.kb-btn.boxed{position:relative}.kb-btn.boxed::after{content:"";position:absolute;inset:22% 26%;border:1.5px solid #f5f7f8;border-radius:1px;pointer-events:none;box-shadow:0 0 2px rgba(0,0,0,.6)}@media (max-width:500px){.mcdu-wrapper{padding:10px 6px}.mcdu-frame{padding:26px 12px 14px;border-radius:9px}.screw{width:11px;height:11px}.led-strip-top{top:8px}.led{font-size:6.5px;padding:2px 7px;min-width:32px;letter-spacing:.4px}.led-strip{gap:6px}.display-row{gap:3px}.lsk-col{flex:0 0 30px}.screen-bezel{padding:20px}.lsk{width:26px;height:15px}.lsk::before{width:12px;height:1.5px}.lsk-line{width:11px}.lsk-left .lsk-line{right:-28px}.lsk-right .lsk-line{left:-28px}.lsk[data-row="1"]{top:calc(10px + (60 / 320) * (100% - 20px))}.lsk[data-row="2"]{top:calc(10px + (104 / 320) * (100% - 20px))}.lsk[data-row="3"]{top:calc(10px + (148 / 320) * (100% - 20px))}.lsk[data-row="4"]{top:calc(10px + (192 / 320) * (100% - 20px))}.lsk[data-row="5"]{top:calc(10px + (236 / 320) * (100% - 20px))}.lsk[data-row="6"]{top:calc(10px + (280 / 320) * (100% - 20px))}.keyboard-well{padding:8px 23px 6px}.vstrip{width:14px;gap:5px;padding:5px 0}.vstrip-left{left:-24px}.vstrip-right{right:-24px}.vstrip-block span{font-size:7.5px}.fn-btn{font-size:9.5px;min-height:32px}.fn-angled{font-size:9px;min-height:0;height:30px}.brt-dim-col{--inset:3px}.fn-angled[data-key=BRT]{left:4px;right:4px;padding-bottom:3px}.fn-angled[data-key=DIM]{left:4px;right:4px;padding-top:3px}.kb-btn{font-size:13.5px;min-height:30px;padding:5px 0}.kb-btn.small-text{font-size:10px}.kb-btn.airport{font-size:9px}.kb-btn.round{max-width:36px;font-size:13.5px}.kb-btn.round.small-text{font-size:9.5px}.arrow-left,.arrow-right{border-top-width:5px;border-bottom-width:5px}.arrow-left{border-right-width:7px}.arrow-right{border-left-width:7px}.arrow-down,.arrow-up{border-left-width:5px;border-right-width:5px}.arrow-up{border-bottom-width:7px}.arrow-down{border-top-width:7px}.fn-section{grid-template-columns:1fr 40px}}@media (max-width:370px){.mcdu-frame{padding:22px 10px 12px}.lsk-col{flex:0 0 26px}.screen-bezel{padding:20px}.lsk{width:22px;height:13px}.lsk::before{width:10px;height:1.5px}.lsk-line{width:9px}.lsk-left .lsk-line{right:-28px}.lsk-right .lsk-line{left:-28px}.lsk[data-row="1"]{top:calc(9px + (60 / 320) * (100% - 18px))}.lsk[data-row="2"]{top:calc(9px + (104 / 320) * (100% - 18px))}.lsk[data-row="3"]{top:calc(9px + (148 / 320) * (100% - 18px))}.lsk[data-row="4"]{top:calc(9px + (192 / 320) * (100% - 18px))}.lsk[data-row="5"]{top:calc(9px + (236 / 320) * (100% - 18px))}.lsk[data-row="6"]{top:calc(9px + (280 / 320) * (100% - 18px))}.led{font-size:5.8px;padding:1.5px 5px;min-width:26px}.vstrip{width:12px}.vstrip-left{left:-22px}.vstrip-right{right:-22px}.vstrip-block span{font-size:6.5px}.fn-btn{font-size:8.5px;min-height:28px}.fn-angled{font-size:8px;min-height:0;height:26px}.brt-dim-col{--inset:2px}.fn-angled[data-key=BRT]{left:3px;right:3px;padding-bottom:3px}.fn-angled[data-key=DIM]{left:3px;right:3px;padding-top:3px}.kb-btn{min-height:26px;font-size:12px;padding:4px 0}.kb-btn.round{max-width:30px;font-size:12px}.arrow-left,.arrow-right{border-top-width:4px;border-bottom-width:4px}.arrow-left{border-right-width:6px}.arrow-right{border-left-width:6px}.arrow-down,.arrow-up{border-left-width:4px;border-right-width:4px}.arrow-up{border-bottom-width:6px}.arrow-down{border-top-width:6px}.fn-section{grid-template-columns:1fr 34px}}@media (min-width:700px){.mcdu-frame{max-width:540px;padding:34px 16px 20px}.screw{width:15px;height:15px}.led-strip-top{top:10px}.led-strip{gap:12px}.led{font-size:8.5px;padding:4px 13px;min-width:50px}.display-row{gap:5px}.lsk-col{flex:0 0 44px}.screen-bezel{padding:20px}.lsk{width:36px;height:22px}.lsk::before{width:17px;height:2.5px}.lsk-line{width:18px;height:2px}.lsk-left .lsk-line{right:-28px}.lsk-right .lsk-line{left:-28px}.lsk[data-row="1"]{top:calc(14px + (60 / 320) * (100% - 28px))}.lsk[data-row="2"]{top:calc(14px + (104 / 320) * (100% - 28px))}.lsk[data-row="3"]{top:calc(14px + (148 / 320) * (100% - 28px))}.lsk[data-row="4"]{top:calc(14px + (192 / 320) * (100% - 28px))}.lsk[data-row="5"]{top:calc(14px + (236 / 320) * (100% - 28px))}.lsk[data-row="6"]{top:calc(14px + (280 / 320) * (100% - 28px))}.keyboard-well{padding:12px 23px 10px}.vstrip{width:20px;gap:8px;padding:8px 0}.vstrip-left{left:-36px}.vstrip-right{right:-36px}.vstrip-block span{font-size:10.5px;letter-spacing:.5px}.fn-btn{font-size:11px;min-height:40px}.fn-angled{font-size:10.5px;min-height:0;height:38px}.brt-dim-col{--inset:3px}.fn-angled[data-key=BRT]{left:6px;right:6px;padding-bottom:5px}.fn-angled[data-key=DIM]{left:6px;right:6px;padding-top:5px}.kb-btn{font-size:16px;min-height:38px}.kb-btn.round{max-width:48px;font-size:17px}.arrow-left,.arrow-right{border-top-width:7px;border-bottom-width:7px}.arrow-left{border-right-width:11px}.arrow-right{border-left-width:11px}.arrow-down,.arrow-up{border-left-width:7px;border-right-width:7px}.arrow-up{border-bottom-width:11px}.arrow-down{border-top-width:11px}.fn-section{grid-template-columns:1fr 56px}}