:root{color-scheme:light;--paper:#f1eedf;--ink:#292e33;--muted:#6b6d68;--blue:#8ccfe5;--gold:#f1ca79;--red:#e2857c}
.paper-card.dock-card{display:flex;flex-direction:column;overflow:hidden}.dock-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:5px}.dock-card .dock-actions{flex-shrink:0;border-top:1px dashed #b5b9ad;padding-top:8px;margin-top:12px}.dock-card>.small{flex-shrink:0}.dock-content h2{margin-top:0}
.dock-content>.eyebrow{margin-bottom:8px}.dock-content>h2{font-size:30px;margin-bottom:9px}.dock-content>#dock-copy{font-size:14px;line-height:1.4;margin:0 0 10px}.dock-content>.dock-tabs{margin:12px 0}.dock-card .dock-actions button{font-size:12px;padding:11px 14px}.dock-card .dock-actions{gap:7px}.dock-card>.small{font-size:11px;line-height:1.4}
@media(min-width:761px){#vendor-section:not([hidden]){display:grid;grid-template-columns:.8fr 1.3fr;gap:12px}.vendor-intro{align-items:flex-start!important}.vendor-intro svg{width:45px!important}.vendor-intro h3{font-size:18px!important}.vendor-intro p{font-size:12px!important}#vendor-section>.small{grid-column:1 / -1;margin:0!important}.vendor-upgrade{padding:10px 0!important}.vendor-upgrade strong{font-size:15px!important}.vendor-upgrade button{padding:10px;font-size:11px}}
.credits{display:block;font:11px/1.5 Arial;color:#947037;margin-top:3px}.dock-tabs{display:flex;gap:7px;margin:15px 0}.dock-tabs button[aria-pressed=true]{background:#dedfcf;border-color:#687f7c}.vendor-intro{display:flex;align-items:center;gap:12px;margin:18px 0}.vendor-intro svg{width:60px;height:70px;flex-shrink:0}.vendor-intro h3{font:normal 21px Georgia;margin:0 0 4px}.vendor-intro p{font:italic 13px/1.4 Georgia;color:#737a6d;margin:0 0 7px}.vendor-intro strong{font:700 12px Arial;color:#947037}.vendor-upgrade{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px dashed #b5b9ad}.vendor-upgrade strong{font:normal 17px Georgia;display:block}.vendor-upgrade small{display:block;font:11px/1.5 Arial;color:#71786e}.vendor-upgrade button{margin:0;white-space:nowrap}.dock-card .small{margin:13px 0 0}
@media(max-width:760px){.credits{font-size:9px}.dock-tabs button{font-size:11px;padding:9px}.vendor-upgrade strong{font-size:15px}.vendor-upgrade small{font-size:10px}.vendor-upgrade button{padding:10px;font-size:11px}.vendor-intro h3{font-size:19px}.vendor-intro p{font-size:12px}}
*{box-sizing:border-box}body{margin:0;background:#dedbce;color:var(--ink);font:15px/1.5 Georgia,'Times New Roman',serif}button,a{-webkit-tap-highlight-color:transparent}button{font:600 13px/1.2 Arial,sans-serif;color:var(--ink);background:#faf7ed;border:1px solid #b8b6a7;border-radius:4px;padding:11px 15px;cursor:pointer;min-height:44px}button:hover{background:#fffdf5;border-color:#656f74}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #b88547;outline-offset:3px}[hidden]{display:none!important}.notebook{max-width:1560px;margin:auto;padding:0 28px;background:var(--paper);min-height:100dvh}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0 14px;border-bottom:1px solid #c8c6b8}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:bold 32px Georgia}.brand>span{font:700 9px/1.5 Arial;letter-spacing:1.4px}.title{font:normal 30px/1 Georgia;letter-spacing:4px;text-align:center}.title em{font-style:normal;color:#687886}.title>span{display:block;font:8px/1 Arial;letter-spacing:2.3px;margin-top:9px}.header-actions{display:flex;gap:7px;align-items:center}.flight-hud{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:28px;padding:12px 0}.flight-hud span{display:block;font:700 9px Arial;letter-spacing:1.5px;color:var(--muted);margin-bottom:5px}.flight-hud strong{font:normal 16px Georgia}.flight-hud>div:nth-child(2){text-align:center}.cargo-readout{text-align:right}.meter{height:3px;background:#d7d5c9;width:120px;margin-top:5px}.meter i{display:block;background:#6f9097;height:100%;transition:width .15s}.space{position:relative;height:clamp(350px,calc(100dvh - 270px),850px);min-height:350px;overflow:hidden;border-radius:5px;background:#111e2c;box-shadow:0 3px 0 #c7c3b5}canvas{display:block;width:100%;height:100%;touch-action:none}.coordinates{position:absolute;top:17px;left:20px;font:9px Arial;letter-spacing:2px;color:#90a7b5;pointer-events:none}#callout{position:absolute;top:55px;left:50%;transform:translateX(-50%);text-align:center;width:min(80%,580px);color:#f4dca7;font:italic 19px Georgia;pointer-events:none;text-shadow:0 2px 5px #111e2c}.flight-tip{position:absolute;bottom:16px;left:20px;color:#c9c8af;font:10px Arial;letter-spacing:1.4px;pointer-events:none}.dock-button{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);background:#edcb83;border-color:#edcb83;box-shadow:0 0 30px #edcb8325}.overlay{position:absolute;inset:0;background:#0b16284a;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.intro-card{width:100%;padding-left:clamp(10px,5vw,70px);color:#ece9d8;pointer-events:auto}.eyebrow{font:700 10px/1.5 Arial;letter-spacing:2px;color:#a9bac0;margin:0 0 18px}h1{font:normal clamp(45px,6.8vw,92px)/.98 Georgia;letter-spacing:-2px;margin:0 0 22px}h2{font:normal 35px/1.05 Georgia;margin:0 0 16px;letter-spacing:-1px}.intro-copy{font:17px/1.6 Georgia;color:#c3cbd0;margin:0 0 15px}.scribble{font:italic 17px Georgia;color:#e5c17c;transform:rotate(-2deg);transform-origin:left;margin:22px 0 27px}.intro-actions{display:flex;flex-wrap:wrap;gap:10px;max-width:660px;align-items:center}.primary{background:#f0cf88;border-color:#f0cf88;color:#28313a;padding:14px 22px}.primary:hover{background:#ffdfa0}.primary span{font-size:20px;margin-left:16px}#practice{background:#162837;border-color:#687e88;color:#d2dcd9}details{max-width:450px;margin-top:19px;color:#aabac1;font:12px/1.8 Arial}summary{cursor:pointer}details b{color:#e7d4a9}.local-note{font:8px Arial;letter-spacing:1.5px;color:#8197a1;margin-top:21px}#best{font:italic 12px Georgia;color:#b8c8ce}.paper-card{width:min(590px,100%);background:var(--paper);padding:30px;border-radius:5px;box-shadow:0 10px 65px #0007;max-height:100%;overflow:auto}.paper-card .eyebrow{color:#747c77}.paper-card>p{color:#626a69}.paper-card button{margin-top:8px}.dock-card{width:min(620px,100%)}#fittings{display:grid;gap:8px;margin:20px 0}.fitting{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px dashed #b5b9ad;padding:10px 0;align-items:center}.fitting strong{display:block;font:normal 18px Georgia}.fitting small{display:block;font:11px/1.5 Arial;color:#71786e}.fitting button{margin:0;white-space:nowrap}.dock-actions{display:flex;gap:10px;flex-wrap:wrap}.small{font:12px/1.6 Arial}.flight-controls{display:flex;align-items:center;gap:18px;padding:13px 0}.steer,.tools{display:flex;gap:6px}.flight-controls button{width:62px;min-height:51px;user-select:none;touch-action:none;font:24px/1 Georgia;padding:7px 9px 5px}.flight-controls button small{display:block;font:8px Arial;letter-spacing:.6px;margin-top:5px;color:#72776e}.flight-controls .thrust{background:#dbe6df}.flight-controls .tools button{font:600 13px Arial;width:90px}.flight-controls .fire{background:#ecd7ca}.flight-controls .tractor{background:#d8e4e6}.flight-controls button.held{background:#8fb3bc;border-color:#436878;transform:translateY(1px)}.control-note{font:italic 12px/1.5 Georgia;color:#808479;margin-left:auto}footer{display:flex;justify-content:space-between;gap:15px;padding:0 0 15px;font:11px/1.5 Georgia;color:#74786f}footer a{color:#677a7b;text-decoration:none;white-space:nowrap}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;border-top:1px dashed #b8b9a8;padding-top:17px}.result-stats strong{font:27px Georgia;display:block}.result-stats span{font:10px Arial;color:#777f77}
@media(max-width:760px){.notebook{padding:0 14px}header{padding:12px 0;gap:10px}.brand{font-size:25px}.brand>span{display:none}.title{font-size:23px;letter-spacing:2px}.title>span{font-size:6px;letter-spacing:1px}.header-actions{gap:4px}.header-actions button{font-size:10px;padding:8px;min-height:36px}.flight-hud{gap:7px;padding:10px 0;grid-template-columns:.75fr 1.5fr 1fr}.flight-hud span{font-size:7px;letter-spacing:.7px}.flight-hud strong{font-size:12px}.meter{width:65px}.space{height:calc(100dvh - 274px);min-height:330px}.overlay{padding:18px}.intro-card{padding:0}h1{font-size:51px;margin-bottom:18px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:16px}.intro-copy{font-size:14px}.scribble{font-size:14px;margin:17px 0}.intro-actions{gap:7px}.intro-actions button{font-size:11px;padding:11px 13px}.local-note{margin-top:15px;font-size:7px}details{font-size:10px;margin-top:15px}.coordinates{top:12px;left:12px;font-size:7px}.flight-tip{left:12px;font-size:8px;max-width:80%}#callout{font-size:15px;top:34px}.flight-controls{gap:8px;justify-content:space-between;padding:11px 0}.steer,.tools{gap:4px}.flight-controls button{width:44px;min-height:51px;font-size:23px;padding:7px 5px}.flight-controls .tools button{width:65px;font-size:12px}.flight-controls button small{font-size:7px}.control-note{display:none}footer{font-size:9px;padding-bottom:10px}footer>span{max-width:60%}.paper-card{padding:23px}h2{font-size:29px}.paper-card p{font-size:13px}.fitting strong{font-size:16px}.fitting small{font-size:10px}.fitting button{font-size:11px;padding:10px}.result-stats strong{font-size:23px}}
@media(max-height:550px) and (orientation:landscape){.notebook{padding:0 12px}header{padding:6px 0}.title{font-size:20px}.title>span,.brand>span{display:none}.brand{font-size:24px}.header-actions button{min-height:30px;padding:6px 9px}.flight-hud{padding:5px 0}.flight-hud span{font-size:7px;margin-bottom:2px}.flight-hud strong{font-size:11px}.meter{display:none}.space{height:calc(100dvh - 178px);min-height:190px}.flight-controls{padding:6px 0}.flight-controls button{min-height:44px;height:44px;width:50px;font-size:20px}.flight-controls .tools button{width:85px}.flight-controls button small{margin-top:2px}footer{padding-bottom:5px;font-size:9px}.overlay{align-items:flex-start;padding:17px}.intro-card{padding:0;position:relative}h1{font-size:32px;margin-bottom:10px}.intro-copy{font-size:12px;margin:0}.eyebrow{font-size:7px;margin-bottom:8px}.scribble{font-size:12px;margin:10px 0}.intro-actions{position:absolute;left:52%;top:35px;max-width:46%;display:grid}.intro-actions button{margin:0}.intro-card details{position:absolute;left:52%;top:125px;margin:0;width:45%;font-size:9px}.local-note,#best{font-size:7px;margin:8px 0}.paper-card{padding:18px;max-width:530px}h2{font-size:25px}}
