/* Dynamic map spotlight — limited to the home banner; keep all directory cards unchanged. */
body[data-page="home"] .home-atlas{
  position:relative;
  border:1px solid #9b845a69;
  background:#111c16;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px #060e0a,0 12px 35px #03090443;
  isolation:isolate;
}
body[data-page="home"] .home-atlas::before{
  content:"";
  pointer-events:none;
  position:absolute;
  z-index:4;
  inset:10px 10px 44px;
  border:1px solid #c4a87625;
}
.atlas-live-stage{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1fr);
  height:280px;
  min-height:0;
  overflow:hidden;
}
.atlas-live-copy{
  position:relative;
  z-index:2;
  padding:23px 25px 20px 36px;
  min-height:0;
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  background:linear-gradient(90deg,#111f17 0%,#111e17 90%,#15221a 100%);
}
.atlas-live-copy::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(ellipse at 8% 100%,#45603d2b,transparent 68%);
  pointer-events:none;
}
.atlas-live-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  color:#cdb37c;
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
}
.atlas-live-eyebrow::before{content:"";width:25px;height:1px;background:#b89b65}
body[data-page="home"] .atlas-live-copy h1{
  margin:11px 0 3px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  font-size:clamp(29px,3.25vw,43px);
  letter-spacing:-.035em;
  line-height:1.09;
  min-height:2.18em;
  max-width:100%;
  color:#f0e8d9;
  text-wrap:balance;
}
.atlas-live-count{
  font-size:12px;
  color:#cbb17c;
  margin:5px 0 0;
  font-variant-numeric:tabular-nums;
}
.atlas-live-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:15px;
  margin-top:14px;
}
.atlas-live-open{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:10px 15px;
  border:1px solid #c6a366;
  border-radius:2px;
  background:#cfb379;
  color:#101911;
  font-size:12px;
  font-weight:800;
  line-height:1.3;
  transition:background .18s ease;
}
.atlas-live-open:hover{background:#edd199}
.atlas-live-related{color:#d9d2bf;font-size:12px}
.atlas-live-related:hover{color:#edcf8d}
.atlas-live-disclaimer{color:#7e9787;font-size:10px;margin:10px 0 0}
.atlas-live-map{
  position:relative;
  display:block;
  overflow:hidden;
  min-width:0;
  min-height:0;
  background:#1e3129;
  border-left:1px solid #b6a07b36;
}
.atlas-live-map::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#111e17bb,transparent 28%,#0c140c26),linear-gradient(0deg,#0a160ab3,transparent 35%);
  pointer-events:none;
}
.atlas-live-image{
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  inset:0;
  object-fit:fill;
  opacity:.83;
  filter:saturate(.66) contrast(1.05);
  transition:opacity .45s ease,filter .3s ease;
}
.atlas-live-map:hover .atlas-live-image{filter:saturate(.88) contrast(1.04);opacity:.98}
.atlas-live-map-label{
  position:absolute;
  z-index:2;
  right:23px;
  bottom:18px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  color:#e6d7b4;
  padding:6px 9px;
  border:1px solid #d8bc7f45;
  background:#101b14e0;
}
.atlas-live-map-label span{font-size:14px;margin-right:5px}
.atlas-live-markers{position:absolute;inset:0;z-index:1;pointer-events:none}
.atlas-live-marker{
  position:absolute;
  display:block;
  width:13px;
  height:13px;
  border:1px solid #f2ce84;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#ba924b88;
  box-shadow:0 0 0 4px #121b1328,0 0 13px #f3c3734f;
  transition:transform .2s;
}
.atlas-live-marker::before{content:"";position:absolute;inset:3px;border-radius:50%;background:#e8c788}
.atlas-live-map:hover .atlas-live-marker{transform:translate(-50%,-50%) scale(1.12)}
.atlas-live-footer{
  position:relative;
  z-index:5;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  min-height:44px;
  gap:10px;
  padding:6px 13px 6px 18px;
  border-top:1px solid #77674760;
  background:#0d1711;
}
.atlas-live-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none;margin-left:auto}
.atlas-live-index{padding:0 9px;color:#91a191;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.12em}
.atlas-live-arrow{display:grid;place-items:center;width:30px;height:30px;padding:0;color:#dbc08f;background:#15221a;border:1px solid #485d46;border-radius:2px}
.atlas-live-arrow:hover{border-color:#c6a46d;background:#253426}
body[data-page="home"] .atlas-directory{margin-top:18px}
@media(max-width:800px){
 .atlas-live-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);height:270px;min-height:0}
 .atlas-live-copy{padding:19px 14px 18px 25px}
 body[data-page="home"] .atlas-live-copy h1{font-size:clamp(27px,3.8vw,34px)}
 .atlas-live-actions{gap:12px;margin-top:12px}
 .atlas-live-open{padding:9px 12px}
}
@media(max-width:620px){
 body[data-page="home"] .home-atlas::before{inset:8px 8px 44px}
 .atlas-live-stage{display:flex;flex-direction:column;height:398px;min-height:0}
 .atlas-live-copy{order:2;flex:1 1 auto;padding:13px 18px 12px;min-height:0}
 body[data-page="home"] .atlas-live-copy h1{font-size:clamp(25px,6.1vw,30px);margin:8px 0 2px;min-height:2.18em}
 .atlas-live-eyebrow{font-size:9px}
 .atlas-live-map{order:1;flex:0 0 154px;display:block;border-left:0;border-bottom:1px solid #856f4d66;aspect-ratio:auto;min-height:0}
 .atlas-live-disclaimer{margin-top:8px}
 .atlas-live-actions{margin-top:11px;gap:9px}
 .atlas-live-footer{padding:6px 9px;gap:5px}
 .atlas-live-index{padding:0 5px;font-size:9px}
 .atlas-live-map-label{bottom:9px;right:10px;font-size:9px}
 .atlas-live-marker{width:10px;height:10px}
 .atlas-live-marker::before{inset:2px}
}
@media(prefers-reduced-motion:reduce){
 .atlas-live-image,.atlas-live-marker,.atlas-live-open{transition:none!important}
}


/* The same atlas now previews Classic NPC coordinates on Forever beta zone art. */
.atlas-live-image[hidden],
.atlas-live-markers[hidden],
.atlas-live-map-error[hidden]{display:none}
.atlas-live-map-error{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  padding:25px;
  background:radial-gradient(ellipse at 70% 35%,#293f34,#111b16 72%);
  color:#d8c29a;
  font:15px Georgia,"Times New Roman",serif;
  text-align:center;
}
.atlas-live-markers[data-atlas-kind="merchant"] .atlas-live-marker{
  border-color:#c5e3a4;
  background:#86ae74aa;
  box-shadow:0 0 0 4px #101c142d,0 0 12px #acd99355;
}
.atlas-live-markers[data-atlas-kind="merchant"] .atlas-live-marker::before{background:#d5efb3}
.atlas-live-markers[data-atlas-kind="trainer"] .atlas-live-marker{
  border-color:#a0dfed;
  background:#6aa6bba0;
  box-shadow:0 0 0 4px #101c142d,0 0 12px #91dbec55;
}
.atlas-live-markers[data-atlas-kind="trainer"] .atlas-live-marker::before{background:#c8edf3}


/* Subtle transitions without adding more controls to the carousel. */
.atlas-live-image.is-loading{opacity:.12}
@keyframes atlas-content-enter{
 from{opacity:.45;transform:translateY(6px)}
 to{opacity:1;transform:translateY(0)}
}
.atlas-live-copy.atlas-reveal > .atlas-live-eyebrow,
.atlas-live-copy.atlas-reveal > h1,
.atlas-live-copy.atlas-reveal > .atlas-live-count,
.atlas-live-copy.atlas-reveal > .atlas-live-actions{
 animation:atlas-content-enter .48s ease both;
}
@media(prefers-reduced-motion:reduce){
 .atlas-live-copy.atlas-reveal > *{animation:none!important}
 .atlas-live-image.is-loading{opacity:.83}
}

/* Extra breathing room for wrapped translated labels on narrow phones. */
@media(max-width:370px){
 .atlas-live-stage{height:420px}
 .atlas-live-copy{padding:12px 15px}
 .atlas-live-map{flex-basis:150px}
 .atlas-live-actions{gap:8px}
}


/* Module spotlights reuse the map half of the fixed-size banner.
   Cartographic slides keep their authentic map textures and data markers. */
body[data-page="home"] .atlas-feature-visual[hidden]{display:none!important}
.atlas-feature-visual{
 position:absolute;
 inset:0;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-direction:column;
 gap:12px;
 padding:20px 35px 38px;
 overflow:hidden;
 background:
  radial-gradient(circle at 50% 50%,#77613936 0%,transparent 51%),
  linear-gradient(128deg,#253727 0%,#101f1a 48%,#1a2c25 100%);
 color:#ddcfae;
 isolation:isolate;
}
.atlas-feature-orbit{
 position:absolute;
 left:50%;top:44%;
 width:min(49%,220px);
 aspect-ratio:1;
 border:1px solid #a98a5366;
 border-radius:50%;
 transform:translate(-50%,-50%) rotate(-26deg);
 box-shadow:0 0 0 12px #bca0710c,0 0 0 34px #bb995f07,inset 0 0 28px #8f6d3938;
}
.atlas-feature-orbit::before,
.atlas-feature-orbit::after{
 content:"";
 position:absolute;
 inset:17px;
 border:1px dashed #ccb48145;
 border-radius:50%;
}
.atlas-feature-orbit::after{inset:-17px;border:1px solid #b99a5433}
.atlas-feature-icon{
 display:grid;
 place-items:center;
 width:92px;height:92px;
 padding:12px;
 border:1px solid #ceb1779c;
 border-radius:14px;
 background:linear-gradient(140deg,#293a2d,#15271f);
 box-shadow:0 12px 26px #040a0880,0 0 34px #d4b47621;
 z-index:1;
}
.atlas-feature-icon img{
 display:block;
 width:100%;height:100%;
 object-fit:contain;
 border-radius:4px;
 image-rendering:auto;
}
.atlas-feature-visual[data-kind="quest"] .atlas-feature-icon,
.atlas-feature-visual[data-kind="population"] .atlas-feature-icon{border-color:#91b5c19c}
.atlas-feature-visual[data-kind="profession"] .atlas-feature-icon{border-color:#c9b288}
.atlas-feature-meta{
 position:relative;
 z-index:1;
 display:flex;
 flex-direction:column;
 align-items:center;
 max-width:100%;
 gap:4px;
 text-align:center;
 text-shadow:0 2px 5px #08110b;
}
.atlas-feature-meta strong{
 font:500 clamp(18px,2.1vw,25px)/1.16 Georgia,"Times New Roman",serif;
 color:#f0e3c5;
 max-width:100%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.atlas-feature-meta small{
 font-size:11px;
 color:#c0c7af;
 max-width:100%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.atlas-live-map:has(.atlas-feature-visual:not([hidden]))::after{opacity:.18}
body[data-page="home"] .atlas-live-copy h1{
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 line-clamp:2;
 overflow:hidden;
 max-height:2.18em;
}
.atlas-live-count{
 max-width:100%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.atlas-live-disclaimer{
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 line-clamp:2;
 overflow:hidden;
}
.atlas-live-markers[data-atlas-kind="trainer"] .atlas-live-marker,
.atlas-live-markers[data-atlas-kind="merchant"] .atlas-live-marker{
 width:14px;height:14px;
}
@media(max-width:620px){
 .atlas-feature-visual{gap:7px;padding:9px 20px 25px}
 .atlas-feature-orbit{width:100px;top:39%}
 .atlas-feature-icon{width:59px;height:59px;padding:8px;border-radius:9px}
 .atlas-feature-meta strong{font-size:17px}
 .atlas-feature-meta small{font-size:10px}
 body[data-page="home"] .atlas-live-copy h1{font-size:clamp(23px,5.6vw,29px)}
}
@media(prefers-reduced-motion:reduce){.atlas-feature-visual *{transition:none!important}}