.work-status{position:absolute;top:91px;left:22px;z-index:5;width:min(350px,calc(100% - 44px));padding:10px 13px;border:2px solid #7de8d5;border-radius:12px;background:#063b57eb;color:#fff;box-shadow:0 7px 18px #02334c80;font:700 13px 'Nunito Sans',system-ui,sans-serif}
.work-status.hidden{display:none}
.work-status>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}
.work-status strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.work-status span{color:#ffe185;white-space:nowrap}
.work-status-track{height:7px;margin-top:7px;background:#0b293c;border-radius:8px;overflow:hidden}
.work-status-track b{display:block;height:100%;background:linear-gradient(90deg,#4ddd7b,#d2f98a);border-radius:inherit}
.scene-node.under-construction img{filter:grayscale(.35) saturate(.8);opacity:.84}
.scene-node.under-construction{z-index:4}
.construction-site{position:relative;display:block;width:100%;aspect-ratio:1.15;filter:drop-shadow(0 9px 6px #12394eaa);pointer-events:none}
.site-ground{position:absolute;left:5%;right:5%;bottom:8%;height:30%;border-radius:50%;background:#52432b99;border:4px dashed #ffdf78;animation:sitePulse 2s ease-in-out infinite}
.site-foundation{position:absolute;left:19%;bottom:24%;width:65%;height:19%;border-radius:6px;background:linear-gradient(140deg,#d6caa3,#887b58);border:3px solid #4e5d5b;transform:skewY(-9deg)}
.site-walls{position:absolute;left:24%;bottom:34%;width:52%;min-height:16%;background:repeating-linear-gradient(90deg,#a56d39 0 12px,#e4b568 12px 19px);border:3px solid #593d29;border-radius:3px;transition:height .4s linear;box-shadow:inset 0 -10px #6e4427a8}
.site-walls:before,.site-walls:after{content:'';position:absolute;top:-2px;bottom:-2px;width:4px;background:#ffe294}.site-walls:before{left:22%}.site-walls:after{right:22%}
.site-roof{position:absolute;left:20%;bottom:78%;width:60%;height:14%;background:linear-gradient(135deg,#e87642,#a94528);border:3px solid #6f3d28;clip-path:polygon(50% 0,100% 70%,100% 100%,0 100%,0 70%);transition:opacity .35s}
.site-crane{position:absolute;right:3%;top:0;width:8%;height:70%;background:repeating-linear-gradient(135deg,#ffda54 0 10px,#174656 10px 15px);border:2px solid #2b4d57;transform-origin:bottom;animation:craneSway 3.5s ease-in-out infinite alternate}
.site-crane:before{content:'';position:absolute;top:1%;right:-5px;width:85px;max-width:900%;height:7px;background:#ffda54;border:2px solid #2b4d57}
.site-crane:after{content:'';position:absolute;top:8px;right:55px;width:2px;height:35%;background:#2b4d57;box-shadow:0 25px #ffda54}
.site-worker{position:absolute;bottom:19%;font-size:13px;color:#ffe265;text-shadow:0 0 2px #092b3d;animation:workerBob .7s ease-in-out infinite alternate}.site-worker.one{left:12%}.site-worker.two{right:11%;animation-delay:.3s}
.site-sign{position:absolute;left:7%;right:7%;bottom:13%;padding:2px 3px;border-radius:5px;background:#073b54e8;color:#fff1af;font:800 clamp(9px,1vw,13px) 'Barlow Condensed',sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #ffe18c}
.site-progress{position:absolute;left:8%;right:8%;bottom:1%;height:9px;border:2px solid #fff3c1;border-radius:10px;background:#234052;overflow:hidden}.site-progress b{display:block;height:100%;background:linear-gradient(90deg,#ffc939,#5ad77c);transition:width .4s linear}
.site-percent{position:absolute;top:-5px;left:0;padding:3px 6px;border-radius:7px;background:#063d55;color:#ffe785;border:1px solid #ffe785;font:800 12px 'Barlow Condensed',sans-serif}
.upgrade-site{position:absolute;inset:0;pointer-events:none}.upgrade-site .site-crane{height:70%;right:4%}.upgrade-site .site-progress{bottom:4%}.upgrade-site .site-percent{top:1%}
@keyframes craneSway{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes workerBob{to{transform:translateY(-5px)}}@keyframes sitePulse{50%{border-color:#fff7bd;box-shadow:0 0 11px #ffe991}}
@media(prefers-reduced-motion:reduce){.site-ground,.site-crane,.site-worker{animation:none}.site-walls,.site-progress b{transition:none}}
.all-levels{margin-top:8px;padding:8px;border-radius:8px;background:#edf8f6;border:1px solid #b8d6d2}.all-levels summary{cursor:pointer;font:800 14px 'Barlow Condensed',sans-serif;color:#0d5370}.all-levels-scroll{max-height:270px;overflow:auto;margin-top:8px}.all-levels .level-table th{position:sticky;top:0;z-index:1}
.level-table-wrap{margin-top:12px;padding-top:10px;border-top:1px solid #c5d5d8}
.level-table-wrap>strong{display:block;margin-bottom:6px;color:#0d5370;font:800 16px 'Barlow Condensed',sans-serif}
.level-table{width:100%;border-collapse:collapse;font:700 12px/1.25 'Nunito Sans',system-ui,sans-serif;color:#23465a}
.level-table th{text-align:left;background:#d7eef2;padding:6px 4px}
.level-table td{padding:6px 4px;border-bottom:1px solid #d6e1e3;vertical-align:top}
.level-table tr.current{background:#e4f8e9;color:#135c36}
.level-table th:first-child,.level-table td:first-child{width:67px}
.level-table th:last-child,.level-table td:last-child{width:76px;white-space:nowrap}
.level-table-wrap small{display:block;margin-top:7px;color:#637f87;font:600 11px/1.3 'Nunito Sans',sans-serif}
.work-note{padding:9px 11px;border:1px solid #e2bb64;border-radius:9px;background:#fff2ca;color:#674b16;font:700 13px/1.4 'Nunito Sans',sans-serif}
.build-facts{display:grid;gap:4px;margin:8px 0;color:#14506a;font:700 13px 'Barlow Condensed',sans-serif}
.building-research-cta{display:grid;gap:5px;margin:10px 0 14px;padding:12px;border:2px solid #4b97ae;border-radius:13px;background:linear-gradient(145deg,#e2f8f3,#d9e9fb);box-shadow:0 4px 12px #07446b24;color:#073c57}
.building-research-cta .research-eyebrow{font:900 11px 'Nunito Sans',sans-serif;letter-spacing:.07em;color:#0b7283}
.building-research-cta strong{font:800 23px 'Barlow Condensed',sans-serif;line-height:1}
.building-research-cta small{font:700 12px 'Nunito Sans',sans-serif}
.research-related{display:grid;gap:5px;margin:10px 0 14px;padding:11px;border:1px solid #8cb7c4;border-radius:10px;background:#eff8f7;color:#124b5a}
.research-related strong{font:800 17px 'Barlow Condensed',sans-serif}
.research-related span{font:700 12px/1.4 'Nunito Sans',sans-serif}
.research-related small{font:600 11px/1.3 'Nunito Sans',sans-serif}
.research-related .research-route-visit{justify-self:start}
.research-open{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #105e7e;border-radius:10px;background:linear-gradient(#087f9a,#075b7b);color:#fff;text-align:center;font:800 19px 'Barlow Condensed',sans-serif;cursor:pointer}
.research-open:hover:not(:disabled){filter:brightness(1.12)}
.research-open:disabled{opacity:.65;cursor:not-allowed}
.research-route-grid{display:grid;gap:8px}
.research-route{padding:12px;text-align:left;border:1px solid #9ccbd7;border-radius:10px;background:#eaf8f7;color:#174a5e}
.research-route strong,.research-route span{display:block}
.research-route strong{font:800 19px 'Barlow Condensed',sans-serif}
.research-route span{font:700 12px 'Nunito Sans',sans-serif}
.research-route small{display:block;margin-top:6px;font-size:11px}
.research-route-visit,.research-back{margin-top:7px;padding:8px 10px;border:1px solid #287e99;border-radius:8px;background:#fff;color:#09516b;font:800 14px 'Barlow Condensed',sans-serif;cursor:pointer}
.research-route-visit:hover,.research-back:hover{background:#def6f5}
.research-guide{display:grid;gap:5px;margin:10px 0;padding:12px;border-left:5px solid #12a2ae;border-radius:8px;background:#e5f8f6;color:#0a4155}
.research-guide strong{font:800 21px 'Barlow Condensed',sans-serif}
.research-guide p{margin:0;font-size:13px;line-height:1.4}
.research-guide small{font-size:11px;line-height:1.35}
.research-guide span{font:800 13px 'Nunito Sans',sans-serif}
.research-building{display:flex;align-items:center;gap:12px;padding:9px;border-radius:12px;background:#d8f2ef}
.research-building img{width:94px;height:77px;object-fit:contain;background:#73d4df;border-radius:8px}
.research-building strong,.research-building span{display:block}
.research-building strong{font:800 20px 'Barlow Condensed',sans-serif}
.research-building span{font:700 12px 'Nunito Sans',sans-serif}
.research-list{display:grid;gap:11px;margin-top:12px}
.research-card{padding:13px;border:1px solid #aecdd6;border-radius:11px;background:#fffdf5}
.research-card.done{border-color:#8ac89d;background:#f0fbf1}
.research-card p{margin:7px 0;font-size:13px;line-height:1.4}
.research-card .item-head{display:flex;justify-content:space-between;gap:10px}
.research-card .item-head b{font-size:19px}
.research-card .item-head span{white-space:nowrap;font-size:12px}
.research-meta{display:flex;gap:14px;font:800 13px 'Barlow Condensed',sans-serif;color:#0c637a}
.research-requires{padding:7px;border-radius:7px;background:#e9f2f3}
@media(max-width:760px){.work-status{top:72px;left:10px;width:min(350px,calc(100% - 20px));font-size:11px;padding:6px 9px}.level-table{font-size:11px}.research-card .item-head{display:block}}
.resource-chip{cursor:help}.resource-chip:focus-visible{outline:2px solid #ffe675;outline-offset:2px}
.resource-rate-tooltip{position:fixed;z-index:90;width:min(290px,calc(100vw - 16px));padding:12px 14px;border:2px solid #7de6f1;border-radius:12px;background:#062d4af5;color:#fff;box-shadow:0 12px 30px #001b34a8;pointer-events:none;font-family:'Nunito Sans',sans-serif}
.resource-rate-tooltip.hidden,.building-rates.hidden{display:none}
.resource-rate-tooltip strong,.resource-rate-tooltip b,.resource-rate-tooltip span,.resource-rate-tooltip small{display:block}
.resource-rate-tooltip strong{font-size:13px;color:#a5ebed}.resource-rate-tooltip b{font:800 24px 'Barlow Condensed',sans-serif;color:#fff}.resource-rate-tooltip span{font:800 18px 'Barlow Condensed',sans-serif;color:#ffe185}.resource-rate-tooltip small{margin-top:6px;font-size:11px;line-height:1.35;color:#d4eef4}
.building-rates{margin:8px 0 13px;padding:12px;border:1px solid #8ac5ce;border-radius:10px;background:#e9f7f4;color:#124351}
.building-rates>strong{display:block;margin-bottom:8px;font:800 17px 'Barlow Condensed',sans-serif}.building-rates>small{display:block;margin-top:6px;font-size:10px;line-height:1.4}.building-rates>p{font-size:12px}
.building-rate-line{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #c2dcda;padding:6px 0;font:700 13px 'Nunito Sans',sans-serif}.building-rate-line b{font:800 17px 'Barlow Condensed',sans-serif;text-align:right}.building-rate-line small{display:block;color:#276d7b;font-size:13px}
.overlay.map-open{justify-content:center;align-items:center}.overlay.map-open .drawer{width:min(1180px,calc(100vw - 24px));height:min(940px,calc(100vh - 24px));border:3px solid #5bc1d9;border-radius:18px;overflow:hidden}.overlay.map-open .drawer-body{padding:20px 22px}
.city-map-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.city-map-intro>div:first-child b,.city-map-intro>div:first-child span{display:block}.city-map-intro b{font:800 24px 'Barlow Condensed',sans-serif;color:#0b526d}.city-map-intro span{font-size:13px;color:#456d78}.city-map-stats{display:grid;grid-template-columns:auto auto;gap:0 7px;align-items:center;background:#e5f5ef;border-radius:11px;padding:7px 12px}.city-map-stats strong{font:800 20px 'Barlow Condensed',sans-serif;color:#0a8060}.city-map-stats small{font-size:11px;white-space:nowrap}
.city-map-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.9fr);gap:14px;align-items:start}.city-map-board{position:relative;aspect-ratio:1000/610;border-radius:15px;overflow:hidden;background:#0e8fbc url('assets/isla-panorama.png') center / cover no-repeat;border:3px solid #94d9e1;box-shadow:inset 0 0 0 3px #ffffff8a,0 9px 20px #083c5763}.city-map-board:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#043f6294,transparent 25%,transparent 75%,#043f627a);pointer-events:none}.city-map-roads{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 2px 2px #274e4b)}.city-map-compass,.city-map-water-label{position:absolute;z-index:2;color:#fff;text-shadow:0 2px 3px #00344e;font:800 14px 'Barlow Condensed',sans-serif;letter-spacing:1px}.city-map-compass{top:12px;right:14px;border:1px solid #b4edee;border-radius:50%;background:#044264c7;padding:8px}.city-map-water-label{bottom:11px;left:16px;font-size:11px}
.city-map-marker{position:absolute;z-index:3;transform:translate(-50%,-50%);height:clamp(31px,4.4vw,51px);width:clamp(31px,4.4vw,51px);display:grid;place-items:center;border-radius:50%;border:3px solid #e5fbfc;background:#07648bed;color:white;box-shadow:0 0 0 5px #0699b975,0 5px 9px #123e55a8;font:800 24px 'Barlow Condensed',sans-serif}.city-map-marker.available{background:#149b61ed;border-color:#f1ffb4;box-shadow:0 0 0 5px #69e79680,0 5px 9px #123e55a8}.city-map-marker.working{background:#d88422ed;border-color:#ffe695;animation:sitePulse 2s infinite}.city-map-marker:hover,.city-map-marker:focus-visible{transform:translate(-50%,-50%) scale(1.14);z-index:5}.city-map-marker span{line-height:1}
.city-map-sidebar{background:#f3faf7;border:1px solid #c2dddc;border-radius:13px;padding:11px}.city-map-sidebar h3{margin:0 0 2px}.city-map-sidebar p{margin:0 0 8px;color:#4d6871}.city-map-rows{display:grid;gap:5px}.city-map-row{width:100%;display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid #d0e4e1;border-radius:9px;background:#fff;text-align:left;color:#123c4d}.city-map-row:hover{background:#e5f7eb;border-color:#4ac88b}.map-row-number{flex:0 0 25px;height:25px;display:grid;place-items:center;background:#086484;border-radius:50%;color:#fff;font:800 15px 'Barlow Condensed',sans-serif}.map-row-main{flex:1;min-width:0}.map-row-main strong,.map-row-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-row-main strong{font:800 16px 'Barlow Condensed',sans-serif}.map-row-main small{font-size:11px;color:#54747a}.map-row-arrow{font:800 24px 'Barlow Condensed',sans-serif;color:#1f8c72}.city-map-foot{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0;font:800 12px 'Nunito Sans',sans-serif;color:#195267}
@media(max-width:850px){.city-map-layout{grid-template-columns:1fr}.city-map-sidebar{max-height:280px;overflow:auto}.overlay.map-open .drawer-body{padding:12px}.city-map-intro b{font-size:19px}}
@media(max-width:600px){.overlay.map-open .drawer{width:100vw;height:100vh;border:0;border-radius:0}.city-map-intro{align-items:flex-start}.city-map-stats{padding:5px 8px}.city-map-board{aspect-ratio:1.15}.city-map-marker{height:32px;width:32px;font-size:17px;border-width:2px}.city-map-sidebar{max-height:330px}.city-map-water-label{font-size:9px}}
.restore-from-civilization{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:3;max-width:calc(100vw - 24px);padding:9px 16px;border:2px solid #ffe59a;border-radius:10px;background:#083a58;color:#fff;font:800 16px 'Barlow Condensed',sans-serif;box-shadow:0 7px 22px #001b2b9c}.restore-from-civilization.hidden{display:none}.restore-from-civilization:hover{background:#126188}
.city-map-marker.locked{background:#244e61b8;border:2px dashed #b8d4da;box-shadow:0 2px 8px #082e4555;font-size:15px;opacity:.72}.city-map-marker.locked:disabled{opacity:.72}.city-map-row.locked{background:#e6ecea;color:#66808a}.city-map-row.locked .map-row-number{background:#698792;font-size:12px}.city-map-expansion{margin:0 0 12px;padding:8px 12px;background:#e6f5e8;border-left:3px solid #34ac67;border-radius:8px;color:#1f6552;font:700 12px 'Nunito Sans',sans-serif}
.building-locked{background:#f2f5f3;border-style:dashed}.building-locked>img{filter:saturate(.55);opacity:.72}.building-requirements{padding:7px 9px;background:#fff2d8;border-left:3px solid #d79a30;border-radius:6px;color:#755323!important;font-weight:800}
.level-table-wrap{overflow-x:auto}.level-table{min-width:560px}.level-table .locked-level{color:#758b93;background:#f1f5f4}.level-cap-note{margin:4px 0 9px;padding:7px;background:#e7f5ea;border-radius:7px;color:#185d42;font:700 12px/1.35 'Nunito Sans',sans-serif}.all-levels-scroll{overflow:auto}
@media(max-width:600px){.city-map-marker.locked{font-size:10px}.city-map-marker{height:26px;width:26px;font-size:13px}.city-map-marker.available{box-shadow:0 0 0 3px #69e79680,0 4px 7px #123e55a8}.plot-button{width:39px;height:39px;font-size:21px;box-shadow:0 0 0 5px #5cff9b48,0 6px 12px #093e4b66}}
.city-map-marker.queued{background:#9159bd;border-color:#f4dcff;box-shadow:0 0 0 4px #bf95dc77,0 5px 9px #123e55a8}.city-map-row.queued{background:#f3eafb;color:#5a3971}.city-map-row.queued .map-row-number{background:#8751ad}.map-building-art{display:block;width:48px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 2px #08324a88)}.map-row-art{display:inline-block;width:28px;height:22px;object-fit:contain;vertical-align:middle}.warehouse-activities{margin-top:14px;padding:12px;border:1px solid #a9d2c4;border-radius:12px;background:#eaf8ef;color:#164c43}.warehouse-activities h3{margin:0 0 7px;font:800 19px 'Barlow Condensed',sans-serif}.warehouse-activities p{font-size:13px;line-height:1.4}.warehouse-activities small{display:block;margin-top:8px}.warehouse-activities .primary-button{width:100%}@media(max-width:600px){.map-building-art{width:27px;height:24px}.map-row-art{width:24px;height:20px}}