:root{color-scheme:dark;--ink:#10251f;--paper:#eee9ce;--gold:#edc76b;--leaf:#b6ef88}*{box-sizing:border-box}body{margin:0;background:#0c1918;color:var(--paper);font-family:'Trebuchet MS',sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;font-weight:900;text-decoration:none}.brand span{color:var(--leaf)}a{color:inherit}nav{display:flex;gap:24px;font-size:14px}.intro{display:flex;justify-content:space-between;align-items:end;margin:10px 0 30px}.intro p{line-height:1.6;color:#b0c4b9;margin:0}h1{font-family:Georgia,serif;font-size:clamp(44px,7vw,84px);font-weight:400;margin:0;letter-spacing:-3px}h2{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:0 0 14px}button,input{font:inherit}button{cursor:pointer;border:1px solid #476355;background:#1d382d;color:var(--paper);border-radius:9px;padding:12px 16px;touch-action:manipulation}button:hover{border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary{background:var(--gold);border-color:var(--gold);color:#1f2b1b;font-weight:bold}#stage{position:relative;background:#122c28;border:1px solid #41614c;border-radius:16px;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;gap:8px;font-size:13px}.topbar div{display:flex;gap:7px}.topbar button{padding:8px 10px;font-size:12px}canvas{display:block;width:100%;height:clamp(350px,56vh,620px);touch-action:none}.hud{display:flex;gap:20px;align-items:center;padding:14px 18px;min-height:72px}.hud strong{font-size:28px;white-space:nowrap;color:var(--gold)}.hud #hint{flex:1;font-size:13px;line-height:1.4}.hud label{display:flex;gap:8px;align-items:center;font-size:13px}meter{width:80px}.controls{display:flex;align-items:center;gap:20px;padding:20px 0}.controls label{white-space:nowrap;font-size:14px}.controls strong{color:var(--gold)}input{accent-color:var(--gold);flex:1;min-width:80px;touch-action:pan-x}.controls button{min-width:260px;touch-action:none;user-select:none}.workshop{margin-top:24px;padding:28px 0;border-top:1px solid #355043}.workshop-title{display:flex;align-items:baseline;justify-content:space-between}.workshop-title span{color:var(--gold)}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.upgrade-grid button{padding:22px;text-align:left;background:#142d25;display:flex;flex-direction:column;gap:12px}.upgrade-grid strong{font-size:19px}.upgrade-grid span{font-size:14px;color:#b0c4b9}.upgrade-grid b{color:var(--gold);font-size:13px}.guide{max-width:760px;margin:25px 0;line-height:1.7}.guide p{color:#bdcbbd}.guide b{color:var(--paper)}footer{color:#97aa9e;font-size:12px;border-top:1px solid #355043}dialog{border:1px solid #8a9e68;border-radius:20px;background:#152a23;color:var(--paper);padding:32px;max-width:420px;width:calc(100% - 32px);text-align:center}dialog::backdrop{background:#071812bd}dialog h2{font-size:64px;color:var(--gold);margin:10px}dialog button{display:block;width:100%;margin-top:10px}#record{color:var(--leaf)}#upgrade-status,#share-status{font-size:13px;min-height:16px}#stage:fullscreen,#stage.expanded{width:100%;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column}#stage.expanded{position:fixed;inset:0;z-index:999}#stage:fullscreen canvas,#stage.expanded canvas{flex:1;height:0;min-height:0}#stage:fullscreen .topbar,#stage.expanded .topbar{padding-top:max(10px,env(safe-area-inset-top))}#stage:fullscreen .hud,#stage.expanded .hud{padding-bottom:max(14px,env(safe-area-inset-bottom))}@media(max-width:600px){header,main,footer{padding:16px}nav{gap:12px;font-size:12px}.intro{display:block}.intro>p{display:none}.intro{margin-bottom:20px}canvas{height:57dvh;min-height:360px}.topbar{padding:9px;flex-wrap:wrap}.topbar>span{font-size:11px}.topbar button{font-size:11px;padding:8px}.hud{padding:12px;gap:10px;flex-wrap:wrap}.hud #hint{order:3;flex-basis:100%}.hud label{margin-left:auto}.controls{flex-wrap:wrap;gap:12px}.controls button{width:100%;min-width:0}.upgrade-grid{grid-template-columns:1fr}.upgrade-grid button{padding:18px}.workshop-title{align-items:start;gap:10px}.workshop-title span{white-space:nowrap;font-size:13px}h2{font-size:26px}}

.flight-legend{margin:20px 0 30px;padding-top:22px;border-top:1px solid #355043}.legend-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.legend-item{display:flex;align-items:flex-start;gap:14px}.legend-item svg{width:48px;height:64px;flex-shrink:0}.legend-item h3{font-size:17px;margin:5px 0 9px;color:var(--paper)}.legend-item p,.legend-notes p{font-size:14px;line-height:1.65;color:#b0c4b9;margin:0}.legend-item strong,.legend-notes strong{color:var(--paper)}.legend-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}@media(max-width:700px){.legend-items,.legend-notes{grid-template-columns:1fr;gap:20px}.legend-item svg{width:42px}.flight-legend h2{font-size:25px}}