/* A single original atlas, native disclosures, no carousel dependency or autoplay. */
.world-content{position:relative}
.class-paths{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:36px 0 30px;align-items:start;text-align:left}
.class-path{min-width:0;position:relative;border:1px solid #bca27245;background:#0a121bed;box-shadow:0 14px 30px #0003;transition:border-color .25s,box-shadow .25s}
.class-path[open]{border-color:#dbc081;box-shadow:0 0 0 1px #d8b96940,0 16px 40px #0006}
.class-path summary{position:relative;cursor:pointer;list-style:none;outline-offset:5px}
.class-path summary::-webkit-details-marker{display:none}
.class-path summary::marker{content:''}
.class-path summary:focus-visible{outline:2px solid var(--pale)}
.class-portrait{display:block;position:relative;overflow:hidden;aspect-ratio:3/4;background:#101b24}
.class-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a121b,transparent 45%);pointer-events:none}
.class-portrait img{display:block;width:500%;max-width:none;height:auto;min-height:100%;transition:filter .3s;filter:saturate(.65) brightness(.75)}
.class-path:hover .class-portrait img,.class-path[open] .class-portrait img{filter:saturate(1) brightness(1)}
.class-path-ninja .class-portrait img{transform:translateX(-20%)}
.class-path-sura .class-portrait img{transform:translateX(-40%)}
.class-path-shaman .class-portrait img{transform:translateX(-60%)}
.class-path-lycan .class-portrait img{transform:translateX(-80%)}
.class-label{position:relative;display:flex;flex-direction:column;gap:6px;padding:0 34px 22px 18px;margin-top:-24px;min-height:84px}
.class-number{font:9px/1 var(--sans);letter-spacing:.22em;color:#cfac70}
.class-name{font:clamp(19px,2vw,26px)/1.2 var(--serif);color:#f0dfbb;overflow-wrap:normal}
.class-indicator{position:absolute;bottom:26px;right:14px;color:var(--gold);font:22px/1 var(--sans);transition:transform .25s}
.class-path[open] .class-indicator{transform:rotate(45deg)}
.class-path-copy{margin:0 17px 20px;border-top:1px solid #c9a46040;padding-top:15px}
.class-path-copy p{font:12px/1.8 var(--sans);color:#bac4c9;margin:0}
@media(max-width:1050px){.class-paths{gap:9px}.class-label{padding-left:12px}.class-path-copy{margin-inline:12px}.class-name{font-size:20px}}
@media(max-width:650px){
  .class-paths{grid-template-columns:1fr;gap:12px;margin-top:28px}
  .class-path summary{display:grid;grid-template-columns:80px minmax(0,1fr) 42px;align-items:center;min-height:100px}
  .class-portrait{height:100px;width:80px;aspect-ratio:auto}
  .class-portrait img{height:auto;min-height:100%;margin-top:-8px}
  .class-portrait::after{background:linear-gradient(90deg,transparent,#0a121b35)}
  .class-label{margin:0;min-height:0;padding:12px 12px 12px 18px;gap:7px}
  .class-name{font-size:27px}
  .class-indicator{position:static;justify-self:center}
  .class-path-copy{margin:0 18px 19px;padding-top:15px}
  .class-path-copy p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.class-path,.class-portrait img,.class-indicator{transition:none}}
[data-motion=off] .class-path,[data-motion=off] .class-portrait img,[data-motion=off] .class-indicator{transition:none}