@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#24372f;font-synthesis:none;background:#eae7df;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .2s,transform .2s}button:hover{background:#dedfd6}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #328361}#scene{touch-action:none;width:100%;height:100%;position:fixed;inset:0}header{pointer-events:none;justify-content:space-between;align-items:center;padding:32px 40px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-1.3px;color:inherit;pointer-events:auto;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;line-height:1;text-decoration:none}.brand span{letter-spacing:2.15px;margin-top:9px;font-family:DM Sans,sans-serif;font-size:8px;font-weight:600;display:block}.engine{letter-spacing:1.4px;align-items:center;gap:9px;font-size:10px;display:flex}.engine i{background:#47836b;border-radius:50%;width:6px;height:6px}.intro{pointer-events:none;animation:.9s both arrive;position:absolute;top:24%;left:40px}h1{letter-spacing:-2px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(28px,3.3vw,52px);font-weight:500;line-height:1.12}.intro p{color:#727b72;margin-top:20px;font-size:13px}.status{text-align:right;pointer-events:none;position:absolute;bottom:150px;right:40px}#mode-label{letter-spacing:2px;font-size:10px;display:block}#telemetry{color:#798078;font-variant-numeric:tabular-nums;margin-top:8px;font-size:11px;display:block}.toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;background:#fafbf6e8;border:1px solid #fffa;border-radius:18px;align-items:center;gap:14px;padding:9px 12px;display:flex;position:absolute;bottom:65px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #28332a0b}.mode-buttons{gap:4px;display:flex}.toolbar button{border-radius:10px;height:42px;padding:0 15px;font-size:12px}.toolbar .primary{color:#f2f4eb;background:#284e3e;min-width:120px}.toolbar .primary:hover{background:#386a54}.primary span{margin-right:8px;font-size:19px}.separator{background:#dcded5;width:1px;height:27px}.color-label{letter-spacing:1px;color:#7d8279;flex-direction:column;gap:3px;font-size:8px;display:flex}.color-label select{color:#354b3d;cursor:pointer;background:0 0;border:0;min-width:85px;font-size:12px}.footer{letter-spacing:1px;color:#7c8177;justify-content:space-between;align-items:flex-end;gap:16px;font-size:9px;display:flex;position:absolute;bottom:25px;left:40px;right:40px}#interaction-hint{min-width:0;line-height:1.5}.footer a{color:inherit;letter-spacing:0;flex-shrink:0;font-size:11px;text-decoration:none}.help{background:#fbfcf5f2;border-radius:14px;width:286px;max-width:calc(100% - 48px);max-height:calc(100dvh - 166px);padding:18px 20px;font-size:12px;line-height:1.4;position:absolute;bottom:142px;right:40px;overflow-y:auto;box-shadow:0 10px 45px #25382c15}.help h2{margin:0 0 12px;font-family:Manrope,sans-serif;font-size:14px}.shortcuts{gap:7px;margin:0;display:grid}.shortcuts+.shortcuts{border-top:1px solid #24372f14;margin-top:12px;padding-top:12px}.shortcuts>div{justify-content:space-between;align-items:center;gap:12px;min-height:22px;display:flex}.shortcuts dd{color:#647269;white-space:nowrap;margin:0}.shortcuts kbd{color:#34473d;text-align:center;background:#fff9;border:1px solid #24372f20;border-radius:4px;min-width:22px;padding:2px 6px;font:11px/16px DM Sans,sans-serif;display:inline-block;box-shadow:0 1px #24372f15}#flight-controls{gap:6px;display:flex;position:absolute;bottom:142px;left:50%;transform:translate(-50%)}#flight-controls[hidden]{display:none}#flight-controls button{touch-action:none;background:#fafbf5bb;border-radius:50%;width:36px;height:36px}#error{background:#fff;max-width:460px;padding:25px;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes arrive{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (width<=700px){header{padding:24px}.engine{letter-spacing:.4px;font-size:8px}.intro{top:17%;left:24px}h1{letter-spacing:-1px;font-size:32px}.intro p{font-size:11px}.toolbar{gap:5px;max-width:calc(100% - 24px);padding:8px;bottom:64px}.toolbar button{padding:0 11px}.toolbar .primary{min-width:102px}.color-label select{min-width:64px}.status{bottom:165px;right:24px}.footer{font-size:7px;left:24px;right:24px}.footer a{font-size:9px}.help{right:24px}.separator{margin:0 4px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#flight-controls{bottom:110px;left:40px;transform:none}@media (width<=700px){#flight-controls{bottom:150px;left:24px}}.toolbar button[aria-pressed=true]{color:#1e5038;background:#d1e2d6;box-shadow:inset 0 0 0 1px #99bda7}@media (width<=700px){.toolbar{flex-wrap:wrap;justify-content:center;gap:3px;width:max-content}.toolbar .mode-buttons{justify-content:center}.toolbar button{padding:0 9px}.toolbar .separator{display:none}}#flight-controls #autopilot{border-radius:10px;width:auto;padding:0 12px;font-size:11px}#flight-controls #autopilot:disabled{cursor:default;opacity:.7}@media (width<=700px){#flight-controls{flex-wrap:wrap;width:170px}}
