:root{color:#edf4ec;font-synthesis:none;text-rendering:optimizelegibility;--ink:#edf4ec;--muted:#a9bbb7;--deep:#071619;--panel:#081d20e0;--panel-light:#112f31e0;--line:#afd0c640;--gold:#d8a85e;--gold-bright:#f0c77d;--valid:#80c898;--invalid:#d98174;background:#071619;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:var(--deep)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.app-shell{isolation:isolate;background:#0b282d;width:100%;height:100dvh;position:relative;overflow:hidden}.world-stage,.world-stage>div,.world-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.world-stage:after{content:"";pointer-events:none;background:linear-gradient(#04121414,#0000 45%,#040e102e);position:absolute;inset:0}.world-ready-signal{display:none}.screen-overlay{z-index:20;position:absolute;inset:0}.eyebrow{color:var(--gold-bright);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:750}.start-menu{-webkit-backdrop-filter:saturate(.72)brightness(.72);backdrop-filter:saturate(.72)brightness(.72);background:linear-gradient(90deg,#030f11e0 0%,#0412149e 36%,#0517191f 72%),linear-gradient(#0000 55%,#030c0e75);grid-template-rows:1fr auto;grid-template-columns:minmax(19rem,38rem) 1fr;align-items:center;padding:clamp(2rem,5vw,6rem);animation:.6s ease-out both fade-in;display:grid}.start-vignette{pointer-events:none;background:radial-gradient(circle at 74% 42%,#0000 5%,#030b0d29 55%,#02080aad 110%);position:absolute;inset:0}.brand-lockup{z-index:1;text-shadow:0 4px 28px #000000db;border-left:1px solid #d8a85eb8;align-self:end;max-width:42rem;padding:0 0 clamp(2rem,8vh,6rem) 1.55rem;position:relative}.brand-lockup h1{letter-spacing:.075em;max-width:12ch;margin:.45rem 0 .15rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,6vw,6.7rem);font-weight:500;line-height:.88}.brand-subtitle{color:#cbd9d5;letter-spacing:.035em;margin:1rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,1.55vw,1.5rem);font-style:italic}.brand-mark{gap:.28rem;width:4rem;height:2.3rem;margin-bottom:1rem;display:flex;transform:skew(-12deg)}.brand-mark span{background:linear-gradient(#d8a85e8c,#d8a85e14);border:1px solid #f0c77dd1;flex:1}.brand-mark span:nth-child(2){transform:translateY(-.55rem)}.menu-actions{z-index:1;flex-direction:column;align-self:end;gap:.4rem;width:min(24rem,100%);margin:0 0 clamp(1rem,7vh,5rem) clamp(1rem,3vw,4rem);display:flex;position:relative}.menu-actions button{color:#c8d5d1;letter-spacing:.02em;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;min-height:3.1rem;padding:.8rem 1rem;font-size:.96rem;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex}.menu-actions button:hover{border-color:var(--line);color:#fff;background:#13363799;transform:translate(.25rem)}.menu-actions .primary-action{color:#fff3d8;background:linear-gradient(90deg,#875b29c7,#4c38239e);border-color:#f0c77d8c;justify-content:space-between;min-height:4.25rem;margin-bottom:.65rem;padding:1rem 1.25rem;font-family:Georgia,Times New Roman,serif;font-size:1.18rem;box-shadow:inset 0 0 0 1px #ffe8b714,0 10px 34px #0000004d}.menu-actions .primary-action:hover:not(:disabled){border-color:var(--gold-bright);background:linear-gradient(90deg,#a46f2ee0,#584026c2)}.menu-actions button:disabled{cursor:wait;opacity:.6}.menu-footer{z-index:1;color:#849794;letter-spacing:.14em;text-transform:uppercase;border-top:1px solid #afd0c629;grid-column:1/-1;justify-content:space-between;padding-top:1rem;font-size:.68rem;display:flex;position:relative}.menu-footer span:last-child{align-items:center;gap:.5rem;display:flex}.menu-footer i{background:#cc9b4f;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 10px #cc9b4f}.menu-footer .status-ready i{background:var(--valid);box-shadow:0 0 10px var(--valid)}.loading-overlay{-webkit-backdrop-filter:blur(8px)saturate(.7);backdrop-filter:blur(8px)saturate(.7);text-align:center;background:#041113bd;place-content:center;justify-items:center;padding:2rem;display:grid}.loading-overlay h1{letter-spacing:.035em;margin:.55rem 0 1.8rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,4.6rem);font-weight:500}.loading-overlay>p:last-child{color:var(--muted);letter-spacing:.08em;font-size:.8rem}.loading-line{background:#d2e5de26;width:min(30rem,72vw);height:2px;margin-bottom:1.2rem;overflow:hidden}.loading-line i{background:linear-gradient(90deg, var(--gold), #f6d79c);height:100%;box-shadow:0 0 18px var(--gold);transition:width .35s;display:block}.loading-insignia{width:4rem;height:4rem;margin-bottom:1.6rem;animation:8s linear infinite slow-turn;position:relative}.loading-insignia span{border:1px solid #f0c77d99;position:absolute;inset:0;transform:rotate(45deg)}.loading-insignia span:nth-child(2){inset:.65rem}.loading-insignia span:nth-child(3){background:var(--gold);inset:1.3rem;box-shadow:0 0 18px #d8a85e73}.hud{z-index:10;pointer-events:none;animation:.45s ease-out both fade-in;position:absolute;inset:0}.hud button,.hud select,.hud [role=button],.hud [data-ui-layer]{pointer-events:auto}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#051b1eeb,#082426b8 50%,#051b1eeb);border:1px solid #a8cfc42e;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:4.25rem;padding:.55rem .7rem;display:grid;position:absolute;top:1.15rem;left:1.2rem;right:1.2rem;box-shadow:0 10px 34px #0000003d}.topbar:before,.topbar:after{content:"";background:var(--gold);opacity:.7;width:4.5rem;height:1px;position:absolute;top:-1px}.colony-identity{align-items:center;gap:.75rem;min-width:0;display:flex}.colony-identity p,.world-status small{color:#8fa6a1;letter-spacing:.16em;margin:0 0 .15rem;font-size:.57rem}.colony-identity strong,.world-status strong{color:#f2f5ef;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:.94rem;font-weight:500;display:block;overflow:hidden}.empire-emblem{border:1px solid #d8a85e6b;gap:2px;width:2.1rem;height:2.25rem;padding:.3rem;display:flex;transform:skew(-8deg)}.empire-emblem span{background:linear-gradient(180deg, var(--gold), #d8a85e14);flex:1}.empire-emblem span:nth-child(2){transform:translateY(-.18rem)}.world-status{border-right:1px solid var(--line);border-left:1px solid var(--line);align-items:center;gap:.65rem;padding:0 1.1rem;display:flex}.sun-indicator{border:1px solid #f5cf84;border-radius:50%;width:1.35rem;height:1.35rem;box-shadow:0 0 12px #f5cf8473}.hud-utilities{justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.icon-button{color:#c9d7d3;cursor:pointer;background:#0e303294;border:1px solid #afd0c630;place-items:center;width:2.6rem;min-width:2.6rem;height:2.6rem;padding:0;transition:border-color .15s,background .15s,color .15s;display:inline-grid}.icon-button:hover{color:var(--gold-bright);background:#194141cc;border-color:#f0c77d8c}.quality-control{color:#8fa6a1;text-transform:uppercase;letter-spacing:.08em;background:#0e303294;border:1px solid #afd0c630;align-items:center;gap:.55rem;height:2.6rem;padding:0 .45rem 0 .75rem;font-size:.65rem;display:flex}.quality-control select{color:#e5eeeb;cursor:pointer;background:#0b292b;border:0;font-size:.72rem}.building-counter{border-left:2px solid var(--gold);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#051b1eb8;grid-template-columns:auto auto;column-gap:.55rem;min-width:7.8rem;padding:.6rem .75rem;display:grid;position:absolute;top:6rem;left:1.2rem}.building-counter small{color:#89a09b;letter-spacing:.12em;grid-column:1/-1;font-size:.52rem}.building-counter strong{font-family:Georgia,serif;font-size:1.35rem;font-weight:500}.building-counter span{color:#a9bbb7;align-self:end;padding-bottom:.16rem;font-size:.66rem}.notification{color:#e8efec;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#071f21e0;border:1px solid #d8a85e59;align-items:center;gap:.55rem;padding:.72rem 1rem;font-size:.8rem;animation:.25s ease-out both toast-in;display:flex;position:absolute;top:6.1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000040}.notification>span{background:var(--gold);width:.42rem;height:.42rem;box-shadow:0 0 8px var(--gold);border-radius:50%}.notification button{border:0;border-bottom:1px solid var(--gold);color:var(--gold-bright);cursor:pointer;background:0 0;margin-left:.6rem}.persistence-warning{color:#ffd8ca;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#341411eb;border:1px solid #e270587a;align-items:center;gap:.5rem;max-width:min(34rem,100vw - 18rem);padding:.65rem .85rem;font-size:.72rem;line-height:1.35;display:flex;position:absolute;top:6.1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000047}.persistence-warning.with-notification{top:9.4rem}.panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#071f22f0,#081a1de8);border:1px solid #afd0c638;box-shadow:0 18px 50px #00000057}.selection-panel{width:min(22rem,100vw - 2.4rem);padding:1.2rem;animation:.25s ease-out both panel-in;position:absolute;bottom:1.2rem;left:1.2rem}.panel-close{position:absolute;top:.65rem;right:.65rem}.selection-panel h2,.build-popover h2,.modal-panel h2,.tutorial-card h2{margin:.45rem 0 .55rem;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:500}.selection-panel>p:not(.eyebrow){color:#aebfba;margin:.6rem 0 1rem;font-size:.78rem;line-height:1.55}.building-thumbnail{background:radial-gradient(circle at 55% 25%,#386266,#102f32 55%,#081f22);border:1px solid #afd0c626;width:100%;height:7.2rem;margin:1rem 0;position:relative;overflow:hidden}.building-thumbnail img,.building-card-image img{object-fit:cover;width:100%;height:100%}.building-thumbnail img{object-position:50% 52%}.operational-status{color:#b7ddc2;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.45rem;margin:.75rem 0 1rem;font-size:.72rem;display:flex}.operational-status i{background:var(--valid);width:.48rem;height:.48rem;box-shadow:0 0 9px var(--valid);border-radius:50%}.panel-actions{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.panel-actions>button,.placement-actions button,.tutorial-card button,.modal-panel button{cursor:pointer;background:#123738ad;border:1px solid #afd0c63d;justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;padding:.55rem .7rem;display:inline-flex}.panel-actions>button:hover,.placement-actions button:hover,.tutorial-card button:hover,.modal-panel button:hover{background:#1c4746d1;border-color:#f0c77d8c}.danger-subtle{color:#e0aaa0!important}.remove-confirm{background:#511d1b57;border:1px solid #d9817452;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:.45rem;padding:.55rem;display:grid}.remove-confirm span{grid-column:1/-1;font-size:.75rem}.remove-confirm button{color:#f1c2bb;cursor:pointer;background:0 0;border:1px solid #d9817459;min-height:2.3rem}kbd{color:#dbe7e3;text-align:center;background:#00000038;border:1px solid #afd0c640;border-bottom-color:#afd0c673;border-radius:2px;min-width:1.45rem;padding:.12rem .3rem;font-family:inherit;font-size:.62rem;display:inline-block}.build-dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061d20e6;border:1px solid #afd0c638;align-items:center;gap:.6rem;min-height:3.6rem;padding:.42rem;display:flex;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000004d}.dock-category{cursor:pointer;background:linear-gradient(#2c4e4cb3,#143132b3);border:1px solid #d8a85e47;align-items:center;gap:.6rem;min-height:2.75rem;padding:.55rem .9rem;display:flex}.dock-category.active,.dock-category:hover{border-color:var(--gold);color:var(--gold-bright)}.dock-separator{background:var(--line);width:1px;height:2rem}.dock-hint{color:#93a9a4;padding-right:.55rem;font-size:.68rem}.build-popover{width:min(30rem,100vw - 2rem);padding:1rem;animation:.22s ease-out both panel-up;position:absolute;bottom:calc(100% + .65rem);left:50%;transform:translate(-50%)}.build-popover header{justify-content:space-between;align-items:flex-start;display:flex}.build-popover h2{margin-bottom:.8rem}.building-card{text-align:left;cursor:pointer;background:#0e2e309e;border:1px solid #afd0c62e;grid-template-columns:6.2rem 1fr auto;align-items:center;gap:.8rem;width:100%;min-height:7rem;padding:.65rem;display:grid}.building-card:hover{border-color:var(--gold);background:#183d3dd1}.building-card-image{background:radial-gradient(circle at 55% 35%,#477275,#102f32 70%);align-self:stretch;position:relative;overflow:hidden}.building-card-image img{object-position:50% 50%;transition:transform .18s,filter .18s;display:block}.building-card:hover .building-card-image img{filter:brightness(1.12)saturate(1.06);transform:scale(1.035)}.building-card strong{margin-bottom:.35rem;font-family:Georgia,serif;font-size:1.05rem;font-weight:500;display:block}.building-card small{color:#9fb1ad;font-size:.7rem;line-height:1.4;display:block}.building-card mark{color:var(--gold-bright);background:#d8a85e1f;margin-top:.5rem;padding:.15rem .35rem;font-size:.6rem;display:inline-block}.placement-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061d20eb;border:1px solid #afd0c638;width:min(25rem,100vw - 2.4rem);padding:.8rem;position:absolute;bottom:1.2rem;right:1.2rem;box-shadow:0 14px 42px #00000057}.placement-toolbar.valid{border-top:2px solid var(--valid)}.placement-toolbar.invalid{border-top:2px solid var(--invalid)}.placement-heading{align-items:center;gap:.65rem;display:flex}.placement-heading>span{border:1px solid;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:1.1rem;display:grid}.valid .placement-heading>span{color:var(--valid)}.invalid .placement-heading>span{color:var(--invalid)}.placement-heading small{color:#8ca19d;letter-spacing:.14em;font-size:.54rem;display:block}.placement-heading strong{margin-top:.12rem;font-family:Georgia,serif;font-size:.98rem;font-weight:500;display:block}.placement-toolbar>p{color:#c8d5d1;background:#ffffff0a;margin:.65rem 0;padding:.5rem .6rem;font-size:.72rem}.placement-actions{grid-template-columns:1fr 1.2fr 1fr;gap:.45rem;display:grid}.placement-actions button{min-height:2.7rem;font-size:.7rem}.placement-actions .confirm-build{color:#e5f6e9;background:#316f47ad;border-color:#80c8988c}.placement-actions .confirm-build:disabled{cursor:not-allowed;opacity:.4}.minimap-shell{position:absolute;top:6.1rem;right:1.2rem}.minimap-frame{clip-path:polygon(0 0,90% 0,100% 12%,100% 100%,10% 100%,0 88%);background:#0b3547;border:1px solid #afd0c642;width:12.8rem;height:10.4rem;position:relative;overflow:hidden;box-shadow:0 10px 34px #00000047}.minimap-frame canvas{cursor:crosshair;opacity:.95;width:100%;height:100%}.north-mark{color:var(--gold-bright);font-family:Georgia,serif;font-size:.72rem;position:absolute;top:.4rem;right:.55rem}.map-label{color:#d3dedb;letter-spacing:.12em;background:#051619ad;padding:.18rem .3rem;font-size:.5rem;position:absolute;bottom:.35rem;left:.55rem}.minimap-toggle{display:none}.tutorial-card{width:min(23rem,100vw - 2rem);padding:1rem;animation:.35s ease-out .35s both panel-in;position:absolute;top:7rem;left:50%;transform:translate(-50%)}.tutorial-card ul{color:#aec0bb;gap:.45rem;margin:.8rem 0 1rem;padding:0;font-size:.74rem;list-style:none;display:grid}.tutorial-card li{align-items:center;gap:.5rem;display:flex}.tutorial-card button{width:100%}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020c0ead;place-items:center;padding:1rem;animation:.2s ease-out both fade-in;display:grid;position:absolute;inset:0}.modal-panel{width:min(42rem,100%);max-height:min(42rem,88dvh);padding:1.5rem;position:relative;overflow:auto}.modal-panel>h2{margin-bottom:1.35rem;font-size:2rem}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:.8rem 0;display:flex}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:.85rem}.setting-row small{color:#91a6a1;max-width:28rem;margin-top:.22rem;font-size:.68rem;line-height:1.4}.setting-row select{border:1px solid var(--line);color:#edf4ec;background:#0b292b;min-height:2.4rem;padding:.4rem .7rem}.setting-row input{width:1.3rem;height:1.3rem;accent-color:var(--gold)}.inline-confirm{gap:.35rem;display:flex}.controls-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.controls-grid>div{color:#b9c9c5;background:#0e2d2f6b;border:1px solid #afd0c624;grid-template-columns:5.5rem 1fr;align-items:center;min-height:3rem;padding:.55rem;font-size:.75rem;display:grid}.controls-grid kbd{justify-self:start}.modal-copy{color:#b2c2be;line-height:1.7}.about-seal{background:#d8a85e0f;border:1px solid #d8a85e3d;align-items:center;gap:1rem;margin-top:1.3rem;padding:1rem;display:flex}.about-seal>span{border:1px solid var(--gold);width:3.2rem;height:3.2rem;color:var(--gold-bright);place-items:center;font-family:Georgia,serif;display:grid}.about-seal strong,.about-seal small{display:block}.about-seal small{color:#8fa39e;margin-top:.25rem;font-size:.66rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes panel-up{0%{opacity:0;transform:translate(-50%,.7rem)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-.4rem)}to{opacity:1;transform:translate(-50%)}}@keyframes slow-turn{to{transform:rotate(360deg)}}@media (width<=900px){.topbar{grid-template-columns:1fr auto}.world-status{display:none}.colony-identity strong{max-width:13rem}.quality-control span{display:none}.minimap-frame{width:10.7rem;height:8.7rem}.selection-panel{width:19rem}}@media (width<=700px){.start-menu{padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(#0517192e,#0412148c 40%,#030f11f0 100%);flex-direction:column;justify-content:flex-end;align-items:stretch;display:flex}.brand-lockup{align-self:stretch;padding:0 0 1.8rem 1rem}.brand-lockup h1{font-size:clamp(2.75rem,14vw,4.2rem)}.brand-subtitle{font-size:1.05rem}.brand-mark{width:3rem;height:1.75rem}.menu-actions{align-self:stretch;width:100%;margin:0}.menu-actions button{min-height:3rem}.menu-actions .primary-action{min-height:3.8rem}.menu-footer{margin-top:1rem}.topbar{top:max(.5rem, env(safe-area-inset-top));min-height:3.55rem;padding:.4rem;left:.55rem;right:.55rem}.empire-emblem{width:1.75rem;height:1.9rem}.colony-identity p{display:none}.colony-identity strong{max-width:9.5rem;font-size:.78rem}.quality-control{display:none}.hud-utilities{gap:.25rem}.icon-button{width:2.65rem;min-width:2.65rem;height:2.65rem}.building-counter{top:4.8rem;left:.55rem}.notification{width:calc(100vw - 8.5rem);padding:.58rem .65rem;font-size:.67rem;top:4.9rem}.persistence-warning{width:calc(100vw - 1.1rem);max-width:none;font-size:.65rem;top:8rem}.persistence-warning.with-notification{top:10.8rem}.minimap-shell{top:4.8rem;right:.55rem}.minimap-toggle{margin-left:auto;display:inline-grid}.minimap-frame{display:none}.minimap-shell.expanded{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020c0eb8;place-items:center;padding:3.5rem 1rem 5rem;display:grid;position:fixed;inset:0}.minimap-shell.expanded .minimap-toggle{top:max(1rem, env(safe-area-inset-top));position:absolute;right:1rem}.minimap-shell.expanded .minimap-frame{width:min(92vw,25rem);height:min(74vw,20rem);display:block}.build-dock{right:.55rem;bottom:max(.55rem, env(safe-area-inset-bottom));justify-content:space-between;left:.55rem;transform:none}.dock-category{flex:1;justify-content:center;min-height:3.15rem}.dock-hint,.dock-separator{display:none}.build-popover{bottom:calc(4.6rem + env(safe-area-inset-bottom));width:calc(100vw - 1.1rem);max-height:48dvh;position:fixed;overflow:auto}.selection-panel{right:.55rem;bottom:calc(4.6rem + env(safe-area-inset-bottom));width:auto;max-height:48dvh;left:.55rem;overflow:auto}.building-thumbnail{height:5rem}.selection-panel>p:not(.eyebrow){display:none}.placement-toolbar{right:.55rem;bottom:calc(4.6rem + env(safe-area-inset-bottom));width:auto;left:.55rem}.placement-actions{grid-template-columns:1fr 1.2fr 1fr}.placement-actions button{min-height:3rem;padding:.45rem .35rem}.placement-actions kbd{display:none}.tutorial-card{width:calc(100vw - 1.1rem);top:5rem}.tutorial-card h2{font-size:1.15rem}.tutorial-card ul{margin:.55rem 0}.modal-panel{max-height:86dvh;padding:1.15rem}.setting-row{align-items:flex-start}.controls-grid{grid-template-columns:1fr}.controls-grid>div{grid-template-columns:5rem 1fr}.panel-actions{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--hud-void:#041416f0;--hud-glass:#071f21e8;--hud-raised:#0e3031e0;--hud-line:#add3c53d;--hud-line-bright:#cae5d76b;--hud-gold:#dcb56e;--hud-gold-bright:#f5d594;--hud-shadow:#00090b94}.world-stage:after{background:radial-gradient(circle at 50% 48%,#0000 52%,#020d0f38 115%),linear-gradient(#0412140d,#0000 42%,#040e101f)}.topbar{clip-path:polygon(.65rem 0,calc(100% - .65rem) 0,100% .65rem,100% 100%,0 100%,0 .65rem);-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);background:linear-gradient(90deg,#d6ac6212,#0000 16% 84%,#d6ac6212),linear-gradient(#0b2a2bf5,#041719f0);border:0;grid-template-columns:minmax(17rem,1fr) auto minmax(17rem,1fr);min-height:4.65rem;padding:.55rem .65rem;top:1.25rem;left:1.35rem;right:1.35rem;box-shadow:inset 0 1px #dceee51f,inset 0 -1px #000000b8,0 14px 44px #00080a57}.topbar:before,.topbar:after{background:linear-gradient(90deg, transparent, var(--hud-gold), transparent);opacity:.92;width:6rem;top:0}.topbar:before{left:1rem}.topbar:after{right:1rem}.topbar-rail{background:linear-gradient(90deg,#0000,#aed5c647,#0000);height:1px;position:absolute;bottom:0;left:.65rem;right:.65rem;pointer-events:none!important}.colony-identity{gap:.9rem;padding-left:.25rem}.empire-emblem{background:linear-gradient(145deg,#dcaf621a,#071719b8);border-color:#ecc67f7a;width:2.65rem;height:2.9rem;padding:.42rem;position:relative;box-shadow:inset 0 0 0 1px #00000059,0 0 22px #dcaf6212}.empire-emblem:after{content:"";border:1px solid #e7c27e21;position:absolute;inset:.24rem}.empire-emblem span{background:linear-gradient(#f2c875,#9d682b 58%,#64421d40);box-shadow:0 0 8px #e3b56521}.identity-copy{min-width:0}.identity-copy p{color:#9db2ac;letter-spacing:.22em;font-weight:700}.identity-copy strong{letter-spacing:.015em;font-size:1.03rem}.identity-copy>span{color:#68827d;letter-spacing:.18em;margin-top:.18rem;font-size:.47rem;font-weight:700;display:block}.world-status{border-color:#b0d3c62e;min-width:17rem;padding:0 1.65rem}.world-status small{letter-spacing:.2em;align-items:center;gap:.5rem;display:flex}.world-status small b{color:#90c3a3;border-left:1px solid #d4e7dd2e;padding-left:.5rem;font-size:.47rem;font-weight:750}.world-status strong{margin-top:.14rem;font-size:.98rem}.sun-indicator{background:radial-gradient(circle,#f7d08238,#0000 65%);border-color:#f8d38dbd;width:2rem;height:2rem;position:relative;box-shadow:inset 0 0 12px #f6cc7d29,0 0 18px #f5cf842e}.sun-indicator:before,.sun-indicator:after,.sun-indicator i:before,.sun-indicator i:after{content:"";opacity:.52;background:linear-gradient(90deg,#0000 0 8%,#d6b56f 8% 17%,#0000 17% 83%,#d6b56f 83% 92%,#0000 92%);width:2.5rem;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-indicator:after{transform:translate(-50%,-50%)rotate(45deg)}.sun-indicator i:before{transform:translate(-50%,-50%)rotate(90deg)}.sun-indicator i:after{transform:translate(-50%,-50%)rotate(135deg)}.hud-utilities{gap:.35rem}.icon-button,.quality-control{background:linear-gradient(#163f3eba,#082325bd);border-color:#b4d7ca36;box-shadow:inset 0 1px #e7f4ed0d}.icon-button{width:2.78rem;min-width:2.78rem;height:2.78rem}.icon-button:hover{background:linear-gradient(#244f4ae0,#0f3030e0);border-color:#f0c77d9e;box-shadow:inset 0 1px #ffffff12,0 0 18px #d8a85e14}.quality-control{color:#8fa9a2;letter-spacing:.14em;height:2.78rem;padding-left:.85rem;font-size:.58rem}.quality-control select{color:#f0f5ef;background:#0a2a2c;border-left:1px solid #aed3c52b;min-height:1.75rem;padding:0 1.5rem 0 .55rem}.building-counter{border:0;border-left:2px solid var(--hud-gold);clip-path:polygon(0 0,calc(100% - .55rem) 0,100% .55rem,100% 100%,0 100%);background:linear-gradient(90deg,#051b1de0,#072223ba);grid-template-columns:auto 1fr;min-width:10rem;padding:.72rem .85rem .68rem .95rem;top:6.45rem;left:1.35rem;box-shadow:inset 0 1px #daece214,0 10px 26px #00090b33}.building-counter small{color:#829b94;letter-spacing:.17em;font-weight:700}.building-counter strong{color:#f4f1df;font-size:1.65rem;line-height:1.05}.building-counter span{color:#b7c6c1;align-self:center;font-size:.68rem}.building-counter em{color:#6f9c7d;letter-spacing:.16em;border-top:1px solid #b0d3c71f;grid-column:1/-1;margin-top:.34rem;padding-top:.32rem;font-size:.46rem;font-style:normal;font-weight:750}.panel,.selection-panel,.build-popover,.placement-toolbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#d5b16a0a,#0000 27%),linear-gradient(150deg,#082628f7,#041619f5);border-color:#b4dacc3b;box-shadow:inset 0 1px #e6f5ec12,inset 1px 0 #e6f5ec08,0 24px 62px #0007097a}.selection-panel{clip-path:none;border-top-color:#deb56a85;width:min(24.5rem,100vw - 2.7rem);padding:1.25rem;animation:none;bottom:1.35rem;left:1.35rem}.selection-panel:before,.build-popover:before,.placement-toolbar:before{content:"";background:linear-gradient(90deg, var(--hud-gold), transparent);width:4.5rem;height:1px;position:absolute;top:0;left:1rem}.selection-panel h2{margin-top:.7rem;font-size:1.7rem}.building-thumbnail{background:#0c3033;border-color:#b6d9cb38;height:8.5rem;margin:1.15rem 0 .85rem;box-shadow:inset 0 0 36px #00000047}.building-thumbnail:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#021012d1),linear-gradient(90deg,#ffffff0d 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#ffffff0d 1px,#0000 1px) 0 0/28px 28px;position:absolute;inset:0}.building-thumbnail>span{z-index:2;color:#c8d8d1;letter-spacing:.15em;font-size:.48rem;font-weight:750;position:absolute;bottom:.55rem;left:.65rem}.selection-facts{background:#ffffff05;border:1px solid #b1d5c824;grid-template-columns:1fr 1fr;margin:.85rem 0;display:grid}.selection-facts>span{padding:.58rem .68rem}.selection-facts>span+span{border-left:1px solid #b1d5c824}.selection-facts small,.selection-facts strong{display:block}.selection-facts small{color:#6f8c85;letter-spacing:.13em;margin-bottom:.22rem;font-size:.46rem}.selection-facts strong{color:#d8e2dd;font-size:.69rem;font-weight:600}.operational-status{border-left:1px solid var(--valid);background:linear-gradient(90deg,#64b1791a,#0000);margin-top:.65rem;padding:.5rem .65rem}.panel-actions>button,.placement-actions button{background:linear-gradient(#18403fc2,#0c282acc);border-color:#b5d7ca40;box-shadow:inset 0 1px #ffffff0d}.build-dock{clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#092729f7,#041719f7);border:1px solid #b9dacd30;min-height:4.4rem;padding:.4rem;bottom:1.35rem;box-shadow:inset 0 1px #ddf0e621,0 18px 46px #0007096b}.build-dock:before{content:"";background:linear-gradient(90deg, transparent, var(--hud-gold), transparent);height:1px;position:absolute;top:0;left:1rem;right:1rem}.dock-category{text-align:left;background:linear-gradient(90deg,#d0a85e12,#0000 52%),linear-gradient(#1f4845c7,#0e2e30d6);border-color:#d7ae634f;gap:.7rem;min-width:14.5rem;min-height:3.55rem;padding:.42rem .65rem}.dock-category:hover,.dock-category.active{border-color:var(--hud-gold);color:#fff1d3;background:linear-gradient(90deg,#d8a85e24,#0000 58%),linear-gradient(#27524ceb,#103132eb);box-shadow:0 0 24px #d8a85e14}.dock-icon{width:2.25rem;height:2.25rem;color:var(--hud-gold-bright);background:#04171952;border:1px solid #e0bc7747;place-items:center;display:grid}.dock-label{flex:1}.dock-label small,.dock-label strong{display:block}.dock-label small{color:#829b95;letter-spacing:.14em;margin-bottom:.16rem;font-size:.47rem;font-weight:750}.dock-label strong{color:#eaf0eb;font-family:Georgia,Times New Roman,serif;font-size:.96rem;font-weight:500}.dock-category>kbd{color:#9fb0ab;font-size:.54rem}.dock-hint{color:#78918b;letter-spacing:.04em;font-size:.61rem}.build-popover{clip-path:none;border-top-color:#e0b6697a;width:min(35rem,100vw - 2rem);padding:1.1rem;animation:none;bottom:calc(100% + .75rem)}.catalog-heading{align-items:center;gap:.85rem;display:flex}.catalog-heading>span{width:2.6rem;height:2.6rem;color:var(--hud-gold-bright);border:1px solid #ddb56c5c;place-items:center;font-family:Georgia,serif;font-size:1rem;display:grid}.catalog-heading h2{margin:.1rem 0 .08rem;font-size:1.35rem}.catalog-heading div>small{color:#7f9993;font-size:.58rem}.building-card{background:linear-gradient(90deg,#dbb2660d,#0000 55%),#0d2e30bd;border-color:#b8d9cc33;grid-template-columns:8.8rem 1fr auto;min-height:9.2rem;padding:.55rem}.building-card:hover{box-shadow:inset 3px 0 var(--hud-gold);background:linear-gradient(90deg,#dbb2661f,#0000 62%),#123838e0;border-color:#e6bc6fb8}.building-card-image{border:1px solid #bcdacd26}.building-card-image:after{content:"";background:linear-gradient(#0000 58%,#020f11ad);position:absolute;inset:0}.building-card-image i{z-index:2;color:#d4b06c;font-family:Georgia,serif;font-size:.7rem;font-style:normal;position:absolute;bottom:.42rem;left:.5rem}.building-card-copy .card-type{color:#b79052;letter-spacing:.14em;margin-bottom:.3rem;font-size:.48rem;font-weight:750}.building-card-copy>strong{margin-bottom:.4rem;font-size:1.2rem}.building-specs{flex-wrap:wrap;gap:.35rem;display:flex}.building-card mark{letter-spacing:.05em;background:#d8a85e14;border:1px solid #dbb16229}.card-arrow{width:2.1rem;height:2.1rem;color:var(--hud-gold-bright);border:1px solid #c4ded429;place-items:center;display:grid}.placement-toolbar{clip-path:polygon(.7rem 0,100% 0,100% 100%,0 100%,0 .7rem);width:min(28rem,100vw - 2.7rem);padding:.95rem;bottom:1.35rem;right:1.35rem}.placement-toolbar.valid,.placement-toolbar.invalid{border-top-width:1px}.placement-toolbar.valid:before{background:linear-gradient(90deg, var(--valid), transparent)}.placement-toolbar.invalid:before{background:linear-gradient(90deg, var(--invalid), transparent)}.placement-heading>span{border-radius:0;width:2.35rem;height:2.35rem;transform:rotate(45deg)}.placement-heading>span:first-letter{transform:rotate(-45deg)}.placement-heading strong{font-size:1.12rem}.placement-toolbar>p{background:linear-gradient(90deg,#ffffff0d,#0000);border-left:2px solid;margin-bottom:.35rem}.placement-readout{color:#708983;letter-spacing:.12em;gap:.9rem;margin:0 0 .7rem .65rem;font-size:.46rem;font-weight:700;display:flex}.placement-actions .confirm-build{background:linear-gradient(#397f4fd1,#225337d6);border-color:#80c8989e;box-shadow:inset 0 1px #e1ffe91a,0 0 18px #59aa6f14}.minimap-shell{top:6.45rem;right:1.35rem}.minimap-frame{clip-path:polygon(.75rem 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,0 100%,0 .75rem);background:#092c35;border-color:#bbded147;width:14.1rem;height:11.5rem;box-shadow:inset 0 0 0 1px #00000070,0 16px 40px #00080a57}.minimap-frame:before{content:"";z-index:2;pointer-events:none;border:1px solid #cfe7dd17;position:absolute;inset:.38rem}.minimap-frame canvas{filter:saturate(.92)contrast(1.08)}.north-mark{text-shadow:0 0 8px #f5cd8466;font-size:.78rem;top:.55rem;right:.68rem}.map-label,.map-scale{color:#cbd9d4;letter-spacing:.12em;background:#031416c2;padding:.2rem .34rem;font-size:.46rem;font-weight:700;bottom:.42rem}.map-scale{color:#9fafaa;border-bottom:1px solid #d9bd7c;position:absolute;right:.55rem}.notification{clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% .5rem,100% 100%,0 100%,0 .5rem);background:linear-gradient(#0c2c2cf5,#051b1df5);border-color:#dcb46970;top:6.55rem;box-shadow:0 16px 38px #00080a57}@media (width<=900px){.topbar{grid-template-columns:1fr auto}.minimap-frame{width:11.8rem;height:9.6rem}.selection-panel{width:21rem}}@media (width<=700px){.topbar{top:max(.5rem, env(safe-area-inset-top));min-height:4rem;padding:.38rem;left:.5rem;right:.5rem}.colony-identity{gap:.55rem;padding-left:.1rem}.empire-emblem{width:2.15rem;min-width:2.15rem;height:2.35rem;padding:.34rem}.identity-copy strong{max-width:8.4rem;font-size:.8rem}.identity-copy>span{display:none}.hud-utilities{gap:.2rem}.icon-button{width:2.7rem;min-width:2.7rem;height:2.7rem}.building-counter{min-width:8.75rem;padding:.56rem .65rem .5rem .72rem;top:5.05rem;left:.5rem}.building-counter strong{font-size:1.35rem}.building-counter em{display:none}.notification{top:5.1rem}.minimap-shell{top:5.05rem;right:.5rem}.build-dock{right:.5rem;bottom:max(.5rem, env(safe-area-inset-bottom));min-height:4.1rem;left:.5rem}.dock-category{min-width:0;min-height:3.25rem}.dock-label strong{font-size:.94rem}.build-popover{right:.5rem;bottom:calc(4.85rem + env(safe-area-inset-bottom));width:calc(100vw - 1rem);max-height:56dvh;left:.5rem;transform:none}.building-card{grid-template-columns:6.5rem 1fr auto;min-height:7.3rem}.building-card-copy .card-type,.building-specs mark:nth-child(2){display:none}.selection-panel{right:.5rem;bottom:calc(4.85rem + env(safe-area-inset-bottom));width:auto;max-height:54dvh;left:.5rem}.building-thumbnail{height:6rem}.selection-facts{margin-bottom:.55rem}.placement-toolbar{right:.5rem;bottom:calc(4.85rem + env(safe-area-inset-bottom));width:auto;left:.5rem}.placement-readout{display:none}.minimap-shell.expanded .minimap-frame{width:min(92vw,25rem);height:min(74vw,20rem)}}@media (width<=370px){.dock-category>kbd,.hud-utilities .icon-button:nth-of-type(2){display:none}.building-card{grid-template-columns:5.5rem 1fr}.card-arrow{display:none}}.hud-v2{--hud-v2-bg:#04181bf5;--hud-v2-raised:#0a2b2ef5;--hud-v2-line:#abcfc23d;--hud-v2-line-strong:#d6e8de6b;--hud-v2-brass:#d7ae63;--hud-v2-brass-bright:#f0d08c;--hud-v2-muted:#819b94;--hud-v2-text:#e6eee9}.hud-v2 .hud-topbar{z-index:20;clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#d5ab5e0f,#0000 18% 82%,#d5ab5e0d),linear-gradient(#08272afa,#031619fa);border:1px solid #d2b17042;grid-template-columns:minmax(14rem,.75fr) minmax(31rem,1.5fr) auto;gap:.5rem;min-height:4.1rem;padding:.42rem .5rem;display:grid;top:.75rem;left:.8rem;right:.8rem;box-shadow:inset 0 1px #ecf6f014,inset 0 -1px #0009,0 13px 34px #00080a5c}.hud-v2 .hud-topbar:before,.hud-v2 .hud-topbar:after{background:linear-gradient(90deg, transparent, var(--hud-v2-brass), transparent);width:5rem}.hud-v2 .topbar-rail{background:linear-gradient(90deg,#0000,#b1d3c640,#0000);left:.5rem;right:.5rem}.hud-v2 .colony-identity{border-right:1px solid #b6d5c921;gap:.72rem;padding:0 .35rem 0 .1rem}.hud-v2 .empire-emblem{background:linear-gradient(145deg,#d7a95b1c,#04171ad1);border-color:#e2bc747a;width:2.75rem;min-width:2.75rem;height:3rem;padding:.42rem;transform:skew(-7deg)}.hud-v2 .empire-emblem:after{inset:.23rem}.hud-v2 .identity-copy p{color:#8ba19b;letter-spacing:.21em;font-size:.47rem}.hud-v2 .identity-copy strong{color:#f1ead9;letter-spacing:.035em;font-size:.88rem}.hud-v2 .identity-copy>span{color:#607c76;letter-spacing:.16em;margin-top:.14rem;font-size:.45rem}.hud-status-strip{grid-template-columns:repeat(4,minmax(7rem,1fr));align-items:stretch;min-width:0;display:grid}.hud-status-item{min-width:0;color:var(--hud-v2-brass);border-right:1px solid #b7d6ca21;align-items:center;gap:.55rem;padding:.25rem .7rem;display:flex}.hud-status-item>span{min-width:0}.hud-status-item small,.hud-status-item strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hud-status-item small{color:#718c85;letter-spacing:.14em;margin-bottom:.16rem;font-size:.44rem;font-weight:700}.hud-status-item strong{color:#e6ece7;letter-spacing:.025em;font-family:Georgia,Times New Roman,serif;font-size:.83rem;font-weight:500}.hud-status-item strong[data-testid=building-count]{color:var(--hud-v2-brass-bright)}.hud-right-cluster{align-items:stretch;gap:.38rem;display:flex}.hud-clock{min-width:12.8rem;color:var(--hud-v2-brass);border-right:1px solid #b7d6ca21;align-items:center;gap:.52rem;padding:.28rem .72rem;display:flex}.hud-clock small,.hud-clock strong{white-space:nowrap;display:block}.hud-clock small{color:#708b84;letter-spacing:.15em;margin-bottom:.14rem;font-size:.43rem}.hud-clock strong{color:#e5ece7;font-size:.67rem;font-weight:600}.hud-speed{border:1px solid var(--hud-v2-line);color:#758f88;background:linear-gradient(#123838bf,#072023c7);grid-template-columns:auto auto;place-content:center;gap:.35rem;min-width:3.35rem;display:grid}.hud-speed strong{color:#dbe5df;font-size:.65rem}.hud-speed span{font-size:.52rem}.hud-v2 .hud-utilities{gap:.28rem}.hud-v2 .icon-button,.hud-v2 .quality-control{border-color:var(--hud-v2-line);background:linear-gradient(#143c3ccc,#072225d6);box-shadow:inset 0 1px #ebf6f00d}.hud-v2 .icon-button{width:2.65rem;min-width:2.65rem;height:2.65rem}.hud-v2 .icon-button:focus-visible,.hud-v2 button:focus-visible,.hud-v2 select:focus-visible,.hud-v2 canvas:focus-visible{outline:2px solid var(--hud-v2-brass-bright);outline-offset:2px}.hud-v2 .quality-control{height:2.65rem;padding-left:.62rem;font-size:.48rem}.hud-v2 .quality-control select{background:#08292c;min-height:1.6rem;font-size:.63rem}.hud-quick-stack{z-index:13;background:#04181beb;border:1px solid #b7d6ca2e;width:12.6rem;display:grid;position:absolute;top:5.45rem;left:.85rem;box-shadow:0 13px 30px #00080a4d}.hud-quick-stack>button{color:#9eb1ab;cursor:pointer;text-align:left;background:linear-gradient(90deg,#d3aa5e08,#0000);border:0;border-bottom:1px solid #b5d4c81f;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.48rem;min-height:2.35rem;padding:.38rem .58rem;display:grid}.hud-quick-stack>button:hover,.hud-quick-stack>button.active{color:#efe7d4;background:linear-gradient(90deg,#d8af6521,#0000)}.hud-quick-stack>button span{letter-spacing:.13em;font-size:.52rem;font-weight:750}.hud-quick-stack>button strong{color:var(--hud-v2-brass-bright);font-size:.62rem}.hud-quick-stack>button i{color:#657e78;font-size:.68rem;font-style:normal}.hud-quick-panel{border-left:2px solid var(--hud-v2-brass);background:linear-gradient(90deg,#d6ac6012,#0000);padding:.78rem}.hud-quick-panel small{color:#6f8b84;letter-spacing:.13em;font-size:.43rem;font-weight:700}.hud-quick-panel strong{color:#ece8db;margin:.35rem 0 .3rem;font-family:Georgia,Times New Roman,serif;font-size:.83rem;font-weight:500;display:block}.hud-quick-panel p{color:#95aaa4;margin:0;font-size:.63rem;line-height:1.5}.hud-v2 .notification{z-index:22;max-width:min(36rem,100vw - 30rem);top:5.4rem}.hud-v2 .persistence-warning{z-index:22;top:8.7rem}.hud-v2 .hud-command-panel{z-index:16;clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#dab1650d,#0000 30%),linear-gradient(160deg,#072629fa,#031619fa);border:1px solid #bed9cd45;border-top-color:#e0b86d85;width:min(20.5rem,100vw - 1.7rem);max-height:calc(100dvh - 6.6rem);padding:.82rem;animation:none;position:absolute;bottom:.85rem;left:auto;right:.85rem;overflow:auto;box-shadow:inset 0 1px #eef7f212,0 20px 52px #0007097a}.hud-v2 .hud-command-panel:before{background:linear-gradient(90deg, var(--hud-v2-brass), transparent);width:4.2rem;top:0;left:.85rem}.command-panel-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.command-panel-header h2{color:#f0eadc;margin:.2rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.22rem;font-weight:500}.hud-v2 .command-panel-header .panel-close{width:2.3rem;min-width:2.3rem;height:2.3rem;position:static}.hud-v2 .building-thumbnail,.placement-preview{background:radial-gradient(circle at 52% 38%,#2c5c60,#092a2e 72%);border:1px solid #b7d6ca2e;height:9.1rem;margin:.8rem 0;position:relative;overflow:hidden}.hud-v2 .building-thumbnail img,.placement-preview img{object-fit:cover;width:100%;height:100%}.hud-v2 .building-thumbnail:after,.placement-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000 54%,#021114c7),linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/24px 24px;position:absolute;inset:0}.hud-v2 .building-thumbnail>span{z-index:2}.command-description{color:#9fb2ac;margin:.6rem 0 .8rem;font-size:.68rem;line-height:1.48}.hud-v2 .selection-facts{margin:.7rem 0}.hud-v2 .operational-status{margin:.65rem 0 .75rem}.hud-v2 .panel-actions{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.hud-v2 .panel-actions>button{min-height:2.55rem;padding:.45rem;font-size:.66rem}.hud-v2 .minimap-shell{z-index:14;grid-template-columns:15.1rem 2.65rem;align-items:end;gap:.42rem;display:grid;position:absolute;inset:auto auto .85rem .85rem}.hud-v2 .minimap-frame{clip-path:none;background:#072b32;border:1px solid #bedbcf4d;width:15.1rem;height:14rem;transition:width .16s,height .16s;box-shadow:inset 0 0 0 1px #00000073,0 17px 42px #0007096b}.hud-v2 .minimap-frame:before{z-index:3;border-color:#d9ebe21c;inset:.28rem}.hud-v2 .minimap-frame canvas{filter:saturate(.9)contrast(1.1);width:100%;height:100%}.minimap-header{z-index:4;background:#031619db;border-bottom:1px solid #bedbcf29;justify-content:space-between;align-items:center;min-height:1.65rem;padding:0 .55rem;display:flex;position:absolute;top:0;left:0;right:0}.minimap-header span,.minimap-header strong{color:#9aada7;letter-spacing:.13em;font-size:.43rem}.minimap-header strong{color:var(--hud-v2-brass-bright)}.hud-v2 .north-mark{z-index:4;top:2rem}.hud-v2 .map-label,.hud-v2 .map-scale{z-index:4}.minimap-tools{gap:.35rem;display:grid}.hud-v2 .minimap-tools .icon-button,.hud-v2 .minimap-toggle{width:2.65rem;min-width:2.65rem;height:2.65rem;display:inline-grid}.hud-v2 .minimap-tools button:disabled{cursor:not-allowed;opacity:.38}.hud-v2 .minimap-shell.expanded .minimap-frame{width:min(29rem,100vw - 5rem);height:min(23rem,100vh - 7rem)}.hud-v2 .hud-build-dock{z-index:15;clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#08282bfa,#03171afa);border:1px solid #bedbcf38;min-width:36rem;min-height:3.15rem;padding:.28rem;display:block;position:absolute;bottom:.85rem;left:18.45rem;right:22.15rem;transform:none;box-shadow:inset 0 1px #eaf5ef1a,0 17px 44px #0007096e}.hud-v2 .hud-build-dock:before{background:linear-gradient(90deg, transparent, var(--hud-v2-brass), transparent);left:.65rem;right:.65rem}.build-category-strip{grid-template-columns:repeat(6,minmax(5.5rem,1fr));gap:.25rem;display:grid}.build-category-strip>button{color:#738d86;cursor:pointer;background:#09282bc2;border:1px solid #b9d8cc29;grid-template-columns:auto 1fr auto;place-items:center start;gap:.42rem;min-height:2.5rem;padding:.35rem .48rem;display:grid}.build-category-strip>button span{letter-spacing:.1em;text-overflow:ellipsis;font-size:.47rem;font-weight:750;overflow:hidden}.build-category-strip>button.available{color:#d9e3de;border-color:#dab1656b}.build-category-strip>button.available:hover,.build-category-strip>button.catalog-open{border-color:var(--hud-v2-brass);color:#fff0ce;background:linear-gradient(#464b36cc,#173430e6)}.build-category-strip>button.locked{cursor:not-allowed;opacity:.48}.build-category-strip kbd{font-size:.48rem}.hud-v2 .build-popover{background:linear-gradient(145deg,#dab1650d,#0000 24%),linear-gradient(#072629fc,#03171afc);border:1px solid #bedbcf40;border-top-color:#dfb66b85;width:auto;padding:.68rem;animation:none;position:absolute;bottom:calc(100% + .48rem);left:-1px;right:-1px;transform:none;box-shadow:0 20px 50px #0007097a}.catalog-header{grid-template-columns:1fr auto auto;align-items:center;gap:.7rem;margin-bottom:.58rem;display:grid}.hud-v2 .catalog-heading{gap:.62rem}.hud-v2 .catalog-heading>span{width:2.3rem;height:2.3rem}.hud-v2 .catalog-heading h2{margin:.06rem 0;font-size:1.05rem}.hud-v2 .catalog-heading div>small{font-size:.5rem}.catalog-availability{border-left:1px solid #bcd9cd24;border-right:1px solid #bcd9cd24;align-items:center;gap:.42rem;padding:.32rem .55rem;display:flex}.catalog-availability strong{color:var(--hud-v2-brass-bright);font-family:Georgia,serif;font-size:1.1rem;font-weight:500}.catalog-availability small{color:#718c85;letter-spacing:.13em;font-size:.42rem}.building-card-grid{grid-template-columns:repeat(5,minmax(8.5rem,1fr));gap:.42rem;display:grid}.hud-v2 .building-card{text-align:left;background:linear-gradient(#0f3435e6,#071f22eb);border:1px solid #b8d7cb2b;flex-direction:column;gap:0;min-width:0;min-height:10.7rem;padding:.35rem;display:flex;position:relative;overflow:hidden}.hud-v2 button.building-card{cursor:pointer}.hud-v2 .building-card-available{border-color:#dbb368a6;box-shadow:inset 0 0 0 1px #e0b86d1c}.hud-v2 .building-card-available:hover{border-color:var(--hud-v2-brass-bright);background:linear-gradient(#194441f5,#082527f5);box-shadow:inset 0 0 0 1px #f0cf8c2e,0 0 22px #d5a95c17}.hud-v2 .building-card-image{color:#7c9690;background:radial-gradient(circle at 52% 35%,#315f61,#0a2d30 72%);border:1px solid #bcdacd21;place-items:center;width:100%;height:5.4rem;min-height:5.4rem;display:grid}.hud-v2 .building-card-image:after{background:linear-gradient(#0000 52%,#021113b8)}.hud-v2 .building-card-image i{font-size:.55rem;bottom:.3rem;left:.38rem}.hud-v2 .building-card-copy{padding:.48rem .38rem .34rem;display:block}.hud-v2 .building-card-copy .card-type{color:#b59050;letter-spacing:.12em;margin-bottom:.24rem;font-size:.4rem;font-weight:750}.hud-v2 .building-card-copy>strong{color:#e8ede8;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.23rem;font-family:Georgia,Times New Roman,serif;font-size:.82rem;font-weight:500;display:block;overflow:hidden}.hud-v2 .building-card-copy>small:not(.card-type){color:#7f9791;min-height:1.65rem;font-size:.49rem;line-height:1.35;display:block}.building-costs{gap:.25rem;margin-top:.35rem;display:flex}.hud-v2 .building-card mark{color:#cbb77f;background:#d8a85e14;border:1px solid #dcb36629;margin:0;padding:.12rem .25rem;font-size:.43rem}.hud-v2 .building-card-locked{filter:saturate(.58);opacity:.66}.building-card-blueprint{background:linear-gradient(90deg,#bedcd00a 1px,#0000 1px) 0 0/16px 16px,linear-gradient(#bedcd00a 1px,#0000 1px) 0 0/16px 16px,radial-gradient(circle at 50% 42%,#214b4d,#09292c 72%)!important}.building-lock-label{color:#718b84;letter-spacing:.1em;align-items:center;gap:.25rem;margin-top:.32rem;font-size:.42rem;font-weight:700;display:inline-flex}.hud-v2 .placement-toolbar{width:min(20.5rem,100vw - 1.7rem)}.placement-preview{height:8.6rem}.hud-v2 .placement-heading>span{border-radius:0;width:2.05rem;height:2.05rem;transform:none}.hud-v2 .placement-heading strong{font-size:.88rem}.hud-v2 .placement-toolbar>p{background:linear-gradient(90deg,#ffffff0d,#0000);border-left:2px solid;margin:.55rem 0;padding:.48rem .55rem;font-size:.65rem}.hud-v2 .placement-readout{border:1px solid #b8d6cb24;grid-template-columns:repeat(3,1fr);gap:0;margin:.55rem 0;display:grid}.hud-v2 .placement-readout>span{padding:.45rem}.hud-v2 .placement-readout>span+span{border-left:1px solid #b8d6cb24}.hud-v2 .placement-readout small,.hud-v2 .placement-readout strong{display:block}.hud-v2 .placement-readout small{color:#6e8881;letter-spacing:.11em;margin-bottom:.18rem;font-size:.4rem}.hud-v2 .placement-readout strong{color:#d4ded8;font-size:.62rem;font-weight:600}.hud-v2 .placement-actions{grid-template-columns:1fr;gap:.38rem;display:grid}.hud-v2 .placement-actions button{text-transform:uppercase;letter-spacing:.08em;justify-content:flex-start;min-height:2.55rem;padding:.45rem .65rem;font-size:.62rem}.hud-v2 .placement-actions button kbd{margin-left:auto}.hud-v2 .placement-actions .confirm-build{color:#fff1cf;background:linear-gradient(#aa7d34,#745122);border-color:#e6c077b8;justify-content:center;box-shadow:inset 0 1px #ffeec140,0 0 18px #d6a95b1f}.hud-v2 .placement-actions .confirm-build:disabled{box-shadow:none;color:#6e8580;opacity:.65;background:#183333b8;border-color:#b4d3c729}@media (width<=1600px){.hud-v2 .hud-topbar{grid-template-columns:minmax(13rem,.75fr) minmax(15rem,1fr) auto}.hud-status-strip{grid-template-columns:repeat(2,minmax(7rem,1fr))}.hud-status-wide{display:none}.hud-v2 .hud-build-dock{left:16.8rem}.hud-v2 .minimap-shell{grid-template-columns:13.5rem 2.65rem}.hud-v2 .minimap-frame{width:13.5rem;height:11.7rem}}@media (width<=1180px){.hud-v2 .hud-topbar{grid-template-columns:minmax(12rem,1fr) auto}.hud-status-strip,.hud-clock{display:none}.hud-v2 .hud-build-dock{min-width:0;left:.75rem;right:.75rem}.hud-v2 .hud-command-panel,.hud-v2 .minimap-shell{bottom:4.55rem}.building-card-grid{grid-template-columns:repeat(5,minmax(9rem,1fr));overflow-x:auto}}@media (width<=760px){.hud-v2 .hud-topbar{top:max(.38rem, env(safe-area-inset-top));min-height:3.75rem;padding:.34rem;left:.4rem;right:.4rem}.hud-v2 .colony-identity{border-right:0}.hud-v2 .empire-emblem{width:2.15rem;min-width:2.15rem;height:2.35rem;padding:.34rem}.hud-v2 .identity-copy p,.hud-v2 .identity-copy>span{display:none}.hud-v2 .identity-copy strong{max-width:9.7rem;font-size:.7rem}.hud-speed,.hud-v2 .quality-control,.hud-v2 .hud-utilities .icon-button:nth-of-type(2){display:none}.hud-v2 .hud-right-cluster{justify-content:flex-end}.hud-quick-stack{top:calc(max(.38rem, env(safe-area-inset-top)) + 4.2rem);width:10.7rem;left:.4rem}.hud-quick-stack>button{min-height:2.05rem}.hud-v2 .notification{top:calc(max(.38rem, env(safe-area-inset-top)) + 4.25rem);width:min(14rem,100vw - 15rem);max-width:none;left:auto;right:3.65rem;transform:none}.hud-v2 .persistence-warning,.hud-v2 .persistence-warning.with-notification{width:calc(100vw - .8rem);top:8.9rem}.hud-v2 .minimap-shell{top:calc(max(.38rem, env(safe-area-inset-top)) + 4.2rem);display:block;bottom:auto;left:auto;right:.4rem}.hud-v2 .minimap-frame{display:none}.hud-v2 .minimap-tools{display:block}.hud-v2 .minimap-tools .icon-button:not(.minimap-toggle){display:none}.hud-v2 .minimap-shell.expanded{z-index:40;background:#020d0fd1;flex-direction:column;justify-content:center;align-items:center;padding:3.8rem .6rem 5rem;display:flex;position:fixed;inset:0}.hud-v2 .minimap-shell.expanded .minimap-frame{width:min(92vw,28rem);height:min(75vw,22rem);display:block}.hud-v2 .minimap-shell.expanded .minimap-tools{top:max(.75rem, env(safe-area-inset-top));position:absolute;right:.75rem}.hud-v2 .hud-build-dock{right:.4rem;bottom:max(.4rem, env(safe-area-inset-bottom));padding:.25rem;left:.4rem;overflow:hidden}.build-category-strip{scrollbar-width:none;gap:.22rem;display:flex;overflow-x:auto}.build-category-strip::-webkit-scrollbar{display:none}.build-category-strip>button{grid-template-columns:1fr;justify-items:center;min-width:5.25rem;min-height:3.05rem;padding:.28rem}.build-category-strip>button span{font-size:.4rem}.build-category-strip>button kbd,.build-category-strip>button>svg:last-child{display:none}.hud-v2 .build-popover{right:.4rem;bottom:calc(4rem + env(safe-area-inset-bottom));max-height:48dvh;position:fixed;left:.4rem;overflow-y:auto}.catalog-header{grid-template-columns:1fr auto}.catalog-availability{display:none}.building-card-grid{scroll-snap-type:x proximity;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:9.2rem;grid-auto-flow:column;display:grid;overflow-x:auto}.building-card-grid::-webkit-scrollbar{display:none}.hud-v2 .building-card{scroll-snap-align:start;min-height:10rem}.hud-v2 .hud-command-panel,.hud-v2 .placement-toolbar{right:.4rem;bottom:calc(4rem + env(safe-area-inset-bottom));width:auto;max-height:59dvh;left:.4rem}.hud-v2 .placement-preview,.hud-v2 .selection-panel .building-thumbnail{display:none}.hud-v2 .placement-readout{display:grid}.hud-v2 .placement-actions{grid-template-columns:1fr 1.15fr 1fr}.hud-v2 .placement-actions button{justify-content:center;min-height:2.85rem;padding:.35rem;font-size:.52rem}.hud-v2 .placement-actions button kbd{display:none}.hud-v2 .panel-actions{grid-template-columns:1fr 1fr}}@media (width<=410px){.hud-v2 .identity-copy strong{max-width:8.3rem;font-size:.64rem}.hud-quick-stack{width:9.8rem}.hud-quick-stack>button span{font-size:.46rem}.hud-v2 .notification,.hud-v2 .catalog-heading div>small{display:none}.hud-v2 .placement-readout>span{padding:.35rem .28rem}}