@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;600;700;800&family=Marhey:wght@400;600&display=swap');
:root{--ink:#2f2a25;--navy:#123943;--navy2:#0b2b34;--paper:#fbf5e8;--sand:#e7c98d;--gold:#d0a449;--muted:#776d63;--shadow:0 24px 70px rgba(36,31,27,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f7efdf,#ead7b6);color:var(--ink);font-family:Alexandria,Tahoma,sans-serif}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.topbar{height:70px;padding:0 max(18px,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(252,247,237,.9);border-bottom:1px solid rgba(65,49,34,.12);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}.nav-link{text-decoration:none;color:var(--ink);font-size:11px;font-weight:800}.nav-link.admin{text-align:left}.brand{display:flex;align-items:center;gap:10px}.seal{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-family:Marhey;box-shadow:inset 0 0 0 5px rgba(255,255,255,.12)}.brand b,.brand small{display:block}.brand b{font:600 15px Marhey}.brand small{font-size:8px;color:var(--muted)}.intro{width:min(1500px,calc(100% - 34px));margin:auto;padding:42px 0 24px;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:end}.kicker{font-size:9px;letter-spacing:2px;color:#a8663f;font-weight:800}.intro h1{font:600 clamp(36px,5.5vw,72px)/1.32 Marhey;margin:8px 0 10px}.intro h1 em{font-style:normal;color:#477565}.intro p{max-width:760px;font-size:12px;line-height:2;color:#71665d}.tools{display:grid;gap:10px}.search{height:58px;display:flex;align-items:center;background:rgba(255,251,242,.94);border:1px solid #decaa7;border-radius:18px;padding:0 15px;box-shadow:0 12px 30px rgba(70,52,37,.08)}.search>span{font-size:24px;color:#a8663f}.search input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:11px;padding:0 12px}.search button{border:0;background:transparent;font-size:22px;color:#9b8d7d;cursor:pointer}.home-btn{height:44px;border:0;border-radius:14px;background:var(--navy);color:#fff;font:700 10px Alexandria;cursor:pointer}.meta{width:min(1500px,calc(100% - 34px));margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between}.crumb{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted)}.crumb button{border:0;background:transparent;color:#a8663f;font:800 9px Alexandria;cursor:pointer}.stats{display:flex;gap:8px;flex-wrap:wrap}.stats span{background:#fff8e9;border:1px solid #dec9a5;border-radius:999px;padding:7px 11px;font-size:8px;color:var(--muted)}.stats b{font-size:12px;color:var(--ink);margin-left:3px}.workspace{width:min(1500px,calc(100% - 34px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px}.city-card{min-height:730px;position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(180deg,#90bdc3 0 19%,#e9cf99 19% 100%);border:1px solid rgba(62,47,33,.12);box-shadow:var(--shadow)}.skyline{position:absolute;top:10%;left:4%;right:4%;height:80px;opacity:.35}.skyline i{position:absolute;bottom:0;width:52px;background:#d9bc82;border-radius:10px 10px 0 0}.skyline i:before{content:"";position:absolute;left:18px;top:-25px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:25px solid #d9bc82}.skyline i:nth-child(1){left:5%;height:35px}.skyline i:nth-child(2){left:25%;height:58px}.skyline i:nth-child(3){left:48%;height:42px}.skyline i:nth-child(4){left:72%;height:63px}.skyline i:nth-child(5){left:91%;height:39px}.map-view{position:absolute;inset:0;padding:34px}.city-map{position:relative;width:100%;height:610px;max-width:980px;margin:auto;background:linear-gradient(145deg,#dcae67,#edcf93);border:14px solid #a76a3e;border-radius:44% 42% 40% 44%/33% 35% 37% 36%;box-shadow:inset 0 0 0 9px rgba(255,246,216,.26),0 30px 60px rgba(65,42,27,.2);overflow:hidden}.outer-wall{position:absolute;inset:0;pointer-events:none}.outer-wall:before{content:"";position:absolute;inset:17px;border:3px dashed rgba(92,54,31,.35);border-radius:42%}.tower{position:absolute;width:48px;height:48px;background:#b87545;border:6px solid #855032;border-radius:14px;box-shadow:inset 0 8px 0 rgba(255,255,255,.12)}.t1{top:3%;left:10%}.t2{top:3%;right:10%}.t3{bottom:3%;left:10%}.t4{bottom:3%;right:10%}.gate{position:absolute;width:82px;height:42px;background:#754631;border-radius:40px 40px 0 0}.g1{top:-2px;left:50%;transform:translateX(-50%)}.g2{bottom:-2px;left:50%;transform:translateX(-50%) rotate(180deg)}.road{position:absolute;background:#f0ddb3;box-shadow:inset 0 0 0 2px rgba(145,98,55,.16)}.road-v{top:0;bottom:0;width:68px;left:50%;transform:translateX(-50%)}.road-h{left:0;right:0;height:68px;top:50%;transform:translateY(-50%)}.road:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(137,93,50,.16) 24px 27px)}.road-v:after{background:repeating-linear-gradient(0deg,transparent 0 24px,rgba(137,93,50,.16) 24px 27px)}.mosque{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:150px;border:0;background:transparent;color:#fff;cursor:default}.mosque-art{position:absolute;inset:0}.dome{position:absolute;left:55px;top:28px;width:80px;height:58px;border-radius:70px 70px 16px 16px;background:#3f7161;border:7px solid #d3aa4e;box-shadow:0 10px 0 #c58d38}.dome:after{content:"";position:absolute;left:34px;top:-28px;width:5px;height:29px;background:#d0a447}.minaret{position:absolute;top:24px;width:25px;height:88px;background:#e3c47f;border:5px solid #a87339;border-radius:13px 13px 3px 3px}.minaret:before{content:"";position:absolute;left:3px;top:-24px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:24px solid #a87339}.m1{left:18px}.m2{right:18px}.mosque b,.mosque small{position:absolute;left:0;right:0;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.5)}.mosque b{bottom:15px;font:600 15px Marhey}.mosque small{bottom:0;font-size:7px}.quarters{position:absolute;inset:0}.quarter{position:absolute;width:34%;height:31%;border:0;border-radius:22px;background:rgba(255,244,218,.24);cursor:pointer;transition:.24s;overflow:hidden;color:var(--ink)}.quarter:hover{transform:translateY(-5px) scale(1.02);background:rgba(255,250,230,.42);box-shadow:0 18px 30px rgba(71,43,25,.2)}.q1{right:5%;top:8%}.q2{left:5%;top:8%}.q3{right:5%;bottom:8%}.q4{left:5%;bottom:8%}.quarter-art{position:absolute;inset:0}.mini-home{position:absolute;width:48px;height:38px;background:var(--accent);border:4px solid rgba(76,45,29,.3);border-radius:8px 8px 3px 3px}.mini-home:before{content:"";position:absolute;left:-6px;right:-6px;top:-18px;border-left:29px solid transparent;border-right:29px solid transparent;border-bottom:20px solid color-mix(in srgb,var(--accent) 72%,#6d432d)}.h1{right:12%;top:23%}.h2{left:14%;top:20%;transform:scale(.85)}.h3{right:25%;bottom:18%;transform:scale(.75)}.h4{left:25%;bottom:17%;transform:scale(.7)}.palm{position:absolute;right:49%;top:31%;width:6px;height:54px;background:#785033;border-radius:4px}.palm:before,.palm:after{content:"";position:absolute;width:37px;height:18px;border-radius:50%;background:#52735b;top:-8px}.palm:before{right:-30px;transform:rotate(-25deg)}.palm:after{left:-30px;transform:rotate(25deg)}.quarter-copy{position:absolute;right:10px;left:10px;bottom:9px;padding:8px 10px;border-radius:12px;background:rgba(255,251,239,.87);backdrop-filter:blur(7px);box-shadow:0 6px 16px rgba(68,45,28,.12)}.quarter-copy small,.quarter-copy b,.quarter-copy em{display:block}.quarter-copy small{font-size:7px;color:#8b755f}.quarter-copy b{font:600 14px Marhey}.quarter-copy em{font-style:normal;font-size:7px;color:#7c6e62}.market{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:280px;height:280px;border-radius:50%;border:2px dashed rgba(130,82,43,.22);pointer-events:none}.market span{position:absolute;width:17px;height:17px;border-radius:50%;background:#c48345;box-shadow:0 0 0 6px rgba(255,235,188,.35)}.market span:nth-child(1){top:12%;left:18%}.market span:nth-child(2){top:19%;right:13%}.market span:nth-child(3){bottom:13%;left:18%}.map-legend{position:absolute;bottom:18px;right:28px;display:flex;gap:10px;background:rgba(255,250,237,.88);border:1px solid rgba(128,87,51,.2);border-radius:999px;padding:8px 12px;font-size:7px;color:#6f6257}.dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-left:4px}.district-dot{background:#497665}.road-dot{background:#ead7ae}.center-dot{background:#c99b3d}.district-view{position:absolute;inset:0;z-index:12;padding:24px;background:linear-gradient(180deg,rgba(242,221,179,.94),rgba(221,181,113,.96));overflow:auto}.district-bar{display:flex;justify-content:space-between;align-items:center;background:rgba(255,249,235,.91);border:1px solid #d4b77f;border-radius:22px;padding:12px 16px;position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.district-bar button{border:0;background:var(--navy);color:#fff;border-radius:12px;padding:10px 13px;font:700 8px Alexandria;cursor:pointer}.district-bar>div{display:flex;align-items:center;gap:11px}.district-bar span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#a8663f;color:#fff}.district-bar h2{font:600 21px Marhey;margin:0}.district-bar p{font-size:8px;color:var(--muted);margin:0}.street-scene{position:relative;min-height:560px;padding:54px 8px 70px}.street-scene:before{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(#dec18c,#c9985e);border-radius:50% 50% 0 0}.street-label{position:absolute;top:16px;left:50%;transform:translateX(-50%);font:600 12px Marhey;color:#7d593c;background:#f7e8c6;border:1px solid #cda96e;padding:7px 18px;border-radius:999px}.houses{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:18px}.house{min-height:210px;border:0;background:rgba(255,249,235,.94);border-radius:20px;box-shadow:0 15px 30px rgba(85,55,32,.16);padding:0;overflow:hidden;cursor:pointer;transition:.22s;position:relative}.house:hover{transform:translateY(-8px);box-shadow:0 22px 36px rgba(85,55,32,.23)}.facade{display:block;height:140px;position:relative;background:linear-gradient(#aacdd0 0 48%,#dfbe83 48%)}.facade:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:78px;background:var(--house);border:6px solid rgba(69,43,29,.2);border-radius:10px 10px 0 0}.facade .roof{position:absolute;z-index:2;left:9%;right:9%;bottom:70px;border-left:78px solid transparent;border-right:78px solid transparent;border-bottom:46px solid color-mix(in srgb,var(--house) 72%,#654431)}.facade .door{position:absolute;z-index:4;left:50%;bottom:0;transform:translateX(-50%);width:36px;height:50px;background:#473128;border-radius:18px 18px 0 0}.facade .window{position:absolute;z-index:4;bottom:34px;width:23px;height:24px;background:#f2cf73;border:4px solid #65452f}.facade .w1{left:25%}.facade .w2{right:25%}.facade .lamp{position:absolute;z-index:5;left:50%;bottom:55px;width:9px;height:9px;border-radius:50%;background:#ffdf70;box-shadow:0 0 18px #ffcc56}.name{display:block;padding:14px}.name b,.name small{display:block}.name b{font:600 14px Marhey}.name small{font-size:8px;color:var(--muted);margin-top:4px}.star{position:absolute;top:10px;left:12px;color:#d4a53e}.empty{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);background:#fff7e5;padding:24px 32px;border-radius:20px;text-align:center;box-shadow:var(--shadow)}.empty span{font-size:30px;color:#a8663f}.empty b,.empty small{display:block}.empty small{font-size:8px;color:var(--muted);margin-top:5px}.hint{position:absolute;z-index:20;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(31,44,42,.78);color:#fff8e8;border:1px solid rgba(255,255,255,.16);padding:8px 14px;border-radius:999px;font-size:8px;white-space:nowrap}.story{min-height:730px;background:#fbf4e6;border:1px solid #dec7a2;border-radius:34px;box-shadow:var(--shadow);position:relative;overflow:auto;padding:26px}.close{position:absolute;left:15px;top:15px;border:0;width:35px;height:35px;border-radius:50%;background:#fff;color:var(--ink);font-size:21px;cursor:pointer;z-index:3}.story-empty{min-height:660px;display:grid;place-content:center;text-align:center}.story-empty>span{font-size:52px;color:#a8663f}.story-empty h2{font:600 24px Marhey;margin:10px 0}.story-empty p{font-size:10px;line-height:2;color:var(--muted);max-width:270px}.profile-head{padding:36px 0 24px;border-bottom:1px solid #dfc8a3}.profile-seal{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#a8663f;color:#fff;font-size:20px;margin-bottom:13px}.profile-kicker{font-size:8px;color:#a8663f;font-weight:800}.profile-head h2{font:600 33px/1.4 Marhey;margin:10px 0 3px}.profile-head strong{display:block;color:#98703c;font-size:12px}.profile-head small{font-size:8px;color:var(--muted)}.story blockquote{margin:20px 0;padding:16px;border-right:4px solid var(--gold);background:#fff7df;border-radius:16px;font:400 14px/1.8 Marhey}.story section{margin:22px 0}.story h3{font:600 15px Marhey;margin:0 0 8px}.story p{font-size:10px;line-height:2;color:#665b52;margin:0}.lesson{background:#e5efe8;border:1px solid #c5d9cb;border-radius:18px;padding:16px}.story-actions{display:flex;gap:8px}.story-actions button{flex:1;border:0;border-radius:13px;padding:11px;font:800 8px Alexandria;cursor:pointer}.story-actions button:first-child{background:var(--navy);color:#fff}.story-actions button:last-child{background:#fff;border:1px solid #ddc7a4}footer{width:min(1500px,calc(100% - 34px));margin:18px auto 35px;display:flex;justify-content:space-between;color:var(--muted);font-size:8px}footer span{font-family:Marhey;color:#a8663f}@media(max-width:1050px){.intro{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.story{position:fixed;z-index:80;right:12px;left:12px;bottom:12px;min-height:0;height:min(78vh,720px);transform:translateY(calc(100% + 30px));transition:.28s}.story.open{transform:translateY(0)}.story-empty{min-height:430px}}@media(max-width:760px){.topbar{height:62px}.brand small{display:none}.intro{padding-top:28px}.intro h1{font-size:38px}.meta{align-items:flex-start;gap:8px}.stats{justify-content:flex-end}.city-card{min-height:680px;border-radius:24px}.map-view{padding:20px 12px}.city-map{height:600px;border-width:10px;border-radius:34px}.quarter{width:38%;height:29%}.q1,.q3{right:3%}.q2,.q4{left:3%}.mosque{transform:translate(-50%,-50%) scale(.78)}.quarter-copy b{font-size:11px}.mini-home{transform:scale(.8)}.houses{grid-template-columns:repeat(2,minmax(130px,1fr));gap:11px}.district-view{padding:14px}.story{padding:20px;border-radius:24px}.profile-head h2{font-size:28px}}@media(max-width:480px){.nav-link span{display:none}.intro p{font-size:10px}.meta{display:block}.stats{margin-top:8px;justify-content:flex-start}.city-card{min-height:620px}.city-map{height:545px}.quarter{width:40%;height:28%}.quarter-art{opacity:.8}.quarter-copy{right:5px;left:5px;padding:6px}.quarter-copy small,.quarter-copy em{font-size:6px}.quarter-copy b{font-size:10px}.houses{grid-template-columns:1fr 1fr}.house{min-height:180px}.facade{height:112px}.facade .roof{border-left-width:55px;border-right-width:55px}.hint{font-size:7px}.map-legend{display:none}}