:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6e6df;background:#18221d;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;background:#18221d;margin:0;overflow:hidden}button{font:inherit;color:inherit}#game,#game canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.topbar{z-index:20;background:linear-gradient(#363d41,#252b2e);border-bottom:2px solid #596166;align-items:stretch;height:67px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 14px #0009}.top-cluster,.colony-stats,.timebar{align-items:center;display:flex}.top-cluster{border-right:1px solid #1118;padding:0 9px}.top-icon{cursor:pointer;background:linear-gradient(#4b5358,#30363a);border:1px solid #687177;border-radius:3px;width:48px;height:48px;margin:0 3px;font-size:22px;position:relative}.top-icon:hover,.timebar button:hover,.timebar button.active{background:#5a4c30;border-color:#e5b347}.badge{color:#fff;background:#d98237;border-radius:9px;min-width:18px;height:18px;padding:2px;font-size:10px;font-weight:700;position:absolute;top:-5px;right:-4px}.unity-stat{color:#b39bd7;border-left:1px solid #697177;grid-template-columns:28px 42px;align-items:center;margin-left:5px;padding:7px 9px;display:grid}.unity-stat span{font-size:25px}.unity-stat b{font-size:18px}.colony-stats{background:#242a2d;border-left:1px solid #4f575b;border-right:1px solid #111;height:100%;margin:auto}.colony-stats div{color:#c7cdca;border-right:1px solid #101416;align-items:center;gap:8px;height:100%;padding:0 17px;display:flex}.colony-stats span{color:#e7c364;font-size:21px}.colony-stats b{font-size:13px}.timebar{gap:3px;padding:0 12px}.timebar .date{text-align:center;color:#d7dad5;min-width:110px;margin-right:10px;font-size:12px}.timebar button{cursor:pointer;background:#32393d;border:1px solid #626a6f;width:36px;height:38px;padding:0;font-size:11px}.resource-rail{z-index:15;background:#272d30ef;border:1px solid #697178;width:206px;position:fixed;top:79px;right:12px;box-shadow:0 5px 18px #0008}.resource-rail>header{color:#aab0ad;letter-spacing:.12em;border-bottom:1px solid #5b6368;justify-content:space-between;align-items:center;height:30px;padding:0 8px;font-size:9px;font-weight:700;display:flex}.resource-rail header button{color:#b9bebc;cursor:pointer;background:0 0;border:0}.resource-row{border-bottom:1px solid #14191b;grid-template-columns:28px 1fr 49px;align-items:center;gap:7px;min-height:42px;padding:5px 6px;display:grid}.resource-icon{color:#e8c86c;background:#403820;border:1px solid #c29a42;place-items:center;width:27px;height:27px;font-size:9px;font-weight:700;display:grid}.resource-main label{color:#e0e2df;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;display:block;overflow:hidden}.resource-bar{background:#151a1c;height:5px;margin-top:5px}.resource-bar i{background:#8dbd91;height:100%;display:block}.resource-row.falling .resource-bar i,.resource-row.critical .resource-bar i{background:#d77c47}.resource-number{text-align:right}.resource-number b{font-size:13px;display:block}.resource-number small{color:#83be89;font-size:9px}.resource-row.falling .resource-number small,.resource-row.critical .resource-number small{color:#e18551}.resource-picker{background:#282e31;border:1px solid #626a6e;width:206px;padding:7px;position:absolute;top:100%;right:0}.resource-picker label{color:#d0d4d1;gap:7px;padding:6px;font-size:10px;display:flex}.notification-drawer{z-index:25;background:#282e31f5;border:1px solid #6c7479;width:340px;max-height:440px;position:fixed;top:72px;left:10px;box-shadow:0 12px 35px #000b}.notification-drawer header{border-bottom:1px solid #596166;justify-content:space-between;padding:10px;font-size:11px;display:flex}.notification-drawer header button{cursor:pointer;background:0 0;border:0}.notice{border-bottom:1px solid #171c1e;padding:10px 12px}.notice.warning{border-left:3px solid #d47d43}.notice.recovery{border-left:3px solid #75ae78}.notice.construction{border-left:3px solid #d2a549}.notice b{font-size:11px;display:block}.notice small{color:#969e9a;margin-top:3px;font-size:9px;display:block}.inspector{z-index:16;background:#272d30f2;border:1px solid #737b80;width:310px;position:fixed;bottom:84px;left:12px;box-shadow:0 8px 22px #000a}.inspector header{background:#353c40;border-bottom:1px solid #596166;padding:11px 13px}.inspector header small{color:#d8ad57;letter-spacing:.1em;font-size:9px;font-weight:700}.inspector h3{margin:4px 0 0;font-size:17px}.inspect-row{border-bottom:1px solid #171c1e;justify-content:space-between;padding:7px 12px;font-size:10px;display:flex}.inspect-row span{color:#a7aeaa}.inspect-row strong{font-size:10px}.status-producing{color:#7fbe82}.status-starved{color:#e1844c}.status-blocked{color:#dba94c}.recipe{border-bottom:1px solid #171c1e;padding:9px 12px}.recipe>small{color:#8e9692;font-size:8px;font-weight:700}.recipe-flow{color:#d7dad7;margin-top:6px;font-size:10px;line-height:1.5}.left-tools{z-index:14;gap:4px;display:grid;position:fixed;bottom:10px;left:10px}.left-tools button{background:#30373a;border:1px solid #666e73;width:44px;height:42px;font-size:20px}.build-panel{z-index:18;min-width:510px;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.build-row{background:#282e31;border:1px solid #6a7277;justify-content:center;height:62px;display:flex;box-shadow:0 8px 28px #000b}.build-menu-toggle,.build-action,.build-card{cursor:pointer;background:linear-gradient(#3c4347,#2c3235);border:0;border-right:1px solid #151a1c}.build-menu-toggle{text-align:left;grid-template-rows:1fr 1fr;grid-template-columns:34px 1fr;width:126px;padding:8px 10px;display:grid}.build-menu-toggle span{color:#e2b24e;grid-row:1/3;align-self:center;font-size:24px}.build-menu-toggle b,.build-action b,.build-card b{align-self:end;font-size:10px}.build-menu-toggle small,.build-action small,.build-card small{color:#9aa19d;align-self:start;font-size:8px}.build-action{grid-template-rows:1fr 1fr;grid-template-columns:32px 1fr;width:145px;padding:8px;display:grid}.build-action span{color:#dfb14f;grid-row:1/3;align-self:center;font-size:20px}.build-options{display:flex}.build-card{text-align:left;width:150px;padding:8px 10px;display:grid}.build-card:hover,.build-action:hover,.build-card.active,.build-action.active{background:#5a4b2d}.category-tabs{justify-content:center;display:none}.build-panel.open .category-tabs{display:flex}.category-tabs button{color:#bac0bd;cursor:pointer;background:#30373a;border:1px solid #666e73;border-bottom:0;height:28px;padding:0 15px;font-size:9px;font-weight:700}.category-tabs button.active{color:#f0d080;background:#665333}.build-panel:not(.open) .build-options{display:none}.tool-hint{z-index:19;color:#f0d595;background:#2d302ded;border:1px solid #c79942;padding:9px 14px;font-size:11px;font-weight:700;position:fixed;top:78px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0008}.toast{z-index:30;opacity:0;pointer-events:none;background:#252b2eef;border:1px solid #6b7377;padding:9px 14px;font-size:11px;transition:all .18s;position:fixed;bottom:90px;left:50%;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.camera-help{z-index:12;color:#8d9791;text-shadow:0 1px 2px #000;font-size:9px;position:fixed;bottom:7px;right:12px}.hidden{display:none!important}@media (width<=900px){.colony-stats div{padding:0 7px}.resource-rail{width:176px}.camera-help{display:none}.build-action{width:120px}}