.xpdr-host{user-select:none}.xpdr-screw{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#d8d8d4 0,#6a6a66 60%,#2a2a26 100%);border:1px solid #1a1a16;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(0,0,0,.55);pointer-events:none;z-index:8}.xpdr-screw::before{content:"";position:absolute;top:50%;left:14%;right:14%;height:1.4px;margin-top:-.7px;background:linear-gradient(90deg,#050608,#2a2a26 50%,#050608);border-radius:1px}.xpdr-screw-tl{top:6px;left:6px}.xpdr-screw-tr{top:6px;right:6px}.xpdr-screw-bl{bottom:6px;left:6px}.xpdr-screw-br{bottom:6px;right:6px}.xpdr-screw-tl::before{transform:rotate(38deg)}.xpdr-screw-tr::before{transform:rotate(-22deg)}.xpdr-screw-bl::before{transform:rotate(-58deg)}.xpdr-screw-br::before{transform:rotate(15deg)}.xpdr-frame{position:relative;width:580px;max-width:100%;margin:0 auto;padding:14px 30px 16px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),linear-gradient(180deg,#4a5260 0,#2c333d 25%,#1a1f26 100%);border:1px solid #11161c;border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.7),0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 0 rgba(0,0,0,.45);font-family:'Segoe UI',Arial,sans-serif;color:#d8dde4;display:grid;grid-template-columns:100px 1fr 180px;gap:12px;align-items:start}.xpdr-side-label{position:absolute;top:50%;font:700 12px/1.05 'Segoe UI',Arial,sans-serif;letter-spacing:2px;color:#d4d8de;writing-mode:vertical-rl;text-orientation:upright;transform:translateY(-50%)}.xpdr-side-atc{left:10px}.xpdr-side-tcas{right:10px}.xpdr-col{display:flex;flex-direction:column;align-items:center;gap:12px}.xpdr-col-left{gap:18px;padding-top:6px}.xpdr-col-centre{gap:8px}.xpdr-col-right{gap:14px}.xpdr-rotary{position:relative;width:80px;height:70px;display:flex;align-items:center;justify-content:center}.xpdr-tick-ring{position:absolute;inset:0;pointer-events:none}.xpdr-tick{position:absolute;--tick-deg:0deg;--tick-radius:36px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--tick-deg)) translateY(calc(-1 * var(--tick-radius))) rotate(calc(-1 * var(--tick-deg)));font:700 8px 'Segoe UI',Arial,sans-serif;letter-spacing:.4px;color:#c5cad1;white-space:nowrap}.xpdr-tick.active{color:#fff;text-shadow:0 0 3px rgba(255,255,255,.55)}.xpdr-knob{--knob-deg:0deg;position:relative;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#5a5650 0,#2c2824 55%,#141210 100%);border:1px solid #050608;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -2px 0 rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.55);transform:rotate(var(--knob-deg));transition:transform 130ms ease-out}.xpdr-knob-pointer{position:absolute;top:-8px;left:50%;width:4px;height:calc(50% + 10px);background:linear-gradient(180deg,#f4f7f3 0,#f4f7f3 60%,#aab0b6 100%);border-radius:2px;transform:translateX(-50%);box-shadow:0 1px 1px rgba(0,0,0,.55)}.xpdr-rotary-bottom{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font:700 8px 'Segoe UI',Arial,sans-serif;letter-spacing:.6px;color:#d4d8de;white-space:nowrap}.xpdr-rotary-tcas{width:76px;height:72px}.xpdr-rotary-tcas .xpdr-knob{width:32px;height:32px}.xpdr-rotary-tcas .xpdr-knob-pointer{top:-8px;height:calc(50% + 10px)}.xpdr-rotary-tcas .xpdr-tick{--tick-radius:32px;font-size:7px}.xpdr-fail-row{display:flex;align-items:center;gap:6px;padding:4px 0 2px}.xpdr-fail-text{font:700 10px 'Segoe UI',Arial,sans-serif;letter-spacing:.8px;color:#d4d8de}.xpdr-fail-led{width:12px;height:12px;border-radius:50%;background:rgba(180,140,30,.28);border:1px solid #050608;box-shadow:inset 0 1px 0 rgba(0,0,0,.5)}.xpdr-fail-row.active .xpdr-fail-led{background:#f5c828;box-shadow:0 0 6px rgba(245,200,40,.85)}.xpdr-keypad{display:grid;grid-template-columns:repeat(3,44px);gap:6px}.xpdr-key{appearance:none;width:44px;height:44px;border-radius:50%;border:1px solid #050608;background:radial-gradient(circle at 35% 30%,#2a2d33 0,#1a1d22 55%,#0e1115 100%);color:#f4f7f3;font:700 14px 'Segoe UI',Arial,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.55),0 2px 3px rgba(0,0,0,.55);transition:filter 80ms}.xpdr-key:hover{filter:brightness(1.18)}.xpdr-key:active{transform:translateY(1px);filter:brightness(.92)}.xpdr-key-clr{font-size:10px;letter-spacing:.4px}.xpdr-ident-btn{appearance:none;display:flex;align-items:center;gap:6px;background:0 0;border:0;padding:4px 0;cursor:pointer;color:#d8dde4}.xpdr-ident-led{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1a1d22 0,#0a0d11 100%);border:1px solid #050608;box-shadow:inset 0 1px 0 rgba(0,0,0,.6);flex:0 0 auto}.xpdr-ident-btn.active .xpdr-ident-led{background:#29ef5a;box-shadow:0 0 6px rgba(41,239,90,.85)}.xpdr-ident-btn span:last-child{font:700 10px 'Segoe UI',Arial,sans-serif;letter-spacing:1px}.xpdr-display{width:160px;height:44px;background:linear-gradient(180deg,#050608 0,#0e1115 100%);border:1px solid #050608;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,255,255,.05)}.xpdr-display-digits{font:700 24px/1 Consolas,'Lucida Console',monospace;letter-spacing:4px;color:#f4f7f3;text-shadow:0 0 6px rgba(255,255,255,.45)}.xpdr-display-digits.entering{color:#ffd29a;text-shadow:0 0 6px rgba(255,210,154,.5)}.xpdr-tcas-row{display:flex;gap:12px;align-items:flex-end;justify-content:center}