:root{color:#e6e4d5;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101d24;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #ebbd73}button:disabled{opacity:.45;cursor:default}main{max-width:1248px;margin:0 auto;padding:0 44px}.masthead{border-bottom:1px solid #304048;justify-content:space-between;align-items:center;height:91px;display:flex}.wordmark{letter-spacing:4px;color:#ebe7d4;font-size:24px;font-weight:900;text-decoration:none}.wordmark span{color:#ddaa68;margin-left:13px}.edition,.eyebrow{letter-spacing:2px;color:#a7b6b5;font-size:10px}.intro{justify-content:space-between;align-items:end;margin:39px 0 30px;display:flex}.intro .eyebrow{color:#d6a863;margin:0 0 12px}h1{letter-spacing:-2px;margin:0;font-family:Georgia,serif;font-size:54px;font-weight:400}.intro>p{color:#aab9b8;margin:0 0 4px;font-size:12px;line-height:1.9}.cockpit{border:1px solid #45544f;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #0003}.instrument-bar{background:#192a30;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:11px;display:flex}.status{align-items:center;gap:9px;min-width:145px;display:flex}.lamp{background:#a6bc88;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #a6bc8838}.lamp.warning{background:#e99260}.instruments{color:#96aaa9;gap:30px;font-size:10px;display:flex}.instruments b{color:#e8e6d5;min-width:25px;margin-left:9px;font-size:15px;font-weight:400;display:inline-block}.instruments small{margin-left:3px}.text-button{background:0 0;border:0;padding:3px;font-size:11px}.text-button kbd{margin-left:7px}.viewport{aspect-ratio:16/9;background:#9cbebc;width:100%;max-height:max(180px,100svh - 410px);position:relative}.game-host{position:absolute;inset:0}.game-host canvas{image-rendering:pixelated;display:block}.flight-note{color:#314b49;pointer-events:none;font-size:11px;line-height:1.8;position:absolute;top:24px;left:25px}.flight-note span{letter-spacing:1.5px;margin-bottom:2px;font-size:9px;font-weight:700;display:block}.map-label{letter-spacing:1.5px;color:#d4d3ae;pointer-events:none;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:14px;left:20px;right:20px}.map-label span{opacity:.65}.control-deck{background:#1b2a2d;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;display:flex}.control-pair{align-items:center;gap:9px;display:flex}.flight-control{touch-action:none;-webkit-user-select:none;user-select:none;background:#293a3b;border:1px solid #50605a;border-bottom:3px solid #4c5c53;border-radius:4px;flex-shrink:0;width:77px;padding:6px 4px 8px}.flight-control:hover{background:#344947}.flight-control:active{background:#53634b;transform:translateY(1px)}.flight-control>span{color:#e6c084;font-size:24px;line-height:27px;display:block}.flight-control small{white-space:nowrap;color:#c0cbbd;font-size:8px}.control-pair p{color:#98aaa3;margin:0 8px;font-size:10px;line-height:1.8}.control-pair p span{margin-top:3px;font-size:9px;display:block}kbd{color:#b7c2b9;border:1px solid #61716b;border-radius:3px;padding:2px 4px;font-family:inherit;font-size:9px}.reset{color:#c7cbbb;background:0 0;border:0;padding:8px;font-size:20px}.reset span{margin:0 8px;font-size:10px}.field-notes{grid-template-columns:repeat(3,1fr);gap:48px;margin:31px 0 36px;display:grid}.field-notes article>span{letter-spacing:1.2px;color:#c0a77a;font-size:9px}.field-notes p{color:#a2b2b0;max-width:310px;margin:10px 0 0;font-size:11px;line-height:1.9}footer{color:#a1b0ae;letter-spacing:.5px;border-top:1px solid #304048;justify-content:space-between;padding:21px 0 27px;font-size:9px;display:flex}.muted{color:#718787}.overlay{text-align:center;background:#122a32d9;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.overlay .eyebrow{color:#e6ba77}h2{margin:7px 0;font-family:Georgia,serif;font-size:42px;font-weight:400}.overlay>p:not(.eyebrow){color:#becbc2;font-size:12px;line-height:1.7}.primary{color:#223530;background:#e5bc7d;border:0;border-radius:3px;margin-top:12px;padding:13px 21px;font-size:12px}@media (width<=760px){main{padding:0 16px}.masthead{height:66px}.wordmark{font-size:19px}.edition{letter-spacing:1px;font-size:8px}.intro{margin:26px 0 22px}.intro>p{display:none}.viewport{max-height:none}h1{font-size:41px}.instrument-bar{gap:8px;padding:11px 12px}.status{min-width:auto;font-size:9px}.instruments{gap:12px;font-size:8px}.instruments b{min-width:18px;margin-left:4px;font-size:12px}.text-button{font-size:9px}.text-button kbd{display:none}.control-deck{gap:5px;padding:12px 10px}.control-pair{gap:5px}.control-pair p{display:none}.flight-control{width:62px}.reset{padding:4px}.reset span{margin:0 4px;font-size:9px}.reset kbd{display:none}.field-notes{gap:22px;margin:24px 0}.field-notes article>span{letter-spacing:.5px;font-size:8px}.field-notes p{font-size:10px}.flight-note{font-size:9px;top:12px;left:14px}.flight-note span{font-size:8px}.map-label{font-size:6px;bottom:8px;left:12px;right:12px}h2{font-size:28px}.overlay>p:not(.eyebrow){font-size:10px}.overlay .eyebrow{font-size:8px}.primary{margin-top:3px;padding:10px 14px}footer{gap:20px;font-size:8px}}@media (width<=450px){main{padding:0 10px}.edition{font-size:7px}.intro .eyebrow{font-size:8px}.instruments{gap:8px}.instruments small{display:none}.flight-control{width:54px;min-height:54px}.reset span{display:block}.field-notes{grid-template-columns:1fr;gap:15px}.field-notes p{max-width:none;margin-top:5px}.overlay>p:not(.eyebrow){margin:4px 0}.overlay .eyebrow{margin:0}h2{font-size:24px}}@media (height<=550px) and (orientation:landscape){main{max-width:900px;padding:0 12px}.masthead{height:44px}.intro,.field-notes,footer{display:none}.cockpit{margin:10px 0}.viewport{aspect-ratio:auto;height:calc(100svh - 182px);min-height:140px;max-height:none}.instrument-bar{padding:8px 14px}.control-deck{padding:8px 12px}.flight-control{min-height:48px;padding:3px}.flight-note{top:12px}.overlay h2{margin:4px 0;font-size:24px}.overlay{padding:10px}.overlay .eyebrow{margin:0;font-size:8px}.overlay>p:not(.eyebrow){margin:4px 0;font-size:10px}.overlay .primary{margin-top:4px;padding:9px 14px}}@media (width<=450px){.flight-control small{font-size:7px}}
