#colony-open{margin:8px 0;width:100%;padding:11px;background:#304c55;border:1px solid #72c8ca;border-radius:10px;color:#eff5f3;font-weight:700}#colony-panel{color:#edf1ed}#colony-panel[hidden]{display:none}body[data-colony=open] #inventory-items,body[data-colony=open] #action-title,body[data-colony=open] #action-copy,body[data-colony=open] #primary-action{display:none!important}.colony-resources{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.colony-resources span{background:#26333c;border:1px solid #52616a;border-radius:8px;padding:7px 9px;font-size:12px}.colony-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:40vh;overflow:auto}.colony-card{background:#2c363e;border:1px solid #5b6870;border-radius:12px;padding:10px}.colony-card img{width:100%;height:100px;object-fit:contain}.colony-card h3{margin:3px 0;color:#edf1ed!important;font-size:14px}.colony-card p{font-size:11px;line-height:1.4;color:#c2cccc!important;margin:5px 0}.colony-card button,#colony-panel button{border:1px solid #70b8b9;background:#32555b;color:#fff;border-radius:8px;padding:8px;cursor:pointer}.colony-card button:disabled{opacity:.5;cursor:default}.colony-cost{display:flex;flex-wrap:wrap;gap:4px;font-size:11px;margin:8px 0}.colony-cost span{padding:3px;border-radius:3px;background:#263039}.colony-cost .missing{color:#ffb28f}.colony-beds{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:9px 0}.colony-beds button{font-size:11px;min-height:56px}.colony-hud{position:fixed;left:20px;bottom:24px;background:#24313bdf;color:#f4f0e8;border:1px solid #627780;border-radius:12px;padding:10px 12px;max-width:250px;font:12px system-ui;z-index:10}.colony-hud .colony-resources{margin:0;gap:4px}.colony-hud .colony-resources span{padding:4px;border:0;font-size:11px}.colony-hud progress{width:100%;height:7px;accent-color:#72cdd0}.colony-hud button{background:none;border:0;color:#98e1dd;cursor:pointer;padding:5px 0}.colony-target{position:fixed;left:50%;top:55%;transform:translateX(-50%);pointer-events:none;background:#23313bda;color:#fff;padding:7px 12px;border:1px solid #83d6d5;border-radius:10px;font:12px system-ui;z-index:12}.colony-placement{position:fixed;left:50%;bottom:160px;transform:translateX(-50%);background:#26343ef2;color:#fff;padding:14px;border:1px solid #70b8b9;border-radius:12px;z-index:16;font:13px system-ui}.colony-placement button{margin:8px 4px 0;padding:9px;border:1px solid #73d1ce;border-radius:7px;background:#36555c;color:white}.colony-placement button:disabled{opacity:.4}.colony-hud[hidden],.colony-target[hidden],.colony-placement[hidden]{display:none}@media(max-width:800px){.colony-hud{left:8px;bottom:145px;max-width:160px;padding:6px;font-size:10px}.colony-list{max-height:32vh}.colony-card img{height:72px}.colony-placement{bottom:160px;min-width:240px}}body[data-inventory=open] .colony-hud{display:none}

.colony-list{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:hidden}.colony-card{min-width:0;overflow-wrap:anywhere}.colony-card button{max-width:100%;white-space:normal}#colony-panel{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.colony-beds{grid-template-columns:repeat(2,minmax(0,1fr))}.colony-card{padding:8px}.colony-card h3{font-size:13px}}

body[data-colony=open] #build-dock{overflow-x:hidden}

.guest-gameplay-intro,.guest-gameplay-menu{color:#f0f5f3;font:13px/1.5 system-ui}.guest-gameplay-intro{position:fixed;left:20px;bottom:24px;max-width:300px;padding:16px;background:#24313bed;border:1px solid #72b8bf;border-radius:14px;z-index:13}.guest-gameplay-intro strong,.guest-gameplay-menu strong{font-size:16px}.guest-gameplay-intro p,.guest-gameplay-menu p{margin:9px 0}.guest-gameplay-intro button,.guest-gameplay-menu button{padding:10px 14px;border:1px solid #8ed7d6;border-radius:8px;background:#345e65;color:#fff;font:inherit;font-weight:700;cursor:pointer}.guest-gameplay-intro[hidden],.guest-gameplay-menu[hidden]{display:none}.guest-gameplay-menu{padding:14px 4px}body[data-inventory=open] .guest-gameplay-intro{display:none}body[data-guest-gameplay=true] #inventory-items,body[data-guest-gameplay=true] #action-title,body[data-guest-gameplay=true] #action-copy,body[data-guest-gameplay=true] #primary-action{display:none!important}@media(max-width:800px){.guest-gameplay-intro{left:10px;bottom:150px;max-width:240px;padding:12px;font-size:12px}}@media(max-height:650px){.guest-gameplay-intro{bottom:120px;max-width:260px;max-height:35vh;overflow:auto}}

/* Illustrated gathering goals, shared with the adventure panel. */
.resource-goal{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e9b36b;border-radius:16px;background:#fff4dc;color:#563422;text-align:left;box-shadow:0 3px 0 #ac6b2720}
.resource-goal>img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 3px 2px #65361530)}
.resource-goal>div{flex:1;min-width:0}.resource-goal strong{display:block;font-size:15px}.resource-count{display:block;font-size:27px;line-height:1.25;font-variant-numeric:tabular-nums}.resource-count small{font-size:17px;color:#806348}
.resource-goal em{display:block;font-style:normal;font-size:13px;font-weight:750;color:#a64b17}.resource-goal.complete{border-color:#85b581;background:#eff5dd}.resource-goal.complete em{color:#397044}
.resource-goal meter{display:block;width:100%;height:10px;margin-top:5px}.resource-goal meter::-webkit-meter-bar{background:#e8d5b4;border:0;border-radius:10px}.resource-goal meter::-webkit-meter-optimum-value{background:#e98d2d;border-radius:10px}.resource-goal.complete meter::-webkit-meter-optimum-value{background:#70a65f}
.colony-hud{width:270px;max-width:270px;background:linear-gradient(145deg,#3b454aee,#233139ee);border:1px solid #a39172;border-radius:16px;box-shadow:0 5px 18px #0003}
.resource-goal-title{display:block;margin:0 0 7px;color:#ffe0a6;font-size:13px}.resource-goal-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hud-resource-goal{margin-bottom:10px}.hud-resource-goal[hidden]{display:none}
.colony-hud .resource-goal{gap:5px;padding:7px 5px;border-width:1px;border-radius:10px}.colony-hud .resource-goal>img{width:34px;height:40px}.colony-hud .resource-goal strong{font-size:11px}.colony-hud .resource-count{font-size:20px}.colony-hud .resource-count small{font-size:12px}.colony-hud .resource-goal em{font-size:10px}.colony-hud .resource-goal meter{height:7px}
.colony-resources .stock-resource{display:flex;align-items:center;gap:4px}.stock-resource>img{width:27px;height:30px;object-fit:contain}.stock-resource>i{font-style:normal}.colony-resources .stock-resource>span{background:none;border:0;padding:0;font-size:10px}.stock-resource b{display:block;font-size:15px;color:#fff2ce}.colony-hud .colony-resources{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.colony-hud .stock-resource{background:#18262b66;border-radius:8px}
@media(max-width:800px){.colony-hud{width:210px;max-width:210px}.colony-hud .resource-goal>img{width:25px}.colony-hud .resource-goal{gap:3px;padding:5px 3px}.colony-hud .stock-resource>img{width:20px}.colony-hud .stock-resource>span{font-size:9px}}