.cb-game {
	--green-950:#0d211a; --green-900:#143229; --green-800:#1d4939; --green-700:#2a6a50;
	--green-500:#4ea77b; --gold:#e5bf5a; --cream:#f5f1e4; --panel:#f8f8f3; --ink:#173128;
	background:#d8e4d8; border:1px solid rgba(17,49,37,.14); border-radius:18px; color:var(--ink);
	font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; font-variant-numeric:tabular-nums;
	height:clamp(720px,82vh,900px); max-width:1680px; min-height:720px; overflow:hidden; position:relative; width:100%;
}
.cb-game *, .cb-game *::before, .cb-game *::after{box-sizing:border-box}.cb-game button,.cb-game input{font:inherit}.cb-game button{touch-action:manipulation}
.cb-header{align-items:center;background:linear-gradient(135deg,var(--green-950),var(--green-800));color:#fff;display:grid;gap:12px;grid-template-columns:190px 180px minmax(470px,1fr) auto;height:76px;padding:10px 14px}
.cb-brand{align-items:center;display:flex;gap:10px;min-width:0}.cb-brand small{color:rgba(255,255,255,.58);display:block;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cb-brand h2{color:#fff;font-size:20px;line-height:1.05;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-logo{align-items:flex-end;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;display:flex;gap:3px;height:46px;justify-content:center;padding:8px;width:46px}.cb-logo i{background:linear-gradient(#f4d879,#d3a73b);border-radius:2px 2px 0 0;display:block;width:7px}.cb-logo i:nth-child(1){height:17px}.cb-logo i:nth-child(2){height:28px}.cb-logo i:nth-child(3){height:22px}
.cb-level-hud{align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:11px;display:flex;gap:9px;padding:7px 9px}.cb-level-hud>span{align-items:center;background:var(--gold);border-radius:8px;color:var(--green-950);display:flex;font-size:9px;font-weight:900;height:34px;justify-content:center;width:42px}.cb-level-hud>span b{font-size:15px;margin-left:3px}.cb-level-hud>div{min-width:0;width:100%}.cb-level-hud strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-level-hud i{background:rgba(255,255,255,.12);border-radius:99px;display:block;height:5px;margin-top:5px;overflow:hidden}.cb-xp-fill{background:linear-gradient(90deg,#61c98d,#f0d372);display:block;height:100%;transition:width .35s ease}
.cb-kpis{display:grid;gap:6px;grid-template-columns:repeat(5,minmax(82px,1fr))}.cb-kpis>div{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);border-radius:9px;min-width:0;padding:6px 8px}.cb-kpis span{color:rgba(255,255,255,.56);display:block;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.cb-kpis strong{color:#f4e7b0;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-kpis .is-good{color:#91dfb1}.cb-kpis .is-bad{color:#ffaaa6}
.cb-header-actions{align-items:center;display:flex;gap:8px}.cb-header-actions>button{background:var(--gold);border:0;border-radius:9px;color:var(--green-950);cursor:pointer;font-size:10px;font-weight:900;height:38px;padding:0 13px}.cb-speed{display:flex;gap:3px}.cb-speed button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:7px;color:#fff;cursor:pointer;font-size:9px;font-weight:900;height:36px;min-width:34px;padding:0 7px}.cb-speed button.is-active,.cb-speed button:hover{background:#fff;color:var(--green-950)}
.cb-resource-strip{align-items:center;background:#f6f4eb;border-bottom:1px solid rgba(17,49,37,.12);display:grid;gap:7px;grid-template-columns:repeat(6,minmax(78px,1fr)) 230px;height:48px;padding:6px 12px}.cb-resource-strip>div:not(.cb-utility-mini){align-items:center;background:#fff;border:1px solid rgba(17,49,37,.08);border-radius:8px;display:grid;gap:2px;grid-template-columns:20px 1fr;height:34px;padding:4px 6px;position:relative}.cb-resource-strip>div>span{color:#507061;font-size:11px;font-weight:900}.cb-resource-strip>div>b{font-size:11px}.cb-resource-strip>div>small{bottom:2px;color:#829088;font-size:7px;left:27px;position:absolute}.cb-resource-strip>div>i{background:#e8ede8;border-radius:99px;bottom:4px;height:3px;left:27px;overflow:hidden;position:absolute;right:6px}.cb-resource-strip em{background:#65b98a;display:block;height:100%;transition:width .3s ease}.cb-utility-mini{display:grid;gap:4px;grid-template-columns:1fr 1fr}.cb-utility-mini label{font-size:8px;font-weight:800}.cb-utility-mini label>b{float:right}.cb-utility-mini i{background:#dde5df;border-radius:99px;display:block;height:5px;margin-top:3px;overflow:hidden}.cb-utility-mini em{background:linear-gradient(90deg,#e4bc56,#62bd86);display:block;height:100%}
.cb-event-slot{left:50%;pointer-events:none;position:absolute;top:128px;transform:translateX(-50%);width:min(520px,70%);z-index:90}.cb-event{align-items:center;background:#fff;border:1px solid rgba(17,49,37,.14);border-radius:12px;box-shadow:0 14px 34px rgba(15,40,30,.18);display:grid;gap:9px;grid-template-columns:32px 1fr 24px;padding:9px 10px;pointer-events:auto}.cb-event>span{align-items:center;background:#e5f4ea;border-radius:50%;color:#28724d;display:flex;font-weight:900;height:30px;justify-content:center;width:30px}.cb-event--bad>span{background:#f8dfdc;color:#ae4541}.cb-event strong{display:block;font-size:11px}.cb-event small{color:#718078;display:block;font-size:9px;margin-top:2px}.cb-event button{background:transparent;border:0;color:#697a71;cursor:pointer;font-size:19px}
.cb-layout{display:grid;grid-template-columns:228px minmax(580px,1fr) 270px;height:calc(100% - 124px);min-height:0}.cb-build-panel,.cb-info-panel{background:var(--panel);min-height:0;padding:11px}.cb-build-panel{border-right:1px solid rgba(17,49,37,.1)}.cb-info-panel{border-left:1px solid rgba(17,49,37,.1)}.cb-panel-title{align-items:center;display:flex;height:42px;justify-content:space-between}.cb-panel-title small{color:#849189;display:block;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.cb-panel-title h3{font-size:18px;margin:1px 0 0}.cb-panel-title button{background:#e8ede8;border:0;border-radius:8px;color:#315b48;cursor:pointer;font-size:20px;height:34px;width:34px}.cb-panel-title button:disabled{opacity:.35}
.cb-build-tabs{display:grid;gap:4px;grid-template-columns:repeat(2,1fr);margin:5px 0 8px}.cb-build-tabs button,.cb-info-tabs button{background:#e9eee9;border:0;border-radius:7px;color:#62736a;cursor:pointer;font-size:8px;font-weight:850;min-height:29px;text-transform:uppercase}.cb-build-tabs button.is-active,.cb-info-tabs button.is-active{background:var(--green-800);color:#fff}.cb-build-list{display:grid;gap:6px;align-content:start;grid-auto-rows:52px;height:calc(100% - 172px)}.cb-build-item{align-items:center;background:#fff;border:1px solid rgba(17,49,37,.09);border-radius:9px;color:#244035;cursor:pointer;display:grid;gap:8px;grid-template-columns:38px 1fr;min-height:46px;padding:6px;text-align:left}.cb-build-item:hover:not(:disabled),.cb-build-item.is-active{background:#e7f2ea;border-color:#5e9e7c;box-shadow:inset 3px 0 0 var(--green-700)}.cb-build-item.is-locked{cursor:not-allowed;filter:grayscale(.6);opacity:.45}.cb-build-item strong{display:block;font-size:10px}.cb-build-item small{color:#7b8a82;display:block;font-size:8px;line-height:1.25;margin-top:2px}.cb-build-icon{align-items:center;background:#e9eee9;border-radius:8px;display:flex;height:34px;justify-content:center;position:relative;width:34px}.cb-build-icon::before{background:#47755f;border-radius:3px;content:"";height:18px;width:20px}.cb-build-icon--road::before{background:#505b56;height:7px;width:28px}.cb-build-icon--park::before{background:#4d9a62;border-radius:50% 50% 45% 45%;height:21px;width:18px}.cb-build-icon--power::before,.cb-build-icon--steelworks::before,.cb-build-icon--factory::before{background:#66756d;border-radius:2px;height:20px;width:23px}.cb-build-icon--water::before{background:#67a8b6;border-radius:50%;height:18px;width:18px}.cb-build-icon--farm::before{background:#b59a42;height:17px;width:25px}.cb-build-icon--solar::before{background:#3e6e95;transform:skew(-14deg)}.cb-bulldozer{align-items:center;background:#f1e7df;border:1px solid #e3c9be;border-radius:9px;color:#8e4a3b;cursor:pointer;display:grid;gap:4px;grid-template-columns:34px 1fr;height:48px;margin-top:8px;padding:6px;text-align:left;width:100%}.cb-bulldozer>span{background:#d99d42;border-radius:4px;height:18px;margin:auto;width:25px}.cb-bulldozer b{font-size:10px}.cb-bulldozer small{font-size:8px;grid-column:2}
.cb-center{background:#c7d8c6;display:grid;grid-template-rows:46px minmax(0,1fr) 42px;min-width:0;overflow:hidden}.cb-map-toolbar{align-items:center;background:rgba(255,255,255,.8);border-bottom:1px solid rgba(17,49,37,.1);display:flex;justify-content:space-between;padding:6px 10px}.cb-map-toolbar>div:first-child span{color:#7b8982;display:block;font-size:7px;font-weight:850;text-transform:uppercase}.cb-map-toolbar>div:first-child strong{font-size:11px}.cb-view-buttons{display:flex;gap:4px}.cb-view-buttons button{background:#e9eee9;border:0;border-radius:7px;color:#607269;cursor:pointer;font-size:8px;font-weight:850;height:28px;padding:0 10px}.cb-view-buttons button.is-active{background:var(--green-800);color:#fff}
.cb-map-stage{align-items:center;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.6),transparent 60%),#bdd0ba;display:flex;justify-content:center;min-height:0;overflow:hidden;padding:12px}.cb-map-shell{aspect-ratio:4/3;filter:drop-shadow(0 16px 24px rgba(38,67,45,.2));max-height:100%;max-width:100%;min-height:315px;min-width:420px;transition:none}.cb-map{background:#89aa84;border:5px solid rgba(53,84,58,.34);border-radius:14px;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(12,1fr);height:100%;overflow:hidden;position:relative;width:100%}.cb-tile{background:rgba(123,164,116,.24);border:1px solid rgba(255,255,255,.085);cursor:pointer;min-height:0;min-width:0;padding:0;position:relative}.cb-tile:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.75);z-index:20}.cb-tile.is-selected{box-shadow:inset 0 0 0 3px #ffe07a;z-index:25}.cb-grass-dot{color:rgba(255,255,255,.34);font-size:clamp(8px,1vw,15px)}
.cb-tile--road{background:#8c9690}.cb-road-core{background:#46504c;border-radius:15%;height:44%;left:28%;position:absolute;top:28%;width:44%}.cb-tile--road::before,.cb-tile--road::after{background:#46504c;content:"";display:none;position:absolute}.cb-tile--road.road-n::before{display:block;height:50%;left:35%;top:0;width:30%}.cb-tile--road.road-s::after{bottom:0;display:block;height:50%;left:35%;width:30%}.cb-tile--road.road-e .cb-road-core::before{background:#46504c;content:"";height:68%;position:absolute;right:-64%;top:16%;width:68%}.cb-tile--road.road-w .cb-road-core::after{background:#46504c;content:"";height:68%;left:-64%;position:absolute;top:16%;width:68%}.cb-road-line{background:#f0d05c;height:2px;left:18%;opacity:.72;position:absolute;top:calc(50% - 1px);width:64%}.cb-tile--road:not(.is-road-connected){filter:saturate(.55);opacity:.72}
.cb-building-body{background:linear-gradient(135deg,#d9dfd6,#aebbb1);border-radius:3px 3px 2px 2px;bottom:13%;box-shadow:0 4px 4px rgba(28,55,39,.22);height:52%;left:20%;position:absolute;width:60%}.cb-building-roof{border-bottom:clamp(8px,1.3vw,15px) solid #9e5d43;border-left:clamp(13px,1.6vw,20px) solid transparent;border-right:clamp(13px,1.6vw,20px) solid transparent;bottom:62%;height:0;left:14%;position:absolute;width:72%}.cb-building-door{background:#5d6d65;bottom:13%;height:24%;left:44%;position:absolute;width:14%}.cb-window{background:#f6db78;border:1px solid rgba(65,78,69,.24);bottom:36%;height:12%;position:absolute;width:11%}.cb-window.w1{left:27%}.cb-window.w2{right:27%}.cb-window.w3{display:none}.cb-tile--apartment .cb-building-body,.cb-tile--office .cb-building-body{bottom:8%;height:78%;left:24%;width:52%}.cb-tile--apartment .cb-building-roof,.cb-tile--office .cb-building-roof{background:#7c8d85;border:0;bottom:82%;height:7%;left:22%;width:56%}.cb-tile--apartment .cb-window,.cb-tile--office .cb-window{box-shadow:0 -8px #f6db78,0 8px #f6db78;height:8%;width:10%}.cb-tile--shop .cb-building-body{background:#d9bd75}.cb-tile--shop .cb-building-roof{border-bottom-color:#c86350}.cb-tile--factory .cb-building-body,.cb-tile--power .cb-building-body,.cb-tile--steelworks .cb-building-body,.cb-tile--refinery .cb-building-body,.cb-tile--concrete .cb-building-body{background:#77857f;bottom:10%;height:46%;left:12%;width:72%}.cb-tile--factory .cb-building-roof,.cb-tile--power .cb-building-roof,.cb-tile--steelworks .cb-building-roof,.cb-tile--refinery .cb-building-roof,.cb-tile--concrete .cb-building-roof{border-bottom-color:#58635f;bottom:52%;left:8%;width:80%}.cb-chimney{background:#4f5c56;bottom:49%;height:39%;position:absolute;right:18%;width:12%}.cb-smoke{animation:cbSmoke 2.8s linear infinite;background:rgba(235,240,235,.64);border-radius:50%;height:13%;position:absolute;right:16%;top:4%;width:13%}.cb-smoke.s2{animation-delay:1.3s;right:12%;top:0}.cb-tile--school .cb-building-body,.cb-tile--clinic .cb-building-body,.cb-tile--fire .cb-building-body,.cb-tile--police .cb-building-body,.cb-tile--townhall .cb-building-body{background:#d7d0b2;bottom:10%;height:55%;left:14%;width:72%}.cb-tile--townhall .cb-building-roof{border-bottom-color:#716f65}.cb-tile--warehouse .cb-building-body{background:#a59b78;bottom:12%;height:48%;left:9%;width:82%}.cb-tile--warehouse .cb-building-roof{border-bottom-color:#776f58;left:6%;width:88%}.cb-tree{background:#408a55;border-radius:50%;height:38%;position:absolute;top:20%;width:30%}.cb-tree::after{background:#70553a;content:"";height:44%;left:42%;position:absolute;top:68%;width:16%}.cb-tree.t1{left:18%}.cb-tree.t2{right:18%;transform:scale(.82)}.cb-bench{background:#8c6a42;bottom:18%;height:7%;left:34%;position:absolute;width:32%}.cb-field{background:repeating-linear-gradient(90deg,#d6bc55 0 4px,#aa9441 4px 7px);bottom:12%;height:45%;position:absolute;width:34%}.cb-field.f1{left:10%}.cb-field.f2{right:10%}.cb-barn{background:#a94e3c;bottom:45%;height:28%;left:37%;position:absolute;width:28%}.cb-solar-panel{background:repeating-linear-gradient(90deg,#416e96 0 6px,#6c9bc1 6px 8px);border:2px solid #344e62;bottom:25%;height:30%;position:absolute;transform:skew(-12deg);width:38%}.cb-solar-panel.p1{left:8%}.cb-solar-panel.p2{right:8%}.cb-water-tank{background:#69a7b5;border-radius:50%;height:36%;left:31%;position:absolute;top:15%;width:38%}.cb-water-leg{background:#596965;bottom:12%;height:43%;position:absolute;width:7%}.cb-water-leg.l1{left:38%}.cb-water-leg.l2{right:38%}.cb-level{align-items:center;background:#173b2e;border:1px solid #fff;border-radius:50%;bottom:3%;color:#fff;display:flex;font-size:7px;height:16px;justify-content:center;position:absolute;right:3%;width:16px}.cb-alert{align-items:center;background:#d95550;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:900;height:17px;justify-content:center;position:absolute;right:3%;top:3%;width:17px}.cb-tile.is-offline{filter:grayscale(.45);opacity:.72}.cb-crane{animation:cbCrane 1.8s ease-in-out infinite alternate;background:#d3a440;bottom:18%;height:58%;left:50%;position:absolute;width:5%}.cb-crane::before{background:#d3a440;content:"";height:5%;left:0;position:absolute;top:0;width:70%}.cb-crane i{border-left:1px solid #555;display:block;height:28%;left:60%;position:absolute;top:3%}.cb-tile.is-building .cb-building-body{opacity:.45}
.cb-ambient-layer,.cb-actor-layer,.cb-weather-layer,.cb-night-layer{inset:0;pointer-events:none;position:absolute}.cb-ambient-layer{overflow:hidden;z-index:45}.cb-cloud{animation:cbCloud 28s linear infinite;background:rgba(255,255,255,.34);border-radius:999px;filter:blur(.2px);height:3.5%;left:-18%;position:absolute;top:8%;width:12%}.cb-cloud::before,.cb-cloud::after{background:inherit;border-radius:50%;content:"";position:absolute}.cb-cloud::before{height:160%;left:18%;top:-72%;width:42%}.cb-cloud::after{height:130%;right:13%;top:-50%;width:35%}.cb-cloud.c2{animation-duration:38s;animation-delay:-14s;opacity:.55;top:28%;transform:scale(.72)}.cb-birds{animation:cbBirds 20s linear infinite;color:rgba(39,77,59,.45);font-size:clamp(8px,1vw,14px);left:-8%;position:absolute;top:18%;white-space:nowrap}.cb-birds.b2{animation-delay:-9s;animation-duration:26s;top:42%}
.cb-actor-layer{z-index:50}.cb-actor{position:absolute;transition:none;will-change:left,top,transform}.cb-actor--car,.cb-actor--truck,.cb-actor--bus{background:#d94f4b;border:1px solid rgba(0,0,0,.3);border-radius:3px;height:1.7%;min-height:5px;width:2.8%}.cb-actor--car::before,.cb-actor--truck::before,.cb-actor--bus::before{background:#bdd7e6;border-radius:2px;content:"";height:45%;left:22%;position:absolute;top:8%;width:40%}.cb-actor--car::after,.cb-actor--truck::after,.cb-actor--bus::after{background:#1c2522;border-radius:50%;bottom:-25%;box-shadow:1.65vw 0 #1c2522;content:"";height:42%;left:12%;position:absolute;width:24%}.cb-actor--truck{height:2%;width:3.7%}.cb-actor--bus{background:#e3b646;height:2%;width:4.2%}.cb-actor--color-2{background:#3d78a7}.cb-actor--color-3{background:#e8c24e}.cb-actor--color-4{background:#f0f0ec}.cb-actor--color-5{background:#4e9d69}.cb-actor--color-6{background:#8c5da8}.cb-actor--person{background:#293b34;border-radius:50% 50% 40% 40%;height:1.35%;min-height:4px;width:.65%;z-index:52}.cb-actor--person::before{background:#d6a47e;border-radius:50%;content:"";height:58%;left:4%;position:absolute;top:-48%;width:92%}
.cb-weather-layer{display:none;overflow:hidden;z-index:65}.cb-game.is-raining .cb-weather-layer{display:block}.cb-weather-layer i{animation:cbRain .75s linear infinite;background:rgba(205,225,235,.58);height:9%;left:20%;position:absolute;top:-10%;transform:rotate(12deg);width:1px}.cb-weather-layer i:nth-child(2){animation-delay:.2s;left:52%}.cb-weather-layer i:nth-child(3){animation-delay:.45s;left:80%}.cb-night-layer{background:rgba(12,30,48,var(--night,.05));mix-blend-mode:multiply;transition:background .7s ease;z-index:60}
.cb-statusbar{align-items:center;background:rgba(255,255,255,.82);border-top:1px solid rgba(17,49,37,.1);display:flex;justify-content:space-between;padding:6px 11px}.cb-statusbar p{color:#53675d;font-size:9px;margin:0}.cb-statusbar>div{align-items:center;display:flex;gap:7px}.cb-statusbar span{color:#7f8d85;font-size:7px;font-weight:850;text-transform:uppercase}.cb-statusbar strong{color:var(--green-800);font-size:13px}
.cb-info-tabs{display:grid;gap:4px;grid-template-columns:repeat(4,1fr);height:32px}.cb-info-content{height:calc(100% - 82px);padding-top:10px}.cb-card{background:#fff;border:1px solid rgba(17,49,37,.09);border-radius:12px;padding:11px}.cb-city-grade{background:linear-gradient(145deg,var(--green-900),var(--green-700));color:#fff}.cb-city-grade small{color:#a9c8b8;display:block;font-size:8px;font-weight:850;text-transform:uppercase}.cb-city-grade strong{color:#f3d875;display:block;font-size:26px;line-height:1.1;margin-top:5px}.cb-city-grade span{color:rgba(255,255,255,.7);font-size:9px}.cb-stat-grid{display:grid;gap:5px;grid-template-columns:repeat(2,1fr);margin-top:8px}.cb-stat-grid>div{background:#edf1ed;border-radius:8px;padding:6px}.cb-stat-grid span{color:#74837b;display:block;font-size:7px;font-weight:850;text-transform:uppercase}.cb-stat-grid strong{display:block;font-size:11px}.cb-stat-grid.compact{grid-template-columns:repeat(2,1fr)}.cb-tax{display:block;margin-top:11px}.cb-tax>span{display:flex;font-size:9px;font-weight:850;justify-content:space-between}.cb-tax input{accent-color:var(--green-700);width:100%}.cb-empty-panel{align-items:center;color:#708078;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.cb-empty-panel b{color:#30493d;font-size:12px}.cb-empty-panel span{font-size:9px;line-height:1.4;margin-top:5px;max-width:180px}.cb-inspector-head{align-items:center;display:flex;gap:9px}.cb-inspector-head h3{font-size:13px;margin:0}.cb-inspector-head small{color:#7e8b84;font-size:8px}.cb-inspector p,.cb-mission p{color:#65766d;font-size:9px;line-height:1.5}.cb-inspector-actions{display:grid;gap:5px;grid-template-columns:1fr 1fr;margin-top:9px}.cb-inspector-actions button,.cb-primary{background:var(--green-800);border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:9px;font-weight:850;min-height:34px;padding:6px}.cb-inspector-actions button.danger{background:#f1e1df;color:#a34541}.cb-inspector-actions button:disabled{opacity:.4}.cb-mission small{color:#809088;font-size:8px;font-weight:850;text-transform:uppercase}.cb-mission h3{font-size:16px;margin:5px 0}.cb-mission>strong{color:#9b7724;font-size:10px}.cb-level-card{background:#e8efe9;border-radius:12px;margin-top:8px;padding:11px}.cb-level-card span{color:#75857c;font-size:8px;font-weight:850;text-transform:uppercase}.cb-level-card h3{font-size:13px;margin:4px 0}.cb-level-card p{color:#64766c;font-size:9px;margin:0}.cb-market{display:grid;gap:6px}.cb-market>div{align-items:center;background:#fff;border:1px solid rgba(17,49,37,.08);border-radius:9px;display:grid;gap:5px;grid-template-columns:1fr 58px 58px;padding:6px}.cb-market>div>span{align-items:center;display:grid;font-size:9px;font-weight:850;gap:5px;grid-template-columns:18px 1fr}.cb-market>div>span b{color:#507263}.cb-market>div>span small{color:#829088;font-size:7px;grid-column:2}.cb-market button{background:#e8efe9;border:0;border-radius:7px;color:#345d4b;cursor:pointer;font-size:8px;font-weight:850;min-height:31px}.cb-market button:disabled{opacity:.35}.cb-market button small{font-size:7px}.cb-info-actions{display:grid;gap:6px;grid-template-columns:1fr 1fr;height:40px}.cb-info-actions button{background:#e8ede9;border:0;border-radius:8px;color:#456254;cursor:pointer;font-size:9px;font-weight:850}
.cb-toast{background:#213e32;border-radius:99px;bottom:14px;color:#fff;font-size:10px;font-weight:850;left:50%;opacity:0;padding:9px 14px;pointer-events:none;position:absolute;transform:translate(-50%,12px);transition:opacity .18s ease,transform .18s ease;z-index:300}.cb-toast.is-visible{opacity:1;transform:translate(-50%,0)}.cb-toast.is-bad{background:#a84743}.cb-toast.is-good{background:#27724f}
.cb-modal{align-items:center;background:rgba(9,28,21,.7);display:none;inset:0;justify-content:center;padding:20px;position:absolute;z-index:400}.cb-modal.is-open{display:flex}.cb-modal-card{background:#fff;border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.34);max-width:460px;padding:24px;position:relative;width:100%}.cb-modal-close{background:transparent;border:0;color:#728078;cursor:pointer;font-size:24px;position:absolute;right:12px;top:10px}.cb-modal-card>small{color:#799087;display:block;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.cb-modal-card h2{font-size:24px;margin:4px 0 14px}.cb-modal-card>label:not(.cb-check){display:block;font-size:9px;font-weight:850;text-transform:uppercase}.cb-modal-card input[type="text"],.cb-modal-card input:not([type]){border:1px solid #ced8d1;border-radius:9px;display:block;font-size:12px;margin-top:5px;min-height:40px;padding:8px 10px;width:100%}.cb-difficulty{display:grid;gap:7px;margin:13px 0}.cb-difficulty button{background:#f0f3ef;border:1px solid transparent;border-radius:10px;color:#344f43;cursor:pointer;padding:9px;text-align:left}.cb-difficulty button.is-active{background:#e4f1e7;border-color:#62a17e}.cb-difficulty b{display:block;font-size:11px}.cb-difficulty span{color:#718078;font-size:9px}.cb-check{align-items:center;color:#607269;display:flex;font-size:9px;gap:6px;margin-bottom:13px}.cb-primary{font-size:11px;min-height:42px;width:100%}.cb-level-modal{text-align:center}.cb-level-badge{align-items:center;background:linear-gradient(#f2d77b,#d7a83b);border-radius:50%;color:#fff;display:flex;font-size:28px;height:70px;justify-content:center;margin:0 auto 9px;width:70px}.cb-level-modal h2{margin-bottom:2px}.cb-level-modal h3{color:#4c6b5c;font-size:14px;margin:0}.cb-level-modal p{color:#65776d;font-size:10px;line-height:1.5}.cb-help-steps{display:grid;gap:7px;margin:14px 0}.cb-help-steps>div{align-items:center;background:#eff3ef;border-radius:9px;display:flex;gap:8px;padding:8px}.cb-help-steps b{align-items:center;background:var(--green-700);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.cb-help-steps span{color:#52665c;font-size:10px}
@keyframes cbCloud{from{transform:translateX(0)}to{transform:translateX(960%)}}@keyframes cbBirds{from{transform:translateX(0) translateY(0)}50%{transform:translateX(700%) translateY(-12px)}to{transform:translateX(1500%) translateY(4px)}}@keyframes cbSmoke{from{opacity:.65;transform:translateY(0) scale(.7)}to{opacity:0;transform:translate(8px,-22px) scale(1.5)}}@keyframes cbCrane{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes cbRain{from{transform:translateY(-20px) rotate(12deg)}to{transform:translateY(720px) rotate(12deg)}}
@media(max-width:1260px){.cb-header{grid-template-columns:170px 160px minmax(390px,1fr) auto}.cb-layout{grid-template-columns:205px minmax(520px,1fr) 245px}.cb-kpis>div:nth-child(5){display:none}.cb-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1020px){.cb-game{height:auto;min-height:760px}.cb-header{grid-template-columns:1fr auto;height:auto}.cb-level-hud,.cb-kpis{grid-column:1/-1}.cb-resource-strip{grid-template-columns:repeat(3,1fr);height:auto}.cb-utility-mini{grid-column:1/-1}.cb-layout{display:flex;flex-direction:column;height:auto}.cb-build-panel,.cb-info-panel{border:0;border-bottom:1px solid rgba(17,49,37,.1)}.cb-build-list{grid-template-columns:repeat(3,1fr);height:auto}.cb-center{height:620px}.cb-map-shell{min-height:300px;min-width:400px}.cb-info-content{height:auto;min-height:240px}.cb-info-actions{height:40px}}
@media(max-width:650px){.cb-kpis{grid-template-columns:repeat(2,1fr)}.cb-kpis>div:nth-child(3),.cb-kpis>div:nth-child(4){display:none}.cb-build-list{grid-template-columns:repeat(2,1fr)}.cb-map-shell{min-height:240px;min-width:320px}.cb-center{height:500px}.cb-info-tabs{grid-template-columns:repeat(2,1fr);height:auto}.cb-event-slot{top:180px;width:90%}}
@media(prefers-reduced-motion:reduce){.cb-smoke,.cb-crane,.cb-weather-layer i{animation:none}.cb-toast,.cb-xp-fill{transition:none}}


/* v2.1 professional visual system */
#gcg-game-root{overflow:visible!important}
.cb-game{
	width:min(1880px,calc(100vw - 20px));max-width:none;
	height:clamp(790px,calc(100vh - 88px),1000px);min-height:790px;
	margin:8px 0 24px 50%;transform:translateX(-50%);
	border-radius:20px;box-shadow:0 24px 70px rgba(18,49,37,.18);
	background:#dbe6dc;
}
.cb-game:fullscreen{height:100vh!important;width:100vw!important;max-width:none!important;margin:0!important;transform:none!important;border-radius:0!important}
.cb-header{height:86px;grid-template-columns:220px 210px minmax(560px,1fr) auto;padding:12px 16px;background:linear-gradient(135deg,#0a2018 0%,#123f2f 55%,#1d5b42 100%)}
.cb-brand h2{font-size:24px}.cb-brand small{font-size:10px}.cb-logo{height:52px;width:52px}.cb-level-hud{padding:9px 11px}.cb-level-hud>span{height:40px;width:48px}.cb-kpis>div{padding:8px 10px}.cb-kpis strong{font-size:16px}.cb-header-actions>button{height:42px;font-size:11px}.cb-speed button{height:40px;min-width:38px}
.cb-resource-strip{height:56px;padding:8px 14px;grid-template-columns:repeat(6,minmax(90px,1fr)) 260px}.cb-resource-strip>div:not(.cb-utility-mini){height:40px}
.cb-layout{grid-template-columns:260px minmax(680px,1fr) 310px;height:calc(100% - 142px)}
.cb-build-panel,.cb-info-panel{padding:14px}.cb-panel-title{height:48px}.cb-panel-title h3{font-size:21px}.cb-build-tabs{gap:5px;margin:7px 0 10px}.cb-build-tabs button,.cb-info-tabs button{font-size:9px;min-height:32px}
.cb-build-list{grid-auto-rows:62px;height:calc(100% - 190px);gap:8px}.cb-build-item{grid-template-columns:54px 1fr;min-height:58px;padding:7px 9px;border-radius:11px}.cb-build-item strong{font-size:11px}.cb-build-item small{font-size:8px}.cb-build-icon{background:linear-gradient(145deg,#eef5ef,#dce8df);border:1px solid rgba(27,75,55,.08);height:48px;width:48px;overflow:hidden}.cb-build-icon img{height:68px;max-width:none;object-fit:contain;width:68px;transform:translateY(4px)}.cb-build-icon--large{height:54px;width:54px}.cb-build-icon--large img{height:78px;width:78px}
.cb-build-icon::before,.cb-build-icon::after{display:none!important}.cb-bulldozer{height:54px}
.cb-center{grid-template-rows:52px minmax(0,1fr) 46px}.cb-map-toolbar{padding:8px 12px}.cb-view-buttons{align-items:center}.cb-view-buttons button{font-size:9px;height:32px;padding:0 12px}.cb-view-buttons .cb-fullscreen{background:#f0c858;color:#173128;margin-left:5px}.cb-view-buttons .cb-fullscreen:hover{background:#e6b941}
.cb-map-stage{padding:14px;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.85),transparent 55%),linear-gradient(180deg,#d8e7dc,#aec7b0)}
.cb-map-shell{min-height:0!important;min-width:0!important;filter:drop-shadow(0 23px 33px rgba(25,59,39,.25))}
.cb-map{border:7px solid rgba(45,84,56,.42);border-radius:18px;background:
	radial-gradient(circle at 20% 20%,rgba(255,255,255,.16),transparent 35%),
	linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),
	linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px),#8eaf86;background-size:auto,6.25% 8.333%,6.25% 8.333%,auto;overflow:hidden}
.cb-tile{overflow:visible!important;background:rgba(120,161,112,.12);border-color:rgba(255,255,255,.06);transition:filter .16s ease,box-shadow .16s ease,background .16s ease}
.cb-tile:hover{background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 2px rgba(250,226,123,.9);filter:brightness(1.04)}
.cb-tile.is-selected{box-shadow:inset 0 0 0 3px #ffdb68,0 0 0 2px rgba(255,255,255,.7);z-index:90!important}
.cb-tile--road{background:transparent}.cb-road-art{height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%}
.cb-building-shadow{background:radial-gradient(ellipse,rgba(21,52,41,.28),transparent 68%);bottom:4%;height:23%;left:50%;position:absolute;transform:translateX(-50%);width:110%}
.cb-building-art{bottom:-14%;filter:drop-shadow(0 5px 4px rgba(20,52,39,.24));height:160%;left:50%;max-width:none;object-fit:contain;pointer-events:none;position:absolute;transform:translateX(-50%);transition:transform .18s ease,filter .18s ease;width:160%}
.cb-tile:hover .cb-building-art{filter:drop-shadow(0 9px 7px rgba(20,52,39,.31)) brightness(1.04);transform:translateX(-50%) translateY(-3px)}
.cb-tile.is-offline .cb-building-art{filter:grayscale(.55) brightness(.78)}
.cb-construction-art{bottom:-8%;height:145%;left:50%;max-width:none;object-fit:contain;pointer-events:none;position:absolute;transform:translateX(-50%);width:145%;z-index:20}
.cb-level{background:#14382b;border:2px solid #fff;border-radius:999px;bottom:2px;color:#fff;font-size:7px;line-height:1;padding:3px 5px;position:absolute;right:2px;z-index:30}
.cb-alert{z-index:35}.cb-grass-dot{color:rgba(36,95,58,.45);font-size:18px}
.cb-art-smoke{height:72%;left:62%;pointer-events:none;position:absolute;top:-55%;width:40%;z-index:25}.cb-art-smoke i{animation:cbArtSmoke 3s ease-out infinite;background:rgba(235,241,238,.62);border-radius:50%;height:18px;left:8px;position:absolute;top:44px;width:18px}.cb-art-smoke i:nth-child(2){animation-delay:1s;left:17px}.cb-art-smoke i:nth-child(3){animation-delay:2s;left:2px}
.cb-ambient-layer .cb-cloud{animation:cbCloud 38s linear infinite;height:22%;left:-20%;opacity:.72;position:absolute;top:6%;width:24%}.cb-ambient-layer .cb-cloud.c2{animation-delay:-19s;animation-duration:48s;top:33%;width:20%}
.cb-actor{filter:drop-shadow(0 2px 2px rgba(13,34,26,.35));height:auto!important;width:auto!important;background:none!important;border:0!important;z-index:55}.cb-actor::before,.cb-actor::after{display:none!important}.cb-actor img{display:block;height:auto;pointer-events:none;width:100%}.cb-actor--car{width:4.6%!important}.cb-actor--truck{width:5.8%!important}.cb-actor--bus{width:6.5%!important}.cb-actor--person{width:1.8%!important;z-index:58}
.cb-info-tabs{height:36px}.cb-info-content{height:calc(100% - 88px);padding-top:12px}.cb-card{border-radius:14px;padding:13px}.cb-city-grade strong{font-size:30px}.cb-stat-grid{gap:7px}.cb-stat-grid>div{padding:8px}.cb-stat-grid span{font-size:8px}.cb-stat-grid strong{font-size:12px}.cb-info-actions{height:44px}.cb-info-actions button{font-size:10px}
.cb-event-slot{top:148px}
@keyframes cbArtSmoke{0%{opacity:.68;transform:translate(0,0) scale(.55)}70%{opacity:.22}100%{opacity:0;transform:translate(14px,-48px) scale(1.5)}}
@media(min-width:1700px){.cb-layout{grid-template-columns:285px minmax(760px,1fr) 340px}.cb-build-list{grid-auto-rows:68px}.cb-build-item{grid-template-columns:58px 1fr}.cb-build-icon{height:52px;width:52px}.cb-build-icon img{height:74px;width:74px}}
@media(max-width:1260px){.cb-game{width:calc(100vw - 14px);height:clamp(760px,calc(100vh - 60px),920px)}.cb-header{grid-template-columns:190px 170px minmax(410px,1fr) auto}.cb-layout{grid-template-columns:220px minmax(540px,1fr) 260px}.cb-build-list{grid-auto-rows:56px}.cb-build-icon{height:42px;width:42px}.cb-build-icon img{height:60px;width:60px}}
@media(max-width:1020px){.cb-game{height:auto;min-height:820px;margin-left:0;transform:none;width:100%}.cb-layout{height:auto}.cb-building-art{height:145%;width:145%}}
@media(min-width:1021px) and (max-height:840px){
	.cb-game{height:calc(100vh - 10px);min-height:680px;margin-top:5px;margin-bottom:5px}
	.cb-header{height:68px;padding:7px 12px;grid-template-columns:185px 170px minmax(420px,1fr) auto}
	.cb-brand>span{height:44px;width:44px}.cb-brand h2{font-size:19px}.cb-brand small{font-size:8px}
	.cb-level-hud{padding:5px 8px}.cb-level-hud>span{height:34px;width:42px}.cb-kpis>div{padding:5px 7px}.cb-kpis strong{font-size:13px}.cb-kpis span{font-size:7px}
	.cb-header-actions>button{height:34px}.cb-speed button{height:32px;min-width:31px}
	.cb-resource-strip{height:44px;padding:5px 10px}.cb-resource-strip>div:not(.cb-utility-mini){height:32px}
	.cb-layout{height:calc(100% - 112px)}
	.cb-build-panel,.cb-info-panel{padding:9px}.cb-panel-title{height:35px}.cb-panel-title h3{font-size:17px}.cb-build-tabs{margin:4px 0 6px}.cb-build-tabs button,.cb-info-tabs button{min-height:26px;font-size:7px}
	.cb-build-list{grid-auto-rows:48px;height:calc(100% - 145px);gap:5px}.cb-build-item{grid-template-columns:40px 1fr;min-height:44px;padding:4px 6px}.cb-build-icon{height:36px;width:36px}.cb-build-icon img{height:54px;width:54px}.cb-build-item strong{font-size:9px}.cb-build-item small{font-size:7px}.cb-bulldozer{height:43px;margin-top:5px}
	.cb-center{grid-template-rows:39px minmax(0,1fr) 34px}.cb-map-toolbar{padding:4px 8px}.cb-view-buttons button{height:26px;font-size:7px;padding:0 8px}.cb-statusbar{padding:4px 8px}.cb-info-tabs{height:28px}.cb-info-content{height:calc(100% - 70px);padding-top:6px}.cb-info-actions{height:34px}.cb-card{padding:8px}.cb-stat-grid{gap:4px;margin-top:5px}.cb-stat-grid>div{padding:5px}.cb-city-grade strong{font-size:23px}
	.cb-event-slot{top:116px}
}
.cb-map-shell{overflow:hidden}.cb-map{transform-origin:50% 55%;transition:transform .2s ease}
.cb-camera-controls{align-items:center;background:#e7ece8;border-radius:7px;display:flex;margin-left:4px;overflow:hidden}
.cb-camera-controls button{background:transparent!important;border-radius:0!important;color:#4f655a!important;min-width:28px!important;padding:0 6px!important}
.cb-camera-controls button+button{border-left:1px solid rgba(24,58,43,.1)!important}.cb-camera-controls [data-zoom-label]{font-size:8px!important;min-width:40px!important}
@media(min-width:1021px) and (max-height:840px){.cb-game{height:calc(100vh - 2px);margin-top:1px;margin-bottom:1px;width:calc(100vw - 4px)}.cb-camera-controls [data-zoom-label]{min-width:34px!important}}
@media(min-width:1021px) and (max-height:840px){.cb-game{height:calc(100vh - 8px);margin:4px 0 4px calc(50% - 50vw + 4px);transform:none;width:calc(100vw - 8px)}}
.cb-game{box-sizing:border-box}


/* v2.2 world expansion */
.cb-map-shell{height:100%!important;width:100%!important;max-height:none!important;max-width:none!important;position:relative;overflow:hidden;background:rgba(84,118,91,.12);border-radius:16px}
.cb-map{left:50%;position:absolute;top:50%;transform-origin:50% 50%;transition:none!important}
.cb-map-stage{cursor:default}.cb-map-stage:has(.cb-map) .cb-map{will-change:transform}.cb-view-buttons button[data-pan-mode].is-active{background:#e8bd55;color:#173128}.cb-map-stage.is-panning{cursor:grabbing}
.cb-minimap{background:rgba(9,31,23,.78);border:2px solid rgba(255,255,255,.82);border-radius:10px;bottom:12px;box-shadow:0 8px 22px rgba(14,40,29,.25);height:92px;pointer-events:none;position:absolute;right:12px;width:148px;z-index:85}
.cb-terrain-art{height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%}.cb-terrain--water{background:#4f9fbb!important}.cb-terrain--beach{background:#d8be7f!important}.cb-terrain--forest,.cb-terrain--rock,.cb-terrain--mountain{background:#87a681!important}.cb-terrain--water:hover,.cb-terrain--mountain:hover,.cb-terrain--forest:hover,.cb-terrain--rock:hover{box-shadow:inset 0 0 0 2px rgba(231,108,95,.75)!important}
.cb-map--coast{background-color:#8caf87}.cb-map--mountain{background-color:#839f80}.cb-map--valley{background-color:#8eaf86}
.cb-chapter-card{margin-top:9px;background:linear-gradient(145deg,#eef5ef,#e1ebe3)}.cb-chapter-card small{color:#6f7f76;font-size:8px;font-weight:900;text-transform:uppercase}.cb-chapter-card h3{font-size:13px;margin:4px 0}.cb-chapter-card p{font-size:9px;margin:0;color:#64766c}
.cb-modal--wide .cb-modal-card{max-width:980px;width:min(980px,94vw)}.cb-new-game-card{max-height:92vh;overflow:auto}.cb-new-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}.cb-field-title{color:#6c7d73;display:block;font-size:9px;font-weight:900;letter-spacing:.08em;margin:13px 0 6px;text-transform:uppercase}.cb-choice-row{display:flex;flex-wrap:wrap;gap:6px}.cb-choice-row button{background:#e9eeea;border:1px solid rgba(22,62,45,.08);border-radius:9px;color:#4f665b;cursor:pointer;font-size:10px;font-weight:850;min-height:36px;padding:7px 11px}.cb-choice-row button.is-active{background:#1f5b43;color:#fff}.cb-map-cards{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.cb-map-cards button{background:#eef3ef;border:2px solid transparent;border-radius:13px;cursor:pointer;overflow:hidden;padding:0;text-align:left}.cb-map-cards button.is-active{border-color:#e4bd55;box-shadow:0 0 0 3px rgba(228,189,85,.23)}.cb-map-cards img{display:block;height:132px;object-fit:cover;width:100%}.cb-map-cards b{display:block;font-size:12px;padding:9px 10px 0}.cb-map-cards small{color:#68796f;display:block;font-size:9px;line-height:1.4;padding:4px 10px 10px}.cb-new-options{display:grid;gap:14px;grid-template-columns:1fr 1fr}.cb-new-game-card label>input[type=text],.cb-new-game-card label>input:not([type]){width:100%}
.cb-build-icon img[src*="wind"],.cb-build-icon img[src*="plaza"],.cb-build-icon img[src*="marina"]{height:62px;width:62px}.cb-tile--marina .cb-building-art{height:150%;width:150%}.cb-tile--stadium .cb-building-art{height:175%;width:175%}.cb-tile--wind .cb-building-art{height:178%;width:178%;bottom:-18%}
@media(min-width:1500px){.cb-minimap{height:112px;width:180px}.cb-map-cards img{height:155px}}
@media(max-width:900px){.cb-map-cards{grid-template-columns:1fr}.cb-map-cards img{height:110px}.cb-new-grid,.cb-new-options{grid-template-columns:1fr}.cb-minimap{height:75px;width:120px}.cb-modal--wide .cb-modal-card{max-height:94vh}}

.cb-new-actions{display:grid;gap:8px;grid-template-columns:1fr 2fr;margin-top:10px}.cb-secondary{background:#e8eeea;border:1px solid rgba(24,70,51,.12);border-radius:9px;color:#315a48;cursor:pointer;font-weight:850;min-height:42px;padding:8px 14px}@media(max-width:650px){.cb-new-actions{grid-template-columns:1fr}}


/* v2.3 Living City — professional HUD, stable desktop geometry and interactive world */
.cb-game{height:clamp(720px,calc(100vh - 18px),980px);max-width:none;width:min(1880px,calc(100vw - 18px));margin-inline:auto;border-radius:20px;box-shadow:0 22px 60px rgba(13,42,30,.16)}
.cb-header{height:78px;grid-template-columns:minmax(245px,1.05fr) minmax(515px,2.2fr) auto;gap:13px;padding:10px 14px;background:linear-gradient(112deg,#091d16 0%,#10392a 48%,#1c6045 100%);overflow:hidden}
.cb-brand{min-width:0}.cb-brand>div{min-width:0}.cb-brand h2{font-size:22px}.cb-brand small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-logo{flex:0 0 48px}
.cb-kpis{grid-template-columns:repeat(5,minmax(0,1fr));min-width:0}.cb-kpis>div{height:52px;display:flex;flex-direction:column;justify-content:center;padding:6px 9px;overflow:hidden}.cb-kpis span{font-size:7px}.cb-kpis strong{font-size:15px;line-height:1.2}
.cb-header-actions{justify-content:flex-end;min-width:0;gap:5px}.cb-header-actions>button{height:40px}.cb-new-city-button{background:linear-gradient(135deg,#f1d06c,#dbaa38)!important;box-shadow:0 5px 14px rgba(0,0,0,.12);white-space:nowrap}
.cb-hud-action{align-items:center!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;display:flex!important;gap:5px;justify-content:center;min-width:48px;padding:0 9px!important;position:relative}.cb-hud-action>span{font-size:13px}.cb-hud-action>em{font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}.cb-hud-action>b{align-items:center;background:#ed755e;border:2px solid #174532;border-radius:999px;color:#fff;display:flex;font-size:7px;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-6px}.cb-hud-action>b:empty{display:none}
.cb-speed{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;gap:2px;padding:3px}.cb-speed button{border:0;height:32px;min-width:31px}
.cb-command-strip{align-items:stretch;background:#f1f3ed;border-bottom:1px solid rgba(17,49,37,.12);display:grid;gap:8px;grid-template-columns:220px 205px minmax(610px,1fr);height:58px;padding:7px 11px;position:relative;z-index:84}
.cb-command-strip .cb-level-hud{background:linear-gradient(145deg,#173f31,#215b43);border:0;color:#fff;height:44px;padding:5px 7px}.cb-command-strip .cb-level-hud>span{height:34px;width:43px}.cb-command-strip .cb-level-hud strong{font-size:9px}.cb-command-strip .cb-level-hud small{color:rgba(255,255,255,.48);display:block;font-size:6px;margin-top:3px}.cb-command-strip .cb-level-hud i{height:4px;margin-top:3px}
.cb-world-hud{align-items:center;background:#fff;border:1px solid rgba(16,56,41,.09);border-radius:11px;display:grid;gap:7px;grid-template-columns:37px minmax(62px,1fr) 76px;height:44px;padding:4px 7px;min-width:0}.cb-world-hud>img{height:34px;object-fit:contain;width:34px}.cb-world-hud>div{min-width:0}.cb-world-hud>div strong{display:block;font-size:10px;white-space:nowrap}.cb-world-hud>div small{color:#718078;display:block;font-size:7px;white-space:nowrap}.cb-world-hud>div small b{color:#365949}.cb-world-hud>label span{color:#7a8981;display:block;font-size:6px;font-weight:900;text-transform:uppercase}.cb-world-hud>label>b{display:block;font-size:10px}.cb-world-hud>label i{background:#e1e8e2;border-radius:99px;display:block;height:4px;margin-top:2px;overflow:hidden}.cb-world-hud>label em{background:linear-gradient(90deg,#65b98a,#e6bb55,#df755f);display:block;height:100%;transition:width .3s ease}
.cb-command-strip .cb-resource-strip{background:transparent;border:0;display:grid;gap:5px;grid-template-columns:repeat(6,minmax(54px,1fr)) minmax(150px,1.35fr);height:44px;padding:0;min-width:0}.cb-command-strip .cb-resource-strip>div:not(.cb-utility-mini){height:44px;border-radius:10px;padding:4px 6px;grid-template-columns:16px 1fr;overflow:hidden}.cb-command-strip .cb-resource-strip>div>span{font-size:9px}.cb-command-strip .cb-resource-strip>div>b{font-size:10px}.cb-command-strip .cb-resource-strip>div>small{font-size:6px;left:22px}.cb-command-strip .cb-resource-strip>div>i{left:22px}.cb-command-strip .cb-utility-mini{align-content:center;background:#fff;border:1px solid rgba(16,56,41,.09);border-radius:10px;padding:4px 7px}.cb-command-strip .cb-utility-mini label{font-size:7px}
.cb-layout{height:calc(100% - 136px);grid-template-columns:250px minmax(620px,1fr) 300px}
.cb-center{grid-template-rows:48px minmax(0,1fr) 38px}.cb-map-toolbar{display:grid;gap:8px;grid-template-columns:130px minmax(220px,1fr) auto;padding:6px 9px;overflow:hidden}.cb-tool-status{min-width:0}.cb-tool-status span{color:#7b8982;display:block;font-size:6px;font-weight:900;text-transform:uppercase}.cb-tool-status strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-view-buttons{justify-content:center}.cb-view-buttons button{height:30px;min-width:70px}.cb-map-actions{align-items:center;display:flex;gap:4px;min-width:0}.cb-map-actions>button{align-items:center;background:#e9eee9;border:0;border-radius:7px;color:#607269;cursor:pointer;display:flex;font-size:8px;font-weight:850;gap:4px;height:30px;padding:0 8px;white-space:nowrap}.cb-map-actions>button.is-active{background:#e8bd55;color:#173128}.cb-map-actions button em{font-style:normal}.cb-camera-controls{height:30px;margin-left:0}.cb-camera-controls button{height:30px!important}.cb-fullscreen{background:#e5bd55!important;color:#173128!important}
.cb-build-panel,.cb-info-panel{padding:10px}.cb-build-list{height:calc(100% - 172px);overflow:hidden}.cb-info-tabs{display:grid;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr))}.cb-info-content{overflow:hidden}.cb-event-slot{top:142px;width:min(720px,76%)}
.cb-decision{align-items:center;background:linear-gradient(145deg,#fff,#eef4ef);border:1px solid rgba(18,58,42,.15);border-radius:15px;box-shadow:0 18px 48px rgba(13,41,29,.24);display:grid;gap:12px;grid-template-columns:66px 1fr;padding:10px 12px;pointer-events:auto}.cb-decision>img{background:#dfeae2;border:3px solid #fff;border-radius:50%;height:60px;object-fit:cover;width:60px}.cb-decision-copy small{color:#7c8c83;display:block;font-size:7px;font-weight:900;text-transform:uppercase}.cb-decision-copy>strong{display:block;font-size:12px;margin-top:1px}.cb-decision-copy p{color:#67776f;font-size:9px;margin:2px 0 7px}.cb-decision-copy>div{display:flex;flex-wrap:wrap;gap:5px}.cb-decision-copy button{border:0;border-radius:7px;cursor:pointer;font-size:8px;font-weight:900;min-height:27px;padding:4px 9px}.cb-decision-copy button.is-good{background:#dcefe2;color:#246746}.cb-decision-copy button.is-neutral{background:#e7ece8;color:#4c665a}.cb-decision-copy button.is-bad{background:#f3dfdc;color:#9c463d}.cb-decision-copy button:disabled{cursor:not-allowed;opacity:.4}
.cb-request-card{margin-top:8px}.cb-request-card.is-offer{border:1px solid rgba(218,166,48,.35);box-shadow:inset 3px 0 0 #e3b84f}.cb-request-progress{margin:9px 0}.cb-request-progress>span{display:flex;justify-content:space-between;font-size:8px}.cb-request-progress>span em{font-style:normal}.cb-request-progress>i{background:#e1e8e2;border-radius:99px;display:block;height:7px;margin-top:5px;overflow:hidden}.cb-request-progress>i>b{background:linear-gradient(90deg,#55ae7d,#e3bd55);display:block;height:100%}.cb-request-actions{display:grid;gap:6px;grid-template-columns:1.5fr 1fr;margin-top:9px}.cb-request-actions button,.cb-inline-primary{background:#225c44;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:8px;font-weight:900;min-height:34px;padding:6px}.cb-request-actions button.secondary{background:#e6ece7;color:#486257}.cb-inline-primary:disabled{opacity:.45}
.cb-feed-modal{max-width:610px!important}.cb-notification-list{display:grid;gap:7px;max-height:470px;overflow:auto;padding-right:4px}.cb-notification{align-items:start;background:#eef3ef;border-radius:11px;display:grid;gap:9px;grid-template-columns:10px 1fr;padding:9px}.cb-notification>span{background:#6d91a6;border-radius:99px;height:10px;margin-top:3px;width:10px}.cb-notification.is-good>span{background:#55aa78}.cb-notification.is-bad>span{background:#dc7464}.cb-notification strong{display:block;font-size:10px}.cb-notification p{color:#687970;font-size:8px;line-height:1.35;margin:2px 0}.cb-notification small{color:#8a978f;font-size:7px}.cb-clear-feed{margin-top:10px;width:100%}
.cb-map-tooltip{background:rgba(12,35,26,.94);border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;display:none;max-width:178px;padding:7px 9px;pointer-events:none;position:absolute;z-index:140}.cb-map-tooltip.is-visible{display:block}.cb-map-tooltip strong{display:block;font-size:9px}.cb-map-tooltip small{color:rgba(255,255,255,.68);display:block;font-size:7px;margin-top:2px}
.cb-placement-ghost{bottom:-14%;filter:grayscale(.2) opacity(.55) drop-shadow(0 5px 5px rgba(15,47,32,.3));height:160%;left:50%;max-width:none;object-fit:contain;pointer-events:none;position:absolute;transform:translateX(-50%);width:160%;z-index:28}.cb-tile.is-preview-valid{box-shadow:inset 0 0 0 3px rgba(66,187,113,.9)!important}.cb-tile.is-preview-invalid{box-shadow:inset 0 0 0 3px rgba(221,91,76,.9)!important}.cb-tile.is-preview-invalid .cb-placement-ghost{filter:grayscale(.55) sepia(.2) hue-rotate(310deg) opacity(.45)}
.cb-build-progress{background:rgba(9,35,25,.62);border:1px solid rgba(255,255,255,.75);border-radius:99px;bottom:3px;height:7px;left:10%;overflow:hidden;position:absolute;width:80%;z-index:45}.cb-build-progress i{background:linear-gradient(90deg,#e0ad45,#f3dc7c);display:block;height:100%;transition:width .3s ease}
.cb-traffic-signal{background:#23352e;border:1px solid rgba(255,255,255,.7);border-radius:3px;display:flex;gap:1px;height:12px;left:50%;padding:2px;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;z-index:33}.cb-traffic-signal i{background:#59645e;border-radius:50%;flex:1}.cb-traffic-signal i:nth-child(1){animation:cbSignal 4s infinite}.cb-traffic-signal i:nth-child(2){animation:cbSignal 4s 1.33s infinite}.cb-traffic-signal i:nth-child(3){animation:cbSignal 4s 2.66s infinite}
.cb-life-effect{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:31}.cb-life-effect i{animation:cbLife 3.1s ease-in-out infinite;background:#f6d673;border-radius:50%;box-shadow:0 0 7px rgba(247,211,104,.85);height:4px;left:24%;opacity:0;position:absolute;top:35%;width:4px}.cb-life-effect i:nth-child(2){animation-delay:1s;left:62%;top:49%}.cb-life-effect i:nth-child(3){animation-delay:2s;left:47%;top:25%}
.cb-lightning,.cb-heat-haze{display:none;inset:0;pointer-events:none;position:absolute}.is-weather-storm .cb-lightning{animation:cbLightning 4.8s infinite;background:linear-gradient(125deg,transparent 44%,rgba(255,250,200,.72) 45%,transparent 47%);display:block}.is-weather-heatwave .cb-heat-haze{animation:cbHeat 2.8s ease-in-out infinite;background:repeating-linear-gradient(90deg,rgba(255,197,96,.04) 0 9px,rgba(255,255,255,.09) 10px 14px);display:block;filter:blur(2px)}.is-weather-cloudy .cb-map{filter:saturate(.82) brightness(.92)}.is-weather-storm .cb-map{filter:saturate(.72) brightness(.78)}.is-weather-heatwave .cb-map{filter:saturate(1.1) sepia(.08) brightness(1.03)}
.cb-tile--wind .cb-building-art{animation:cbWindPulse 2.6s ease-in-out infinite}.cb-tile--water .cb-building-shadow{animation:cbWaterPulse 2.3s ease-out infinite}.cb-tile--trainstation .cb-life-effect i,.cb-tile--supermarket .cb-life-effect i{background:#7ad3e3}.cb-tile--university .cb-life-effect i{background:#bd9cf4}
@keyframes cbSignal{0%,28%{background:#e45f55}33%,61%{background:#e0b742}66%,95%{background:#50b574}100%{background:#59645e}}
@keyframes cbLife{0%{opacity:0;transform:translateY(8px) scale(.7)}40%{opacity:.85}100%{opacity:0;transform:translateY(-18px) scale(1.4)}}
@keyframes cbLightning{0%,88%,92%,100%{opacity:0}89%,91%{opacity:.9}}
@keyframes cbHeat{0%,100%{transform:translateX(-4px);opacity:.4}50%{transform:translateX(4px);opacity:.75}}
@keyframes cbWindPulse{0%,100%{transform:translateX(-50%) rotate(-1deg)}50%{transform:translateX(-50%) rotate(1deg)}}
@keyframes cbWaterPulse{0%{opacity:.3;transform:translateX(-50%) scale(.8)}100%{opacity:0;transform:translateX(-50%) scale(1.2)}}
@media(max-width:1500px){.cb-game{width:calc(100vw - 8px)}.cb-header{grid-template-columns:220px minmax(430px,1fr) auto}.cb-jobs-kpi{display:none!important}.cb-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.cb-command-strip{grid-template-columns:190px 180px minmax(520px,1fr)}.cb-layout{grid-template-columns:225px minmax(520px,1fr) 275px}.cb-action-label{display:none}.cb-hud-action{width:39px!important;min-width:39px!important;padding:0!important}.cb-map-actions button em{display:none}.cb-map-actions>button{padding:0 8px}.cb-view-buttons button{min-width:58px;padding:0 7px}}
@media(min-width:1021px) and (max-height:840px){.cb-game{height:calc(100vh - 4px);min-height:680px;margin:2px 0 2px calc(50% - 50vw + 2px);width:calc(100vw - 4px)}.cb-header{height:66px;padding:7px 10px}.cb-brand h2{font-size:18px}.cb-kpis>div{height:44px}.cb-kpis strong{font-size:13px}.cb-header-actions>button{height:34px}.cb-speed button{height:27px}.cb-command-strip{height:48px;padding:4px 8px;grid-template-columns:180px 170px minmax(480px,1fr)}.cb-command-strip .cb-level-hud,.cb-world-hud,.cb-command-strip .cb-resource-strip{height:40px}.cb-world-hud>img{height:30px;width:30px}.cb-command-strip .cb-resource-strip>div:not(.cb-utility-mini){height:40px}.cb-layout{height:calc(100% - 114px);grid-template-columns:210px minmax(500px,1fr) 255px}.cb-center{grid-template-rows:40px minmax(0,1fr) 32px}.cb-map-toolbar{padding:4px 7px}.cb-view-buttons button,.cb-map-actions>button{height:27px}.cb-camera-controls,.cb-camera-controls button{height:27px!important}.cb-event-slot{top:119px}.cb-decision{grid-template-columns:52px 1fr;padding:7px 9px}.cb-decision>img{height:46px;width:46px}.cb-decision-copy p{margin-bottom:4px}.cb-building-art{height:150%;width:150%}}
@media(max-width:1180px){.cb-command-strip{grid-template-columns:175px 165px minmax(430px,1fr)}.cb-command-strip .cb-resource-strip>div>small{display:none}.cb-command-strip .cb-resource-strip>div>i{bottom:6px}.cb-layout{grid-template-columns:205px minmax(470px,1fr) 250px}.cb-map-toolbar{grid-template-columns:110px minmax(170px,1fr) auto}}

/* Final viewport breakout correction */
.cb-game{margin:8px 0 8px 50%!important;transform:translateX(-50%)!important}
@media(min-width:1021px) and (max-height:840px){.cb-game{margin:2px 0 2px 50%!important;transform:translateX(-50%)!important}}

.cb-hud-action>img{height:16px;object-fit:contain;width:16px}