:root{--bg:#090d11;--panel:#111820;--line:rgba(255,255,255,.12);--text:#f2f5f7;--muted:#8d9aa4;--green:#459372;--yellow:#fab516;--red:#ff7f7f;--gray:#aaa;--accent:#d4b477}*{box-sizing:border-box}html,body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif}button{font:inherit;color:inherit}body{overflow:hidden}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#080c10;position:relative;z-index:20}.brand,.sync{display:flex;align-items:center;gap:10px}.mark{width:38px;height:38px;border:1px solid #605b50;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#ead7ae;font-weight:900}.brand b,.brand small,.sync b,.sync small{display:block}.brand b{font-size:14px;letter-spacing:.08em}.brand small,.sync small{font-size:9px;color:var(--muted);margin-top:2px}.sync b{font-size:9px;color:#c1c9cf}.syncdot{width:8px;height:8px;border-radius:50%;background:#55c999;box-shadow:0 0 0 4px rgba(85,201,153,.12)}.layout{height:calc(100vh - 68px);display:grid;grid-template-columns:72px minmax(0,1fr) 310px;direction:ltr}.sidebar{background:#080c10;border-right:1px solid var(--line);padding:12px 7px;display:flex;flex-direction:column;align-items:stretch;gap:7px;z-index:15}.navBtn{border:1px solid transparent;background:transparent;border-radius:9px;min-height:55px;display:grid;place-items:center;gap:1px;color:#7d8a94;cursor:pointer;font-size:20px}.navBtn small{font-size:8px}.navBtn.active{background:#171f27;border-color:#2a3945;color:#fff}.sideDivider{height:1px;background:var(--line);margin:4px}.buildingRail{display:grid;gap:5px;overflow:auto}.bBtn{height:39px;border:1px solid #25313b;background:#0e151c;border-radius:8px;color:#8997a2;font-weight:800;cursor:pointer}.bBtn.active{border-color:var(--accent);color:#fff;background:#282318}.viewer{position:relative;min-width:0;overflow:hidden;direction:rtl;background:#0a0f14}.legend{position:absolute;z-index:12;top:12px;right:14px;background:rgba(4,8,11,.78);border:1px solid var(--line);backdrop-filter:blur(10px);border-radius:999px;padding:7px 10px;display:flex;gap:11px;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.sw{width:10px;height:10px;border-radius:2px}.sw.available{background:var(--green)}.sw.reserved{background:var(--yellow)}.sw.sold{background:var(--red)}.sw.unavailable{background:var(--gray)}.viewPanel{display:none;height:100%;position:relative}.viewPanel.active{display:block}.photoStage{height:100%;position:relative;overflow:hidden;background:#0c1116}.photoStage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease;transform:scale(var(--zoom,1))}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,12,.5),transparent 38%,rgba(4,8,12,.12)),linear-gradient(0deg,rgba(4,8,12,.5),transparent 40%);pointer-events:none}.projectCaption{position:absolute;right:30px;bottom:28px;text-shadow:0 2px 10px #000}.projectCaption p{margin:0;color:#c7b17f;font-size:11px}.projectCaption h1{font-size:38px;margin:4px 0}.projectCaption span{font-size:11px;color:#d2d8dc}.viewControls,.bottomControls{position:absolute;z-index:13;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center}.viewControls button,.bottomControls button{width:42px;height:42px;border-radius:50%;border:1px solid #3a4650;background:rgba(7,12,17,.86);cursor:pointer;font-size:20px}.viewControls button:hover,.bottomControls button:hover{border-color:#8d7c59}.siteHotspot{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.65);stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s}.siteHotspot:hover{fill:rgba(212,180,119,.35)}.siteHotspot.unmapped{fill:rgba(170,170,170,.2);stroke:rgba(190,190,190,.6)}.siteText{fill:white;font-size:18px;font-weight:800;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#000;stroke-width:3px}.sceneHeader{height:92px;display:flex;align-items:flex-end;justify-content:space-between;padding:18px 24px 12px;background:linear-gradient(#111820,#0c1218);border-bottom:1px solid var(--line)}.sceneHeader p{margin:0;color:#a58f62;font-size:10px}.sceneHeader h1{margin:3px 0 0;font-size:26px}.viewSwitch{display:flex;gap:5px}.faceBtn{border:1px solid #303d48;background:#121b23;color:#84939e;padding:8px 11px;border-radius:999px;font-size:9px;cursor:pointer}.faceBtn.active{border-color:#b99c63;color:white;background:#2d271c}.facadeStage{height:calc(100% - 92px);min-height:420px;position:relative;overflow:hidden;perspective:1200px;background:linear-gradient(#8797a2 0,#c2cbd0 40%,#808a8f 41%,#626b70 100%)}.sky{position:absolute;inset:0 0 42%;background:linear-gradient(#6f8290,#bec8cd)}.ground{position:absolute;left:-10%;right:-10%;bottom:-18%;height:55%;background:linear-gradient(#8a8e8f,#474d50);transform:rotateX(67deg);transform-origin:bottom}.buildingFacade{position:absolute;left:50%;bottom:8%;transform:translateX(-50%) rotateY(-5deg);width:min(72%,900px);height:78%;background:#eeeae1;border:1px solid #fff;box-shadow:15px 25px 50px rgba(0,0,0,.38);display:grid;grid-template-rows:14% repeat(4,1fr) 8%;padding:2.8% 3.5% 3%;gap:1.4%;clip-path:polygon(4% 0,96% 0,100% 8%,100% 100%,0 100%,0 8%)}.buildingFacade:before{content:"ALMAKAN";position:absolute;top:3.2%;left:50%;transform:translateX(-50%);color:#46423d;font-size:12px;letter-spacing:.25em;font-weight:800}.floorRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2%;position:relative}.floorRow.roofRow{width:64%;justify-self:center}.unitZone{position:relative;border:1px solid rgba(255,255,255,.55);background:#b6b7b4;overflow:hidden;cursor:pointer;transition:filter .12s,transform .12s;min-width:0}.unitZone:before{content:"";position:absolute;inset:12% 8%;background:repeating-linear-gradient(90deg,#243039 0 8%,#d9d5cb 8% 13%);opacity:.75}.unitZone:after{content:"";position:absolute;inset:0;background:var(--statusColor);opacity:.64;mix-blend-mode:multiply}.unitZone:hover{filter:brightness(1.16);transform:translateY(-2px);z-index:2}.unitZone .unitBadge{position:absolute;z-index:3;right:7px;top:6px;background:rgba(5,8,10,.76);border:1px solid rgba(255,255,255,.2);padding:4px 6px;border-radius:4px;font-size:10px;font-weight:900}.unitZone .unitPrice{position:absolute;z-index:3;left:7px;bottom:6px;background:rgba(5,8,10,.78);padding:3px 5px;border-radius:4px;font-size:8px}.unitZone.available{--statusColor:var(--green)}.unitZone.reserved{--statusColor:var(--yellow)}.unitZone.sold{--statusColor:var(--red)}.unitZone.unavailable{--statusColor:var(--gray)}.buildingBase{background:linear-gradient(90deg,#a79e8e,#d7d0c3,#a79e8e);border-top:1px solid #fff}.floorLabels{position:absolute;left:8%;top:20%;bottom:13%;display:flex;flex-direction:column;justify-content:space-around;color:#e7ecef;font-size:9px;text-shadow:0 1px 4px #000}.facadeHint{position:absolute;bottom:17px;right:18px;background:rgba(6,10,13,.72);border:1px solid rgba(255,255,255,.14);padding:7px 9px;border-radius:999px;color:#c7d0d6;font-size:8px}.bottomControls{bottom:15px}.bottomControls span{background:rgba(7,12,17,.86);border:1px solid #3a4650;border-radius:999px;padding:9px 14px;font-size:10px}.infoPanel{direction:rtl;background:#0b1117;border-left:1px solid var(--line);padding:20px 17px;position:relative;overflow:auto}.closeInfo{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:50%;border:1px solid #31404c;background:#111b24;color:#fff;cursor:pointer;font-size:18px}.emptyInfo{height:100%;display:grid;place-content:center;text-align:center;color:#7f8d98;padding:20px}.emptyInfo .bigIcon{font-size:38px;color:#556570}.emptyInfo b{color:#dfe5e9;margin-top:8px}.emptyInfo p{font-size:10px;line-height:1.7}.unitTitle{margin-top:42px}.unitTitle small{color:#b89d67;font-size:9px;letter-spacing:.1em}.unitTitle h2{font-size:38px;margin:3px 0 0}.statusPill{display:inline-flex;margin-top:8px;border:1px solid currentColor;border-radius:999px;padding:5px 8px;font-size:9px}.statusPill.available{color:#75c9a8}.statusPill.reserved{color:#ffd066}.statusPill.sold{color:#ff9b9b}.statusPill.unavailable{color:#c2c2c2}.priceHero{font-size:27px;font-weight:900;margin:23px 0}.priceHero small{display:block;font-size:9px;font-weight:500;color:#7f8e9a;margin-top:3px}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.detailGrid div{border:1px solid #243441;background:#0f1820;border-radius:9px;padding:9px}.detailGrid span{display:block;font-size:8px;color:#748490}.detailGrid b{font-size:11px}.sourceNote{margin-top:12px;padding:10px;border-radius:9px;background:#101820;border:1px solid #263846;font-size:9px;color:#8fa0ac;line-height:1.6}.sourceNote strong{color:#d2d9dd}.countBar{display:flex;gap:5px;margin-top:12px}.countBar span{flex:1;height:4px;border-radius:999px}.countBar .available{background:var(--green)}.countBar .reserved{background:var(--yellow)}.countBar .sold{background:var(--red)}.countBar .unavailable{background:var(--gray)}@media(max-width:1000px){.layout{grid-template-columns:64px minmax(0,1fr)}.infoPanel{position:fixed;z-index:40;left:64px;right:0;bottom:0;max-height:63vh;border:1px solid #33424d;border-radius:16px 16px 0 0;transform:translateY(105%);transition:transform .2s;background:#0b1117}.infoPanel.open{transform:translateY(0)}.buildingFacade{width:min(85%,760px)}}@media(max-width:680px){body{overflow:auto}.topbar{height:60px;padding:0 10px}.brand small,.sync b{display:none}.layout{height:calc(100vh - 60px);grid-template-columns:1fr;display:block}.sidebar{height:58px;position:fixed;z-index:30;left:0;right:0;bottom:0;border:0;border-top:1px solid var(--line);padding:5px;display:grid;grid-template-columns:58px 58px 1fr;background:rgba(6,10,14,.94);backdrop-filter:blur(14px)}.navBtn{min-height:46px;font-size:15px}.navBtn small{font-size:7px}.sideDivider{display:none}.buildingRail{display:flex;gap:4px;overflow-x:auto;align-items:center}.bBtn{min-width:38px;height:38px}.viewer{height:calc(100vh - 60px);padding-bottom:58px}.legend{top:8px;right:8px;left:8px;justify-content:center;gap:8px;font-size:8px}.sceneHeader{height:105px;padding:42px 10px 8px;align-items:end}.sceneHeader h1{font-size:20px}.viewSwitch{gap:3px}.faceBtn{padding:7px 8px;font-size:8px}.facadeStage{height:calc(100% - 105px)}.buildingFacade{width:94%;height:74%;bottom:11%;transform:translateX(-50%) rotateY(-2deg);padding:4% 3% 3%;gap:1.2%}.unitZone .unitPrice{display:none}.unitZone .unitBadge{font-size:9px}.floorLabels{display:none}.projectCaption{right:16px;bottom:82px}.projectCaption h1{font-size:27px}.infoPanel{left:0;bottom:58px}.viewControls,.bottomControls{bottom:68px}}