/* The colony is a spatial interface. Operational dialogs retain styles.css. */
.colony-interface{--night:#081612;--surface:#11251f;--amber:#efc787;background:#081612;scrollbar-color:#647754 #102019}
.game-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px;padding:14px 32px;border-bottom:1px solid #ac996237;background:linear-gradient(180deg,#182c22,#0d1e18);box-shadow:0 6px 24px #0003}
.game-header .brand>svg{width:36px;height:36px}.game-header .brand>span{font-size:2rem}.game-header .brand-product{font-size:.6875rem;margin-top:5px}.game-nav{display:flex;gap:6px;align-items:center}.game-nav a{display:flex;align-items:center;gap:9px;padding:12px 16px;font-size:.8125rem;min-height:44px;border:1px solid transparent;border-radius:6px;color:#bacbb5}.game-nav a[aria-current]{color:#ffdf9e;background:#9b844f17;border-color:#b5a16755;box-shadow:inset 0 -2px #c5ad6e66}.game-nav a:hover{background:#d5b97720;color:#ffe3ac}.game-nav svg{width:18px;height:18px}.game-account{display:flex;align-items:center;gap:17px}.game-account .user-name{font-size:.75rem}.game-account form{margin:0}.game-header .connection{font-size:.6875rem}
.colony-interface main{max-width:1680px;margin:0 auto;padding:0 32px 35px;width:100%}.colony-interface #operations{max-width:none}.world-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 24px}.world-toolbar h1{font:500 2rem/1.12 var(--display);color:#f4e7c5;letter-spacing:-.015em}.world-toolbar p{font-size:.8125rem;color:#afc4b0;margin-top:7px}.world-actions{display:flex;gap:24px;align-items:center}.world-actions .primary{box-shadow:inset 0 1px #fff4c7,0 3px 12px #0004;border:1px solid #f4d592;background:linear-gradient(#ecd49c,#d5ad63);color:#20271b;border-radius:5px}.world-actions .primary:hover{background:linear-gradient(#ffe4ad,#e2b96b)}.world-actions .motion-toggle{font-size:.75rem!important}
.colony-shell{display:grid;grid-template-columns:minmax(0,1fr) 266px;gap:0;align-items:stretch;border:1px solid #8e83504d;border-radius:12px;overflow:hidden;box-shadow:0 14px 55px #0005}.map-frame{position:relative;min-width:0;background:#0c1d18}.map-frame:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #04120c77;border:5px solid #0c221b55;z-index:3}.map-hud{position:relative;top:auto;left:auto;right:auto;padding:12px 18px;background:#10261d;border-bottom:1px solid #a4976a3f;display:flex;justify-content:space-between;gap:14px;align-items:center;z-index:4;pointer-events:none}.world-resources{display:flex;gap:0;margin:0;align-items:center;border:1px solid #bca56d77;border-radius:7px;background:linear-gradient(#152d24f2,#091b16f2);box-shadow:0 7px 18px #0005;pointer-events:auto;backdrop-filter:blur(10px)}.world-resources>div{display:flex;align-items:center;gap:12px;padding:11px 14px;border-right:1px solid #ad9c633f}.world-resources>div:last-child{border:0}.world-resources dt{display:flex;align-items:center;gap:7px;color:#d2dcc2;font-size:.6875rem}.world-resources dt svg{width:16px;height:16px;color:#dbbf81}.world-resources dd{margin:0;font-size:1.0625rem;color:#ffe3a5;font-weight:500;font-variant-numeric:tabular-nums}.world-night{display:flex;gap:7px;align-items:center;color:#ddd7b7;background:#0a1b16dc;border:1px solid #a4976a4f;border-radius:5px;padding:8px 10px;font-size:.6875rem;white-space:nowrap}.world-night svg{width:15px;height:15px;color:#d0c08c}
.map-viewport{position:relative;overflow:auto;scrollbar-width:thin;scrollbar-color:#8e8c5c #122a22;max-height:720px;min-height:520px;background:#11231c;scroll-behavior:auto;cursor:grab;overscroll-behavior-x:contain}.map-viewport:focus-visible{outline:2px solid var(--amber);outline-offset:-3px;z-index:5}.world-map{position:relative;isolation:isolate;width:100%;min-width:800px;aspect-ratio:3/2;transition:width .6s cubic-bezier(.22,1,.36,1);overflow:hidden}.world-map.map-zoomed{width:140%;min-width:1120px}.world-art{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;user-select:none;pointer-events:none}.world-map:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#05130d44,transparent 25%,transparent 80%,#06130e55);z-index:1}
.map-building{position:absolute;z-index:3;transform:translate(-50%,-100%);padding:0 0 28px;border:0;background:none;color:#f3eccf;text-align:left;min-width:165px;filter:drop-shadow(0 6px 9px #001008aa);transition:filter .2s;opacity:1!important}.building-entry{left:25%;top:55%}.building-workshop{left:50%;top:31%}.building-review{left:83%;top:17%}.building-delivery{left:77%;top:61%}.building-label{position:relative;display:flex;align-items:center;gap:9px;min-height:54px;padding:9px 12px;background:linear-gradient(155deg,#243e2df5,#0a231cf5);border:1px solid #c4ab6ca6;border-radius:6px;box-shadow:inset 0 0 0 3px #0c2118,inset 0 0 0 4px #b9aa7126;transition:background .2s,border-color .2s,transform .2s}.building-label strong{display:block;font-size:.8125rem;line-height:1.4;font-weight:600;color:#f3dfad;white-space:nowrap}.building-label small{display:block;font-size:.6875rem;color:#c1d1b8;white-space:nowrap;line-height:1.4}.building-glyph{width:26px;height:26px;display:grid;place-content:center;color:#d9c28a}.building-glyph svg{width:20px;height:20px}.building-count{font:600 1.0625rem/1 var(--font);color:#fff1bd;margin-left:5px;padding-left:11px;border-left:1px solid #b7a97755;min-width:24px}.building-pin{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:14px;height:14px;border:1px solid #fae4a7;border-radius:50%;background:#c59c4f;box-shadow:0 0 0 6px #e5c57819}.building-pin:before{content:'';position:absolute;bottom:13px;left:5px;width:1px;height:16px;background:#f2d79a}.map-building:not(:disabled):hover{filter:drop-shadow(0 8px 12px #000d)}.map-building:not(:disabled):hover .building-label,.map-building[aria-pressed=true] .building-label{background:linear-gradient(145deg,#526144f5,#263d2cf8);border-color:#ffe2a2;transform:translateY(-4px)}.map-building[aria-pressed=true] .building-pin{background:#fff0b1;box-shadow:0 0 0 8px #e5c57833}.map-building:focus-visible{outline:2px solid #ffecb3;outline-offset:6px;border-radius:6px}.map-building:disabled{filter:saturate(.4);cursor:wait}.has-running .building-workshop .building-pin{animation:beacon-light 2.8s ease-in-out infinite}.has-running .building-workshop .building-label{border-color:#ffe3a2}
.world-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:2}.world-atmosphere span{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffda78;box-shadow:0 0 9px #f8cd72aa;animation:firefly-drift 9s ease-in-out infinite;opacity:0}.world-atmosphere span:nth-child(1){left:12%;top:55%;animation-delay:-1s}.world-atmosphere span:nth-child(2){left:30%;top:72%;animation-delay:-4s}.world-atmosphere span:nth-child(3){left:46%;top:64%;animation-delay:-7s}.world-atmosphere span:nth-child(4){left:65%;top:44%;animation-delay:-2s}.world-atmosphere span:nth-child(5){left:89%;top:72%;animation-delay:-6s}.world-atmosphere span:nth-child(6){left:35%;top:32%;animation-delay:-3s}.world-atmosphere span:nth-child(7){left:74%;top:80%;animation-delay:-5s}.world-atmosphere span:nth-child(8){left:19%;top:80%;animation-delay:-8s}.world-atmosphere span:nth-child(9){left:57%;top:77%;animation-delay:-6.5s}.world-atmosphere span:nth-child(10){left:90%;top:34%;animation-delay:-2.5s}.world-atmosphere span:nth-child(11){left:61%;top:24%;animation-delay:-4.5s}.world-atmosphere span:nth-child(12){left:7%;top:32%;animation-delay:-8.5s}.world-water{position:absolute;left:44%;top:68%;width:21%;height:25%;border-radius:50%;background:radial-gradient(ellipse,#a3dbc317,transparent 65%);mix-blend-mode:screen;pointer-events:none;animation:waterlight 8s ease-in-out infinite}.workshop-beacon{position:absolute;left:49.65%;top:10%;width:1px;height:16%;background:linear-gradient(transparent,#ffe99c99);opacity:0;pointer-events:none;filter:drop-shadow(0 0 3px #ffdb7b)}.has-running .workshop-beacon{animation:work-beam 4s ease-in-out infinite}
.map-bottom{position:relative;bottom:auto;left:auto;right:auto;padding:10px 18px;background:#10261d;border-top:1px solid #a4976a3f;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:4;pointer-events:none}.map-bottom>span{display:flex;gap:7px;align-items:center;padding:9px 11px;color:#e7e6c9;background:#0a1c16ed;border:1px solid #b5a5714d;border-radius:5px;font-size:.6875rem;box-shadow:0 4px 16px #0005}.map-bottom>span svg{width:14px;height:14px;color:var(--amber)}.map-zoom{pointer-events:auto;background:#142c23f5;border-color:#b5a57188;color:#e6d39e;box-shadow:0 4px 16px #0005;font-size:.75rem;min-height:42px}.map-zoom:hover{background:#2b432d;border-color:#e2cb8a}.map-zoom[aria-pressed=true]{background:#514e2f;color:#ffe1a3}
.command-deck{position:relative;padding:24px 23px 22px;background:linear-gradient(150deg,#23382a,#10241c 65%,#1c2c20);border-left:1px solid #a99b6255;display:flex;flex-direction:column;gap:0}.command-deck:before{content:'';position:absolute;left:12px;right:12px;top:12px;bottom:12px;border:1px solid #c1b37516;pointer-events:none;border-radius:3px}.deck-heading{display:flex;align-items:center;gap:10px;margin-bottom:23px}.deck-heading h2{font:500 1.5rem/1 var(--display);color:#f4dfae}.deck-emblem{width:38px;height:38px;display:grid;place-items:center;color:#d9bf81;border:1px solid #b9a77666;border-radius:7px;background:#52633f22}.deck-emblem svg{width:27px;height:27px}#map-factory-name{font-size:1.0625rem;color:#f2e6c7;line-height:1.4;font-weight:500}.deck-state{font-size:.75rem;color:#b6d19c;margin-top:11px}.deck-activity{font-size:.8125rem;color:#c0cdb5;line-height:1.7;margin-top:12px}.command-deck>.button{margin-top:21px;width:100%;justify-content:space-between;background:#40523744;border-color:#ac9f6577;color:#ead9a6;font-size:.75rem}.deck-executors{border-top:1px solid #ad9d5e3b;margin-top:27px;padding-top:23px}.deck-executors h2{font-size:.75rem;font-weight:500;color:#d5d7b9;margin-bottom:18px}.deck-executors .executors{display:grid;gap:15px}.deck-executors .executor strong{font-size:.8125rem}.deck-executors .executor small{font-size:.6875rem;color:#b7c7ac}.deck-note{display:flex;gap:10px;margin-top:auto;padding-top:30px;font-size:.6875rem;color:#a5ba9f}.deck-note .pilot-orbit{flex-shrink:0;margin-top:3px}.deck-note strong{font-weight:500;color:#d8c797;font-size:.75rem}.deck-note p{margin-top:8px}.deck-note #acceptance-status{color:#a8ba9f;font-size:.6875rem;line-height:1.6}
.world-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 3px 25px;color:#a3b99e;font-size:.75rem}.world-caption .jobs-shortcut{font-size:.75rem!important;gap:10px}.world-caption svg{width:15px;height:15px}.colony-interface .production-section{padding-top:24px;border-top:1px solid #7f8e5944}.colony-interface .section-heading h2{font:500 1.5rem/1.2 var(--display);color:#e7ddbc}.colony-interface .production-section .section-heading h2:before{display:none}.colony-interface .factory{background:linear-gradient(120deg,#1d3425,#13271e);border-color:#8b8c5355;padding:22px 25px;border-radius:8px;box-shadow:none}.colony-interface .factory-name h3{font-size:1.0625rem}.colony-interface .policy-help{text-align:left;margin:10px 0 18px}.colony-interface .pipeline{gap:0}.colony-interface .stage-total{font-size:1.5rem;margin-top:12px}.colony-interface .stage-label svg{width:36px;height:36px;padding:9px;border-radius:5px;background:#253b27;box-shadow:none}.colony-interface .pipeline:before{top:18px}.colony-interface .stage-label span{background:#193022}.colony-interface .stage.is-working:after{top:17px}.colony-interface .jobs-section{margin-top:35px}.colony-interface .job-row{background:#11241a88;padding-left:18px;padding-right:18px}.colony-interface .job-row:hover{background:#213c29;box-shadow:none}.map-filter-note{padding:12px 15px;margin-top:14px;background:#39492c;border:1px solid #a89b6155;border-radius:5px;color:#f0deac;font-size:.8125rem}.game-footer{max-width:1616px;margin:0 auto;padding:20px 32px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #6e805044;color:#a7b99d;font-size:.6875rem}.colony-interface .login-panel{overflow:hidden;padding-top:0;background:#14291e;border-color:#a79b6455}.login-landscape{height:230px;margin:0 -30px 30px;background:linear-gradient(0deg,#14291e,transparent 60%),url('/static/world/colony.png') 50% 37%/cover}.colony-interface dialog{border-color:#9c8e5e;background:#152a20}.colony-interface .dialog-heading{background:linear-gradient(140deg,#283c2c,#14271e);border-bottom-color:#93835766}.colony-interface .dialog-heading h2{color:#f1dfb5}
@keyframes firefly-drift{0%,100%{opacity:.08;transform:translate(0,0)}25%{opacity:.75}50%{opacity:.2;transform:translate(18px,-30px)}75%{opacity:.8;transform:translate(-8px,-15px)}}@keyframes waterlight{0%,100%{opacity:.3;transform:scaleX(.85)}50%{opacity:.7;transform:scaleX(1.15)}}@keyframes beacon-light{0%,100%{box-shadow:0 0 0 6px #e5c57822,0 0 10px #ffdf8c55}50%{box-shadow:0 0 0 13px #e5c57808,0 0 20px #ffdf8c99}}@keyframes work-beam{0%,100%{opacity:.15;transform:scaleY(.8)}50%{opacity:.8;transform:scaleY(1)}}
@media(min-width:1700px){.map-viewport{max-height:790px}.world-toolbar{padding:34px 0 28px}.world-toolbar h1{font-size:2.25rem}}
@media(max-width:1190px){.game-header{padding:14px 24px;gap:15px}.game-nav a{padding:10px 12px;font-size:.75rem}.game-account{gap:12px}.game-header .brand-product{font-size:.6875rem}.game-account .user-name{display:none}.colony-interface main{padding-left:24px;padding-right:24px}.colony-shell{grid-template-columns:1fr}.map-viewport{max-height:620px;min-height:0}.world-map{min-width:800px}.command-deck{display:grid;grid-template-columns:1.1fr 1fr 1fr;column-gap:28px;row-gap:0;border-left:0;border-top:1px solid #a99b6255;padding:24px}.deck-heading{grid-column:1;grid-row:1;margin-bottom:12px}.command-deck #map-factory-name{grid-column:1;grid-row:2;font-size:.9375rem}.deck-state{grid-column:1;grid-row:3;margin-top:7px}.deck-activity{grid-column:2;grid-row:1/3;margin:0;align-self:center}.command-deck>.button{grid-column:2;grid-row:3;margin-top:10px;align-self:center}.deck-executors{grid-column:3;grid-row:1/4;border:0;margin:0;padding:0}.deck-note{grid-column:1/-1;padding-top:18px;margin-top:20px;border-top:1px solid #b4a26833;align-items:center}.deck-note>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.deck-note p{margin:0}.deck-note p br{display:none}.world-toolbar h1{font-size:1.875rem}.world-actions{gap:16px}.colony-interface .job-row{grid-template-columns:minmax(180px,1fr) 100px 120px 15px}.colony-interface .job-time{grid-column:1/3;grid-row:2}.colony-interface .row-arrow{grid-column:4;grid-row:1}.colony-interface .job-row>.badge{grid-column:3;grid-row:1}}
@media(max-width:850px){.game-header{flex-wrap:wrap;row-gap:12px;padding:16px 20px 0}.game-header .brand{order:1}.game-account{order:2;margin-left:auto}.game-nav{order:3;width:100%;justify-content:center;border-top:1px solid #a69b6233;padding-top:7px}.game-nav a{padding:12px 20px;border-radius:5px 5px 0 0}.game-header .brand>span{font-size:1.875rem}.game-header .brand>svg{width:32px;height:32px}.world-toolbar{align-items:flex-start;gap:17px}.world-toolbar h1{font-size:1.75rem}.world-toolbar p{max-width:32ch;line-height:1.6}.world-actions{flex-direction:column-reverse;align-items:flex-end;gap:6px}.world-actions .primary{white-space:nowrap;font-size:.75rem;padding:10px 13px}.world-actions .motion-toggle{font-size:.6875rem!important;min-height:32px}.world-night{display:none}.map-hud{padding:10px 14px}.world-resources{width:fit-content;max-width:100%}.map-bottom>span{max-width:275px;line-height:1.4}.map-viewport{height:535px}.world-map{min-width:800px}.world-map.map-zoomed{min-width:1120px}.command-deck{grid-template-columns:1fr 1fr;gap:0 24px}.deck-heading{grid-column:1;grid-row:1}.command-deck #map-factory-name{grid-column:1;grid-row:2}.deck-state{grid-column:1;grid-row:3}.deck-activity{grid-column:1;grid-row:4;margin-top:12px}.command-deck>.button{grid-column:1;grid-row:5;margin-top:14px}.deck-executors{grid-column:2;grid-row:1/6;align-self:center}.deck-note{grid-column:1/-1;grid-row:6}.deck-note>div{gap:9px 15px}.world-caption{font-size:.6875rem;padding-bottom:20px}.world-caption>span{max-width:290px}.game-footer{padding-left:24px;padding-right:24px}.colony-interface .factory-policy{max-width:210px;flex-wrap:wrap}.colony-interface .factory-policy label{width:100%;text-align:right}}
@media(max-width:580px){.colony-interface main{padding:0 12px 24px}.game-header{padding:15px 16px 0;gap:13px}.game-account{gap:9px}.game-header .connection{font-size:.6875rem}.game-account .text-button{font-size:.6875rem}.game-header .brand{gap:9px}.game-header .brand>span{font-size:1.75rem}.game-header .brand-product{font-size:.6875rem}.game-nav{gap:0;justify-content:space-around}.game-nav a{padding:10px 15px;font-size:.75rem}.world-toolbar{padding:21px 4px 18px;display:block}.world-toolbar h1{font-size:1.875rem}.world-toolbar p{font-size:.75rem;max-width:none}.world-actions{margin-top:16px;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}.world-actions .motion-toggle{font-size:.6875rem!important;min-height:44px}.colony-shell{border-radius:9px}.map-viewport{height:500px}.world-map{min-width:750px}.world-map.map-zoomed{min-width:1000px}.map-frame:after{border-width:3px}.map-hud{padding:10px 9px}.world-resources{width:100%;justify-content:space-around}.world-resources>div{padding:9px 8px;gap:7px;flex:1;justify-content:center}.world-resources dt{font-size:.6875rem;gap:5px}.world-resources dt svg{width:13px;height:13px}.world-resources dd{font-size:.9375rem}.map-bottom{padding:10px 9px;gap:9px;flex-wrap:wrap;align-items:center}.map-bottom>span{font-size:.6875rem;padding:8px;max-width:180px}.map-zoom{font-size:.6875rem;padding:8px 10px;min-height:44px;white-space:nowrap}.map-zoom svg{width:15px;height:15px}.building-label{padding:8px 10px;gap:7px;min-height:52px}.building-label strong{font-size:.75rem}.building-label small{font-size:.6875rem}.map-building{min-width:155px}.building-glyph{width:20px}.building-glyph svg{width:18px;height:18px}.building-count{font-size:1rem;padding-left:8px}.command-deck{padding:20px;column-gap:20px}.deck-heading{gap:8px;margin-bottom:13px}.deck-heading h2{font-size:1.375rem}.deck-emblem{width:30px;height:30px}.deck-emblem svg{width:21px;height:21px}#map-factory-name{font-size:.875rem!important}.deck-state{font-size:.6875rem}.deck-activity{font-size:.75rem;line-height:1.6}.deck-executors h2{font-size:.6875rem;line-height:1.6}.deck-executors .executor strong{font-size:.75rem}.deck-executors .executor small{font-size:.6875rem}.deck-executors .executors{gap:19px}.command-deck>.button{font-size:.6875rem;padding:9px;gap:4px}.command-deck>.button svg{width:14px}.deck-note{gap:9px;margin-top:20px;padding-top:17px}.deck-note>div{display:block}.deck-note p{font-size:.6875rem;margin-top:5px}.deck-note #acceptance-status{margin-top:6px}.world-caption{padding:8px 4px 20px;align-items:center}.world-caption>span{font-size:.6875rem;max-width:185px;line-height:1.6}.world-caption .jobs-shortcut{font-size:.6875rem!important;white-space:nowrap;gap:5px}.world-caption svg{width:14px}.colony-interface .production-section{padding-top:20px}.colony-interface .section-heading h2{font-size:1.375rem}.colony-interface .factory{padding:20px 18px}.colony-interface .factory-policy{max-width:none;flex-wrap:nowrap}.colony-interface .factory-policy label{width:auto;text-align:left}.colony-interface .pipeline:before{top:18px;bottom:22px;left:18px}.colony-interface .stage-label span{background:none}.colony-interface .stage-total{margin:0;font-size:1.375rem}.colony-interface .stage-label svg{width:36px;height:36px;box-shadow:0 0 0 3px #193022}.colony-interface .stage-note{padding-left:50px;margin-top:-5px}.colony-interface .stage.is-working:after{top:40px;left:17px}.colony-interface .job-row{grid-template-columns:minmax(0,1fr) auto 12px;padding:18px 12px}.colony-interface .job-row>.badge{grid-column:2;grid-row:2}.colony-interface .row-arrow{grid-column:3;grid-row:2}.colony-interface .job-time{grid-column:1/-1;grid-row:3}.game-footer{padding:18px 16px;font-size:.6875rem;flex-wrap:wrap;gap:8px}.colony-interface .login-panel{margin:30px 8px}.login-landscape{height:180px}}
@media(prefers-reduced-motion:reduce){.world-map{transition:none}.map-viewport{scroll-behavior:auto}.world-atmosphere span{opacity:.35}.workshop-beacon{display:none}}

.map-controls{display:flex;gap:7px;align-items:center;pointer-events:auto}.map-pan{width:44px;min-height:44px;padding:0;background:#142c23;border-color:#b5a57188;color:#e6d39e}.map-pan:hover{background:#2b432d}.map-pan svg{width:18px;height:18px}.map-viewport.is-panning{cursor:grabbing}.map-bottom>span{border:0;padding:0;background:none;box-shadow:none;max-width:220px}.map-building{cursor:pointer}
@media(max-width:580px){.map-bottom>span{max-width:none;flex:1 1 100%}.map-controls{width:100%;justify-content:flex-end}.map-controls .map-zoom{margin-left:auto}.map-bottom>span svg{flex-shrink:0}}