html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{--bg:#06101d;--panel:#0d1b2ac7;--line:#ffffff24;--line-strong:#5eead447;--text:#edf6ff;--muted:#a8b5c7;--soft:#8fa0b4;--gold:#f4b860;--orange:#ff7a59;--teal:#5eead4;--green:#81f7a5;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 8%,#5eead421,#0000 25%),radial-gradient(circle at 84% 18%,#f4b86029,#0000 26%),radial-gradient(circle at 58% 78%,#81f7a514,#0000 26%),linear-gradient(160deg,#06101d 0%,#082033 48%,#050b14 100%);min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input{font:inherit}button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.68;transform:none!important}.topbar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06101db8;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;width:min(1180px,100% - 32px);margin:16px auto 0;padding:10px 12px;display:flex;position:sticky;top:0;box-shadow:0 24px 80px #0000003d}.brand,.nav-links,.hero-actions,.trust-row,.account-actions{align-items:center;display:flex}.brand{gap:10px;font-weight:900;text-decoration:none}.brand-mark{color:#190e04;background:linear-gradient(135deg, var(--gold), var(--orange));border-radius:14px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 12px 35px #f4b86038}.nav-links{gap:22px}.nav-links a{color:var(--muted);font-size:.96rem;text-decoration:none}.nav-links a:hover{color:var(--teal)}.nav-cta,.primary-button,.google-button{cursor:pointer;color:#190e04;background:linear-gradient(135deg, var(--gold), var(--orange));border:0;border-radius:16px;justify-content:center;align-items:center;padding:13px 18px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 12px 35px #f4b86038}.nav-cta:hover,.primary-button:hover,.google-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.account-actions{gap:10px}.account-chip{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--teal);background:#5eead414;border:1px solid #5eead438;border-radius:999px;padding:9px 12px;font-size:.92rem;font-weight:900;overflow:hidden}.logout-button{color:var(--text);box-shadow:none;background:#ffffff14;border:1px solid #ffffff2e}.logout-card-button{width:100%;margin-top:10px}.onboarding-card{border:1px solid var(--line-strong);background:radial-gradient(circle at 12% 20%,#5eead424,#0000 25%),#0d1b2ad6;border-radius:30px;grid-template-columns:1fr 390px;align-items:center;gap:28px;width:min(1180px,100% - 32px);margin:22px auto 0;padding:28px;display:grid;box-shadow:0 28px 90px #00000047}.onboarding-card h2{margin-bottom:10px}.onboarding-card p{color:var(--muted);margin-bottom:0;line-height:1.55}.nickname-form{gap:10px;display:grid}.nickname-form label{color:var(--teal);font-weight:900}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);align-items:center;gap:40px;width:min(1180px,100% - 32px);min-height:calc(100vh - 86px);margin:0 auto;padding:68px 0 78px;display:grid;position:relative}.eyebrow{color:var(--teal);letter-spacing:.055em;text-transform:uppercase;margin:0 0 14px;font-size:.9rem;font-weight:900}.eyebrow.light{color:var(--teal)}h1,h2,h3,p{margin-top:0}h1{max-width:780px;color:var(--text);letter-spacing:-.07em;margin-bottom:24px;font-size:clamp(2.55rem,5.8vw,5.45rem);line-height:.94}h2{color:var(--text);letter-spacing:-.055em;margin-bottom:16px;font-size:clamp(2rem,4vw,3.4rem);line-height:1}h3{color:var(--text);margin-bottom:10px;font-size:1.45rem}.lead,.section-heading p,.signup-copy p,.locked-preview p{max-width:720px;color:var(--muted);font-size:clamp(1.06rem,1.9vw,1.28rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:14px;margin:30px 0 24px}.secondary-button{color:var(--text);background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;justify-content:center;align-items:center;padding:12px 18px;font-weight:850;text-decoration:none;display:inline-flex}.secondary-button:hover{border-color:var(--line-strong);background:#5eead417}.trust-row{flex-wrap:wrap;gap:10px}.trust-row span{color:var(--muted);background:#0d1b2a99;border:1px solid #ffffff24;border-radius:999px;padding:8px 11px;font-size:.92rem}.hero-visual{border:1px solid var(--line);background:radial-gradient(circle at 18% 18%,#ffffff29 0 1px,#0000 2px),radial-gradient(circle at 76% 20%,#f4b8602e,#0000 24%),linear-gradient(160deg,#050b14,#082033 58%,#020713);border-radius:34px;min-height:540px;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000052}.hero-visual:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.starfield{background:radial-gradient(circle at 18% 22%,#ffffffb8 0 1px,#0000 2px),radial-gradient(circle at 74% 12%,#fff9 0 1px,#0000 2px),radial-gradient(circle at 86% 70%,#5eead4b8 0 1px,#0000 2px),radial-gradient(circle at 42% 78%,#ffffff94 0 1px,#0000 2px);position:absolute;inset:0}.planet-preview{width:330px;height:330px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.planet-surface{background:radial-gradient(circle at 35% 30%,#81f7a58c,#0000 15%),radial-gradient(circle at 65% 65%,#f4b8606b,#0000 18%),radial-gradient(circle at 45% 58%,#5eead480,#0000 14%),linear-gradient(145deg,#164e63,#1f7a6d 48%,#22314a);border-radius:50%;position:absolute;inset:18px;box-shadow:inset -42px -42px 80px #0000006b,0 0 80px #5eead43d}.orbit{border:1px solid #5eead433;border-radius:50%;position:absolute}.orbit-one{inset:0;transform:rotate(-18deg)scaleY(.46)}.orbit-two{inset:38px -26px;transform:rotate(24deg)scaleY(.38)}.colony-card,.floating-panel{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051220c7;border:1px solid #fff3;border-radius:24px;gap:5px;width:190px;padding:18px;display:grid;position:absolute;box-shadow:0 22px 55px #00000045}.colony-card span,.floating-panel span{color:var(--soft);font-size:.88rem}.colony-card strong,.floating-panel strong{color:var(--gold);font-size:1.15rem}.colony-card small,.floating-panel small{color:var(--text);opacity:.82}.hq-card{top:16%;left:8%}.food-card{bottom:18%;right:8%}.floating-panel{width:245px;bottom:8%;left:8%}.preview-wrap{width:min(1180px,100% - 32px);margin:0 auto}.locked-preview{border:1px solid var(--line-strong);background:#0d1b2aad;border-radius:30px;margin-bottom:22px;padding:28px}.colony-section{width:min(1480px,100% - 20px);margin:0 auto;padding:34px 0 74px}.fullscreen-colony{width:calc(100% - 16px);min-height:calc(100vh - 78px);padding:12px 0 28px}.game-only-shell{background:radial-gradient(circle at 50% 20%,#5eead41f,#0000 34%),linear-gradient(160deg,#020713,#061423 52%,#02050b);min-height:100vh;overflow:hidden}.game-fullscreen-active{width:100vw;height:100vh;min-height:100vh;margin:0;padding:0;overflow:hidden}.preview-wrap .colony-section{width:100%;padding-top:0}.colony-heading{margin-bottom:14px}.fullscreen-colony .colony-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;display:grid}.game-fullscreen-active .colony-heading{z-index:24;pointer-events:none;width:auto;max-width:min(520px,100vw - 220px);margin:0;padding:0;position:absolute;top:14px;left:18px}.game-fullscreen-active .colony-heading h2,.game-fullscreen-active .colony-heading p:not(.eyebrow),.game-fullscreen-active .colony-heading .eyebrow{display:none}.game-fullscreen-active .colony-heading .game-back-button{pointer-events:auto}.colony-heading p{max-width:870px}.colony-dashboard{background:radial-gradient(circle at 20% 0,#5eead41a,#0000 28%),#030a12b3;border:1px solid #5eead429;border-radius:34px;grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:12px;min-height:min(900px,100vh - 158px);padding:14px;display:grid;box-shadow:0 36px 120px #00000061}.game-fullscreen-active .colony-dashboard{width:100vw;height:100vh;min-height:100vh;box-shadow:none;background:#030a12;border:0;border-radius:0;padding:0;display:block}.planet-map{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:radial-gradient(circle at 22% 18%,#5eead41f,#0000 26%),radial-gradient(circle at 70% 82%,#f4b8601a,#0000 22%),linear-gradient(160deg,#0c3625eb,#051612f5);border:1px solid #5eead42e;border-radius:28px;min-height:min(860px,100vh - 174px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09,0 28px 90px #0000003d}.game-fullscreen-active .planet-map{width:100vw;height:100vh;min-height:100vh;box-shadow:none;background:radial-gradient(circle at 50% 48%,#46843c6b,#0000 35%),radial-gradient(circle at 18% 18%,#9fdc741f,#0000 24%),linear-gradient(160deg,#092818fa,#04120ffa);border:0;border-radius:0}.planet-map:active{cursor:grabbing}.grid-map{isolation:isolate;place-items:center;display:grid}.grid-map:before{content:"";opacity:.55;pointer-events:none;background:radial-gradient(circle,#8bc76338,#0000 34%),radial-gradient(circle at 24% 18%,#c2ec7a1c,#0000 28%),linear-gradient(160deg,#0d2e189e,#051612db);position:absolute;inset:-20%}.map-status{z-index:8;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:right;pointer-events:none;background:#051220b8;border:1px solid #ffffff29;border-radius:18px;gap:2px;padding:10px 12px;display:grid;position:absolute;top:18px;right:18px}.game-fullscreen-active .map-status{top:14px;right:16px}.map-status strong{color:var(--teal);font-size:.98rem}.map-status span{font-size:.76rem}.hud-build-button{z-index:12;color:#1a1104;cursor:pointer;background:linear-gradient(135deg,#ffd38a,#ff9b3d);border:1px solid #f4b8606b;border-radius:18px;align-items:center;gap:9px;padding:12px 16px;font-weight:950;display:inline-flex;position:absolute;top:18px;left:18px;box-shadow:0 12px 28px #ff993347}.hud-build-button span{font-size:1.1rem}.hud-build-button.open{filter:brightness(1.08)}.hud-build-drawer{z-index:13;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#051220e6;border:1px solid #f4b8604d;border-radius:22px;width:min(360px,100% - 36px);padding:14px;position:absolute;top:74px;left:18px;box-shadow:0 26px 80px #0000006b,0 0 30px #f4b8601f}.hud-drawer-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hud-drawer-title strong{color:var(--gold)}.hud-drawer-title button{width:32px;height:32px;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%}.terrain-stage{z-index:3;transform-origin:50%;will-change:transform;max-width:96%;max-height:min(720px,100vh - 210px);padding:18px;transition:transform 80ms linear;position:relative;overflow:visible}.game-fullscreen-active .terrain-stage{transform-origin:50%;max-width:none;max-height:none;padding:0;overflow:visible}.terrain-grid{--cell-size:46px;--cell-gap:0px;--grid-size:20;--visible-tiles:10;grid-template-columns:repeat(var(--grid-size), var(--cell-size));grid-auto-rows:var(--cell-size);gap:var(--cell-gap);transform-origin:50%;box-sizing:content-box;background-blend-mode:soft-light, screen, multiply, normal;background-color:#4f8f39;background-image:linear-gradient(#bee77761,#3d7c312e 42%,#16431f6b),radial-gradient(circle at 18% 16%,#d2f5814d 0 8%,#0000 30%),radial-gradient(circle at 72% 78%,#18502352 0 12%,#0000 34%),url(/assets/textures/grass005-color-512.webp);background-position:50%,50%,50%,0 0;background-size:100% 100%,100% 100%,100% 100%,276px 276px;border:1px solid #4e8e365c;border-radius:20px;padding:0;display:grid;position:relative;overflow:visible;transform:none;box-shadow:0 38px 110px #00000073,inset 0 0 0 1px #e8ffce1f,inset 0 22px 55px #d6ff9614}.terrain-grid:after{content:"";z-index:6;pointer-events:none;background-image:linear-gradient(#eeffd60e 1px,#0000 1px),linear-gradient(90deg,#eeffd60e 1px,#0000 1px);background-size:var(--cell-size) var(--cell-size);opacity:.32;border-radius:20px;position:absolute;inset:0}.terrain-grid.build-mode:after{z-index:14;background-image:linear-gradient(#fff6be6b 1px,#0000 1px),linear-gradient(90deg,#fff6be6b 1px,#0000 1px);background-size:var(--cell-size) var(--cell-size);opacity:1;box-shadow:inset 0 0 0 2px #f4b86038}.terrain-grid.build-mode{background-blend-mode:soft-light, screen, multiply, normal;background-color:#5aa042;background-image:linear-gradient(#d8f38d6b,#4b8b3729 42%,#13441f57),radial-gradient(circle at 18% 16%,#e1ff9652 0 8%,#0000 30%),radial-gradient(circle at 72% 78%,#1850233d 0 12%,#0000 34%),url(/assets/textures/grass005-color-512.webp);background-position:50%,50%,50%,0 0;background-size:100% 100%,100% 100%,100% 100%,276px 276px;box-shadow:0 38px 110px #00000073,inset 0 0 0 2px #f4b86033}.uniform-cell{z-index:7;min-height:var(--cell-size);color:var(--text);cursor:default;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;position:relative}.uniform-cell:hover{background:#ffffff06}.uniform-cell.placeable{cursor:crosshair}.uniform-cell.placement-preview-cell,.uniform-cell.placement-confirm-cell{box-shadow:none;background:0 0;border:0}.uniform-cell.occupied{background:#5eead41a}.placement-confirm-card{z-index:18;left:calc(((var(--pending-x) + 2) * (var(--cell-size) + var(--cell-gap))) + 4px);top:calc((var(--pending-y) * (var(--cell-size) + var(--cell-gap))) - 20px);text-align:left;color:#fff1dc;pointer-events:auto;background:linear-gradient(160deg,#231408f0,#ff99333d);border:1px solid #ff9933eb;border-radius:16px;align-content:center;gap:6px;width:152px;min-height:96px;padding:10px;display:grid;position:absolute;transform:none;box-shadow:0 0 34px #ff993380}.placement-confirm-card strong{color:var(--gold);font-size:.78rem}.placement-confirm-card span{color:#ffe0af;font-size:.66rem;font-weight:800}.placement-card-actions{grid-template-columns:.82fr 1fr;gap:6px;margin-top:2px;display:grid}.placement-card-actions button{cursor:pointer;border:1px solid #ffffff29;border-radius:10px;padding:7px 8px;font-size:.7rem;font-weight:950}.placement-card-actions button:first-child{color:var(--muted);background:#ffffff12}.placement-card-actions button:last-child{color:#1a1104;background:linear-gradient(135deg,#ffd38a,#ff9333)}.placement-site-marker{z-index:17;left:calc(var(--pending-x) * var(--cell-size));top:calc(var(--pending-y) * var(--cell-size));width:calc(var(--cell-size) * 2);height:calc(var(--cell-size) * 2);pointer-events:none;box-sizing:border-box;will-change:transform;place-items:center;display:grid;position:absolute}.placement-site-marker:before{content:"";background:linear-gradient(145deg,#ffc243db,#ff8425ad);border:2px solid #ffeb7efa;border-radius:12px;animation:1.35s ease-in-out infinite alternate site-scan;position:absolute;inset:0;box-shadow:0 0 22px #ffbe4052,inset 0 0 0 1px #4225043d}.hover-site-marker{z-index:16;opacity:.64}.hover-site-marker:before{background:#ffe26852;border-style:dashed}.site-crane{z-index:2;background:linear-gradient(145deg,#201806eb,#f4b860d1);border:2px solid #ffefa6eb;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.35rem;animation:1.05s ease-in-out infinite crane-bob;display:grid;position:relative;box-shadow:0 10px 24px #00000059,0 0 20px #ffd54f59}.site-ring{z-index:1;border:2px dashed #fff1b0cc;border-radius:50%;width:56px;height:56px;animation:4s linear infinite site-spin;position:absolute}.site-text{z-index:2;color:#2b1b02;letter-spacing:.04em;text-transform:uppercase;background:#ffe068eb;border-radius:999px;padding:3px 8px;font-size:.58rem;font-weight:950;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #00000040}@keyframes placement-pulse{0%{filter:brightness()}to{filter:brightness(1.16)}}@keyframes site-scan{0%{opacity:.78;transform:scale(.985)}to{opacity:1;transform:scale(1.025)}}@keyframes crane-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-4px)rotate(2deg)}}@keyframes site-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tree-cell{cursor:default}.tree-actor{--tree-scale:.82;--tree-drift:0px;z-index:12;left:calc(var(--tree-x) * var(--cell-size) + (var(--cell-size) / 2) + var(--tree-drift));top:calc(var(--tree-y) * var(--cell-size) + (var(--cell-size) / 2));width:calc(var(--cell-size) * 1.35);height:calc(var(--cell-size) * 1.88);pointer-events:none;transform:translate(-50%, -75%) scale(calc((.56 + var(--tree-growth) * .24) * var(--tree-scale)));transform-origin:50% 100%;filter:drop-shadow(0 11px 8px #0000006b);animation:5.4s ease-in-out infinite tree-asset-sway;animation-delay:var(--tree-delay);position:absolute}.tree-actor:before{content:"";filter:blur(.2px);background:radial-gradient(#0000006b,#0000001f 54%,#0000 74%);border-radius:50%;width:62%;height:13%;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.tree-sprite{object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50% 100%;width:100%;height:100%;position:absolute;inset:0}.foliage-asset{contain:layout style}@keyframes tree-asset-sway{0%,to{transform:translate(-50%, -75%) scale(calc((.56 + var(--tree-growth) * .24) * var(--tree-scale))) rotate(-.65deg)}50%{transform:translate(-50%, -76%) scale(calc((.57 + var(--tree-growth) * .245) * var(--tree-scale))) rotate(.85deg)}}.resident-3d{z-index:8;width:13px;height:22px;transform-style:preserve-3d;filter:drop-shadow(0 7px 5px #00000073);position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.resident-3d:before{content:"";background:#ffd7a1;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:3px;box-shadow:0 0 0 2px #05122099}.resident-3d i{background:linear-gradient(#5eead4,#176b71);border-radius:5px 5px 3px 3px;width:12px;height:13px;position:absolute;top:8px;left:1px;box-shadow:inset -2px -2px #00000038}.resident-3d i:before,.resident-3d i:after{content:"";background:#26384d;border-radius:3px;width:4px;height:8px;position:absolute;bottom:-6px}.resident-3d i:before{left:1px}.resident-3d i:after{right:1px}.resident-3d.walking{animation:2.2s ease-in-out infinite alternate worker-walk}.hq-model{--build-progress:1;--hq-visual-progress:1;z-index:15;left:calc((var(--hq-x) * (var(--cell-size) + var(--cell-gap))) - 18px);top:calc((var(--hq-y) * (var(--cell-size) + var(--cell-gap))) - 48px);width:calc((var(--cell-size) * 2) + var(--cell-gap) + 36px);height:calc((var(--cell-size) * 2) + var(--cell-gap) + 76px);pointer-events:none;transform:translateY(calc((1 - var(--hq-visual-progress)) * 12px)) scale(1.06);transform-origin:50% 100%;transform-style:preserve-3d;filter:drop-shadow(0 18px 16px #00000094)saturate(1.02);position:absolute}.hq-model>*{transform-style:preserve-3d}.hq-three-stage{z-index:1;position:absolute;inset:-18px -14px -10px}.hq-three-stage canvas{filter:drop-shadow(0 10px 10px #00000061);display:block;width:100%!important;height:100%!important}.hq-three-stage[data-webgl=unavailable]:after{content:"3D";color:var(--teal);background:#051220e6;border:1px solid #5eead480;border-radius:22px;place-items:center;display:grid;position:absolute;inset:30%}.hq-model.hq-three-model span{z-index:5}.hq-aura{opacity:calc(.24 + var(--hq-visual-progress) * .76);filter:blur(10px);background:radial-gradient(circle at 50% 12%,#5eead447,#0000 38%),radial-gradient(#f4b86021,#0000 66%);border-radius:30px;animation:3s ease-in-out infinite aura-shift;position:absolute;inset:11px 8px 2px}.hq-shadow{background:radial-gradient(#0000009e,#0000002e 42%,#0000 72%);border-radius:50%;height:28px;position:absolute;bottom:0;left:8px;right:8px;transform:translateY(16px)scaleX(1.12)}.hq-site-ring{height:43px;opacity:calc(.35 + var(--hq-visual-progress) * .65);background:linear-gradient(135deg,#5eead41c,#f4b86017);border:1px solid #5eead461;border-radius:18px;position:absolute;bottom:10px;left:11px;right:11px;box-shadow:inset 0 0 18px #5eead41f,0 0 22px #5eead424}.hq-foundation{opacity:.98;background:linear-gradient(145deg,#8a5a32 0%,#4a3121 42%,#24170f 100%);border-radius:12px;height:24px;position:absolute;bottom:13px;left:16px;right:16px;box-shadow:inset 0 3px #ffffff38,inset 0 -6px #00000038,0 0 22px #f4b86038}.hq-deck{height:calc(22px * var(--hq-visual-progress));opacity:calc(.32 + var(--hq-visual-progress) * .68);background:repeating-linear-gradient(90deg,#d59a57 0 6px,#9c6030 6px 12px,#6e3f22 12px 18px);border-radius:10px;position:absolute;bottom:34px;left:20px;right:20px;box-shadow:inset 0 3px #fff3,0 8px 18px #0000004d}.hq-stair{height:12px;opacity:calc(.25 + var(--hq-visual-progress) * .75);background:repeating-linear-gradient(0deg,#a46a39 0 4px,#5c371f 4px 8px);border-radius:4px;position:absolute;bottom:7px}.stair-front{width:32px;left:44px;transform:skew(-18deg)}.stair-side{filter:brightness(.75);width:24px;right:26px;transform:skew(22deg)}.hq-crate{width:14px;height:calc(13px * var(--hq-visual-progress));opacity:calc(.2 + var(--hq-visual-progress) * .8);background:linear-gradient(135deg,#bf7a38,#5a321a);border-radius:3px;position:absolute;bottom:21px;box-shadow:inset 0 2px #fff3,0 6px 10px #0000004d}.crate-a{left:8px}.crate-b{bottom:25px;right:7px;transform:scale(.8)}.hq-post{width:8px;height:calc(56px * var(--hq-visual-progress));transform-origin:bottom;background:linear-gradient(90deg,#e4a75c 0%,#9a5b2d 45%,#442515 100%);border-radius:5px;position:absolute;bottom:34px;box-shadow:inset 2px 0 #ffffff38,0 0 8px #00000052}.post-a{left:22px}.post-b{right:22px}.post-c{left:38%}.post-d{right:38%}.hq-brace{width:calc(48px * var(--hq-visual-progress));height:6px;opacity:calc(.08 + var(--hq-visual-progress) * .92);background:linear-gradient(90deg,#e1a35a,#694022);border-radius:999px;position:absolute;bottom:54px;box-shadow:0 4px 8px #00000040}.brace-a{left:23px;transform:rotate(-23deg)}.brace-b{right:23px;transform:rotate(23deg)}.hq-wall{height:calc(45px * var(--hq-visual-progress));opacity:calc(.2 + var(--hq-visual-progress) * .8);border-radius:9px;position:absolute;bottom:39px;box-shadow:inset 0 3px #ffffff2e,inset -6px -6px #0000002b,0 12px 22px #00000040}.wall-left{background:repeating-linear-gradient(90deg,#c98542 0 7px,#8c5028 7px 14px,#62371f 14px 21px);width:42%;left:20px;transform:skewY(-11deg)}.wall-front{height:calc(37px * var(--hq-visual-progress));z-index:2;background:repeating-linear-gradient(90deg,#d0904b 0 8px,#9c5a2b 8px 16px);bottom:34px;left:35px;right:35px}.wall-right{filter:brightness(.82);background:repeating-linear-gradient(90deg,#9e5a2b 0 7px,#67391e 7px 14px);width:42%;right:20px;transform:skewY(11deg)}.hq-door{width:17px;height:calc(28px * var(--hq-visual-progress));opacity:calc(.05 + var(--hq-visual-progress) * .95);z-index:3;background:linear-gradient(#27384a,#111c28);border-radius:8px 8px 3px 3px;position:absolute;bottom:34px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #5eead438,inset 0 0 0 2px #5eead438}.hq-glass{bottom:calc(52px + (1 - var(--hq-visual-progress)) * 10px);height:calc(18px * var(--hq-visual-progress));opacity:calc(.12 + var(--hq-visual-progress) * .88);z-index:4;background:linear-gradient(160deg,#e3fdfffa,#4cc6e2c7 46%,#195b77b8);border-radius:6px;position:absolute;box-shadow:0 0 16px #5eead48c,inset 0 1px #ffffffd1}.glass-front{width:22px;left:32px}.glass-side{filter:brightness(.8);width:19px;right:30px}.hq-balcony{height:calc(8px * var(--hq-visual-progress));opacity:calc(.08 + var(--hq-visual-progress) * .85);z-index:5;background:linear-gradient(90deg,#5eead4,#1d7280);border-radius:999px;position:absolute;bottom:74px;left:28px;right:28px;box-shadow:0 0 12px #5eead48c}.hq-tower{width:30px;height:calc(48px * var(--hq-visual-progress));opacity:calc(.04 + var(--hq-visual-progress) * .96);z-index:6;background:linear-gradient(160deg,#445a6f 0%,#24384c 48%,#102032 100%);border-radius:10px 10px 4px 4px;position:absolute;bottom:71px;left:50%;transform:translate(-50%);box-shadow:inset 0 3px #ffffff2b,inset -5px -6px #0003,0 0 26px #5eead433}.hq-tower-window{left:50%;bottom:calc(90px + (1 - var(--hq-visual-progress)) * 12px);width:14px;height:calc(20px * var(--hq-visual-progress));opacity:calc(.05 + var(--hq-visual-progress) * .95);z-index:7;background:linear-gradient(#eaffff,#5eead4 45%,#16707c);border-radius:5px;position:absolute;transform:translate(-50%);box-shadow:0 0 18px #5eead4c7,inset 0 1px #ffffffbf}.hq-roof{opacity:calc(.12 + var(--hq-visual-progress) * .88);z-index:8;position:absolute;box-shadow:0 9px 20px #0000006b,inset 0 3px #ffffff2e}.roof-main{left:15px;right:15px;top:calc(22px + (1 - var(--hq-visual-progress)) * 28px);height:calc(48px * var(--hq-visual-progress));clip-path:polygon(50% 0,100% 43%,91% 100%,9% 100%,0 43%);background:linear-gradient(135deg,#f1b35f 0%,#b96a2f 46%,#5e2d1d 100%)}.roof-cap{left:42px;right:42px;top:calc(5px + (1 - var(--hq-visual-progress)) * 24px);height:calc(30px * var(--hq-visual-progress));clip-path:polygon(50% 0,96% 52%,82% 100%,18% 100%,4% 52%);filter:brightness(1.05);background:linear-gradient(135deg,#ffe1a2,#cf762e 58%,#5d2a1a)}.hq-solar-panel{top:calc(39px + (1 - var(--hq-visual-progress)) * 18px);width:calc(24px * var(--hq-visual-progress));height:calc(10px * var(--hq-visual-progress));opacity:calc(.05 + var(--hq-visual-progress) * .95);z-index:9;background:repeating-linear-gradient(90deg,#9cf5ff 0 3px,#17465a 3px 6px);border-radius:3px;position:absolute;box-shadow:0 0 12px #5eead459}.panel-a{left:28px;transform:rotate(-16deg)}.panel-b{right:28px;transform:rotate(16deg)}.hq-antenna{left:50%;top:calc(-17px + (1 - var(--hq-visual-progress)) * 20px);width:4px;height:calc(35px * var(--hq-visual-progress));opacity:calc(.05 + var(--hq-visual-progress) * .95);z-index:10;background:linear-gradient(#f7ffff,#5eead4 70%,#1d7d89);border-radius:999px;position:absolute;transform:translate(-50%);box-shadow:0 0 10px #5eead4b8}.hq-beacon{width:16px;height:16px;transform:translateX(-50%) scale(var(--hq-visual-progress));opacity:calc(.05 + var(--hq-visual-progress) * .95);z-index:11;background:radial-gradient(circle,#fff 0 14%,#bffcff 15% 33%,#5eead4 34% 100%);border-radius:50%;animation:1.55s ease-in-out infinite beacon-pulse;position:absolute;top:-24px;left:50%;box-shadow:0 0 20px #5eead4f2,0 0 48px #5eead49e,0 0 82px #5eead447}.hq-hologram{width:calc(46px * var(--hq-visual-progress));height:calc(18px * var(--hq-visual-progress));opacity:calc(.02 + var(--hq-visual-progress) * .7);z-index:10;background:radial-gradient(#5eead429,#0000 65%);border:1px solid #5eead48c;border-radius:50%;animation:3.4s linear infinite holo-spin;position:absolute;top:-38px;left:50%;transform:translate(-50%)}.hq-dust{width:18px;height:18px;opacity:calc((1 - var(--hq-visual-progress)) * .8);filter:blur(2px);background:radial-gradient(circle,#f4b86052,#0000 65%);border-radius:50%;animation:2s ease-in-out infinite dust-rise;position:absolute;bottom:18px}.dust-a{left:19px}.dust-b{animation-delay:.75s;right:22px}.hq-model span{color:var(--teal);letter-spacing:.04em;z-index:20;background:#051220e6;border:1px solid #5eead48c;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:950;position:absolute;bottom:-18px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #5eead43d}.hq-model.building{animation:none}@keyframes aura-shift{0%,to{opacity:.72;transform:scale(.98)}50%{opacity:1;transform:scale(1.08)}}@keyframes beacon-pulse{0%,to{filter:brightness();transform:translateX(-50%) scale(var(--hq-visual-progress))}50%{filter:brightness(1.65);transform:translateX(-50%) scale(calc(var(--hq-visual-progress) + .18))}}@keyframes holo-spin{0%{transform:translate(-50%)rotateX(60deg)rotate(0)}to{transform:translate(-50%)rotateX(60deg)rotate(360deg)}}@keyframes dust-rise{0%{opacity:calc((1 - var(--hq-visual-progress)) * .1);transform:translateY(8px)scale(.7)}50%{opacity:calc((1 - var(--hq-visual-progress)) * .8)}to{opacity:0;transform:translateY(-18px)scale(1.25)}}@keyframes construction-breathe{0%{filter:drop-shadow(0 18px 16px #000000a8)saturate(1.08)brightness()}to{filter:drop-shadow(0 18px 16px #000000a8)saturate(1.16)brightness(1.18)}}@keyframes worker-walk{0%{transform:translate(-50%,-50%)}to{transform:translate(calc(18px - 50%),calc(10px - 50%))}}.planet-label{z-index:6;color:var(--muted);background:#051220ad;border:1px solid #ffffff29;border-radius:999px;padding:10px 14px;position:absolute;bottom:20px;left:22px}.colony-panel{border:1px solid var(--line);background:linear-gradient(#0d1b2adb,#051220c7);border-radius:26px;padding:18px;overflow:auto;box-shadow:0 28px 90px #00000047}.tutorial-panel{flex-direction:column;gap:14px;max-height:min(820px,100vh - 128px);display:flex}.resource-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.resource-strip div,.stat-grid div{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:18px;padding:14px}.resource-strip span,.stat-grid span{color:var(--muted);font-size:.82rem;display:block}.resource-strip strong,.stat-grid strong{color:var(--gold);margin-top:5px;font-size:1.35rem;display:block}.task-card,.hud-help-card{background:#5eead411;border:1px solid #5eead438;border-radius:22px;padding:16px}.hud-help-card strong{color:var(--gold);margin-bottom:6px;display:block}.hud-help-card span{color:var(--muted);font-size:.9rem;line-height:1.45;display:block}.task-card span{color:var(--teal);text-transform:uppercase;font-size:.85rem;font-weight:900}.task-card strong{margin:6px 0 8px;font-size:1.2rem;display:block}.task-card p,.colony-panel p{color:var(--muted);line-height:1.55}.build-menu{background:linear-gradient(#f4b86017,#ffffff0b);border:1px solid #f4b86038;border-radius:22px;margin-top:0;padding:14px}.panel-title-row{justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;display:flex}.panel-title-row span{color:var(--gold);text-transform:uppercase;font-size:.78rem;font-weight:900}.build-card{width:100%;color:var(--text);text-align:left;cursor:pointer;background:#05122094;border:1px solid #ffffff24;border-radius:18px;gap:13px;padding:14px;display:flex}.build-card:disabled{cursor:not-allowed;opacity:.58}.build-card:hover:not(:disabled),.build-card.selected{background:#f4b8601a;border-color:#f4b860b3;transform:translateY(-1px)}.build-icon{background:#f4b86029;border-radius:14px;flex:0 0 42px;place-items:center;height:42px;font-size:1.3rem;display:grid}.build-info{gap:4px;display:grid}.build-info strong{color:var(--gold)}.build-info small{color:var(--muted);line-height:1.35}.build-info em{color:var(--teal);font-size:.84rem;font-style:normal;font-weight:900}.placement-action-panel{background:#ff993313;border:1px solid #ff993338;border-radius:20px;gap:12px;padding:14px;display:grid}.placement-action-panel strong{color:var(--gold);display:block}.placement-action-panel span{color:var(--muted);margin-top:4px;font-size:.86rem;line-height:1.35;display:block}.placement-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.placement-actions button{cursor:pointer;border:1px solid #ffffff24;border-radius:14px;padding:11px 12px;font-weight:950}.placement-actions button:disabled{cursor:not-allowed;opacity:.45}.ghost-action{color:var(--muted);background:#ffffff0d}.confirm-action{color:#1b1204;background:linear-gradient(135deg,#f4b860,#ff9333);box-shadow:0 10px 24px #ff993338}.section,.signup-section{width:min(1180px,100% - 32px);margin:0 auto;padding:84px 0}.section-heading{margin-bottom:30px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.feature-card{border:1px solid var(--line);background:var(--panel);border-radius:26px;min-height:244px;padding:24px;box-shadow:0 28px 90px #0000002e}.feature-card p{color:var(--muted);line-height:1.55}.feature-icon{margin-bottom:24px;font-size:2rem}.dark-section{border:1px solid var(--line-strong);background:radial-gradient(circle at 85% 10%,#5eead421,#0000 26%),#0d1b2ab8;border-radius:34px;grid-template-columns:.8fr 1.2fr;gap:34px;width:min(1180px,100% - 32px);margin:0 auto;padding:42px;display:grid;box-shadow:0 28px 90px #00000040}.loop-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.loop-grid article{background:#ffffff0f;border:1px solid #ffffff21;border-radius:20px;padding:20px}.loop-grid span{color:var(--teal);font-weight:900}.loop-grid strong{margin:10px 0 6px;font-size:1.18rem;display:block}.loop-grid p{color:var(--muted);margin:0;line-height:1.48}.signup-section{grid-template-columns:1fr 430px;align-items:start;gap:34px;display:grid}.login-card{border:1px solid var(--line);background:var(--panel);border-radius:30px;padding:28px;box-shadow:0 28px 90px #00000047}.login-card p{color:var(--muted);line-height:1.55}.google-button{width:100%;margin-top:8px}input{width:100%;color:var(--text);background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;margin:8px 0 14px;padding:14px 16px}input:focus{border-color:var(--teal);outline:2px solid #5eead43d}.setup-note,.quiet-note{border-radius:14px;margin:16px 0 0;padding:12px 14px;font-size:.94rem}.setup-note{border-left:3px solid var(--gold);background:#f4b86014;color:var(--text)!important}.quiet-note{background:#5eead40f;border:1px solid #5eead429}.error{color:#ff9b9b!important}@media (width<=1040px){.nav-links{display:none}.hero,.dark-section,.signup-section,.onboarding-card,.colony-dashboard{grid-template-columns:1fr}.hero{min-height:auto;padding-top:52px}.hero-visual{min-height:480px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.colony-dashboard{gap:16px}.planet-map{min-height:640px}.fullscreen-colony .colony-heading{grid-template-columns:1fr}.hud-build-drawer{width:min(330px,100% - 24px);left:12px}}@media (width<=640px){.topbar{width:calc(100% - 20px);margin-top:10px}.brand span:last-child{display:none}.nav-cta{padding:11px 12px;font-size:.9rem}h1{font-size:clamp(2.45rem,13vw,4rem)}.hero,.section,.signup-section,.dark-section,.onboarding-card,.colony-section,.preview-wrap{width:calc(100% - 20px)}.hero-visual{min-height:430px}.colony-card{width:155px;padding:14px}.hq-card{left:4%}.food-card{right:4%}.floating-panel{width:205px;left:4%}.planet-map{min-height:560px}.terrain-stage{max-width:100%;max-height:500px}.terrain-grid{--cell-size:24px;--cell-gap:0px;padding:18px}.planet-label{border-radius:18px;left:12px;right:12px}.feature-grid,.loop-grid,.resource-strip{grid-template-columns:1fr}.dark-section{padding:28px}}.game-back-button{color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051220b8;border:1px solid #ffffff2e;border-radius:16px;justify-self:end;padding:12px 16px;font-weight:950;box-shadow:0 14px 32px #0000003d}.game-back-button:hover{background:#5eead41f;border-color:#5eead473}.map-controls{z-index:14;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(260px,100vw - 36px);display:flex;position:absolute;bottom:18px;right:18px}.map-controls button{min-width:42px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051220b8;border:1px solid #ffffff2e;border-radius:13px;padding:10px 12px;font-weight:950;box-shadow:0 12px 30px #0000003d}.map-controls button:hover{color:var(--gold);border-color:#f4b86073}.game-fullscreen-active .hud-build-button{top:70px;left:16px}.game-fullscreen-active .hud-build-drawer{top:126px;left:16px}.game-fullscreen-active .terrain-grid{--cell-size:clamp(42px, 7.5vmin, 74px);--cell-gap:0px}.game-fullscreen-active .planet-label{bottom:18px;left:18px}.game-fullscreen-active .colony-panel{display:none}.game-resource-hud{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030a1294;border:1px solid #ffffff24;border-radius:20px;gap:8px;padding:7px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 14px 44px #00000038}.game-resource-hud div{text-align:center;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:14px;min-width:70px;padding:7px 9px}.game-resource-hud span{color:var(--soft);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:800;display:block}.game-resource-hud strong{color:var(--gold);margin-top:2px;font-size:1rem;display:block}.game-objective-hud{z-index:10;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#051220b3;border:1px solid #5eead438;border-radius:18px;width:min(430px,100% - 310px);min-width:220px;padding:10px 14px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #00000047}.game-objective-hud span{color:var(--teal);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:900;display:block}.game-objective-hud strong{color:var(--text);margin-top:3px;font-size:.92rem;display:block}.colony-section:not(.game-fullscreen-active) .game-objective-hud{display:none}.game-fullscreen-active .terrain-stage{place-items:center;padding:92px 16px;display:grid;position:absolute;inset:0}.game-fullscreen-active .map-controls{max-width:132px;bottom:18px;right:16px}.game-fullscreen-active .map-controls button{min-width:38px;padding:9px 10px}.game-fullscreen-active .game-back-button{background:#051220c7;border-radius:15px;min-width:92px;padding:10px 13px}@media (width<=760px){.game-fullscreen-active .colony-heading{max-width:96px;top:10px;left:10px}.game-fullscreen-active .game-back-button{min-width:0;padding:9px 11px;font-size:.78rem}.game-fullscreen-active .map-status{border-radius:15px;padding:8px 10px;top:10px;right:10px}.game-fullscreen-active .map-status strong{font-size:.82rem}.game-fullscreen-active .map-status span{display:none}.game-resource-hud{border-radius:16px;gap:5px;width:calc(100vw - 20px);padding:5px;top:50px}.game-resource-hud div{border-radius:12px;flex:1;min-width:0;padding:5px 4px}.game-resource-hud span{font-size:.56rem}.game-resource-hud strong{font-size:.86rem}.game-fullscreen-active .hud-build-button{border-radius:15px;padding:10px 12px;top:auto;bottom:16px;left:10px}.game-fullscreen-active .hud-build-drawer{width:min(340px,100vw - 20px);max-height:42vh;top:auto;bottom:70px;left:10px;overflow:auto}.game-fullscreen-active .terrain-stage{place-items:center;padding:106px 6px 120px}.game-fullscreen-active .terrain-grid{--cell-size:clamp(28px, 7.6vw, 38px);--cell-gap:0px;border-radius:20px;padding:16px;transform:none}.game-fullscreen-active .map-controls{gap:5px;max-width:116px;bottom:16px;right:10px}.game-fullscreen-active .map-controls button{border-radius:11px;min-width:35px;padding:8px 9px;font-size:.88rem}.game-fullscreen-active .planet-label{display:none}.game-objective-hud{border-radius:15px;width:calc(100vw - 166px);min-width:0;padding:8px 10px;bottom:72px}.game-objective-hud span{display:none}.game-objective-hud strong{margin:0;font-size:.76rem;line-height:1.18}.placement-confirm-card{width:134px;min-height:86px;transform:none}.placement-card-actions button{padding:6px;font-size:.64rem}}@media (width<=390px){.game-fullscreen-active .terrain-grid{--cell-size:clamp(25px, 7.05vw, 31px);--cell-gap:0px;padding:14px}.game-objective-hud{width:calc(100vw - 158px)}}.game-only-shell{overscroll-behavior:none;width:100dvw;height:100dvh;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.game-fullscreen-active{touch-action:none;width:auto;height:auto;min-height:100dvh;padding:0;position:fixed;inset:0;overflow:hidden}.game-fullscreen-active .colony-dashboard,.game-fullscreen-active .planet-map{width:auto;height:auto;min-height:100%;position:absolute;inset:0;overflow:hidden}.game-fullscreen-active.grid-map:before,.game-fullscreen-active .grid-map:before{display:none}.game-fullscreen-active .planet-map:after{content:none}.game-fullscreen-active .terrain-stage{transform-origin:50%;place-items:center;padding:0;display:grid;position:absolute;inset:0}.game-fullscreen-active .terrain-grid{--cell-size:clamp(34px, 7.2vmin, 58px);--cell-gap:0px;border-radius:16px;padding:0}.game-fullscreen-active [data-map-hud=true],.game-fullscreen-active .game-back-button{pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none}.game-fullscreen-active .colony-heading{left:max(10px, env(safe-area-inset-left));top:max(8px, env(safe-area-inset-top));z-index:40;pointer-events:none;width:auto;max-width:110px;position:fixed}.game-fullscreen-active .game-back-button{background:#051220b8;border-radius:14px;min-width:0;padding:9px 11px;font-size:.8rem}.game-fullscreen-active .map-status{top:max(8px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:34;border-radius:14px;padding:8px 10px;position:fixed}.game-fullscreen-active .map-status strong{font-size:.84rem}.game-fullscreen-active .game-resource-hud{top:max(8px, env(safe-area-inset-top));z-index:33;border-radius:16px;gap:5px;width:min(430px,100dvw - 210px);min-width:168px;padding:5px;position:fixed;left:50%;transform:translate(-50%)}.game-fullscreen-active .game-resource-hud div{border-radius:12px;flex:1 1 0;min-width:0;padding:5px 4px}.game-fullscreen-active .game-resource-hud span{font-size:.54rem}.game-fullscreen-active .game-resource-hud strong{font-size:.84rem}.game-fullscreen-active .hud-build-button{left:max(10px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));z-index:36;border-radius:15px;padding:11px 13px;position:fixed;top:auto}.game-fullscreen-active .hud-build-drawer{left:max(10px, env(safe-area-inset-left));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 58px);z-index:37;width:min(340px,100dvw - 20px);max-height:min(54dvh,380px);position:fixed;top:auto;overflow:auto}.game-fullscreen-active .map-controls{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:36;gap:6px;max-width:none;display:flex;position:fixed}.game-fullscreen-active .map-controls button{border-radius:12px;min-width:36px;padding:9px 10px;font-size:.9rem}.game-fullscreen-active .game-objective-hud{left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 56px);z-index:32;border-radius:15px;width:min(360px,100dvw - 32px);min-width:0;padding:8px 10px;position:fixed;transform:translate(-50%)}.game-fullscreen-active .game-objective-hud span{display:none}.game-fullscreen-active .game-objective-hud strong{margin:0;font-size:.78rem;line-height:1.18}@media (width<=760px){.game-fullscreen-active .terrain-stage{padding:0}.game-fullscreen-active .terrain-grid{--cell-size:clamp(30px, 7.4vw, 38px);border-radius:14px;padding:0}.game-fullscreen-active .game-resource-hud{top:calc(max(8px, env(safe-area-inset-top)) + 36px);width:calc(100dvw - 20px)}.game-fullscreen-active .map-status{top:max(8px, env(safe-area-inset-top))}.game-fullscreen-active .game-objective-hud{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 58px);width:calc(100dvw - 158px);max-width:260px}.placement-confirm-card{width:134px;min-height:86px;transform:none}.placement-card-actions button{padding:6px;font-size:.64rem}}@media (width<=390px){.game-fullscreen-active .terrain-grid{--cell-size:clamp(27px, 7.05vw, 32px);padding:0}.game-fullscreen-active .game-objective-hud{width:calc(100dvw - 152px)}}.game-top-meta{z-index:8;min-width:62px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#051220b8;border:1px solid #ffffff29;border-radius:18px;gap:2px;padding:10px 12px;display:grid;position:absolute;top:18px;right:100px}.game-top-meta span{color:var(--soft);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:900}.game-top-meta strong{color:var(--gold);font-size:.94rem}.hq-model .hq-status-badge{text-align:center;min-width:74px}.game-fullscreen-active .colony-heading{left:max(10px, env(safe-area-inset-left));top:max(8px, env(safe-area-inset-top));z-index:42;max-width:none}.game-fullscreen-active .game-back-button,.game-fullscreen-active .map-controls button,.game-fullscreen-active .map-status,.game-fullscreen-active .game-top-meta{box-sizing:border-box;border-radius:13px;justify-content:center;align-items:center;height:36px;padding:7px 10px;display:inline-flex}.game-fullscreen-active .game-back-button{min-width:76px;font-size:.76rem}.game-fullscreen-active .map-controls{top:max(8px, env(safe-area-inset-top));right:max(84px, calc(env(safe-area-inset-right) + 84px));z-index:39;gap:6px;max-width:none;display:flex;position:fixed;bottom:auto}.game-fullscreen-active .map-controls button{min-width:36px}.game-fullscreen-active .map-controls button:last-child{min-width:58px}.game-fullscreen-active .map-status{top:max(8px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:40;gap:4px;min-width:64px;position:fixed}.game-fullscreen-active .map-status span{display:none}.game-fullscreen-active .game-top-meta{top:max(8px, env(safe-area-inset-top));right:max(252px, calc(env(safe-area-inset-right) + 252px));z-index:38;min-width:64px;position:fixed}.game-fullscreen-active .game-top-meta span{display:none}.game-fullscreen-active .game-resource-hud{top:calc(max(8px, env(safe-area-inset-top)) + 44px);z-index:34;width:min(430px,100dvw - 20px);min-width:0}.game-fullscreen-active .terrain-stage{padding:78px 0 72px}.game-fullscreen-active .hud-build-button{left:max(10px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));z-index:38;top:auto}.game-fullscreen-active .hud-build-drawer{left:max(10px, env(safe-area-inset-left));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 58px);z-index:40;top:auto}.game-fullscreen-active .game-objective-hud{left:50%;bottom:max(10px, env(safe-area-inset-bottom));z-index:35;width:min(220px,100dvw - 330px);min-width:160px}.game-fullscreen-active .hud-placement-confirm-card{top:auto;left:50%;right:auto;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 60px);z-index:41;text-align:center;width:min(300px,100dvw - 24px);min-height:0;position:fixed;transform:translate(-50%)}@media (width<=760px){.game-fullscreen-active .colony-heading{left:max(8px, env(safe-area-inset-left));top:max(6px, env(safe-area-inset-top))}.game-fullscreen-active .game-back-button{min-width:70px;height:34px;padding:7px 8px;font-size:.72rem}.game-fullscreen-active .map-status{top:max(6px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));min-width:58px;height:34px;padding:7px 8px}.game-fullscreen-active .map-controls{top:max(6px, env(safe-area-inset-top));right:max(72px, calc(env(safe-area-inset-right) + 72px));gap:4px}.game-fullscreen-active .map-controls button{min-width:32px;height:34px;padding:7px 8px;font-size:.78rem}.game-fullscreen-active .map-controls button:last-child{min-width:50px}.game-fullscreen-active .game-top-meta{display:none}.game-fullscreen-active .game-resource-hud{top:calc(max(6px, env(safe-area-inset-top)) + 40px);gap:4px;width:calc(100dvw - 16px);padding:4px}.game-fullscreen-active .terrain-stage{padding:94px 0 78px}.game-fullscreen-active .game-objective-hud{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 56px);width:min(250px,100dvw - 32px);min-width:220px;padding:7px 8px}.game-fullscreen-active .game-objective-hud strong{font-size:.66rem}.game-fullscreen-active .hud-placement-confirm-card{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 112px);width:min(310px,100dvw - 20px)}.game-fullscreen-active .hq-model .hq-status-badge{min-width:78px;padding:4px 8px;font-size:.62rem;bottom:-22px}}@media (width<=390px){.game-fullscreen-active .map-controls{gap:3px;right:70px}.game-fullscreen-active .map-controls button{min-width:30px;padding:7px}.game-fullscreen-active .map-controls button:last-child{min-width:46px}.game-fullscreen-active .game-objective-hud{width:min(230px,100dvw - 32px);min-width:210px}}.game-fullscreen-active .section-heading.colony-heading{left:max(8px, env(safe-area-inset-left));top:max(6px, env(safe-area-inset-top));z-index:45;pointer-events:none;width:auto;max-width:none;margin:0;padding:0;display:block;position:fixed}.game-fullscreen-active .section-heading.colony-heading>div{display:none}.game-fullscreen-active .game-back-button{left:max(8px, env(safe-area-inset-left));top:max(6px, env(safe-area-inset-top));z-index:46;pointer-events:auto;touch-action:manipulation;justify-content:center;align-items:center;min-width:74px;height:34px;padding:7px 9px;display:inline-flex;position:fixed}.game-fullscreen-active .hq-model .hq-status-badge,.hq-model .hq-status-badge{color:#fff3d5;background:linear-gradient(135deg,#261805eb,#c47114db);border-color:#ffd266d1;min-width:78px;padding:4px 8px;bottom:-42px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000057,0 0 14px #ffb74147}.game-fullscreen-active .hq-model.building .hq-status-badge{bottom:-38px}@media (width<=760px){.game-fullscreen-active .game-back-button{min-width:70px;height:34px;font-size:.72rem}.game-fullscreen-active .hq-model .hq-status-badge{min-width:74px;font-size:.6rem;bottom:-42px}}.build-card{grid-template-columns:52px 1fr;align-items:center}.build-preview{background:radial-gradient(at 50% 88%,#00000057,#0000 58%),linear-gradient(145deg,#73522d33,#5eead414);border:1px solid #ffffff1f;border-radius:14px;place-items:end center;width:46px;height:42px;display:grid;position:relative;overflow:hidden}.preview-cabin{width:30px;height:25px;margin-bottom:4px;position:relative}.preview-cabin:before{content:"";background:repeating-linear-gradient(90deg,#9b6539 0 5px,#7b4d2d 5px 7px);border-radius:3px 3px 5px 5px;height:17px;position:absolute;bottom:0;left:2px;right:2px;box-shadow:inset 0 -4px #2d190c3d}.preview-cabin:after{content:"";clip-path:polygon(50% 0,100% 72%,92% 100%,8% 100%,0 72%);background:linear-gradient(160deg,#5a3b2d,#30221e);width:32px;height:14px;position:absolute;top:0;left:-1px}.preview-cabin i{z-index:2;background:#3d2719;border-radius:2px 2px 0 0;width:7px;height:11px;position:absolute;bottom:0;left:12px}.preview-cabin b{z-index:2;background:#ffd166;border-radius:1px;width:5px;height:5px;position:absolute;bottom:8px;right:6px;box-shadow:0 0 7px #ffd1669e}.game-fullscreen-active .map-controls .sound-toggle{min-width:36px;padding:7px 8px}.game-fullscreen-active .map-controls .sound-toggle.enabled{color:#bffff5;background:linear-gradient(135deg,#15534feb,#082634e6);border-color:#5eead4b8;box-shadow:0 0 12px #5eead433}.hq-model .hq-status-badge{color:#fff5dc;background:linear-gradient(135deg,#301c07f5,#c67112e6);border:1px solid #ffd266e6;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-width:86px;padding:5px 10px;display:inline-flex;bottom:-42px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #00000061,0 0 14px #ffb7414d}.game-fullscreen-active .hq-model .hq-status-badge:before,.hq-model .hq-status-badge:before{content:none}.game-fullscreen-active .hq-model .hq-status-badge:after,.hq-model .hq-status-badge:after{content:"";pointer-events:none;border:1px solid #ffd26661;border-radius:999px;position:absolute;inset:-5px -9px;box-shadow:inset 0 0 12px #ffd26629,0 0 12px #ffb84833}.hq-model.building .hq-status-badge{animation:1.25s ease-in-out infinite alternate badge-working-pulse;bottom:-38px}@keyframes badge-working-pulse{0%{filter:brightness()}to{filter:brightness(1.16)}}@media (width<=760px){.game-fullscreen-active .map-controls{right:max(70px, calc(env(safe-area-inset-right) + 70px))}.game-fullscreen-active .map-controls button:last-child{min-width:34px}.game-fullscreen-active .map-controls .sound-toggle{min-width:32px}.game-fullscreen-active .hq-model .hq-status-badge{min-width:82px;font-size:.6rem;bottom:-20px}.build-card{grid-template-columns:48px 1fr}}@media (width<=390px){.game-fullscreen-active .map-controls{gap:2px;right:68px}.game-fullscreen-active .map-controls button{min-width:28px;padding-left:6px;padding-right:6px}.game-fullscreen-active .map-controls button:nth-child(3){min-width:42px}}.game-only-shell{background:radial-gradient(circle at 32% 18%,#ffde8e21,#0000 22%),radial-gradient(circle at 78% 74%,#409cac2e,#0000 30%),linear-gradient(160deg,#0a1823 0%,#092534 48%,#051018 100%)}.game-fullscreen-active .planet-map:before{content:"";pointer-events:none;opacity:.7;filter:blur(.15px);background:radial-gradient(at 72% 46%,#ffffff2e 0 2%,#0000 8%),radial-gradient(at 74% 48%,#79d2db33 0 12%,#0000 32%),repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 18px),linear-gradient(120deg,#ffffff0f,#0000 44%,#00000024);position:absolute;inset:-12%}.terrain-grid{background-color:#5d963d;background-image:radial-gradient(at 50% 10%,#efffa857 0 8%,#0000 30%),radial-gradient(at 12% 72%,#1c532047 0 9%,#0000 30%),linear-gradient(#e8f58e6b,#54923929 40%,#1e59267a),url(/assets/textures/grass005-color-512.webp);background-size:100% 100%,100% 100%,100% 100%,220px 220px;border:0;border-radius:28px;box-shadow:0 46px 80px #00000070,0 18px #5c421eb8,0 28px #26593485,0 0 0 12px #e0b86061,0 0 0 20px #eedc8a38,0 0 0 34px #1f7a8638,inset 0 0 0 1px #ffffff2e,inset 0 20px 50px #fff8a61f,inset 0 -28px 55px #16462138}.terrain-grid:before{content:"";z-index:-1;pointer-events:none;filter:drop-shadow(0 24px 28px #0000005c);background:radial-gradient(at 52% 102%,#fff6ba8c 0 8%,#0000 26%),radial-gradient(at 100% 55%,#fff6ba6b 0 6%,#0000 21%),radial-gradient(at 0 30%,#fff6ba4d 0 5%,#0000 20%),linear-gradient(#eecd7de0,#825c2da8);border-radius:46px;position:absolute;inset:-34px}.terrain-grid:after{opacity:.22;background-image:linear-gradient(#eeffd60b 1px,#0000 1px),linear-gradient(90deg,#eeffd60b 1px,#0000 1px);border-radius:28px}.uniform-cell:nth-child(9n+2):before,.uniform-cell:nth-child(11n+5):before,.uniform-cell:nth-child(13n+8):before{content:"";pointer-events:none;background:radial-gradient(#d6ef7a2e,#0000 70%);border-radius:55% 45% 60% 40%;position:absolute;inset:18% 14%}.uniform-cell:nth-child(17n+4):after,.uniform-cell:nth-child(19n+9):after{content:"";pointer-events:none;background:radial-gradient(#305b2247,#0000 70%);border-radius:50%;height:13%;position:absolute;bottom:7%;left:8%;right:8%}.hq-rendered-sprite{z-index:2;object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 16px 13px #00000080)saturate(1.08)contrast(1.04);width:calc(100% + 68px);height:calc(100% + 36px);position:absolute;inset:-26px -34px -10px}.build-preview:after{content:"";filter:drop-shadow(0 8px 8px #0000006b);background:url(/assets/hq_start_base_sprite.svg?v=artpass2-anno-static) bottom/contain no-repeat;position:absolute;inset:2px 1px 0}.build-preview .preview-cabin{opacity:0}.game-fullscreen-active .hq-model .hq-status-badge,.hq-model .hq-status-badge{bottom:-42px}.game-fullscreen-active .hq-model.building .hq-status-badge,.hq-model.building .hq-status-badge{bottom:-38px}@media (width<=760px){.game-fullscreen-active .hq-model .hq-status-badge{bottom:-42px}.terrain-grid{border-radius:22px}.terrain-grid:before{border-radius:34px;inset:-24px}}.game-fullscreen-active .planet-map:after{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.72;background:radial-gradient(#0000 0 34%,#fff4bc1a 35%,#6fdbe31c 39%,#0000 44%),repeating-linear-gradient(150deg,#ffffff0b 0 1px,#0000 1px 22px),radial-gradient(at 74% 44%,#ffffff2e 0 1.6%,#0000 8%),radial-gradient(at 24% 72%,#ffffff1c 0 1.3%,#0000 7%);position:absolute;inset:-8%}.game-fullscreen-active .terrain-stage{z-index:3}.terrain-grid{clip-path:polygon(3% 9%,10% 3%,32% 0%,49% 3%,69% 1%,88% 8%,97% 21%,100% 47%,95% 72%,99% 91%,83% 99%,63% 96%,43% 100%,22% 96%,5% 85%,0% 62%,2% 42%,0% 22%);background-blend-mode:screen, multiply, soft-light, soft-light, normal;background-color:#5f9f43;background-image:radial-gradient(at 47% 34%,#def4742e 0 8%,#0000 30%),radial-gradient(at 70% 68%,#1d5c264d 0 13%,#0000 35%),radial-gradient(at 22% 77%,#b7d3581f 0 8%,#0000 28%),linear-gradient(#dded742e,#5b9d4047 39%,#1b52266b),url(/assets/textures/grass005-color-512.webp);border-radius:32px 46px 36px 42px;box-shadow:0 54px 86px #0000006b,0 18px #715227b8,0 29px #31683d80,0 0 0 10px #e5c67a80,0 0 0 18px #faeda847,0 0 0 32px #3493993b,inset 0 0 0 1px #fff3,inset 12px 26px 52px #fff8a921,inset -18px -31px 60px #143f1f42}.terrain-grid:before{background:radial-gradient(at 50% 101%,#fff7bea3 0 7%,#0000 25%),radial-gradient(at 100% 56%,#fff7be8a 0 6%,#0000 23%),radial-gradient(at 0 30%,#fff7be66 0 5%,#0000 22%),radial-gradient(at 72% 1%,#fff7be61 0 5%,#0000 19%),linear-gradient(#ebcd81eb,#7d582bab);border-radius:58px 72px 60px 68px;inset:-40px}.uniform-cell::selection{background:0 0}.uniform-cell{background:#1e763429}.uniform-cell:nth-child(3n){background:#23823821}.uniform-cell:nth-child(5n){background:#18682f1f}.uniform-cell:nth-child(7n){background:#48903a1a}.terrain-grid.build-mode .uniform-cell.placeable{background-color:#23873a21}.terrain-grid.build-mode .uniform-cell.placeable:hover{background-color:#58b04642}.terrain-deco{z-index:11;left:calc(var(--deco-x) * var(--cell-size) + (var(--cell-size) / 2) + var(--deco-drift));top:calc(var(--deco-y) * var(--cell-size) + (var(--cell-size) / 2));width:calc(var(--cell-size) * .72);height:calc(var(--cell-size) * .46);pointer-events:none;transform:translate(-50%, -48%) scale(var(--deco-scale));filter:drop-shadow(0 7px 5px #00000052);position:absolute}.terrain-deco-rock{background:radial-gradient(circle at 32% 26%,#b8b6a6,#6c766d 52%,#2f3f39 100%);border-radius:48% 52% 44% 56%}.terrain-deco-bush{height:calc(var(--cell-size) * .58);background:radial-gradient(circle at 30% 44%,#a5d85f 0 18%,#0000 35%),radial-gradient(circle at 55% 35%,#7cb84a 0 22%,#0000 43%),radial-gradient(circle at 70% 55%,#477b34 0 25%,#0000 49%);border-radius:55% 45% 45% 55%}.terrain-deco-flowers{height:calc(var(--cell-size) * .34);background:radial-gradient(circle at 20% 45%,#f7d46a 0 9%,#0000 15%),radial-gradient(circle at 42% 33%,#ffd7ef 0 8%,#0000 15%),radial-gradient(circle at 66% 48%,#f4b860 0 8%,#0000 16%),radial-gradient(#406f2d8c,#0000 65%)}.hq-ground-integration{z-index:1;filter:blur(.15px)drop-shadow(0 7px 6px #00000047);opacity:.92;background:radial-gradient(at 46% 45%,#6e461f75 0 22%,#0000 58%),radial-gradient(at 55% 72%,#ebce8657 0 16%,#0000 53%),linear-gradient(95deg,#0000 0 16%,#e5c1746b 18% 34%,#0000 39% 100%);border-radius:52% 48% 46% 54%;height:58px;position:absolute;bottom:1px;left:6px;right:6px}.hq-model.built .hq-status-badge{opacity:.82}.terrain-grid{background-blend-mode:screen, multiply, soft-light, normal;background-color:#16834a;background-image:radial-gradient(at 47% 34%,#98de5314 0 8%,#0000 30%),radial-gradient(at 70% 68%,#05361e61 0 13%,#0000 35%),radial-gradient(circle at 18% 82%,#137d374d 0 7%,#0000 24%),linear-gradient(#31a755 0%,#168048 50%,#0f5636 100%)}@media (width<=760px){.game-fullscreen-active .tree-actor{filter:drop-shadow(0 7px 5px #00000057);animation:none}.game-fullscreen-active .terrain-grid{clip-path:polygon(4% 8%,21% 2%,48% 1%,75% 4%,94% 16%,99% 46%,95% 83%,73% 99%,40% 96%,12% 90%,1% 63%,1% 28%);box-shadow:0 28px 46px #0000005c,0 10px #7152278f,0 0 0 8px #e0b8604d,0 0 0 17px #3493992e,inset 0 0 0 1px #ffffff24}.game-fullscreen-active .game-resource-hud,.game-fullscreen-active .map-controls button,.game-fullscreen-active .hud-build-drawer,.game-fullscreen-active .map-status{-webkit-backdrop-filter:none;backdrop-filter:none}.terrain-deco{filter:drop-shadow(0 4px 3px #00000042)}}.terrain-grid{clip-path:none;background-color:#0000;background-image:url(/assets/rendered/island_citybuilder_pass.webp?v=blender-citybuilder-pass-1);background-position:50%;background-repeat:no-repeat;background-size:112% 112%;border-radius:40px;box-shadow:0 42px 88px #0006}.terrain-grid:before{content:none}.terrain-grid:after{opacity:.18;mix-blend-mode:overlay;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);border-radius:38px}.terrain-grid.build-mode:after{opacity:.56;background-image:linear-gradient(#ffeb9657 1px,#0000 1px),linear-gradient(90deg,#ffeb9657 1px,#0000 1px)}.uniform-cell,.uniform-cell:nth-child(3n),.uniform-cell:nth-child(5n),.uniform-cell:nth-child(7n){background:0 0}.uniform-cell:before,.uniform-cell:after,.terrain-deco,.tree-actor{opacity:.28}.terrain-grid.build-mode .uniform-cell.placeable{background:#ffe07a14}.terrain-grid.build-mode .uniform-cell.placeable:hover{background:#ffe88e38}.hq-rendered-sprite{filter:drop-shadow(0 18px 14px #0000007a)saturate(1.04)contrast(1.02);width:calc(100% + 108px);height:calc(100% + 52px);inset:-44px -54px -8px}.build-preview:after{background-image:url(/assets/rendered/hq_baked_citybuilder.webp?v=blender-citybuilder-pass-1)}.game-fullscreen-active .planet-map{background:radial-gradient(#24745038 0 18%,#0000 38%),radial-gradient(at 66% 42%,#97dddb3d 0 8%,#0000 25%),linear-gradient(145deg,#073149 0%,#0a6076 42%,#063247 70%,#031019 100%)}@media (width<=760px){.terrain-grid{background-size:122% 118%;border-radius:26px}.terrain-grid:after{opacity:.12}.uniform-cell:before,.uniform-cell:after,.terrain-deco,.tree-actor{opacity:.18}}.hq-model{transform:translateY(calc((1 - var(--hq-visual-progress)) * 8px)) scale(.88);filter:drop-shadow(0 15px 13px #00000080)saturate(1.02)}.hq-three-stage{inset:-10px -8px -6px}.hq-rendered-sprite{width:calc(100% + 68px);height:calc(100% + 36px);inset:-28px -34px -4px}