:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9eee9;background:#07100d;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;background:#07100d;margin:0;overflow:hidden}#game,#game canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#game{background:radial-gradient(circle at 52% 44%,#24382d,#07100d 74%)}button{font:inherit;color:inherit}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#07100df2,#07100dc9);border-bottom:1px solid #ffffff18;align-items:center;height:66px;padding:0 18px;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.08em;align-items:center;gap:11px;display:flex}.brand-mark{color:#f6c56c;background:#a6611822;border:1px solid #e9ad45aa;place-items:center;width:38px;height:38px;font:700 16px Barlow Condensed;display:grid;transform:rotate(45deg)}.brand-mark:first-line{transform:rotate(-45deg)}.brand div{display:grid}.brand b{font:700 15px Barlow Condensed}.brand small{color:#7f9289;margin-top:2px;font-size:10px}.world-clock{color:#84958d;letter-spacing:.08em;align-items:center;gap:10px;margin:auto;font-size:11px;display:flex}.world-clock strong{color:#d3ded8;font:600 13px Barlow Condensed}.live-dot{background:#5ed097;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #5ed097}.icon-button{cursor:pointer;background:#101916dd;border:1px solid #ffffff1d;border-radius:4px;width:34px;height:34px}.resources{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07100ddd;border:1px solid #ffffff16;width:202px;padding:8px;position:fixed;top:82px;right:16px;box-shadow:0 12px 32px #0008}.rail-title{color:#6f8379;letter-spacing:.15em;justify-content:space-between;align-items:center;padding:2px 3px 7px;font:600 9px Barlow Condensed;display:flex}.rail-title button{color:#8fa299;cursor:pointer;background:0 0;border:0}.resource-row{border-top:1px solid #ffffff0b;grid-template-columns:25px 1fr 46px;align-items:center;gap:7px;min-height:41px;padding:5px 4px;display:grid}.resource-icon{color:#d6b266;background:#caa05213;border:1px solid #caa05255;place-items:center;width:24px;height:24px;font:700 10px Barlow Condensed;display:grid}.resource-copy{min-width:0}.resource-copy label{color:#bcc9c2;white-space:nowrap;text-overflow:ellipsis;font:600 10px Barlow Condensed;display:block;overflow:hidden}.resource-bar{background:#ffffff14;height:4px;margin-top:5px;overflow:hidden}.resource-bar i{background:#72b98c;height:100%;transition:width .4s;display:block}.resource-row.falling .resource-bar i,.resource-row.critical .resource-bar i{background:#dc8a55}.resource-value{text-align:right}.resource-value b{font:600 13px Barlow Condensed;display:block}.resource-value small{color:#6eb98b;font-size:9px}.resource-row.falling .resource-value small,.resource-row.critical .resource-value small{color:#ef9366}.resource-picker{background:#0b1512f7;border:1px solid #ffffff17;width:202px;padding:8px;position:absolute;top:100%;right:0}.resource-picker label{color:#aebdb5;gap:8px;padding:7px;font-size:11px;display:flex}.notifications{z-index:7;pointer-events:none;gap:6px;width:285px;display:grid;position:fixed;top:80px;left:18px}.notice{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1311dc;border-left:2px solid #dd9256;padding:9px 11px 9px 34px;animation:.3s ease-out enter;position:relative;box-shadow:0 8px 24px #0006}.notice:before{content:"!";color:#e8a665;font:700 11px Barlow Condensed;position:absolute;top:10px;left:11px}.notice b{letter-spacing:.04em;font:600 11px Barlow Condensed;display:block}.notice small{color:#82958b;margin-top:2px;font-size:9px;display:block}.notice.recovered{opacity:.8;border-color:#67ba89}@keyframes enter{0%{opacity:0;transform:translate(-10px)}}.inspector{z-index:8;background:#09120feb;border:1px solid #ffffff17;width:258px;position:fixed;bottom:92px;left:18px;box-shadow:0 14px 30px #0008}.inspector-head{border-bottom:1px solid #ffffff10;padding:12px 13px}.inspector-head small{color:#c89b52;letter-spacing:.12em;font:600 9px Barlow Condensed}.inspector-head h3{margin:3px 0 0;font:600 17px Barlow Condensed}.status-line{color:#87988f;justify-content:space-between;padding:9px 13px;font-size:10px;display:flex}.status-line b{text-transform:uppercase;color:#d79b64;font:600 10px Barlow Condensed}.flow-row{border-top:1px solid #ffffff08;justify-content:space-between;padding:6px 13px;font-size:10px;display:flex}.flow-row span{color:#83938b}.flow-row strong{font:600 11px Barlow Condensed}.build-dock{z-index:9;background:#09120ff0;border:1px solid #ffffff1a;transition:width .2s;display:flex;position:fixed;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0009}.dock-toggle{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:1fr 1fr;grid-template-columns:26px 1fr;align-items:end;min-width:144px;height:58px;padding:0 14px;display:grid}.dock-toggle span{color:#e8ad4d;grid-row:1/3;align-self:center;font-size:25px}.dock-toggle b{letter-spacing:.1em;font:600 12px Barlow Condensed}.dock-toggle small{color:#73867c;align-self:start;font-size:9px}.build-tools{max-width:500px;transition:max-width .24s;display:flex;overflow:hidden}.collapsed .build-tools{max-width:0}.build-card{text-align:left;cursor:pointer;background:#ffffff03;border:0;border-left:1px solid #fff1;grid-template-columns:32px 1fr;width:180px;padding:8px 12px;display:grid}.build-card:hover{background:#d69d3f14}.build-card .tool-icon{color:#d5a450;grid-row:1/3;font-size:20px}.build-card b{font:600 11px Barlow Condensed}.build-card small{color:#73867c;font-size:8px}.build-prompt{z-index:12;background:#0d1512ee;border:1px solid #dda94b66;align-items:center;gap:13px;padding:7px 9px 7px 12px;display:flex;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0007}.build-prompt span{color:#d4a75c;letter-spacing:.12em;font:600 9px Barlow Condensed}.build-prompt b{font:600 11px Barlow Condensed}.build-prompt button,.primary{cursor:pointer;background:#a56d25;border:1px solid #bd8f4299;padding:7px 11px;font:600 10px Barlow Condensed}.build-prompt #cancel-build{color:#8fa096;background:0 0;border-color:#ffffff1b}.zoom-hint{z-index:5;color:#64766d;font-size:9px;position:fixed;bottom:14px;right:18px}.toast{z-index:20;color:#dbe6df;opacity:0;pointer-events:none;background:#0a1311eb;border:1px solid #ffffff18;padding:9px 14px;font-size:11px;transition:all .2s;position:fixed;bottom:92px;left:50%;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.hidden{display:none!important}dialog{color:#dfe8e2;background:#0a1210f5;border:1px solid #c8994e66;width:min(460px,100% - 30px);padding:30px;box-shadow:0 30px 100px #000}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020604aa}dialog small{color:#d9a651;letter-spacing:.16em;font:600 10px Barlow Condensed}dialog h2{margin:8px 0 15px;font:600 27px Barlow Condensed}dialog p{color:#93a49b;font-size:12px;line-height:1.65}.dialog-close{color:#77887f;cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:10px;right:12px}dialog .primary{margin-top:8px}@media (width<=760px){.resources{width:166px}.notifications{width:220px}.brand small,.zoom-hint{display:none}}