:root{--cs-font: system-ui, sans-serif;--cs-display: 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:#a6d0d3}#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:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-left))}.hud-actions{display:flex;gap:8px;pointer-events:auto;width:fit-content}.map-hud{position:absolute;z-index:4;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top))}.location-hud{position:absolute;z-index:4;left:max(14px,env(safe-area-inset-left));top:76px}.save-hud{position:absolute;z-index:4;left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom))}[hidden]{display:none!important}.hud-bottom{bottom:0;padding:16px;display:flex;align-items:flex-end}.controls-mobile{display:none}.context-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;width:min(360px,calc(100vw - 28px));position:absolute;z-index:4;bottom:42px;left:50%;transform:translate(-50%)}.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 .4s ease,visibility .4s 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}.loading cs-button{margin-top:12px}@keyframes float{50%{transform:translateY(-11px) rotate(12deg)}}@media(max-width:820px){.save-hud{bottom:170px}.context-actions{bottom:180px}}@media(prefers-reduced-motion:reduce){.loading-symbol{animation:none}.loading{transition:none}}body.building .hud-bottom,body.building .location-hud,body.building #help-button,body.building .context-actions,body.building cs-minimap,body.building cs-camera-controls,body.building cs-map-markers{display:none!important}body.building .save-hud{bottom:auto;top:16px;left:76px}@media(any-pointer:coarse),(max-width:820px){.hud-bottom{padding:12px max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.controls-mobile{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;width:100%}.controls-mobile cs-thumbstick,.controls-mobile cs-button{pointer-events:auto;touch-action:none}.mobile-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.mobile-actions cs-button{min-width:76px;justify-content:center}#sprint-button[aria-pressed=true]{filter:saturate(1.5)}.context-actions{bottom:calc(170px + env(safe-area-inset-bottom))}}@media(max-width:380px){.hud-top{gap:8px}cs-thumbstick{--cs-stick-size: 100px}.controls-mobile{gap:5px}}@media(any-pointer:coarse)and (max-height:540px),(max-width:820px)and (max-height:540px){cs-thumbstick{--cs-stick-size: 100px}.mobile-actions{flex-direction:row;align-items:flex-end;gap:8px}.mobile-actions cs-button{min-width:0}.context-actions{bottom:calc(138px + env(safe-area-inset-bottom))}.save-hud{bottom:135px}.map-hud{top:10px;right:10px}}#app[data-overview=true] .controls-mobile{visibility:hidden}