@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&display=swap";:root{--cs-font: "DM Sans", system-ui, sans-serif;--cs-display: "Fraunces", Georgia, serif;--cs-ink: #493d36;--cs-outline: #735744;--cs-parchment: #fff2d1;font-family:var(--cs-font);color:var(--cs-ink);background:#a6d0d3;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{position:relative;background:linear-gradient(180deg,#84bfd2,#c8e0d5 54%,#f4deb1)}#world{position:absolute;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%}.hud-top,.hud-bottom{position:absolute;z-index:4;left:0;right:0;pointer-events:none}.hud-top{top:0;padding:clamp(14px,2vw,28px);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.wordmark{display:flex;align-items:flex-start;gap:9px;padding:12px 19px 14px;font:800 clamp(24px,2.5vw,35px)/1 var(--cs-display);color:#fff6d9;text-shadow:0 3px 0 #4f766c,1px 4px 0 #2f615e;background:linear-gradient(145deg,#709d8ccc,#467d7cc7);border:3px solid #456b62;border-bottom-width:6px;border-radius:13px;box-shadow:inset 0 2px #fff5,0 6px 18px #28444f55;white-space:nowrap}.wordmark strong{color:#ffdd8c}.wordmark .mark{font-size:23px;color:#ffeaae;margin-top:0}.wordmark small{display:block;margin-top:8px;font:800 9px var(--cs-font);color:#eaffeb;letter-spacing:.17em}.hud-actions{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end;gap:10px;pointer-events:auto}.location-hud{position:absolute;z-index:4;left:clamp(14px,2vw,28px);top:126px}.save-hud{position:absolute;z-index:4;left:clamp(14px,2vw,28px);top:176px}[hidden]{display:none!important}.loading cs-button{margin-top:12px}.planet-info{border:3px solid var(--cs-outline);border-bottom-width:5px;color:#495944;background:linear-gradient(150deg,#fff2d1,#e5d4ad);border-radius:9px;padding:11px 15px;box-shadow:inset 0 2px #fff9,0 4px #473c3466;font-size:12px;font-weight:800}.hud-bottom{bottom:0;padding:22px 26px 25px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.controls-desktop{display:flex;flex-wrap:wrap;align-items:center;gap:8px 17px;padding:11px 15px;color:#d8f5db;background:#3d6965ca;border:3px solid #49766f;border-radius:10px;box-shadow:0 5px 13px #25475955;font-size:11px;font-weight:800}.controls-desktop span{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}kbd{font:800 10px var(--cs-font);padding:5px 7px;min-width:20px;text-align:center;color:#565039;background:#f4e7b7;border:2px solid #74634e;border-bottom-width:4px;border-radius:5px}.status-message{padding:9px 12px;color:#f2fce9;font-size:11px;font-weight:700;text-shadow:1px 1px 1px #436d69}.loading{position:absolute;z-index:9;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 60%,#e9e6cc,#aad2d4 75%);transition:opacity .8s ease,visibility .8s ease}.loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-symbol{color:#ffe1a1;font-size:65px;line-height:1;animation:float 2.8s ease-in-out infinite}.loading h1{font:800 clamp(27px,4vw,52px)/1.1 var(--cs-display);color:#476976;margin:20px 0 8px}.loading p{color:#536e72;font-size:14px;max-width:min(85vw,650px);overflow-wrap:anywhere}@keyframes float{50%{transform:translateY(-11px) rotate(12deg)}}.controls-mobile{display:none}@media(max-width:820px){.location-hud{left:13px;top:94px}.save-hud{left:13px;top:144px}.hud-top{padding:13px}.wordmark{font-size:20px;padding:10px}.wordmark small{font-size:7px;letter-spacing:.08em}.planet-info{padding:9px;font-size:10px;max-width:130px}.hud-actions{display:grid;grid-template-columns:auto auto;align-items:start;gap:5px}.hud-actions .planet-info{grid-column:1 / -1;justify-self:end}.hud-actions #help-button{display:none}.hud-actions #menu-button{grid-column:1 / -1;justify-self:end}.hud-bottom{padding:15px 17px 23px}.controls-desktop{display:none}.controls-mobile{display:flex;align-items:flex-end;justify-content:space-between;width:100%}.mobile-pad{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:3px}.mobile-pad>div{display:flex;gap:3px}.controls-mobile cs-button{pointer-events:auto;touch-action:none}.controls-mobile cs-button.active{filter:saturate(1.6) brightness(1.1);transform:translateY(2px)}.controls-mobile .mobile-view{margin-bottom:5px}.status-message{display:none}}@media(prefers-reduced-motion:reduce){.loading-symbol{animation:none}.loading{transition:none}}