:root{--ink:#102c32;--ink2:#183c43;--paper:#f2ead8;--paper2:#e9ddc4;--gold:#c6a25a;--teal:#247e82;--teal2:#51a9a8;--red:#a95742;--shadow:0 24px 70px rgba(5,28,33,.22)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Cairo,Tahoma,sans-serif;color:var(--ink);background:#102c32;overflow:hidden}button,input{font:inherit}.atlas-shell{height:100%;display:flex;flex-direction:column}.topbar{height:66px;flex:0 0 66px;background:linear-gradient(90deg,#0d282e,#153a40);color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1200;box-shadow:0 8px 25px rgba(0,0,0,.16)}.brand-link,.icon-btn{color:#dcebea;text-decoration:none}.brand-link{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700;justify-self:start}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.project-title{display:flex;align-items:center;gap:9px}.project-title strong{font-family:Marhey,Cairo;font-size:18px}.project-title small{font-size:8px;letter-spacing:2px;color:#8cc9c8}.compass{font-size:25px;color:#d4b36e}.top-actions{justify-self:end;display:flex;gap:8px}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:50%;cursor:pointer}.atlas-main{min-height:0;flex:1;display:grid;grid-template-columns:360px 1fr;direction:ltr}.explorer-panel{direction:rtl;background:linear-gradient(145deg,#f4eddf,#eee2cb);padding:25px 22px 18px;overflow:auto;position:relative;z-index:900;box-shadow:16px 0 42px rgba(3,25,30,.22);transition:.35s ease}.explorer-panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 0%,rgba(255,255,255,.8),transparent 35%),repeating-linear-gradient(0deg,rgba(70,50,20,.025) 0 1px,transparent 1px 4px);pointer-events:none}.explorer-panel>*{position:relative}.panel-intro .eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--teal);font-weight:800}.panel-intro h1{font-family:Marhey,Cairo;margin:9px 0 7px;font-size:29px;line-height:1.55}.panel-intro h1 em{font-style:normal;color:var(--red)}.panel-intro p{margin:0 0 17px;font-size:11px;line-height:1.9;color:#66797a}.search-box{height:49px;display:flex;align-items:center;background:rgba(255,255,255,.78);border:1px solid rgba(31,98,101,.15);border-radius:15px;padding:0 13px;box-shadow:0 9px 25px rgba(55,45,25,.07)}.search-box>span{font-size:21px;color:var(--teal)}.search-box input{flex:1;border:0;outline:0;background:transparent;padding:0 10px;color:var(--ink);font-size:11px}.search-box button{border:0;background:transparent;color:#8c9896;font-size:18px;cursor:pointer}.layer-section,.places-section{margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.section-heading>span{font-size:11px;font-weight:800}.section-heading small{font-size:9px;color:#778887}.section-heading button{border:0;background:transparent;color:var(--teal);font-size:9px;cursor:pointer}.layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layer-card{border:1px solid rgba(38,96,96,.12);background:rgba(255,255,255,.62);border-radius:14px;padding:10px;display:flex;align-items:center;gap:8px;text-align:right;color:var(--ink);cursor:pointer;transition:.2s}.layer-card:hover{transform:translateY(-2px);background:#fff}.layer-card.active{background:var(--ink);color:white;border-color:var(--ink);box-shadow:0 10px 24px rgba(16,44,50,.18)}.layer-card i{width:32px;height:32px;border-radius:10px;background:rgba(36,126,130,.12);display:grid;place-items:center;font-style:normal;font-size:16px}.layer-card.active i{background:rgba(255,255,255,.13);color:#f0cf88}.layer-card span{min-width:0}.layer-card b,.layer-card small{display:block}.layer-card b{font-size:10px}.layer-card small{font-size:7px;opacity:.65;margin-top:2px}.places-list{display:grid;gap:6px}.place-row{border:0;border-bottom:1px solid rgba(53,82,80,.1);background:transparent;padding:9px 5px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;text-align:right;color:var(--ink);cursor:pointer;border-radius:10px;transition:.2s}.place-row:hover,.place-row.active{background:rgba(255,255,255,.72);transform:translateX(-3px)}.place-row .pin{width:36px;height:36px;border-radius:50% 50% 50% 12px;transform:rotate(-45deg);background:#dce9e4;display:grid;place-items:center;color:var(--teal)}.place-row .pin span{transform:rotate(45deg)}.place-row b,.place-row small{display:block}.place-row b{font-size:10px}.place-row small{font-size:7.5px;color:#71807d;margin-top:2px}.place-row .arrow{font-size:15px;color:#9aa6a3}.empty-state{text-align:center;padding:22px 10px;border:1px dashed rgba(35,105,108,.2);border-radius:14px}.empty-state b,.empty-state span{display:block}.empty-state b{font-size:11px}.empty-state span{font-size:8px;color:#7b8987;margin-top:5px}.map-stage{position:relative;min-width:0;direction:rtl;overflow:hidden}.map-stage::before{content:"";position:absolute;inset:0;z-index:401;pointer-events:none;box-shadow:inset 0 0 100px rgba(6,31,35,.26)}#map{height:100%;width:100%;background:#a8c4bc}.map-vignette{position:absolute;inset:0;z-index:402;pointer-events:none;background:linear-gradient(90deg,rgba(9,34,39,.16),transparent 24%,transparent 78%,rgba(9,34,39,.12)),linear-gradient(0deg,rgba(5,30,34,.2),transparent 22%)}.map-grain{position:absolute;inset:0;z-index:403;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.leaflet-tile-pane{filter:saturate(.68) sepia(.22) hue-rotate(128deg) brightness(.95) contrast(.94)}.leaflet-control-zoom{border:0!important;box-shadow:var(--shadow)!important}.leaflet-control-zoom a{background:#f3ead9!important;color:var(--ink)!important;border:0!important}.leaflet-control-attribution{font-size:7px!important;background:rgba(243,234,217,.7)!important}.era-ribbon{position:absolute;top:19px;left:50%;transform:translateX(-50%);z-index:700;background:rgba(16,44,50,.9);color:white;border:1px solid rgba(255,255,255,.13);border-radius:40px;padding:8px 18px;display:flex;align-items:center;gap:9px;box-shadow:0 14px 34px rgba(0,0,0,.2);backdrop-filter:blur(14px);white-space:nowrap}.era-ribbon .era-label{font-size:7px;color:#97c4c2}.era-ribbon strong{font-family:Marhey;font-size:12px;color:#f3d495}.era-ribbon small{font-size:7px;color:#dce8e6}.map-tools{position:absolute;z-index:700;left:18px;top:78px;display:grid;gap:7px}.map-tools button{width:39px;height:39px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(16,44,50,.86);color:white;box-shadow:0 10px 22px rgba(0,0,0,.18);cursor:pointer}.map-tools button.active{color:#f0c978}.journey-hint{position:absolute;z-index:700;left:20px;bottom:18px;background:rgba(243,234,217,.91);border:1px solid rgba(255,255,255,.45);border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);backdrop-filter:blur(10px);transition:.3s}.journey-hint .mouse-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:var(--ink);color:#f3d495}.journey-hint b,.journey-hint small{display:block}.journey-hint b{font-size:9px}.journey-hint small{font-size:7px;color:#6c7b79}.journey-hint button{border:0;background:transparent;color:#76827f;cursor:pointer}.story-panel{position:absolute;z-index:900;top:18px;right:18px;bottom:18px;width:min(410px,calc(100% - 36px));background:linear-gradient(160deg,rgba(248,242,228,.97),rgba(235,223,198,.97));border:1px solid rgba(255,255,255,.7);border-radius:25px;box-shadow:0 30px 80px rgba(3,26,31,.38);backdrop-filter:blur(18px);overflow:auto;transform:translateX(calc(100% + 35px));opacity:0;transition:.42s cubic-bezier(.2,.8,.2,1)}.story-panel.open{transform:translateX(0);opacity:1}.story-close{position:absolute;top:13px;left:13px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(14,42,48,.75);color:#fff;cursor:pointer;z-index:2}.story-cover{min-height:156px;padding:27px 25px 22px;display:flex;align-items:flex-end;gap:16px;color:white;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.18),transparent 30%),linear-gradient(145deg,#153a40,#1b5f63);position:relative;overflow:hidden}.story-cover::after{content:"";position:absolute;inset:auto -10% -65% 15%;height:150px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.story-icon{width:62px;height:62px;flex:0 0 62px;border-radius:50% 50% 50% 16px;background:#f1d188;color:#14373c;display:grid;place-items:center;font-size:28px;transform:rotate(-8deg);box-shadow:0 12px 25px rgba(0,0,0,.18)}.story-cover small{font-size:8px;color:#9ed0cd}.story-cover h2{font-family:Marhey;margin:3px 0;font-size:26px}.story-cover p{margin:0;font-size:10px;color:#d6e5e3}.story-body{padding:20px 23px 24px}.story-meta{display:flex;gap:8px;flex-wrap:wrap}.story-meta span{background:rgba(255,255,255,.65);border:1px solid rgba(27,92,93,.1);border-radius:20px;padding:6px 10px;font-size:8px;color:#5d7574}.story-body blockquote{margin:16px 0;padding:13px 15px;border-right:3px solid var(--gold);background:rgba(255,255,255,.52);border-radius:12px;font-family:Marhey;font-size:12px;line-height:1.8;color:#6e4e2e}.story-body section{margin-top:17px}.story-body h3{font-size:10px;margin:0 0 7px;color:var(--teal)}.story-body p{margin:0;font-size:10px;line-height:2;color:#536c6c}.lesson-box{border:1px solid rgba(164,85,62,.16);background:rgba(255,248,232,.78);border-radius:15px;padding:13px}.lesson-box span{font-size:8px;color:var(--red);font-weight:800}.story-nav{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:7px;margin-top:20px}.story-nav button{border:1px solid rgba(26,89,91,.14);border-radius:12px;padding:10px 5px;background:rgba(255,255,255,.65);color:var(--ink);font-size:8px;cursor:pointer}.story-nav #focusPlace{background:var(--ink);color:white}.atlas-marker{background:transparent;border:0}.marker-wrap{position:relative;display:flex;align-items:center;justify-content:center}.marker-pulse{position:absolute;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;animation:pulse 2.2s infinite}.marker-core{position:relative;width:35px;height:35px;border-radius:50% 50% 50% 12px;transform:rotate(-45deg);display:grid;place-items:center;border:2px solid rgba(255,255,255,.92);box-shadow:0 7px 18px rgba(4,27,32,.28)}.marker-core span{transform:rotate(45deg);font-size:15px}.marker-label{position:absolute;top:38px;white-space:nowrap;background:rgba(15,43,49,.9);color:white;border-radius:7px;padding:3px 7px;font-size:8px;box-shadow:0 6px 15px rgba(0,0,0,.16)}.marker-holy{color:#c7a04c}.marker-holy .marker-core{background:#c7a04c;color:#fff}.marker-knowledge{color:#277d84}.marker-knowledge .marker-core{background:#277d84;color:#fff}.marker-battles{color:#a8503d}.marker-battles .marker-core{background:#a8503d;color:#fff}.marker-routes{color:#468d69}.marker-routes .marker-core{background:#468d69;color:#fff}@keyframes pulse{0%{transform:scale(.65);opacity:.9}100%{transform:scale(1.5);opacity:0}}.route-line{stroke-dasharray:12 9;animation:dash 22s linear infinite}@keyframes dash{to{stroke-dashoffset:-400}}.intro-screen{position:fixed;inset:0;z-index:5000;background:radial-gradient(circle at center,#1d4a4e 0,#102f35 45%,#081f24 100%);display:grid;place-items:center;color:white;overflow:hidden;transition:opacity .8s,visibility .8s}.intro-screen.closed{opacity:0;visibility:hidden}.intro-screen::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(231,209,154,.35) 1px,transparent 1px);background-size:40px 40px;opacity:.16}.intro-center{text-align:center;position:relative;z-index:3}.intro-compass{width:110px;height:110px;margin:0 auto 17px;border:1px solid rgba(241,210,139,.35);border-radius:50%;display:grid;place-items:center;font-size:54px;color:#f0d08b;animation:spinSlow 16s linear infinite;box-shadow:0 0 60px rgba(240,208,139,.12)}.intro-center small{font-size:8px;letter-spacing:4px;color:#8ec1bf}.intro-center h2{font-family:Marhey;font-size:48px;margin:7px 0}.intro-center p{font-size:12px;color:#bdd3d1;margin:0 0 23px}.intro-center button{border:1px solid rgba(255,255,255,.17);background:#e7c77e;color:#16353a;border-radius:30px;padding:12px 24px;font-weight:800;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.2)}.intro-center button span{margin-right:8px}.intro-orbit{position:absolute;border:1px solid rgba(224,196,130,.14);border-radius:50%;animation:spinSlow 22s linear infinite}.orbit-one{width:520px;height:520px}.orbit-two{width:760px;height:760px;animation-direction:reverse;animation-duration:31s}.intro-orbit::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#ebcf8b;top:50%;left:-5px;box-shadow:0 0 18px #ebcf8b}@keyframes spinSlow{to{transform:rotate(360deg)}}body.sidebar-collapsed .atlas-main{grid-template-columns:0 1fr}body.sidebar-collapsed .explorer-panel{transform:translateX(100%);padding:0;overflow:hidden}.loading-line{height:48px;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,.75),rgba(255,255,255,.25));background-size:200% 100%;animation:load 1.2s infinite}@keyframes load{to{background-position:-200% 0}}
@media(max-width:900px){.atlas-main{grid-template-columns:315px 1fr}.panel-intro h1{font-size:24px}.story-panel{width:min(390px,calc(100% - 28px));right:14px;top:14px;bottom:14px}}
@media(max-width:720px){body{overflow:auto}.topbar{height:60px;grid-template-columns:1fr auto 1fr;padding:0 12px}.project-title small,.brand-link span:not(.brand-mark){display:none}.project-title strong{font-size:15px}.atlas-main{display:block;position:relative;height:calc(100vh - 60px)}.explorer-panel{position:absolute;inset:0 auto 0 0;width:min(88vw,340px);transform:translateX(-105%);z-index:1300}.explorer-panel.mobile-open{transform:translateX(0)}body.sidebar-collapsed .atlas-main{display:block}body.sidebar-collapsed .explorer-panel{transform:translateX(-105%);padding:25px 22px 18px}.map-stage{height:100%}.era-ribbon{top:12px;padding:7px 12px}.era-ribbon .era-label{display:none}.map-tools{left:10px;top:64px}.journey-hint{left:10px;right:10px;bottom:10px}.story-panel{top:auto;left:0;right:0;bottom:0;width:100%;max-height:82vh;border-radius:24px 24px 0 0;transform:translateY(105%)}.story-panel.open{transform:translateY(0)}.story-cover{min-height:128px}.intro-center h2{font-size:37px}.orbit-one{width:380px;height:380px}.orbit-two{width:560px;height:560px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Leaflet must always calculate tile positions in LTR, even inside an Arabic RTL page. */
#map,
.leaflet-container,
.leaflet-map-pane,
.leaflet-tile-pane {
  direction: ltr !important;
}
.leaflet-tile {
  width: 256px !important;
  height: 256px !important;
  max-width: none !important;
  max-height: none !important;
}
/* Keep Atlas interface text Arabic after isolating the map direction. */
.era-ribbon,
.journey-hint,
.story-panel,
.leaflet-tooltip,
.leaflet-popup-content {
  direction: rtl;
}