#op-cockpit{height:calc(100dvh - var(--op-bottom-safe,0px));z-index:5000;font-family:var(--f-mono);color:var(--op-phosphor);animation:opc-in var(--op-dur-slide) var(--op-ease-out) both;pointer-events:none;touch-action:none;--opc-lit:.3;--opc-dash-h:clamp(250px, 38dvh, 440px);--opc-lip:clamp(36px, 7dvh, 72px);--opc-strip-h:40px;--opc-hint-h:18px;--opc-bay-w:clamp(250px, 18vw, 300px);--opc-rise:calc(var(--opc-lip) * .4);--opc-gauge:clamp(58px, 8.6dvh, 88px);--opc-stick:clamp(92px, 12.2dvh, 122px);--opc-tx:clamp(84px, 11dvh, 112px);--opc-hi:color-mix(in srgb, var(--op-off-white) 12%, transparent);--opc-hi-soft:color-mix(in srgb, var(--op-off-white) 6%, transparent);--opc-metal:linear-gradient(180deg, var(--op-bg-chip), var(--op-bg-raised) 40%, var(--op-bg-panel));--opc-glass-ink:color-mix(in srgb, var(--op-bg-panel) 82%, transparent);outline:none;flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}#op-cockpit[data-entry=board]{animation:none}#op-cockpit.is-boarding :is(.opc-hud-tl,.opc-hud-tr,.opc-hud-bl,.opc-hud-br,.opc-hud-near){animation:.42s steps(12,end) .15s both opc-type}#op-cockpit.is-boarding .opc-hud-tr{animation-delay:.3s}#op-cockpit.is-boarding .opc-hud-bl{animation-delay:.45s}#op-cockpit.is-boarding .opc-hud-br{animation-delay:.6s}#op-cockpit.is-boarding .opc-hud-near{animation-delay:.75s}#op-cockpit.is-boarding .opc-reticle{animation:.3s steps(3,end) .8s backwards opc-power}#op-cockpit.is-boarding :is(.opc-overhead,.opc-dash-face,.opc-strip){animation:opc-power-up .9s var(--op-ease-out) .1s both}#op-cockpit.is-boarding :is(.opc-lamp,.opc-switch,.opc-oh-sw){animation:.24s steps(2,end) both opc-power;animation-delay:calc(.3s + var(--opc-boot,0) * 45ms)}@keyframes opc-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes opc-power{0%{opacity:.12}}@keyframes opc-power-up{0%{opacity:.3}}#op-cockpit.is-ejecting{animation:opc-eject .5s var(--op-ease) both}#op-cockpit:is(.is-ejecting,.is-leaving) *{pointer-events:none!important}@keyframes opc-eject{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.94)}}#op-cockpit.is-leaving{animation:opc-out var(--op-dur-slow) var(--op-ease) both}@keyframes opc-in{0%{opacity:0}to{opacity:1}}@keyframes opc-out{0%{opacity:1}to{opacity:0}}@keyframes opc-blink{50%{opacity:.35}}#op-cockpit :focus-visible{outline:var(--op-focus-ring);outline-offset:var(--op-focus-offset)}#op-cockpit button{font-family:var(--f-mono)}.opc-space{z-index:-1;background:var(--op-bg);pointer-events:auto;touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.opc-space:active{cursor:grabbing}.opc-fps{right:var(--op-space-sm);top:var(--op-space-sm);z-index:3;pointer-events:none;font-size:var(--op-size-micro);letter-spacing:.14em;color:var(--op-phosphor);background:var(--op-bg);border:var(--op-rule);padding:2px var(--op-space-xs);border-radius:var(--op-radius-sm);position:absolute}html.op-cockpit-open,html.op-cockpit-open body{overscroll-behavior:none;overflow:hidden}html.op-cockpit-open #op-map-page [data-op-side],html.op-cockpit-open #op-map-page>.op-panel-tabs{opacity:0;pointer-events:none;transition:opacity var(--op-dur-slow) var(--op-ease)}html.op-cockpit-open #op-map-page .map-page-stage>:not(#op-hot-map-container),html.op-cockpit-open #op-hot-map-container>:not(#op-globe-canvas):not(#map){opacity:0!important;pointer-events:none!important}html.op-cockpit-open #op-fb-tab,html.op-cockpit-open #op-fb-wrap,html.op-cockpit-open #op-fb-coach{display:none!important}html.op-cockpit-open #op-map-page>:not(.map-page-stage):not([data-op-side]){opacity:0!important;visibility:hidden!important;pointer-events:none!important}html.op-cockpit-open .op-panel-tabs a,html.op-cockpit-open .op-panel-tabs button{pointer-events:none!important}@media (width<=900px),(orientation:landscape) and (height<=500px){html.op-cockpit-open #top-bar{visibility:hidden!important;pointer-events:none!important}}.opc-overhead{height:clamp(26px,3.6dvh,38px);padding:var(--op-space-xs) 3vw 0;background:var(--opc-metal);border-bottom:2px solid var(--op-bg);perspective:900px;pointer-events:auto;flex:none;align-items:flex-end;gap:1.2vw;display:flex;position:relative;overflow:hidden}.opc-oh-panel{min-width:0;padding:11px var(--op-space-sm) var(--op-space-xs);background:linear-gradient(180deg, var(--op-bg-raised), var(--op-bg));border:1px solid var(--opc-hi-soft);border-radius:var(--op-radius-md) var(--op-radius-md) 0 0;transform-origin:50% 100%;border-bottom:0;flex:1 1 0;position:relative;transform:rotateX(26deg)}.opc-oh-panel--c{flex-grow:1.7}.opc-oh-panel--l{transform:rotateX(26deg)rotateY(12deg)}.opc-oh-panel--r{transform:rotateX(26deg)rotateY(-12deg)}.opc-oh-panel:before,.opc-pillar-panel:before{content:attr(data-legend);left:var(--op-space-sm);top:2px;right:var(--op-space-sm);letter-spacing:.2em;color:var(--op-gold);text-shadow:0 0 6px var(--op-gold);white-space:nowrap;text-overflow:ellipsis;font-size:.5rem;position:absolute;overflow:hidden}.opc-oh-row{justify-content:space-between;display:flex}.opc-oh-sw{border-radius:var(--op-radius-sm);background:var(--op-bg);border:1px solid var(--opc-hi-soft);width:8px;height:10px;display:block;position:relative}.opc-oh-sw:after{content:"";background:var(--op-bg-chip);border-radius:1px;height:3px;position:absolute;top:1px;left:1px;right:1px}.opc-oh-sw.is-on:after{background:var(--op-phosphor);box-shadow:0 0 5px var(--op-phosphor)}.opc-oh-sw:nth-child(7n):after{background:var(--op-gold)}.opc-oh-sw:nth-child(11n):after{background:var(--op-crimson)}.opc-oh-sw.is-blink:after{animation:1.7s steps(2,end) infinite opc-blink;animation-delay:calc(var(--i,0) * .173s)}.opc-canopy{flex:auto;align-items:stretch;min-height:0;display:flex;position:relative}.opc-pillar{justify-content:space-evenly;gap:var(--op-space-sm);padding:var(--op-space-sm) 3px;background:var(--opc-metal);pointer-events:auto;flex-direction:column;flex:0 0 clamp(20px,2.2vw,34px);display:flex;overflow:hidden}.opc-pillar--l{border-right:2px solid var(--op-bg)}.opc-pillar--r{border-left:2px solid var(--op-bg)}.opc-pillar-panel{padding:12px 2px var(--op-space-xs);gap:var(--op-space-xs);background:linear-gradient(180deg, var(--op-bg-raised), var(--op-bg));border:1px solid var(--opc-hi-soft);border-radius:var(--op-radius-md);flex-direction:column;align-items:center;display:flex;position:relative}.opc-pillar-panel:before{text-align:center;letter-spacing:.1em;left:2px;right:2px}.opc-window{flex:1 1 0;min-width:0;min-height:0;position:relative}.opc-hull{pointer-events:none;will-change:transform;position:absolute;inset:0}.opc-hull-svg{display:block;position:absolute;top:0;left:0;overflow:visible}.opc-hull-svg .opc-hull-skin{pointer-events:visibleFill}.opc-sheen{pointer-events:none;position:absolute;inset:0;overflow:hidden}.opc-sheen>i{background:linear-gradient(112deg, transparent 0 38%, color-mix(in srgb, var(--off-white) 7%, transparent) 44%, transparent 50% 68%, color-mix(in srgb, var(--off-white) 4%, transparent) 72%, transparent 78%) 0 0 / 50% 100% repeat-x;will-change:transform;width:600%;height:200%;position:absolute;top:0;left:0}.opc-rcs{pointer-events:none;border-radius:var(--op-radius-pill);background:radial-gradient(circle, color-mix(in srgb, var(--off-white) 45%, transparent), transparent 68%);opacity:0;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute}#op-cockpit.is-stabilising .opc-rcs{animation:.39s steps(3,end) infinite opc-puff}#op-cockpit.is-stabilising .opc-rcs--tr{animation-delay:-.13s}#op-cockpit.is-stabilising .opc-rcs--bl{animation-delay:-.26s}@keyframes opc-puff{0%{opacity:0;transform:scale(.6)}34%{opacity:.55;transform:scale(1)}67%{opacity:.18;transform:scale(1.35)}}.opc-hud{pointer-events:none;color:var(--op-phosphor);text-shadow:0 0 6px var(--op-phosphor);font-size:var(--op-size-micro);letter-spacing:.18em;position:absolute}.opc-hud>span{white-space:nowrap;position:absolute}.opc-hud-tl{left:4%;top:var(--op-space-sm)}.opc-hud-tr{right:4%;top:var(--op-space-sm)}.opc-hud-bl{left:4%;bottom:var(--op-space-2xl)}.opc-hud-br{right:4%;bottom:var(--op-space-2xl)}.opc-hud b{font-weight:var(--op-weight-bold);color:var(--off-white);text-shadow:none}.opc-hud-link{animation:2.6s steps(2,end) infinite opc-blink;color:var(--op-phosphor)!important}.opc-reticle{border:1px solid var(--op-phosphor);border-radius:var(--op-radius-pill);opacity:.5;width:84px;height:84px;transition:opacity var(--op-dur-slow) var(--op-ease);margin:-42px 0 0 -42px;position:absolute;top:50%;left:50%}#op-cockpit.is-impact .opc-reticle{opacity:.08;transition-duration:var(--op-dur-fast)}.opc-reticle:before,.opc-reticle:after{content:"";background:var(--op-phosphor);position:absolute}.opc-reticle:before{height:1px;top:50%;left:-18px;right:-18px}.opc-reticle:after{width:1px;top:-18px;bottom:-18px;left:50%}.opc-hud-foot{left:50%;bottom:var(--op-space-md);align-items:center;gap:var(--op-space-xs);flex-direction:column;width:min(92%,520px);display:flex;position:absolute;transform:translate(-50%)}.opc-hud-near{font-size:var(--op-size-micro);letter-spacing:.16em;white-space:nowrap;opacity:.85}.opc-planet{pointer-events:auto;cursor:pointer;min-height:var(--op-hit-touch);padding:0 var(--op-space-md);font-size:var(--op-size-micro);letter-spacing:.18em;color:var(--op-gold);background:var(--opc-glass-ink);border:1px solid var(--op-gold);border-radius:var(--op-radius-md);text-shadow:0 0 6px var(--op-gold);animation:1.6s steps(2,end) infinite opc-blink}.opc-planet b{color:var(--op-gold);font-size:1rem}.opc-planet[hidden]{display:none}.opc-dash{flex:0 0 calc(var(--opc-dash-h) + var(--opc-lip));margin-top:calc(-1 * var(--opc-lip));pointer-events:none;will-change:transform;position:relative}.opc-dash-body{pointer-events:none;position:absolute;inset:0}.opc-dash-svg{display:block;position:absolute;top:0;left:0;overflow:visible}.opc-dash-svg path{pointer-events:visibleFill}.opc-dash-svg :is(.opc-dash-glow,.opc-dash-glow path,.opc-dash-edge,.opc-dash-flash,.opc-dash-glare,.opc-dash-shield,.opc-dash-hood,.opc-dash-hood-lit){pointer-events:none}.opc-dash-glow{opacity:calc(.08 + var(--opc-lit) * .42)}.opc-dash-hood{opacity:.85}.opc-dash-hood-lit{opacity:.07}.opc-dash-edge{opacity:calc(.25 + var(--opc-lit) * .75)}.opc-dash-spill{opacity:calc(.1 + var(--opc-lit) * .9)}.opc-dash-glare{opacity:.035}.opc-dash-flash{stroke-dasharray:150 1200;stroke-dashoffset:150px;opacity:0}#op-cockpit.is-tx .opc-dash-flash{animation:opc-flash .62s var(--op-ease-out) both}@keyframes opc-flash{0%{opacity:1;stroke-dashoffset:150px}to{opacity:.6;stroke-dashoffset:-1000px}}.opc-dash-face{left:var(--op-space-lg);right:var(--op-space-lg);top:calc(var(--opc-lip) + var(--op-space-sm) - var(--opc-rise));bottom:calc(var(--opc-strip-h) + var(--opc-hint-h) + var(--op-space-sm));grid-template-columns:var(--opc-bay-w) minmax(0, 1fr) var(--opc-bay-w);gap:var(--op-space-md);display:grid;position:absolute}.opc-bay{min-width:0;min-height:0;padding:var(--op-space-lg) var(--op-space-md) var(--op-space-sm);pointer-events:auto;border-radius:var(--op-radius-md);background:radial-gradient(circle at var(--op-space-sm) var(--op-space-sm), var(--op-bg-chip) 0 2px, var(--op-bg) 2.5px 3px, transparent 3.5px), radial-gradient(circle at calc(100% - var(--op-space-sm)) var(--op-space-sm), var(--op-bg-chip) 0 2px, var(--op-bg) 2.5px 3px, transparent 3.5px), radial-gradient(circle at var(--op-space-sm) calc(100% - var(--op-space-sm)), var(--op-bg-chip) 0 2px, var(--op-bg) 2.5px 3px, transparent 3.5px), radial-gradient(circle at calc(100% - var(--op-space-sm)) calc(100% - var(--op-space-sm)), var(--op-bg-chip) 0 2px, var(--op-bg) 2.5px 3px, transparent 3.5px), linear-gradient(180deg, color-mix(in srgb, var(--op-bg) 55%, transparent), color-mix(in srgb, var(--op-bg-panel) 30%, transparent));box-shadow:inset 0 1px 0 var(--op-bg), inset 1px 0 0 var(--op-bg), inset -1px 0 0 var(--op-bg), inset 0 -1px 0 var(--opc-hi-soft), inset 0 14px 16px -12px var(--op-bg), 0 1px 0 var(--opc-hi-soft);position:relative}.opc-bay:before{content:attr(data-legend);letter-spacing:.3em;color:var(--op-gold);text-shadow:0 0 6px color-mix(in srgb, var(--op-gold) 60%, transparent);opacity:.8;pointer-events:none;white-space:nowrap;font-size:.62rem;position:absolute;top:2px;left:50%;transform:translate(-50%)}.opc-bay--screens{margin-top:var(--opc-rise);gap:var(--op-space-xs);padding:var(--op-space-lg) var(--op-space-sm) var(--op-space-xs);background:linear-gradient(180deg, var(--op-bg-panel), var(--op-bg));box-shadow:inset 0 1px 0 var(--op-bg), inset 0 -1px 0 var(--opc-hi-soft), inset 0 18px 22px -14px var(--op-bg), 0 1px 0 var(--opc-hi-soft);flex-direction:column;display:flex}.opc-bay--flight{grid-template-columns:var(--opc-stick) var(--op-hit-touch) minmax(0, 1fr);column-gap:var(--op-space-md);row-gap:var(--op-space-sm);grid-template-rows:auto 1fr;grid-template-areas:"gauges gauges gauges""stick thr keys";align-items:center;display:grid}.opc-gauges{justify-content:space-between;align-items:center;column-gap:var(--op-space-md);row-gap:var(--op-space-sm);flex-wrap:wrap;grid-area:gauges;min-width:0;display:flex}.opc-gauge{flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.opc-gauge canvas{width:var(--opc-gauge);height:var(--opc-gauge);border-radius:var(--op-radius-pill);background:var(--op-screen);box-shadow:0 0 0 3px var(--op-bg-chip), 0 0 0 4px var(--op-bg), var(--op-shadow-drag);display:block}.opc-gauge figcaption{letter-spacing:.14em;color:var(--sub-text);white-space:nowrap;font-size:.62rem}.opc-gauge figcaption b{color:var(--op-phosphor);font-weight:var(--op-weight-regular);letter-spacing:.06em}.opc-nav{justify-content:space-between;gap:var(--op-space-sm);min-width:0;padding:2px var(--op-space-sm);font-size:var(--op-size-micro);letter-spacing:.08em;color:var(--sub-text);white-space:nowrap;background:var(--op-screen);border-radius:var(--op-radius-sm);box-shadow:0 0 0 1px var(--op-screen-line), inset 0 0 8px var(--op-bg);flex:1 0 100%;order:-1;display:flex}.opc-nav b{color:var(--op-phosphor);font-weight:var(--op-weight-regular);text-shadow:0 0 6px var(--op-phosphor)}.opc-stick{width:var(--opc-stick);height:var(--opc-stick);border-radius:var(--op-radius-pill);cursor:grab;touch-action:none;user-select:none;background:radial-gradient(circle at 50% 50%, var(--op-bg) 0 30%, var(--op-bg-panel) 31% 62%, var(--op-bg-chip) 63% 66%, var(--op-bg-panel) 67%);box-shadow:0 0 0 2px var(--op-bg-chip), inset 0 0 14px var(--op-bg), var(--op-shadow-drag);pointer-events:auto;flex:none;grid-area:stick;position:relative}.opc-stick.is-held{cursor:grabbing}.opc-stick-base{border-radius:var(--op-radius-pill);pointer-events:none;background:linear-gradient(var(--opc-hi-soft), var(--opc-hi-soft)) 50% 0 / 1px 100% no-repeat, linear-gradient(var(--opc-hi-soft), var(--opc-hi-soft)) 0 50% / 100% 1px no-repeat;position:absolute;inset:0}.opc-stick-knob{transform-origin:50%;border-radius:var(--op-radius-pill);pointer-events:none;background:radial-gradient(circle at 35% 30%, var(--op-bg-chip), var(--op-bg-panel) 70%);width:38%;height:38%;box-shadow:0 0 0 2px var(--op-bg-chip), 0 5px 0 var(--op-bg), inset 0 1px 0 var(--opc-hi);transition:transform var(--op-dur-fast) var(--op-ease-out);margin:-19% 0 0 -19%;position:absolute;top:50%;left:50%}.opc-stick.is-held .opc-stick-knob{transition:none}.opc-stick-knob i{border-radius:var(--op-radius-pill);background:var(--op-crimson);width:22%;height:22%;box-shadow:0 0 6px var(--op-crimson);margin:-11% 0 0 -11%;position:absolute;top:50%;left:50%}.opc-stick.is-mirror .opc-stick-knob{transition:none}.opc-stick.is-mirror{box-shadow:0 0 0 2px color-mix(in srgb, var(--op-phosphor) 45%, var(--op-bg-chip)), inset 0 0 14px var(--op-bg), var(--op-shadow-drag)}#op-cockpit.is-stabilising .opc-stick{box-shadow:0 0 0 2px var(--op-phosphor), 0 0 12px var(--op-phosphor), inset 0 0 14px var(--op-bg)}.opc-throttle{width:var(--op-hit-touch);height:var(--opc-stick);cursor:grab;touch-action:none;user-select:none;pointer-events:auto;flex:none;grid-area:thr;position:relative}.opc-throttle-track{left:50%;top:var(--op-space-sm);bottom:var(--op-space-sm);border-radius:var(--op-radius-md);background:var(--op-bg);width:10px;box-shadow:inset 0 0 6px var(--op-bg), 0 0 0 1px var(--op-bg-chip);margin-left:-5px;position:absolute}.opc-throttle-knob{border-radius:var(--op-radius-md);pointer-events:none;background:var(--opc-metal);height:18px;box-shadow:0 0 0 1px var(--op-bg-chip), 0 3px 0 var(--op-bg), inset 0 1px 0 var(--opc-hi);margin-top:-9px;position:absolute;top:67%;left:2px;right:2px}.opc-throttle-knob:after{content:"";background:var(--op-gold);height:2px;box-shadow:0 0 5px var(--op-gold);margin-top:-1px;position:absolute;top:50%;left:6px;right:6px}.opc-throttle-lbl{letter-spacing:.12em;color:var(--sub-text);pointer-events:none;font-size:.62rem;position:absolute;left:50%;transform:translate(-50%)}.opc-throttle-lbl--top{top:-13px}.opc-throttle-lbl--bot{bottom:-13px}.opc-keys{gap:var(--op-space-xs);flex-direction:column;grid-area:keys;justify-content:center;min-width:0;display:flex}.opc-keys .opc-key{min-height:var(--op-hit-min);padding:2px var(--op-space-xs);flex-direction:column;gap:0}.opc-key{min-width:0;min-height:36px;padding:0 var(--op-space-sm);justify-content:center;align-items:center;gap:var(--op-space-xs);letter-spacing:.12em;font-size:.62rem;font-weight:var(--op-weight-bold);color:var(--sub-text);background:var(--opc-metal);border:1px solid var(--opc-hi-soft);border-radius:var(--op-radius-md);box-shadow:var(--op-inset-key), 0 2px 0 var(--op-bg);cursor:pointer;touch-action:none;user-select:none;white-space:nowrap;pointer-events:auto;transition:box-shadow var(--op-dur-fast) var(--op-ease), transform var(--op-dur-instant) var(--op-ease), color var(--op-dur-fast) var(--op-ease);display:flex}.opc-key b{color:var(--op-phosphor);font-size:.9rem;line-height:1.1;font-weight:var(--op-weight-regular)}.opc-key:hover{color:var(--op-phosphor);box-shadow:var(--op-key-hover-line)}.opc-key:active{box-shadow:var(--op-key-press);transform:var(--op-key-press-shift)}.opc-screens{gap:var(--op-space-sm);perspective:1000px;flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:0;display:grid}.opc-monitor{gap:var(--op-space-xs);flex-direction:column;align-items:center;min-width:0;margin:0;display:flex}.opc-monitor:first-child{transform-origin:100% 60%;transform:rotateY(14deg)}.opc-monitor:last-child{transform-origin:0 60%;transform:rotateY(-14deg)}.opc-mon-select{cursor:pointer;pointer-events:auto;background:0 0;border:0;justify-content:center;width:100%;padding:0;display:flex}.opc-mon-bezel{width:min(100%, calc((var(--opc-dash-h) - 130px) * 4 / 3 + 2 * var(--op-space-sm)));padding:var(--op-space-sm);border-radius:var(--op-radius-md);background:linear-gradient(160deg, var(--op-bg-chip), var(--op-bg-raised) 45%, var(--op-bg-panel));box-shadow:var(--op-shadow-bezel), inset 0 1px 0 var(--opc-hi), inset 0 0 0 1px var(--op-bg);display:block;position:relative}.opc-mon-screen{aspect-ratio:4/3;background:var(--op-screen);border-radius:var(--op-radius-md);width:100%;box-shadow:0 0 0 2px var(--op-bg), 0 0 22px color-mix(in srgb, var(--op-phosphor) 16%, transparent);display:block}.opc-mon-glass{inset:var(--op-space-sm);border-radius:var(--op-radius-md);pointer-events:none;box-shadow:inset 0 0 0 1px var(--op-bg), inset 0 2px 0 var(--opc-hi-soft), inset 0 0 18px var(--op-bg);position:absolute}.opc-monitor.is-selected .opc-mon-bezel{box-shadow:0 0 0 2px var(--op-gold), 0 0 18px var(--op-gold-mark-glow-bright), var(--op-shadow-bezel), inset 0 1px 0 var(--opc-hi)}.opc-monitor.is-selected .opc-mon-glass{box-shadow:inset 0 0 0 1px var(--op-gold-mark-glow-bright), inset 0 2px 0 var(--opc-hi-soft), inset 0 0 22px var(--op-gold-mark-glow)}.opc-mon-plate{align-items:center;gap:var(--op-space-sm);width:100%;min-width:0;font-size:var(--op-size-micro);letter-spacing:.06em;color:var(--sub-text);display:flex}.opc-mon-plate b{color:var(--op-gold);font-weight:var(--op-weight-bold);flex:none}.opc-monitor.is-selected .opc-mon-plate b{color:var(--op-bg);background:var(--op-gold);padding:0 var(--op-space-xs);border-radius:var(--op-radius-sm)}.opc-mon-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.opc-mon-play{min-height:26px;padding:0 var(--op-space-sm);letter-spacing:.08em;color:var(--op-phosphor);background:var(--op-bg);border:1px solid color-mix(in srgb, var(--op-phosphor) 50%, transparent);border-radius:var(--op-radius-sm);cursor:pointer;pointer-events:auto;white-space:nowrap;flex:none;font-size:.62rem}.opc-mon-play:hover{border-color:var(--op-phosphor);box-shadow:0 0 8px color-mix(in srgb, var(--op-phosphor) 40%, transparent)}.opc-knobs{justify-content:space-between;align-items:center;gap:var(--op-space-md);padding:0 var(--op-space-sm);flex:none;display:flex}.opc-knobs-plate{text-align:center;letter-spacing:.14em;min-width:0;color:var(--sub-text);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:.62rem;overflow:hidden}#op-cockpit[data-layout=desk] .opc-knobs{display:none}.opc-strip .opc-knob{padding:0 var(--op-space-xs)}.opc-knob{align-items:center;gap:var(--op-space-sm);cursor:grab;touch-action:none;user-select:none;pointer-events:auto;display:flex}.opc-knob:active{cursor:grabbing}.opc-knob-dial{border-radius:var(--op-radius-pill);background:radial-gradient(circle at 35% 30%, var(--op-bg-chip), var(--op-bg-panel) 70%);width:28px;height:28px;box-shadow:0 0 0 2px var(--op-bg-chip), 0 3px 0 var(--op-bg), inset 0 -4px 8px var(--op-bg);transition:transform var(--op-dur-fast) var(--op-ease-out);position:relative}.opc-knob-dial i{background:var(--op-phosphor);width:3px;height:9px;box-shadow:0 0 6px var(--op-phosphor);border-radius:var(--op-radius-sm);margin-left:-1.5px;position:absolute;top:3px;left:50%}.opc-knob-label{letter-spacing:.14em;color:var(--sub-text);font-size:.62rem}.opc-bay--command{column-gap:var(--op-space-md);row-gap:var(--op-space-sm);grid-template:"sw sw""tx target"1fr"keys keys"/auto minmax(0,1fr);align-items:center;display:grid}.opc-switches{justify-content:space-between;gap:var(--op-space-xs);grid-area:sw;display:flex}.opc-switch{min-width:var(--op-hit-touch);cursor:pointer;pointer-events:auto;min-height:52px;font-size:var(--op-size-micro);letter-spacing:.02em;color:var(--sub-text);background:0 0;border:0;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:3px;padding:2px 0;display:flex}.opc-toggle{border-radius:var(--op-radius-md);background:linear-gradient(180deg, var(--op-bg-raised), var(--op-bg));width:24px;height:32px;box-shadow:0 0 0 1px var(--op-bg-chip), inset 0 1px 0 var(--opc-hi-soft);display:block;position:relative}.opc-toggle:before{content:"";border-radius:var(--op-radius-pill);background:var(--op-bg-chip);width:5px;height:5px;margin-left:-2.5px;position:absolute;top:3px;left:50%}.opc-toggle b{border-radius:var(--op-radius-pill);background:linear-gradient(90deg, var(--op-bg-chip), var(--op-off-white) 45%, var(--op-bg-chip));opacity:.8;transform-origin:50% 0;width:8px;height:15px;transition:transform var(--op-dur-fast) var(--op-ease-out);margin-left:-4px;position:absolute;top:50%;left:50%;transform:scaleY(.9)rotate(180deg)translateY(-2px)}.opc-switch[aria-pressed=true] .opc-toggle b{transform:scaleY(.9)rotate(0)translateY(-12px)}.opc-switch[aria-pressed=true] .opc-toggle:before{background:var(--op-phosphor);box-shadow:0 0 6px var(--op-phosphor)}.opc-switch[aria-pressed=true]{color:var(--op-phosphor)}.opc-switch[data-switch=uplink][aria-pressed=true]{color:var(--op-gold)}.opc-switch[data-switch=uplink][aria-pressed=true] .opc-toggle:before{background:var(--op-gold);box-shadow:0 0 6px var(--op-gold)}.opc-switch[data-switch=gyro]{display:none}.opc-tx{width:var(--opc-tx);height:var(--opc-tx);pointer-events:auto;perspective:500px;grid-area:tx;position:relative}.opc-tx-btn{border-radius:var(--op-radius-pill);cursor:pointer;color:var(--op-bg);background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--op-phosphor) 85%, var(--op-off-white)), var(--op-phosphor) 45%, color-mix(in srgb, var(--op-phosphor) 45%, var(--op-bg)) 100%);box-shadow:0 0 0 4px var(--op-bg-chip), 0 0 0 6px var(--op-bg), 0 0 22px color-mix(in srgb, var(--op-phosphor) 45%, transparent), inset 0 -6px 12px color-mix(in srgb, var(--op-bg) 40%, transparent);transition:transform var(--op-dur-instant) var(--op-ease), filter var(--op-dur-fast) var(--op-ease);border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.opc-tx-btn:active{transform:scale(.96)}.opc-tx-word{font-size:.72rem;font-weight:var(--op-weight-bold);letter-spacing:.14em}.opc-tx-state{letter-spacing:.16em;opacity:.8;font-size:.62rem}.opc-tx[data-state=charge] .opc-tx-btn{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--op-gold) 70%, var(--op-off-white)), var(--op-gold) 50%, color-mix(in srgb, var(--op-gold) 40%, var(--op-bg)));box-shadow:0 0 0 4px var(--op-bg-chip), 0 0 0 6px var(--op-bg), 0 0 30px var(--op-gold)}.opc-tx[data-state=sent] .opc-tx-btn{animation:.5s steps(2,end) infinite opc-blink}.opc-tx[data-state=ack] .opc-tx-btn{filter:brightness(1.3)}.opc-tx[data-state=miss] .opc-tx-btn{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--op-crimson) 70%, var(--op-off-white)), var(--op-crimson) 55%, color-mix(in srgb, var(--op-crimson) 40%, var(--op-bg)));color:var(--op-off-white)}.opc-guard{z-index:1;cursor:pointer;padding-bottom:var(--op-space-xs);border-radius:var(--op-radius-md);background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--op-crimson) 55%, transparent) 0 7px, color-mix(in srgb, var(--op-crimson) 28%, transparent) 7px 14px);box-shadow:0 0 0 1px var(--op-crimson), inset 0 1px 0 var(--opc-hi);transform-origin:50% 0;transition:transform var(--op-dur-slow) var(--op-ease-out), opacity var(--op-dur-slow) var(--op-ease);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:-6px;transform:rotateX(0)}.opc-guard span{letter-spacing:.3em;color:var(--op-off-white);font-size:.62rem;font-weight:var(--op-weight-bold)}.is-open>.opc-guard{opacity:.75;pointer-events:none;transform:rotateX(-118deg)}.opc-target{min-width:0;padding:var(--op-space-xs) var(--op-space-sm);background:var(--op-screen);border-radius:var(--op-radius-md);box-shadow:0 0 0 1px var(--op-screen-line), inset 0 0 12px var(--op-bg);font-size:var(--op-size-floor);letter-spacing:.04em;color:var(--sub-text);pointer-events:auto;flex-direction:column;grid-area:target;justify-content:center;align-self:stretch;gap:2px;line-height:1.3;display:flex}.opc-target-kind{font-weight:var(--op-weight-bold);letter-spacing:.2em;color:var(--sub-text)}.opc-target-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.opc-target[data-kind=target] .opc-target-kind{color:var(--op-gold);text-shadow:0 0 6px var(--op-gold)}.opc-target[data-kind=target] .opc-target-text{color:var(--off-white)}.opc-target[data-kind=lock] .opc-target-kind{color:var(--op-phosphor);text-shadow:0 0 6px var(--op-phosphor)}.opc-target[data-kind=lock] .opc-target-text{color:var(--off-white)}.opc-cmd-keys{gap:var(--op-space-xs);grid-area:keys;align-items:center;min-width:0;display:flex}.opc-key--wide{min-height:32px;font-size:var(--op-size-micro);letter-spacing:.08em;flex:1 1 0}.opc-lamps{gap:var(--op-space-xs);align-items:center;display:flex}.opc-lamp{border-radius:var(--op-radius-pill);background:var(--op-bg-chip);width:9px;height:9px;transition:background var(--op-dur-fast) var(--op-ease);border:0;padding:0;display:block}button.opc-lamp{cursor:pointer;width:12px;height:12px}.opc-lamp.is-on{background:var(--op-phosphor);box-shadow:0 0 8px var(--op-phosphor)}.opc-lamp--gold.is-on{background:var(--op-gold);box-shadow:0 0 8px var(--op-gold)}.opc-lamp--red{background:color-mix(in srgb, var(--op-crimson) 45%, var(--op-bg))}#op-cockpit.is-alarm .opc-lamp--red{background:var(--op-crimson);box-shadow:0 0 8px var(--op-crimson);animation:.5s steps(2,end) infinite opc-blink}.opc-strip{left:var(--op-space-lg);right:calc(var(--op-space-lg) + 76px);bottom:calc(var(--opc-hint-h) + var(--op-space-xs));height:var(--opc-strip-h);gap:var(--op-space-sm);pointer-events:auto;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr) auto;display:grid;position:absolute}.opc-ledger,.opc-readout{background:var(--op-screen);border-radius:var(--op-radius-md);min-width:0;box-shadow:0 0 0 1px var(--op-screen-line), inset 0 0 12px var(--op-bg);background-image:var(--op-scanline);overflow:hidden}.opc-ledger{align-items:stretch;gap:var(--op-space-sm);padding:0 var(--op-space-sm);display:flex}.opc-ledger-head{align-items:center;gap:var(--op-space-xs);letter-spacing:.18em;color:var(--op-gold);flex:none;font-size:.62rem;display:flex}.opc-ledger-lines{min-width:0;font-size:var(--op-size-floor);letter-spacing:.04em;flex-direction:column;flex:auto;justify-content:flex-end;align-self:center;max-height:2.4em;margin:0;padding:2px 0;line-height:1.2;list-style:none;display:flex;overflow:hidden}.opc-ledger-lines li{white-space:nowrap;text-overflow:ellipsis;flex:none;animation:.35s steps(6,end) both opc-line-in;overflow:hidden}.opc-ledger-lines li:not(:last-child){opacity:.45}@keyframes opc-line-in{0%{opacity:0;transform:translate(8px)}to{transform:none}}.opc-readout{padding:0 var(--op-space-sm);font-size:var(--op-size-floor);letter-spacing:.08em;color:var(--off-white);white-space:nowrap;text-overflow:ellipsis;align-items:center;display:flex}.opc-readout.is-typing:after{content:"▮";color:var(--op-phosphor);animation:.6s steps(2,end) infinite opc-cursor}@keyframes opc-cursor{to{opacity:0}}.opc-eject{right:var(--op-space-lg);bottom:calc(var(--opc-hint-h) + var(--op-space-xs));width:64px;height:var(--opc-strip-h);min-height:var(--op-hit-touch);pointer-events:auto;perspective:300px;position:absolute}.opc-eject-btn{cursor:pointer;letter-spacing:.14em;font-size:.62rem;font-weight:var(--op-weight-bold);color:var(--op-off-white);background:color-mix(in srgb, var(--op-crimson) 70%, var(--op-bg));border-radius:var(--op-radius-md);box-shadow:0 0 0 1px var(--op-crimson), var(--op-inset-key), 0 2px 0 var(--op-bg);border:0;position:absolute;inset:0}.opc-eject-btn:active{box-shadow:var(--op-key-press);transform:var(--op-key-press-shift)}.opc-guard--hazard{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--op-gold) 55%, transparent) 0 4px, transparent 4px 9px);box-shadow:0 0 0 1px color-mix(in srgb, var(--op-gold) 60%, transparent), inset 0 1px 0 var(--opc-hi);inset:-3px}.opc-flight-hint{height:var(--opc-hint-h);letter-spacing:.08em;color:var(--sub-text);white-space:nowrap;pointer-events:none;flex-wrap:nowrap;justify-content:center;align-items:center;gap:2px 18px;font-size:.62rem;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.opc-flight-hint b{color:var(--op-phosphor);font-weight:var(--op-weight-bold)}.opc-drawer,.opc-drawer-tab{display:none}#op-cockpit.is-dark :is(.opc-overhead,.opc-pillar,.opc-hull,.opc-dash-body,.opc-gauges,.opc-stick,.opc-throttle,.opc-keys,.opc-switches,.opc-knobs,.opc-strip .opc-knob,.opc-mon-plate,.opc-cmd-keys){filter:brightness(.45)}#op-cockpit.is-dark .opc-bay:before{opacity:.3}#op-cockpit.is-tx :is(.opc-overhead,.opc-pillar,.opc-dash-face){animation:.5s step-end both opc-cabin-flicker}@keyframes opc-cabin-flicker{0%{opacity:.62}20%{opacity:1}40%{opacity:.74}60%{opacity:.94}80%,to{opacity:1}}#op-cockpit.is-alarm:after{content:"";pointer-events:none;background:var(--op-crimson);mix-blend-mode:screen;opacity:.2;animation:.5s steps(2,end) infinite opc-blink;position:absolute;inset:0}@media (width<=1180px){#op-cockpit[data-layout=desk]{--opc-bay-w:160px;--opc-stick:80px;--opc-gauge:50px;--opc-tx:76px}#op-cockpit[data-layout=desk] .opc-dash-face{left:var(--op-space-sm);right:var(--op-space-sm);column-gap:var(--op-space-sm)}#op-cockpit[data-layout=desk] .opc-bay{padding:var(--op-space-md) var(--op-space-sm) var(--op-space-sm)}#op-cockpit[data-layout=desk] :is(.opc-nav,.opc-lamps){display:none}#op-cockpit[data-layout=desk] .opc-bay--flight{grid-template-columns:var(--opc-stick) var(--op-hit-touch);column-gap:var(--op-space-lg);row-gap:var(--op-space-md);grid-template-rows:auto auto auto;grid-template-areas:"gauges gauges""stick thr""keys keys";place-content:center}#op-cockpit[data-layout=desk] .opc-gauges{column-gap:var(--op-space-xs);flex-wrap:nowrap}#op-cockpit[data-layout=desk] .opc-gauge figcaption{letter-spacing:0}#op-cockpit[data-layout=desk] .opc-keys{flex-direction:row;justify-content:space-between}#op-cockpit[data-layout=desk] .opc-keys .opc-key{width:var(--op-hit-touch);min-height:var(--op-hit-touch)}#op-cockpit[data-layout=desk] .opc-bay--command{grid-template-columns:var(--opc-tx) minmax(0, 1fr);column-gap:var(--op-space-sm);grid-template-rows:auto auto;grid-template-areas:"sw sw""tx keys";align-content:center}#op-cockpit[data-layout=desk] .opc-switches{grid-template-columns:repeat(3, var(--op-hit-touch));justify-content:space-between;row-gap:var(--op-space-xs);display:grid}#op-cockpit[data-layout=desk] .opc-cmd-keys{flex-direction:column;justify-content:center;align-self:stretch;align-items:stretch}#op-cockpit[data-layout=desk] .opc-key--wide{white-space:normal;text-align:center;padding:var(--op-space-xs);line-height:1.2}#op-cockpit[data-layout=desk] .opc-monitor:first-child{transform:rotateY(10deg)}#op-cockpit[data-layout=desk] .opc-monitor:last-child{transform:rotateY(-10deg)}#op-cockpit[data-layout=desk] .opc-strip{left:var(--op-space-sm);right:calc(var(--op-space-sm) + 72px)}#op-cockpit[data-layout=desk] .opc-eject{right:var(--op-space-sm)}#op-cockpit[data-layout=desk] .opc-flight-hint span:nth-child(n+4){display:none}#op-cockpit[data-layout=desk] :is(.opc-hud-bl,.opc-hud-br){top:64px;bottom:auto}#op-cockpit[data-layout=desk] .opc-hud-slot .opc-target{align-items:baseline;gap:var(--op-space-sm);background:var(--opc-glass-ink);box-shadow:0 0 0 1px var(--op-screen-line);pointer-events:none;flex-direction:row}#op-cockpit[data-layout=desk] .opc-hud-slot .opc-target-text{-webkit-line-clamp:2}}#op-cockpit:is([data-layout=phone],[data-layout=land]){--opc-stick:120px;--opc-tx:88px;--opc-gauge:60px}#op-cockpit:is([data-layout=phone],[data-layout=land]) :is(.opc-overhead,.opc-pillar,.opc-strip,.opc-flight-hint,.opc-hud-tl,.opc-hud-tr,.opc-hud-near){display:none}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-bay:not(.opc-bay--screens){display:contents}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-bay:before{content:none}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-gauges{display:contents}#op-cockpit:is([data-layout=phone],[data-layout=land]) :is(.opc-gauge--att,.opc-nav){display:none}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-switch[data-switch=gyro]{display:flex}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-key{min-height:var(--op-hit-touch);min-width:var(--op-hit-touch)}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-reticle{width:56px;height:56px;margin:-28px 0 0 -28px}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-hud{font-size:.62rem}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-hud-foot{width:min(94%,420px);bottom:52px}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-target{align-items:baseline;gap:var(--op-space-sm);padding:var(--op-space-xs) var(--op-space-sm);background:var(--opc-glass-ink);box-shadow:0 0 0 1px var(--op-screen-line);text-shadow:none;letter-spacing:.06em;pointer-events:none;flex-direction:row;display:flex}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-target-text{-webkit-line-clamp:2}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-readout{height:26px;font-size:var(--op-size-micro);pointer-events:none;grid-area:ro}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-drawer-tab{display:block}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-drawer{z-index:4;pointer-events:auto;background:linear-gradient(180deg, var(--op-bg-raised), var(--op-bg-panel));box-shadow:var(--op-shadow-bar), inset 0 1px 0 var(--opc-hi);transition:transform var(--op-dur-slide) var(--op-ease-out), visibility 0s linear var(--op-dur-slide);visibility:hidden;flex-direction:column;display:flex;position:absolute}#op-cockpit.is-drawer .opc-drawer{visibility:visible;transition:transform var(--op-dur-slide) var(--op-ease-out);transform:none!important}.opc-drawer-head{justify-content:space-between;align-items:center;gap:var(--op-space-sm);min-height:var(--op-hit-touch);padding:0 var(--op-space-xs) 0 var(--op-space-md);font-size:var(--op-size-micro);letter-spacing:.2em;color:var(--op-gold);border-bottom:var(--op-rule);touch-action:none;cursor:grab;flex:none;display:flex;position:relative}.opc-drawer-grip{border-radius:var(--op-radius-pill);background:var(--op-bg-chip);width:40px;height:4px;margin-left:-20px;position:absolute;top:5px;left:50%}.opc-drawer-close{margin-right:var(--op-space-xs);flex:none}.opc-drawer-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:var(--op-space-sm);min-height:0;padding:var(--op-space-sm) var(--op-space-md) max(var(--op-space-md), env(safe-area-inset-bottom));flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.opc-drawer-body .opc-bay--screens{padding:var(--op-space-sm);flex:none;margin-top:0}.opc-drawer-body .opc-screens{gap:var(--op-space-sm);perspective:none}.opc-drawer-body .opc-monitor{transform:none!important}.opc-drawer-body .opc-mon-bezel{width:100%;padding:5px}.opc-drawer-body .opc-mon-glass{inset:5px}.opc-drawer-body .opc-mon-plate{flex-wrap:wrap;row-gap:2px}.opc-drawer-body .opc-mon-title{flex-basis:calc(100% - 44px)}.opc-drawer-body .opc-mon-play{min-height:var(--op-hit-touch);width:100%;font-size:var(--op-size-micro)}.opc-drawer-body .opc-knob-dial{width:40px;height:40px}.opc-drawer-body .opc-knob{min-height:var(--op-hit-touch)}.opc-drawer-body .opc-knobs-plate{display:none}.opc-drawer-body .opc-cmd-keys{flex:none}.opc-drawer-body .opc-key--wide{min-height:var(--op-hit-touch);font-size:var(--op-size-micro);white-space:normal;min-width:0;line-height:1.2}.opc-drawer-body .opc-cmd-keys{flex-wrap:wrap}.opc-drawer-body button.opc-lamp{width:var(--op-hit-touch);height:var(--op-hit-touch);background-clip:content-box;padding:16px}.opc-drawer-body .opc-ledger{min-height:9em;padding:var(--op-space-xs) var(--op-space-sm);flex-direction:column;flex:none}.opc-drawer-body .opc-ledger-lines{font-size:var(--op-size-floor);align-self:stretch;max-height:none;line-height:1.45}.opc-drawer-body .opc-ledger-lines li:nth-last-child(n+4){opacity:.4}.opc-drawer-tab{z-index:3;pointer-events:auto;cursor:pointer;min-height:var(--op-hit-touch);padding:0 var(--op-space-md);font-size:var(--op-size-micro);letter-spacing:.16em;color:var(--sub-text);white-space:nowrap;background:linear-gradient(180deg, var(--op-bg-raised), var(--op-bg-panel));border:1px solid var(--opc-hi-soft);border-radius:var(--op-radius-md) var(--op-radius-md) 0 0;box-shadow:inset 0 1px 0 var(--opc-hi);border-bottom:0;position:absolute}.opc-drawer-tab span{color:var(--op-gold);font-weight:var(--op-weight-bold)}.opc-drawer-tab em{font-style:normal}#op-cockpit[data-layout=land] .opc-drawer-tab em{display:none}.opc-drawer-tab span:before{content:"▴ "}#op-cockpit.is-drawer .opc-drawer-tab span:before{content:"▾ "}#op-cockpit[data-layout=phone]{--opc-dash-h:40dvh;--opc-lip:22px}#op-cockpit[data-layout=phone] .opc-dash-face{left:var(--op-space-sm);right:var(--op-space-sm);top:calc(var(--opc-lip) + var(--op-space-xs));bottom:max(var(--op-space-sm), env(safe-area-inset-bottom));grid-template-columns:var(--opc-stick) minmax(44px, 1fr) var(--op-hit-touch) var(--opc-tx);column-gap:var(--op-space-sm);row-gap:var(--op-space-xs);grid-template-rows:auto auto 1fr 1fr;grid-template-areas:"sw sw sw sw""ro ro ro ro""stick radar thr tx""stick keys thr tx";place-items:center;transform:none}#op-cockpit[data-layout=phone] .opc-switches{justify-content:space-between;justify-self:stretch;padding-right:60px}#op-cockpit[data-layout=phone] .opc-switch{min-width:var(--op-hit-touch);min-height:var(--op-hit-touch);font-size:var(--op-size-micro);letter-spacing:.02em}#op-cockpit[data-layout=phone] .opc-toggle{width:20px;height:26px}#op-cockpit[data-layout=phone] .opc-toggle b{height:12px}#op-cockpit[data-layout=phone] .opc-switch[aria-pressed=true] .opc-toggle b{transform:scaleY(.9)rotate(0)translateY(-10px)}#op-cockpit[data-layout=phone] .opc-readout{justify-self:stretch}#op-cockpit[data-layout=phone] .opc-gauge--radar{grid-area:radar;align-self:end}#op-cockpit[data-layout=phone] .opc-gauge figcaption{letter-spacing:.04em;font-size:.62rem}#op-cockpit[data-layout=phone] .opc-stick{grid-row:3/5}#op-cockpit[data-layout=phone] .opc-keys{gap:var(--op-space-xs);grid-area:keys;align-self:start}#op-cockpit[data-layout=phone] .opc-key{width:var(--op-hit-touch);padding:0}#op-cockpit[data-layout=phone] .opc-key span{display:none}#op-cockpit[data-layout=phone] .opc-throttle{grid-row:3/5;height:min(100%,176px)}#op-cockpit[data-layout=phone] .opc-tx{grid-row:3/5}#op-cockpit[data-layout=phone] .opc-eject{top:calc(var(--opc-lip) + var(--op-space-xs));right:var(--op-space-sm);width:52px;height:var(--op-hit-touch);bottom:auto}#op-cockpit[data-layout=phone] .opc-drawer-tab{left:50%;top:calc(var(--opc-lip) - var(--op-hit-touch) - 2px);transform:translate(-50%)}#op-cockpit[data-layout=phone] .opc-drawer{border-radius:var(--op-radius-md) var(--op-radius-md) 0 0;height:min(64dvh,560px);bottom:0;left:0;right:0;transform:translateY(105%)}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-drawer-body .opc-screens{gap:var(--op-space-sm);grid-template-columns:1fr}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-drawer-body .opc-monitor{column-gap:var(--op-space-md);grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:center;display:grid}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-drawer-body .opc-mon-plate{flex-flow:column;justify-content:space-between;align-self:stretch;align-items:flex-start}#op-cockpit:is([data-layout=phone],[data-layout=land]) .opc-drawer-body .opc-mon-title{white-space:normal;-webkit-line-clamp:2;max-height:2.8em;line-height:1.4;font-size:var(--op-size-micro);-webkit-box-orient:vertical;flex-basis:auto;display:-webkit-box}#op-cockpit[data-layout=phone] .opc-drawer{height:min(78dvh,660px)}#op-cockpit[data-layout=phone] .opc-hud-bl,#op-cockpit[data-layout=phone] .opc-hud-br{top:64px;bottom:auto}@media (width<=380px){#op-cockpit[data-layout=phone]{--opc-stick:114px;--opc-tx:80px;--opc-gauge:56px}}#op-cockpit[data-layout=land]{--opc-lip:0px;--opc-stick:112px;--opc-tx:80px;--opc-gauge:58px;--opc-edge-l:max(var(--op-space-lg), env(safe-area-inset-left));--opc-edge-r:max(var(--op-space-lg), env(safe-area-inset-right));--opc-edge-b:max(var(--op-space-md), env(safe-area-inset-bottom))}#op-cockpit[data-layout=land] .opc-dash{flex:none;margin:0;position:absolute;inset:0}#op-cockpit[data-layout=land] .opc-dash-body{display:none}#op-cockpit[data-layout=land] .opc-dash-face{display:block;inset:0;transform:none}#op-cockpit[data-layout=land] .opc-dash-face>*,#op-cockpit[data-layout=land] :is(.opc-bay--flight,.opc-bay--command)>*,#op-cockpit[data-layout=land] .opc-gauges>*{position:absolute}#op-cockpit[data-layout=land] .opc-switches{top:max(var(--op-space-xs), env(safe-area-inset-top));padding:0 var(--op-space-sm);gap:var(--op-space-sm);background:var(--opc-glass-ink);border-radius:var(--op-radius-md);box-shadow:0 0 0 1px var(--opc-hi-soft);left:50%;transform:translate(-50%)}#op-cockpit[data-layout=land] .opc-switch{min-height:var(--op-hit-touch);gap:var(--op-space-xs);font-size:var(--op-size-micro);letter-spacing:.04em;flex-direction:row}#op-cockpit[data-layout=land] .opc-toggle{width:18px;height:24px}#op-cockpit[data-layout=land] .opc-toggle b{height:11px}#op-cockpit[data-layout=land] .opc-switch[aria-pressed=true] .opc-toggle b{transform:scaleY(.9)rotate(0)translateY(-9px)}#op-cockpit[data-layout=land] .opc-stick{left:var(--opc-edge-l);bottom:var(--opc-edge-b)}#op-cockpit[data-layout=land] .opc-gauge--radar{left:var(--opc-edge-l);bottom:calc(var(--opc-edge-b) + var(--opc-stick) + var(--op-space-md))}#op-cockpit[data-layout=land] .opc-keys{left:calc(var(--opc-edge-l) + var(--opc-stick) + var(--op-space-sm));bottom:var(--opc-edge-b)}#op-cockpit[data-layout=land] .opc-key span{display:none}#op-cockpit[data-layout=land] .opc-key{width:var(--op-hit-touch);background:var(--opc-glass-ink);padding:0}#op-cockpit[data-layout=land] .opc-tx{right:var(--opc-edge-r);bottom:var(--opc-edge-b)}#op-cockpit[data-layout=land] .opc-throttle{right:calc(var(--opc-edge-r) + var(--opc-tx) + var(--op-space-md));bottom:var(--opc-edge-b);height:150px}#op-cockpit[data-layout=land] .opc-readout{left:50%;bottom:var(--opc-edge-b);background-color:var(--opc-glass-ink);width:min(40vw,340px);transform:translate(-50%)}#op-cockpit[data-layout=land] .opc-eject{top:max(var(--op-space-xs), env(safe-area-inset-top));right:var(--opc-edge-r);width:56px;height:var(--op-hit-touch);bottom:auto}#op-cockpit[data-layout=land] .opc-drawer-tab{top:max(var(--op-space-xs), env(safe-area-inset-top));left:var(--opc-edge-l);border:1px solid var(--opc-hi-soft);border-radius:var(--op-radius-md);background:var(--opc-glass-ink)}#op-cockpit[data-layout=land] .opc-drawer-tab span:before{content:"◂ "}#op-cockpit[data-layout=land].is-drawer .opc-drawer-tab span:before{content:"▸ "}#op-cockpit[data-layout=land] .opc-drawer{width:min(600px,72vw);padding-right:env(safe-area-inset-right);border-radius:var(--op-radius-md) 0 0 var(--op-radius-md);top:0;bottom:0;right:0;transform:translate(105%)}#op-cockpit[data-layout=land] .opc-drawer-body{column-gap:var(--op-space-md);row-gap:var(--op-space-sm);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}#op-cockpit[data-layout=land] .opc-drawer-body .opc-bay--screens{grid-area:1/1/3;min-height:0;overflow:hidden}#op-cockpit[data-layout=land] .opc-drawer-body .opc-monitor{column-gap:var(--op-space-sm);grid-template-columns:minmax(0,36%) minmax(0,1fr)}#op-cockpit[data-layout=land] .opc-drawer-body .opc-mon-plate{align-content:center;gap:var(--op-space-xs) var(--op-space-sm);grid-template-columns:auto minmax(0,1fr);display:grid}#op-cockpit[data-layout=land] .opc-drawer-body .opc-mon-play{grid-column:1/-1}#op-cockpit[data-layout=land] .opc-drawer-body .opc-mon-title{-webkit-line-clamp:1;max-height:1.4em}#op-cockpit[data-layout=land] .opc-drawer-body .opc-cmd-keys{flex-wrap:wrap;grid-area:1/2}#op-cockpit[data-layout=land] .opc-drawer-body{overflow:hidden}#op-cockpit[data-layout=land] .opc-drawer-body .opc-ledger{grid-area:2/2;min-height:0}#op-cockpit[data-layout=land] .opc-drawer-body .opc-cmd-keys .opc-lamps{flex:0 0 100%;justify-content:flex-end}#op-cockpit[data-layout=land] .opc-hud-bl{top:60px;bottom:auto;left:14%}#op-cockpit[data-layout=land] .opc-hud-br{top:60px;bottom:auto;right:14%}#op-cockpit[data-layout=land] .opc-hud-foot{width:min(46vw,420px);bottom:48px}@media (prefers-reduced-motion:reduce){#op-cockpit,#op-cockpit.is-leaving{animation:none}}#op-cockpit.is-still *,#op-cockpit.is-still :before,#op-cockpit.is-still :after{transition:none!important;animation:none!important}#op-cockpit.is-still.is-alarm:after{animation:none}#op-cockpit.is-still .opc-rcs{display:none}