@font-face{font-family:LCARS;src:url(../fonts/lcars.ttf) format("truetype");font-display:block}:root{--lcars-yellow: #fff974;--lcars-amber: #ff9c00;--lcars-green: #84c327;--text-white: #ffffff;--lcars-font: "LCARS", "Arial Narrow", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;overflow:hidden}#viewport{position:fixed;top:0;right:0;bottom:0;left:0}#panel{position:absolute;left:50%;top:50%;width:800px;height:600px;background:#000;border-radius:25px;overflow:hidden;transform:translate(-50%,-50%) scale(var(--scale, 1));user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#panel img{display:block;-webkit-user-drag:none}#externals,#lcars,#pad,#console{position:absolute}.layer-stack>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:left top}.highlight{opacity:0}.dimmed>#transporterBackground,.dimmed>#externalComponents,.dim-figure>#transporteeImage{filter:brightness(.45) saturate(.6)}.dimmed>.highlight{filter:drop-shadow(0 0 1.5px var(--lcars-yellow)) drop-shadow(0 0 5px var(--lcars-amber)) drop-shadow(0 0 10px var(--lcars-amber));animation:lcars-glow-pulse 2s ease-in-out infinite}@keyframes lcars-glow-pulse{50%{filter:drop-shadow(0 0 1px var(--lcars-yellow)) drop-shadow(0 0 2px var(--lcars-amber)) drop-shadow(0 0 4px var(--lcars-amber))}}@media(prefers-reduced-motion:reduce){.dimmed>.highlight{animation:none}}.hotspot{position:absolute;margin:0;padding:0;border:0;background:transparent;cursor:default}#controlPanel button:focus-visible,#scrollZones div:focus-visible,#viewSource:focus-visible{outline:none;box-shadow:0 0 9px 3px #ff9c00d9}.hotspot:focus-visible{outline:none}#externals{left:20px;top:33px;width:130px;height:330px}#lcars{left:158px;top:33px;width:415px;height:330px;background:url(../images/lcars_panel.png) 0 0 / 100% 100% no-repeat}#textBlock{position:absolute;left:55px;top:38px;width:350px;height:270px;padding:2px 4px;overflow-y:auto;scrollbar-width:none;font: 13px/1.25 Verdana,DejaVu Sans,Geneva,sans-serif;color:var(--text-white);user-select:text;-webkit-user-select:text;outline:none}#textBlock::-webkit-scrollbar{display:none}#textBlock p{margin:1.25em 0 0}#textBlock>p:first-child{margin-top:0}#textBlock .entry{padding-left:12px}#textBlock .entry.alt{color:var(--lcars-yellow)}#textBlock .heading{margin-top:2.5em;font-weight:700;font-size:1.2em;color:var(--lcars-yellow)}#textBlock.inspectable .component-ref{border-radius:3px;text-decoration:underline dotted;text-underline-offset:3px;cursor:help}#textBlock.inspectable .component-ref:hover,#textBlock.inspectable .component-ref.active{background:var(--lcars-yellow);color:#000;text-decoration:none}#ufpLogo{position:absolute;left:124px;top:85px;width:211px;height:169px;object-fit:contain;object-position:left top;pointer-events:none}#viewSource{position:absolute;left:352px;top:316px;width:26px;height:14px;padding:0;border:0;background:transparent;cursor:pointer}#scrollZones div{position:absolute;left:0;width:47px}#pad{left:583px;top:33px;width:205px;height:333px}#pad>img{width:200px;height:325px}#pad>#transporteeImage{left:37px;top:67px;width:31px;height:93px}#console{left:11px;top:372px;width:778px;height:200px}#sequenceInitiatorBars,#barOverlay,#controlPanel{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0 / 100% 100% no-repeat}#sequenceInitiatorBars{background-image:url(../images/sequence_bar_background_3.png)}#barOverlay{background-image:url(../images/sequence_bar_overlay.png)}#controlPanel{background-image:url(../images/transporter_control_background_cutout.png)}#coordinateLockPanel{position:absolute;left:160px;top:109px;width:108px;height:89px;overflow:hidden}#coordinateLockPanel .earth{position:absolute;left:8px;top:7px;width:90px;height:72px;object-fit:contain;object-position:left top;opacity:0}#coordinateLockCrosshairs{position:absolute;left:-5px;top:-28px;width:128px;height:128px;opacity:0}.bar-cover{position:absolute;top:15px;width:32px;height:144px;background:#000}#coordinateLockCover{position:absolute;left:160px;top:187px;width:108px;height:11px;background:#000}#controlPanel button{position:absolute;margin:0;padding:0;border:0;background:transparent;cursor:pointer}#controlPanel button:disabled{cursor:default}.mini-bracket{position:absolute;left:calc(379 / 1040 * 100%);top:calc(44 / 254 * 100%);width:calc(12 / 1040 * 100%);height:calc(17 / 254 * 100%);pointer-events:none}.status{position:absolute;padding:2px;font:normal 13px/1.15 var(--lcars-font);color:var(--lcars-yellow);white-space:nowrap;pointer-events:none}.status.medium{font-size:11px}.status.small{font-size:10px}.status-numbers{position:absolute;top:127px;height:35px;overflow:hidden;padding:1px 0;font:normal 8px/6.5px var(--lcars-font);color:var(--lcars-yellow);text-align:right;pointer-events:none}#controlPanel #helpButton{background:var(--lcars-green);border-radius:5px}#controlPanel #helpButton:hover{filter:brightness(1.12)}#controlPanel #helpButton.beckoning{animation:help-beckon 1.4s ease-in-out infinite}@keyframes help-beckon{0%,to{filter:brightness(1);box-shadow:0 0 #84c32700}50%{filter:brightness(1.45);box-shadow:0 0 6px 3px #84c327d9}}@media(prefers-reduced-motion:reduce){#controlPanel #helpButton.beckoning{animation:none;box-shadow:0 0 5px 2px #84c327cc}}.help-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#000000d1;opacity:0;visibility:hidden;transition:opacity .16s ease-out,visibility .16s;cursor:pointer}.help-overlay.visible{opacity:1;visibility:visible}.help-marker{position:absolute;display:grid;place-items:center;width:15px;height:15px;translate:-50% -50%;border-radius:50%;background:var(--lcars-yellow);color:#000;font:700 9px/1 Verdana,DejaVu Sans,sans-serif;box-shadow:0 0 0 1px #000,0 0 7px #ff9c00bf}.help-legend{position:absolute;left:200px;top:42px;width:370px;color:#fff;font:9.5px/1.3 Verdana,DejaVu Sans,sans-serif}.help-title{margin:0 0 6px;font:normal 22px/1 var(--lcars-font);color:var(--lcars-yellow);text-transform:uppercase}.help-list{margin:0;padding:0;list-style:none;counter-reset:help;columns:2;column-gap:14px}.help-item{counter-increment:help;margin:0 0 7px;break-inside:avoid}.help-item:before{content:counter(help);display:inline-block;width:12px;margin-right:4px;border-radius:50%;background:var(--lcars-yellow);color:#000;font:700 8px/12px Verdana,DejaVu Sans,sans-serif;text-align:center;vertical-align:1px}.help-name{color:var(--lcars-yellow);font-weight:700}.help-detail{display:block;margin-left:15px;color:#c2cad2}.help-footer{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;align-items:start;margin-top:18px}.help-engage{min-width:0}.help-subtitle{margin:0 0 4px;font-size:16px}.help-steps{margin:0;padding:0;list-style:none;counter-reset:step}.help-step{counter-increment:step;margin:0 0 3px;padding-left:22px;text-indent:-22px;color:#c2cad2}.help-step:before{content:"(" counter(step,upper-alpha) ")";display:inline-block;width:18px;margin-right:4px;text-indent:0;color:var(--lcars-yellow);font-weight:700}.help-ref{color:var(--lcars-yellow);font-weight:700}.help-dismiss{margin:2px 0 0;font:normal 13px/1 var(--lcars-font);color:var(--lcars-amber);text-transform:uppercase}@media(prefers-reduced-motion:reduce){.help-overlay{transition:none}}#engage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:0;background:#000000b8;color:var(--lcars-yellow);font-family:var(--lcars-font);text-transform:uppercase;cursor:pointer;outline:none}#engage[hidden]{display:none}.engage-title{font-size:56px;letter-spacing:1px}.engage-prompt{padding:6px 28px;border-radius:999px;background:#f1b77f;color:#000;font-size:26px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.engage-prompt{animation:none}}