/* رحلة الثروة — City Landmarks & Transit 3D v160 */
.citylandmarks-v160 .tile.city .tile-3d{overflow:visible!important}
.city-miniature160{position:absolute;z-index:5;left:16%;right:16%;top:7%;height:57%;pointer-events:none;transform-style:preserve-3d;perspective:220px;--city-owner:#53dff0;--city-level:0;filter:drop-shadow(0 7px 4px #0018277a);transition:.28s ease}
.city-miniature160 .city-base160{position:absolute;left:13%;right:13%;bottom:2%;height:23%;border-radius:50%;background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--city-owner) 38%,#f6e9b5),#8c6937 60%,#47301b 79%,transparent 81%);transform:rotateX(62deg) translateZ(-4px);box-shadow:0 4px 8px #0008,0 0 8px color-mix(in srgb,var(--city-owner) 45%,transparent)}
.city-miniature160 .city-glow160{position:absolute;left:19%;right:19%;bottom:5%;height:16%;border-radius:50%;background:color-mix(in srgb,var(--city-owner) 38%,transparent);filter:blur(5px);opacity:calc(.18 + var(--city-level)*.13)}
.landmark-model160{position:absolute;left:31%;bottom:10%;width:38%;height:74%;transform-style:preserve-3d;transform:translateZ(calc(5px + var(--city-level)*4px)) scale(calc(.72 + var(--city-level)*.07));transform-origin:50% 100%;transition:.32s cubic-bezier(.18,.86,.2,1)}
.landmark-model160>i{position:absolute;display:block;box-sizing:border-box}
.lm-core160{left:25%;right:25%;bottom:0;height:64%;border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#9b6b27 0 10%,#ffe18a 11% 32%,#c58d37 33% 52%,#fff1a6 53% 69%,#865821 70%);box-shadow:inset 2px 0 #fff7,4px 5px 0 #533515,0 0 7px color-mix(in srgb,var(--city-owner) 55%,transparent);transform:translateZ(12px)}
.lm-top160{left:37%;bottom:60%;width:26%;height:35%;background:linear-gradient(#fff1a6,#b57a28);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(2px 3px #573814)}
.lm-side160{left:12%;right:12%;bottom:8%;height:18%;border-radius:50% 50% 10% 10%;background:linear-gradient(#7fe9f7,#1a7897);opacity:.75;transform:translateZ(4px)}
.lm-detail160{left:43%;bottom:28%;width:14%;height:14%;border-radius:50%;background:#b8f6ff;box-shadow:0 0 6px #68ebff,0 14px 0 #ffdb62}
.type-needle .lm-core160{left:39%;right:39%;height:80%;clip-path:polygon(38% 0,62% 0,75% 90%,100% 100%,0 100%,25% 90%)}.type-needle .lm-top160{left:47%;width:6%;bottom:78%;height:22%}.type-needle .lm-side160{left:21%;right:21%;height:8%;bottom:29%}
.type-clock .lm-core160{left:31%;right:31%;height:72%}.type-clock .lm-detail160{left:38%;width:24%;height:18%;bottom:48%;background:#f8f0ce;border:2px solid #5d3a17;box-shadow:0 0 0 2px #d59a39}.type-clock .lm-top160{bottom:69%;height:26%}
.type-lattice .lm-core160{left:19%;right:19%;height:75%;background:repeating-linear-gradient(75deg,#c88a32 0 3px,transparent 3px 8px),repeating-linear-gradient(-75deg,#f5ce65 0 3px,transparent 3px 8px);clip-path:polygon(46% 0,54% 0,78% 100%,60% 100%,50% 28%,40% 100%,22% 100%);box-shadow:none}.type-lattice .lm-top160{display:none}.type-lattice .lm-side160{height:5%;bottom:48%;left:28%;right:28%;background:#ddab45}
.type-palace .lm-core160{left:9%;right:9%;height:42%;bottom:4%;background:linear-gradient(#f7e4ad,#b8863b);border-radius:5px}.type-palace .lm-top160{left:19%;width:62%;height:32%;bottom:42%;clip-path:polygon(0 100%,18% 28%,38% 75%,50% 0,62% 75%,82% 28%,100% 100%)}.type-palace .lm-detail160{bottom:18%}
.type-marina .lm-core160{left:7%;right:52%;height:68%;transform:skewY(-7deg);background:linear-gradient(90deg,#2b8cb0,#d7f9ff)}.type-marina .lm-side160{left:53%;right:6%;bottom:0;height:78%;border-radius:5px;background:linear-gradient(90deg,#e9ffff,#268eae);transform:skewY(7deg)}.type-marina .lm-top160{left:25%;width:50%;height:8%;bottom:73%;background:#ffe073;clip-path:none;border-radius:50%}
.type-pyramid .lm-core160{left:8%;right:8%;height:67%;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(100deg,#f8dd85 0 49%,#b87926 50%);box-shadow:4px 5px 0 #704617}.type-pyramid .lm-top160,.type-pyramid .lm-side160,.type-pyramid .lm-detail160{display:none}
.type-dome .lm-core160{left:12%;right:12%;height:38%;bottom:0;border-radius:4px}.type-dome .lm-top160{left:18%;width:64%;height:48%;bottom:33%;border-radius:60% 60% 10% 10%;clip-path:none;background:radial-gradient(circle at 40% 30%,#fff4bd,#c89031 68%)}
.type-arch .lm-core160,.type-gate .lm-core160{left:10%;right:10%;height:56%;border-radius:5px;background:linear-gradient(90deg,#c79545,#ffe8a1,#9f6d2d)}.type-arch .lm-core160::after,.type-gate .lm-core160::after{content:"";position:absolute;left:29%;right:29%;bottom:0;height:64%;border-radius:50% 50% 0 0;background:#0c5a79;box-shadow:inset 0 0 0 2px #795120}.type-gate .lm-top160{left:16%;width:68%;height:20%;bottom:54%;clip-path:none;border-radius:50% 50% 5px 5px}
.type-spire .lm-core160{left:35%;right:35%;height:70%;border-radius:45% 45% 8% 8%}.type-spire .lm-top160{bottom:68%;height:30%}.type-spire .lm-detail160{bottom:52%}
.type-orbital .lm-core160{left:34%;right:34%;height:64%;background:linear-gradient(90deg,#104e75,#5bf4ff,#5330b7);box-shadow:0 0 10px #38eaff}.type-orbital .lm-side160{left:5%;right:5%;bottom:34%;height:22%;border:3px solid #5ff5ff;background:transparent;box-shadow:0 0 9px #55eaff;transform:rotateX(66deg) rotateZ(-12deg)}.type-orbital .lm-top160{background:#8b67ff;filter:drop-shadow(0 0 8px #7cf7ff)}
.city-miniature160.is-landmark .landmark-model160{transform:translateZ(24px) translateY(-4px) scale(1.04);filter:drop-shadow(0 0 8px #ffe77e)}
.city-miniature160:not(.is-developed){opacity:.48;transform:scale(.82);filter:saturate(.7)}
.tile:hover .city-miniature160{transform:translateY(-3px) scale(1.03);filter:drop-shadow(0 9px 5px #001827aa) brightness(1.08)}
.tile .ico-img{z-index:3}.tile .iso-build{z-index:7!important}.tile .plate{z-index:12!important}.tile .group-bar{z-index:14!important}

/* Per-tile transit props */
.tile-bridge160{position:absolute;left:2%;right:2%;bottom:7%;height:13%;z-index:2;transform:translateZ(3px)}.tile-bridge160 i{position:absolute;left:0;right:0;top:45%;height:26%;background:linear-gradient(#d8c08b,#77542a);box-shadow:0 2px #3d2c1a}.tile-bridge160 b::before,.tile-bridge160 b::after{content:"";position:absolute;bottom:20%;width:4px;height:70%;background:#d8b55e;box-shadow:0 -3px #ffe8a2}.tile-bridge160 b::before{left:20%}.tile-bridge160 b::after{right:20%}
.tile-port160{position:absolute;right:2%;bottom:2%;width:34%;height:24%}.tile-port160 i{position:absolute;left:0;right:0;bottom:0;height:30%;background:#34b8d6;border-radius:50%}.tile-port160 b{position:absolute;left:8%;bottom:20%;width:60%;height:14%;border-radius:99px;background:#f8f2d8;box-shadow:0 2px #6b4b2b}.tile-port160 em{position:absolute;left:45%;bottom:31%;width:3px;height:40%;background:#9d6a26}.tile-port160 em::after{content:"";position:absolute;left:2px;top:0;border-left:8px solid #ffda62;border-top:5px solid transparent;border-bottom:5px solid transparent}
.tile-rail160{position:absolute;left:3%;right:3%;bottom:3%;height:10%}.tile-rail160 i,.tile-rail160 b{position:absolute;left:0;right:0;border-top:2px solid #41464b}.tile-rail160 i{top:1px}.tile-rail160 b{bottom:1px}.tile-rail160::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 7px,#6c4a28 7px 9px)}

/* Living infrastructure in the center diorama */
.city-infra160{position:absolute;inset:6%;z-index:6;pointer-events:none;transform-style:preserve-3d;overflow:hidden;border-radius:19%}
.sea-lane160{position:absolute;left:5%;right:5%;bottom:15%;height:18%;border-radius:50%;border-bottom:2px dashed #dffcff88;transform:rotate(-8deg);filter:drop-shadow(0 0 5px #6beaff)}
.bridge-main160{position:absolute;left:17%;right:23%;top:57%;height:14%;transform:rotate(-10deg) translateZ(18px)}.bridge-main160 i{position:absolute;left:0;right:0;top:47%;height:24%;border-radius:3px;background:linear-gradient(#d8c58c,#71532b);box-shadow:0 4px 5px #0018257d}.bridge-main160 b::before,.bridge-main160 b::after{content:"";position:absolute;bottom:25%;width:5px;height:67%;background:#d9b95d;box-shadow:0 -4px #fff0aa}.bridge-main160 b::before{left:18%}.bridge-main160 b::after{right:18%}.bridge-main160 em{position:absolute;left:19%;right:19%;top:28%;height:1px;background:#f5e6aa;box-shadow:0 8px 0 #f5e6aa}
.harbor160{position:absolute;right:7%;bottom:7%;width:25%;height:22%;border-radius:50% 10% 8% 50%;background:linear-gradient(150deg,#2dd4e5aa,#087aa1aa);box-shadow:inset 0 0 0 2px #e4ffff55}.harbor160 i{position:absolute;right:0;top:4%;width:10%;height:78%;background:#d9b56c}.harbor160 b{position:absolute;right:9%;top:18%;width:34%;height:8%;background:#e7d099;box-shadow:0 12px #e7d099,0 24px #e7d099}.harbor160 em{position:absolute;right:10%;top:-22%;width:4px;height:44%;background:#bb7c2e}.harbor160 em::after{content:"";position:absolute;left:0;top:0;width:28px;border-top:2px solid #c78028;transform:rotate(-30deg);transform-origin:left}
.ship160{position:absolute;width:44px;height:20px;z-index:8;animation:shipRoute160 14s linear infinite;filter:drop-shadow(0 6px 3px #001d2f88)}.ship160 b{position:absolute;left:0;right:0;bottom:0;height:37%;border-radius:50% 50% 45% 45%;background:linear-gradient(#fff4d8,#a86129)}.ship160 i{position:absolute;left:36%;bottom:32%;width:26%;height:38%;background:#f7e6ba;box-shadow:0 0 0 1px #8a5a28}.ship160 em{position:absolute;left:48%;bottom:68%;width:2px;height:35%;background:#704718}.ship160 em::after{content:"";position:absolute;left:2px;top:0;border-left:10px solid #ffd75c;border-top:6px solid transparent;border-bottom:6px solid transparent}.ship160.s1{left:7%;bottom:14%}.ship160.s2{left:32%;bottom:7%;scale:.7;animation-duration:18s;animation-delay:-8s}.ship160.s2 b{background:linear-gradient(#ecfaff,#297ea3)}
@keyframes shipRoute160{0%{translate:-55px 4px;rotate:-5deg}45%{translate:210px -35px;rotate:7deg}70%{translate:350px -10px;rotate:-2deg}100%{translate:520px -45px;rotate:5deg}}
.metro-line160{position:absolute;left:7%;right:8%;top:29%;height:15%;transform:rotate(11deg)}.metro-line160 i{position:absolute;left:0;right:0;border-top:2px solid #28353e;box-shadow:0 1px #d4b85e}.metro-line160 i:nth-child(1){top:25%}.metro-line160 i:nth-child(2){top:55%}.metro-line160 i:nth-child(3){inset:15% 10% auto;border-top:1px dashed #fff9}.metro-line160 b{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 11px,#5a4028 11px 14px)}
.train160{position:absolute;left:8%;top:29%;width:54px;height:17px;border-radius:5px;background:linear-gradient(#f7e5a5,#be7c27);box-shadow:0 3px #43311f,0 0 5px #fff7;transform:rotate(11deg);animation:trainRoute160 8s linear infinite}.train160 i,.train160 b,.train160 em{position:absolute;top:4px;width:10px;height:6px;background:#55d8ef;box-shadow:0 0 3px #9af3ff}.train160 i{left:8px}.train160 b{left:23px}.train160 em{left:38px}@keyframes trainRoute160{from{translate:-80px -15px}to{translate:520px 100px}}
.metro-station160{position:absolute;left:13%;top:20%;width:30px;height:27px;border-radius:5px;background:linear-gradient(#f5e5b4,#8e6b3a);box-shadow:3px 4px #3c2d1d}.metro-station160 i{position:absolute;left:20%;right:20%;bottom:0;height:45%;background:#153e56}.metro-station160 b{position:absolute;right:-8px;top:-8px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#087aa7;color:#fff;font-size:11px;border:2px solid #fff}
[data-map="future"].city-infra160 .train160,[data-map="future"].city-infra160 .ship160{filter:drop-shadow(0 0 8px #48f2ff)}

/* Acquisition/build camera handoff */
#board.city-focus-active160{transform-origin:var(--focus-x160,50%) var(--focus-y160,50%);animation:boardFocus160 1.8s cubic-bezier(.16,.82,.2,1);will-change:transform,filter}
#board.city-focus-active160 .tile:not(.city-focus-target160){filter:saturate(.72) brightness(.78);opacity:.82;transition:.28s}.tile.city-focus-target160 .tile-3d{animation:targetCity160 1.6s cubic-bezier(.15,.9,.2,1)!important;z-index:90}.tile.city-focus-target160 .city-miniature160{opacity:1!important;transform:translateY(-10px) translateZ(38px) scale(1.35)!important;filter:drop-shadow(0 14px 8px #00131daa) drop-shadow(0 0 14px #ffe36e)!important}
@keyframes boardFocus160{0%,100%{transform:scale(1);filter:none}25%,70%{transform:scale(1.085);filter:saturate(1.16) brightness(1.05)}}
@keyframes targetCity160{0%,100%{filter:none}30%,72%{transform:translateZ(34px) translateY(-9px) scale(1.08);filter:brightness(1.28);box-shadow:0 12px 0 #5e3715,0 0 0 4px #fff0a8,0 0 34px #48e6ff}}
.city-focus160{position:fixed;left:50%;top:13%;z-index:420;min-width:290px;max-width:min(520px,86vw);transform:translate(-50%,-18px) scale(.93);opacity:0;pointer-events:none;text-align:center;padding:11px 22px 13px;border:1px solid #ffd969aa;border-radius:18px;background:linear-gradient(180deg,#092b48f2,#031522f7);box-shadow:0 16px 38px #00101eaa,inset 0 0 0 1px #fff2,0 0 24px #4be6ff22;backdrop-filter:blur(12px);transition:.25s ease}.city-focus160.show160{opacity:1;transform:translate(-50%,0) scale(1)}.city-focus160 small{display:block;color:#6eeaff;font-size:9px;font-weight:900}.city-focus160 b{display:block;color:#ffe77c;font-size:22px;margin:2px 0}.city-focus160 span{display:block;color:#fff;font-size:12px}.city-focus160 em{display:block;color:#a9c9d7;font-size:9px;font-style:normal;margin-top:2px}

@media(max-width:1050px){.city-miniature160{left:12%;right:12%;top:5%;height:52%}.city-infra160{inset:8%}.city-focus160{top:10%}.ship160.s2{display:none}}
@media(max-width:650px){.city-miniature160{opacity:.76;left:8%;right:8%;height:47%}.city-miniature160:not(.is-developed){opacity:.28}.tile-bridge160,.tile-port160,.tile-rail160{display:none}.city-infra160{opacity:.65}.bridge-main160,.harbor160,.ship160.s2,.metro-station160{display:none}.train160{animation-duration:10s}.city-focus160{top:8%;min-width:0;width:78vw}.city-focus160 b{font-size:16px}}
@media(prefers-reduced-motion:reduce){#board.city-focus-active160,.tile.city-focus-target160 .tile-3d,.ship160,.train160{animation:none!important}.city-focus160{transition:none!important}}