.loading.creation-loading{background:radial-gradient(ellipse at 50% 42%,#344959 0,#1c2b40 48%,#10192d);color:#f5e5c5;padding:16px max(16px,env(safe-area-inset-left));overflow:auto}.creation-loading:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:radial-gradient(circle,#e6dabb 1px,transparent 1.5px),radial-gradient(circle,#bccfda 1px,transparent 1.5px);background-size:143px 131px,237px 193px;background-position:27px 11px,109px 67px}.creation-loading h1{color:#f9e9c7;font-size:clamp(24px,3.5vw,42px);font-weight:600;margin:12px 0 8px;position:relative;text-wrap:balance}.creation-loading p{color:#d3dfdc;min-height:2.8em;font-size:clamp(14px,1.5vw,16px);margin:8px 0 12px;max-width:440px;line-height:1.5;position:relative;text-wrap:balance}.creation-loading cs-button{margin:5px}cs-creation{display:block;width:min(600px,90vw);position:relative}.creation-art{width:100%;height:min(44vh,430px)}.creation-art canvas{display:block;width:100%;height:100%}.creation-task{display:block;font:700 10px/1.5 var(--cs-font);text-transform:uppercase;letter-spacing:.23em;color:#d5c59e;padding:0 12px}@media(max-height:560px){.creation-art{height:35vh}.creation-loading h1{margin:4px;font-size:24px}.creation-loading p{margin:3px;min-height:2em}}cs-arrival{position:fixed;inset:0;z-index:95;color:#fff0d0;font-family:var(--cs-font);background:linear-gradient(#0e182c9e,transparent 24%,transparent 66%,#0e182cb8);pointer-events:auto}cs-arrival:before{content:"";position:absolute;inset:12px;border:1px solid #e9d9ae24;pointer-events:none}cs-arrival>cs-button{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom))}.arrival-caption{position:absolute;bottom:32px;left:32px;max-width:calc(100% - 220px);text-shadow:0 2px 6px #101a2c}.arrival-caption p{text-transform:uppercase;letter-spacing:.19em;font-size:10px;line-height:1.6;margin:0 0 9px;color:#e4d6b1}.arrival-caption h2{font:500 clamp(24px,3vw,40px)/1.1 var(--cs-display);margin:0;text-wrap:balance}.arrival-callout{position:absolute;top:0;left:0;width:168px;padding:7px 10px;border-left:1px solid #e6c98d;background:linear-gradient(90deg,#15243fe8,#15243fb8);border-radius:0 3px 3px 0;text-shadow:0 1px 3px #101b2f}.arrival-callout:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe7b2;left:-3px;top:12px}.arrival-callout strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.arrival-callout span{display:block;font-size:10px;color:#c3d9dd;margin-top:3px}body.arriving #app>:not(#world):not(#loading),body.arriving>:not(#app):not(cs-arrival):not(script):not(style){visibility:hidden!important}@media(max-width:600px){.arrival-caption{left:24px;bottom:92px;max-width:calc(100% - 48px)}.arrival-caption h2{font-size:27px}cs-arrival>cs-button{bottom:max(24px,env(safe-area-inset-bottom))}}.arrival-callout i{position:absolute;left:0;top:14px;height:1px;background:#e6c98d88;transform-origin:left center;pointer-events:none}:root{--cs-cursor-default: url(/assets/cursors/kenney/pointer_a.png) 9 7, default;--cs-cursor-pointer: url(/assets/cursors/kenney/hand_point.png) 12 3, pointer;--cs-cursor-grab: url(/assets/cursors/kenney/hand_open.png) 16 16, grab;--cs-cursor-grabbing: url(/assets/cursors/kenney/hand_closed.png) 16 16, grabbing;--cs-cursor-blocked: url(/assets/cursors/kenney/disabled.png) 16 16, not-allowed;--cs-font: "Trebuchet MS", system-ui, sans-serif;--cs-display: Georgia, serif;--cs-ink: #493d36;--cs-muted: #665b49;--cs-outline: #806952;--cs-paper: #fff5dc;--cs-paper-low: #eee0bd;--cs-field: #fffbed;--cs-focus: #245f60;--cs-meadow: #b6dba4;--cs-sky: #d5e8e1;--cs-coral: #efb29d;--cs-radius: 14px;--cs-frame-shadow: inset 0 1px 0 #fff9, 0 3px 0 #6a57434d, 0 8px 22px #243d422b;--cs-layer-hud: 4;--cs-layer-tools: 15;--cs-layer-surface: 30;--cs-layer-notice: 90;--cs-layer-dialog: 100}body{cursor:var(--cs-cursor-default, default)}:root{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:var(--cs-layer-hud,4);bottom:42px;left:50%;transform:translate(-50%);pointer-events:auto}.context-actions cs-button{pointer-events:auto;touch-action:manipulation}.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}body.god-mode .controls-mobile,body.god-mode .context-actions,body.god-mode .map-hud{display:none}body.god-mode .location-hud,body.god-mode cs-camera-controls,body.god-mode #help-button{display:none!important}body.god-mode .save-hud{top:auto;bottom:max(18px,env(safe-area-inset-bottom));left:auto;right:max(14px,env(safe-area-inset-right))}@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}