@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Space+Mono:wght@400;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c1410;--panel:#48c4a4;--panel-hi:#68dcc0;--panel-sh:#229070;--panel-drop:#0d4830;--btn:#32a882;--btn-hi:#44c09a;--btn-sh:#0e6044;--btn-drop:#083828;--disp:#162a1e;--disp-txt:#f0f0f0;--disp-lbl:#ffffff59;--disp-ph:#ffffff38;--disp-good:#60ee60;--disp-bad:#ee5050;--red:#c82c18;--red-hi:#e04030;--red-sh:#7a1008;--red-drop:#4a0808;--white:#f4f4f4;--on-panel:#0000006b}.decoder-root{background:var(--bg);color:var(--white);-webkit-user-select:none;user-select:none;font-family:Space Mono,monospace;position:fixed;inset:0;overflow:hidden}.screen{z-index:1;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.screen.active{opacity:1;pointer-events:all}.bevel{border:2px solid var(--panel-sh);border-top-color:var(--panel-hi);border-left-color:var(--panel-hi);box-shadow:0 4px 0 var(--panel-drop), 0 6px 18px #0000008c}.bevel-btn{border:2px solid var(--btn-sh);border-top-color:var(--btn-hi);border-left-color:var(--btn-hi);box-shadow:0 3px 0 var(--btn-drop), 0 5px 8px #0000004d}.bevel-red{border:2px solid var(--red-sh);border-top-color:var(--red-hi);border-left-color:var(--red-hi);box-shadow:0 3px 0 var(--red-drop), 0 5px 8px #0000004d}.bevel-inset{border:2px solid #0000008c;border-color:#000000bf #0000008c #0000008c #000000b3;box-shadow:inset 0 4px 14px #00000080}#screen-launch{background:radial-gradient(ellipse at 50% 40%, var(--panel-hi) 0%, var(--panel) 55%, var(--panel-sh) 100%);justify-content:flex-start;align-items:stretch;padding:0}#screen-launch:before{content:"";pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 3px 3px #ffffff2e,inset -3px -3px #0000002e}.launch-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.launch-logo{color:var(--on-panel);font-family:Orbitron,monospace;font-size:clamp(18px,3vw,28px);font-weight:900;line-height:1.1}.launch-logo small{color:#0000004d;letter-spacing:.22em;margin-bottom:2px;font-size:.3em;font-weight:700;display:block}.launch-status{letter-spacing:.16em;color:var(--on-panel);opacity:.55;align-items:center;gap:7px;font-family:Orbitron,monospace;font-size:9px;font-weight:700;display:flex}.status-dot{background:var(--disp-good);width:7px;height:7px;box-shadow:0 0 6px var(--disp-good);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.28}}.mission-disp-row{align-items:center;min-height:36px;display:flex;position:relative}.mission-disp-val{color:var(--disp-txt);letter-spacing:.12em;font-family:Orbitron,monospace;font-size:24px;font-weight:900}#screen-launch.active .mission-disp-val:after{content:"|";color:var(--disp-good);margin-left:2px;font-weight:400;animation:.8s step-end infinite blink}.mission-disp-ph{color:var(--disp-ph);letter-spacing:.22em;text-transform:uppercase;font-family:Orbitron,monospace;font-size:12px;font-weight:700;position:absolute}#screen-intro-video,#screen-orbit-video{background:#000;padding:0}.vid-fullscreen{object-fit:contain;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.vid-overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.vid-overlay>*{pointer-events:all}.vid-badge{color:#ffffffb3;letter-spacing:.18em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:6px;padding:6px 12px;font-family:Orbitron,monospace;font-size:10px;font-weight:700;position:absolute;top:20px;left:24px}.vid-badge:before{content:"⬤ ";color:#ee5050;animation:1.1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.btn-vid-action{background:var(--panel);color:var(--on-panel);letter-spacing:.1em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:12px;padding:14px 28px;font-family:Orbitron,monospace;font-size:13px;font-weight:700;transition:transform 70ms,box-shadow 70ms;position:absolute;bottom:28px;right:28px}.btn-vid-action:active{transform:translateY(2px);box-shadow:0 1px 0 var(--panel-drop)!important}.full-layout{flex-direction:column;gap:10px;width:100%;height:100%;padding:14px 14px 12px;display:flex}.top-panel{background:var(--panel);border-radius:18px;flex-shrink:0;padding:16px 16px 14px}.panel-step{letter-spacing:.25em;color:var(--on-panel);text-transform:uppercase;margin-bottom:8px;font-family:Orbitron,monospace;font-size:9px;font-weight:700}.display-box{background:var(--disp);border-radius:10px;padding:12px 14px 10px}.disp-label{letter-spacing:.22em;color:var(--disp-lbl);text-transform:uppercase;margin-bottom:10px;font-family:Orbitron,monospace;font-size:9px;font-weight:700}.dp-banner{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dp-banner-lbl{color:var(--on-panel);letter-spacing:.08em;font-family:Orbitron,monospace;font-size:10px;font-weight:700}.dp-banner-chg{color:#00000059;cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-family:Space Mono,monospace;font-size:10px;text-decoration:underline}.digit-row{justify-content:center;gap:8px;display:flex}.d-cell{width:40px;height:44px;color:var(--disp-txt);text-align:center;justify-content:center;align-items:center;font-family:Orbitron,monospace;font-size:30px;font-weight:900;line-height:1;display:flex;position:relative}.d-cell.empty{color:#0000}.d-cell.empty:after{content:"";background:var(--disp-ph);border-radius:3px;width:26px;height:5px;position:absolute}.disp-msg{min-height:13px;color:var(--disp-lbl);letter-spacing:.04em;margin-top:8px;font-size:10px;transition:color .2s}.disp-msg.ok{color:var(--disp-good)}.disp-msg.err{color:var(--disp-bad)}.display-box.shake{animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.numpad{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.np-btn{background:var(--btn);color:var(--white);text-shadow:0 1px #0000004d;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;font-family:Orbitron,monospace;font-size:24px;font-weight:900;transition:transform 70ms,box-shadow 70ms;display:flex}.np-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--btn-drop), 0 2px 4px #0000004d!important}.np-btn.back{font-size:18px}.np-btn.action{background:var(--red);letter-spacing:.12em}.np-btn.action:active{box-shadow:0 1px 0 var(--red-drop), 0 2px 4px #0000004d!important}.np-btn.action:disabled{color:#ffffff4d;cursor:default;background:#1a5838;border-color:#206040 #0c3020 #0c3020 #206040!important;box-shadow:0 3px #081a10,0 5px 8px #0000004d!important}.np-btn.action:disabled:active{transform:none}.word-slots{flex-direction:column;gap:6px;display:flex}.word-slot{cursor:pointer;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.word-slot.active{background:#64e6b40f;border-color:#64e6b473}.word-slot.err{background:#ee50500d;border-color:#ee505080}.ws-num{color:var(--disp-lbl);flex-shrink:0;width:18px;font-family:Orbitron,monospace;font-size:10px;font-weight:900}.ws-text-wrap{flex:1;align-items:center;min-height:28px;display:flex;position:relative}.ws-text{color:var(--disp-txt);letter-spacing:.06em;font-family:Orbitron,monospace;font-size:18px;font-weight:900}.word-slot.active .ws-text:after{content:"|";color:var(--disp-good);margin-left:1px;font-weight:400;animation:.8s step-end infinite blink}.ws-ph{color:var(--disp-ph);letter-spacing:.12em;text-transform:uppercase;font-family:Orbitron,monospace;font-size:11px;font-weight:400;position:absolute}.keyboard{flex-direction:column;flex:1;gap:7px;display:flex}.kb-row{flex:1;justify-content:center;gap:7px;display:flex}.kb-btn{background:var(--btn);color:var(--white);text-shadow:0 1px #00000047;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;flex:1;justify-content:center;align-items:center;min-width:0;height:100%;font-family:Orbitron,monospace;font-size:20px;font-weight:900;transition:transform 70ms,box-shadow 70ms;display:flex}.kb-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--btn-drop), 0 2px 4px #0000004d!important}.kb-row.action-row{flex:0 0 76px}.kb-btn.next{background:var(--red);letter-spacing:.14em;flex:1}.kb-btn.next:active{box-shadow:0 1px 0 var(--red-drop), 0 2px 4px #0000004d!important}.kb-btn.next:disabled{color:#ffffff4d;cursor:default;background:#1a5838;border-color:#206040 #0c3020 #0c3020 #206040!important;box-shadow:0 3px #081a10,0 5px 8px #0000004d!important}.kb-btn.next:disabled:active{transform:none}#screen-decoding{background:#08120ae6;gap:20px}.spin-ring{border:3px solid #ffffff1a;border-top-color:var(--panel-hi);border-radius:50%;width:64px;height:64px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.decoding-lbl{color:var(--panel-hi);letter-spacing:.3em;font-family:Orbitron,monospace;font-size:13px;font-weight:700;animation:.8s step-end infinite blink}#footer{text-align:center;color:#ffffff1f;letter-spacing:.14em;pointer-events:none;text-transform:uppercase;z-index:2;font-family:Space Mono,monospace;font-size:9px;position:fixed;bottom:10px;left:0;right:0}