/* ZARVEXIS: single, coherent glass design layer. */
:root{--zx-layout:1120px;--zx-gap:16px;--zx-radius:20px;--zx-glass-bg:linear-gradient(135deg,rgba(223,255,246,.20) 0%,rgba(24,95,89,.21) 35%,rgba(2,34,35,.42) 100%);--zx-glass-edge:rgba(237,255,250,.47);--zx-glass-shadow:inset 0 1px 1px rgba(255,255,255,.52),inset 0 -1px 0 rgba(255,255,255,.11),0 12px 30px rgba(0,0,0,.24)}
html{min-height:100%}
body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
.zx-main{flex:1 0 auto;width:100%;min-height:calc(100svh - 145px);display:flow-root}
.footer{flex-shrink:0;position:relative!important;max-width:var(--zx-layout);width:calc(100% - 48px);margin:42px auto 0!important;padding:14px 20px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:18px!important;background:rgba(1,23,25,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.footer .social-links{margin:0!important;gap:22px!important}
.topbar{width:100%;min-height:66px!important;padding:15px clamp(20px,3vw,58px) 0!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.zx-nav-primary{width:auto!important;display:flex!important;gap:10px!important;align-items:center!important}
.zx-nav-primary>a,.zx-nav-primary .zx-menu-toggle{min-height:42px!important;min-width:85px!important;border-radius:999px!important;border:1px solid var(--zx-glass-edge)!important;background:var(--zx-glass-bg)!important;box-shadow:var(--zx-glass-shadow)!important;color:#fff5df!important;backdrop-filter:blur(16px) saturate(145%)!important;-webkit-backdrop-filter:blur(16px) saturate(145%)!important;text-shadow:0 1px 3px #001e1b!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease!important}
.zx-nav-primary>a:hover,.zx-nav-primary .zx-menu-toggle:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:inset 0 2px 2px rgba(255,255,255,.55),0 12px 25px rgba(0,0,0,.3),0 0 18px rgba(113,231,205,.2)!important}
.zx-menu-chevron{font-size:18px;line-height:1;transition:transform .22s ease}
.zx-menu-toggle[aria-expanded=true] .zx-menu-chevron{transform:rotate(180deg)}
.zx-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:310px!important;padding:15px!important;border-radius:21px!important;background:linear-gradient(130deg,rgba(186,251,230,.27),rgba(8,60,57,.68) 35%,rgba(0,24,28,.87))!important;border:1px solid rgba(241,255,250,.52)!important;box-shadow:var(--zx-glass-shadow),0 20px 42px #001b1bbb!important}
.zx-menu[hidden]{display:none!important}
.zx-menu a{min-height:42px!important;border-radius:12px!important;font-size:12px!important;background:linear-gradient(135deg,rgba(250,255,255,.17),rgba(3,40,40,.30))!important;border:1px solid rgba(246,255,253,.23)!important}
.zx-menu a:hover{background:rgba(165,234,212,.25)!important}
.feature-page,.bosses-page{width:min(var(--zx-layout),calc(100% - 48px))!important;max-width:var(--zx-layout)!important;margin:0 auto!important;padding:28px 0 48px!important}
.zx-minimal-heading{margin:0 auto 24px!important;min-height:0!important;padding:0!important;background:none!important;border:0!important}
.zx-minimal-heading h1{font-size:clamp(23px,2.2vw,31px)!important;font-weight:400!important;padding:12px 36px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(255,255,255,.37),rgba(120,194,181,.26) 44%,rgba(2,46,48,.46))!important;box-shadow:inset 0 2px rgba(255,255,255,.55),inset 0 -1px rgba(255,255,255,.14),0 9px 25px #001b1a55!important;backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important}
.class-grid,.zr-map-grid,.home-pillars,.home-steps,.zr-steps{gap:var(--zx-gap)!important}
.class-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.class-card,.feature-panel,.feature,.class-controls,.home-pillar,.home-overview,.home-start,.home-step,.server-status-panel,.zr-faq-item,.zr-filter,.bosses-nav-link,.feature-bottom-nav a,.button,.music-toggle{border:1px solid var(--zx-glass-edge)!important;border-radius:var(--zx-radius)!important;background:var(--zx-glass-bg)!important;box-shadow:var(--zx-glass-shadow)!important;backdrop-filter:blur(17px) saturate(135%)!important;-webkit-backdrop-filter:blur(17px) saturate(135%)!important}
.class-card:before,.feature-panel:before,.home-pillar:before,.home-overview:after,.home-start:after,.cinematic-status .server-status-panel:before{content:none!important;display:none!important}
.class-card,.feature,.home-pillar{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.class-card:hover,.feature:hover,.home-pillar:hover{transform:translateY(-3px)!important;border-color:rgba(255,247,209,.7)!important;box-shadow:inset 0 2px rgba(255,255,255,.4),0 15px 35px #001e1c77!important}
.class-card{min-height:225px!important;padding:19px!important}
.class-card h2{font-size:20px!important;margin:8px 0 14px!important}
.class-stages{gap:7px!important}
.class-stages div{padding-top:7px!important}
.class-controls{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto!important;gap:15px!important;align-items:end!important;padding:17px 20px!important;margin-bottom:18px!important}
.class-controls label{min-width:0!important}
.class-controls input,.class-controls select,.zr-search{border:1px solid rgba(235,255,246,.35)!important;border-radius:12px!important;background:rgba(1,29,30,.43)!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important;color:#fff!important}
.class-controls #class-count{align-self:center!important;white-space:nowrap!important}
.bosses-page{max-width:var(--zx-layout)!important}
.zx-boss-list{width:min(100%,860px)!important;max-width:860px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;align-items:start!important;overflow:visible!important}
.zx-boss-tile{overflow:visible!important;position:relative!important;border-radius:16px!important;min-height:55px!important;background:var(--zx-glass-bg)!important;border:1px solid var(--zx-glass-edge)!important;box-shadow:var(--zx-glass-shadow)!important;backdrop-filter:blur(15px) saturate(150%)!important;-webkit-backdrop-filter:blur(15px) saturate(150%)!important;transform:none!important}
.zx-boss-summary{min-height:55px!important;padding:11px 13px!important;gap:8px!important}
.zx-boss-name{font-size:16px!important;line-height:1.2!important}
.zx-boss-summary .boss-state{font-size:11px!important}
.zx-boss-detail{position:absolute!important;top:calc(100% + 6px)!important;left:-1px!important;right:-1px!important;z-index:20!important;min-height:140px!important;border:1px solid rgba(255,255,255,.58)!important;border-radius:17px!important;padding:15px!important;background:linear-gradient(145deg,rgba(169,235,220,.32),rgba(4,59,58,.86) 30%,rgba(1,30,35,.94))!important;box-shadow:inset 0 1px rgba(255,255,255,.42),0 20px 34px #001c1dc9!important;backdrop-filter:blur(23px) saturate(140%)!important;-webkit-backdrop-filter:blur(23px) saturate(140%)!important}
.zx-boss-tile:not([open]) .zx-boss-detail{display:none!important}
.zx-boss-tile[open]{z-index:21!important;border-color:#e6d9a9!important}
.zx-boss-tile[open] .zx-boss-detail{display:grid!important}
.zx-boss-description p{font-size:12px!important}
.zx-boss-list+.bosses-updated{margin-top:24px}
.bosses-bottom-nav,.feature-bottom-nav{margin:25px auto!important;padding:0!important;border:0!important;justify-content:center!important}
.zr-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.zr-steps-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ranking-grid,.signs-grid{gap:var(--zx-gap)!important}
.portal-data-table{border-radius:12px}
.cinematic-hero{width:min(var(--zx-layout),calc(100% - 48px))!important;max-width:var(--zx-layout)!important;margin:0 auto!important;min-height:310px!important;padding:160px 0 0!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;background:none!important}
.cinematic-hero .hero-content{width:100%!important;max-width:100%!important}
.cinematic-hero .hero-description{font-size:14px!important;margin:0 auto 13px!important;line-height:1.5!important}
.cinematic-hero .actions{gap:12px!important}
.cinematic-hero .button{min-height:42px!important;padding:10px 23px!important}
.cinematic-status,.home-world,.home-overview,.home-start{width:min(var(--zx-layout),calc(100% - 48px))!important;max-width:var(--zx-layout)!important;margin-left:auto!important;margin-right:auto!important}
.cinematic-status{margin-top:14px!important;padding:0!important}
.cinematic-status .server-status-panel{padding:18px 24px!important;min-height:94px!important}
.server-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.home-world{margin-top:30px!important}
.home-world .home-section-heading{margin-bottom:18px!important}
.home-pillar{min-height:145px!important;padding:22px!important}
.home-overview,.home-start{margin-top:22px!important;padding:25px!important}
.home-start{margin-bottom:30px!important}
.button:hover,.zr-filter:hover,.bosses-nav-link:hover,.feature-bottom-nav a:hover{transform:translateY(-2px);border-color:rgba(255,250,218,.78)!important;box-shadow:inset 0 2px rgba(255,255,255,.48),0 13px 28px #001b1b88!important}
@media(min-width:1600px){.cinematic-hero{min-height:320px!important;padding-top:165px!important}}
@media(max-width:950px){.class-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.class-controls{grid-template-columns:1fr 1fr!important}.class-controls #class-count{grid-column:1/-1}.cinematic-hero{padding-top:130px!important;min-height:280px!important}}
@media(max-width:700px){.topbar{padding:12px 12px 0!important;min-height:58px!important}.zx-nav-primary{gap:6px!important}.zx-nav-primary>a,.zx-nav-primary .zx-menu-toggle{min-width:0!important;padding:9px 12px!important;font-size:12px!important}.zx-menu{right:-70px!important;width:min(310px,calc(100vw - 25px))!important}.feature-page,.bosses-page,.cinematic-hero,.cinematic-status,.home-world,.home-overview,.home-start{width:calc(100% - 28px)!important}.class-grid,.zr-map-grid,.zr-steps-three{grid-template-columns:repeat(2,minmax(0,1fr))!important}.zx-boss-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cinematic-hero{min-height:280px!important;padding-top:120px!important}.footer{width:calc(100% - 28px);flex-direction:column!important;align-items:center!important;gap:14px!important;text-align:center!important;padding:15px 15px 90px!important}.class-controls{grid-template-columns:1fr!important}.class-controls #class-count{grid-column:auto}.server-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:470px){.class-grid,.zr-map-grid,.zr-steps-three,.zx-boss-list{grid-template-columns:1fr!important}.cinematic-hero{padding-top:115px!important;min-height:290px!important}.zx-boss-detail{position:relative!important;top:auto!important;left:auto!important;right:auto!important}.server-status-metrics{grid-template-columns:1fr!important}.home-rates{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.class-card,.feature,.home-pillar,.button,.zx-nav-primary>a,.zx-menu-toggle{transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){.class-card,.feature-panel,.feature,.home-pillar,.server-status-panel,.zx-boss-tile,.zx-boss-detail,.zx-menu{background:rgba(3,35,34,.94)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
/* Visual QA refinement: protect the central ZARVEXIS emblem on boss overview. */
@media (min-width: 951px) {
  .bosses-page { padding-top: clamp(340px, 36vh, 400px) !important; }
  .bosses-page .zx-minimal-heading { margin-bottom: 18px !important; }
  .bosses-page .zx-boss-list { width: min(100%, 840px) !important; }
}
@media (min-width: 701px) and (max-width: 950px) {
  .bosses-page { padding-top: 210px !important; }
}
@media (max-width: 700px) {
  .bosses-page { padding-top: 145px !important; }
}
/* Keep dropdowns and boss detail overlays above surrounding glass panels. */
.zx-menu-wrap { position: relative; z-index: 50; }
.zx-menu[hidden] { display: none !important; }
.zx-menu:not([hidden]) { position: absolute; z-index: 100; }
.zx-boss-tile[open] { z-index: 30 !important; }
/* A consistent, restrained press response for interactive glass controls. */
.zx-nav-primary a:active, .zx-menu-toggle:active, .button:active, .zx-boss-summary:active {
  transform: translateY(1px) scale(.985) !important;
  transition-duration: 85ms !important;
}
/* Unified placement: keep headings clear of the large central background emblem. */
@media(min-width:951px){
 .feature-page{padding-top:clamp(340px,36vh,400px)!important}
 .feature-page>.zx-minimal-heading,.bosses-page>.zx-minimal-heading{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important}
 .feature-page>.zx-minimal-heading h1,.bosses-page>.zx-minimal-heading h1{margin-inline:auto!important}
}
/* Symmetric class directory: a partial final row remains centered. */
.class-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;gap:16px!important}
.class-grid>.class-card{flex:0 1 calc((100% - 4 * 16px)/5)!important;min-width:0!important;margin:0!important}
@media(min-width:951px) and (max-width:1200px){.class-grid>.class-card{flex-basis:calc((100% - 3 * 16px)/4)!important}}
@media(min-width:701px) and (max-width:950px){
 .feature-page{padding-top:210px!important}
 .class-grid>.class-card{flex-basis:calc((100% - 2 * 16px)/3)!important}
}
@media(min-width:471px) and (max-width:700px){
 .feature-page{padding-top:145px!important}
 .class-grid>.class-card{flex-basis:calc((100% - 16px)/2)!important}
}
@media(max-width:470px){
 .feature-page{padding-top:125px!important}
 .class-grid>.class-card{flex-basis:100%!important}
}
/* Center all primary data surfaces within their shared page container. */
.feature-page>.class-controls,.feature-page>.class-grid,.feature-page>.feature-grid,.feature-page>.ranking-grid,.feature-page>.signs-grid{margin-left:auto!important;margin-right:auto!important}
/* Grand Bosses interaction pattern shared by Class Explorer and Clan Halls. */
.zx-directory-tile{position:relative!important;display:block!important;min-height:0!important;height:auto!important;padding:0!important;overflow:visible!important;border-radius:16px!important;transition:border-color .2s ease,box-shadow .2s ease!important;transform:none!important}
.zx-directory-tile>summary{list-style:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:11px 14px!important;color:#f3dba0!important}
.zx-directory-tile>summary::-webkit-details-marker{display:none}
.zx-directory-tile>summary>strong{flex:1 1 auto!important;min-width:0!important;font-size:clamp(13px,1.1vw,16px)!important;line-height:1.25!important}
.zx-directory-state{max-width:45%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#d7eee2!important;font-size:11px!important}
.zx-directory-chevron{font-size:17px!important;color:#d6f4e7!important;transition:transform .2s ease}
.zx-directory-tile[open] .zx-directory-chevron{transform:rotate(180deg)}
.zx-directory-tile[open]{z-index:5!important;border-color:rgba(255,248,218,.7)!important}
.zx-directory-tile .zx-directory-detail,.zx-directory-tile .class-stages{padding:8px 15px 15px!important;border-top:1px solid rgba(237,255,250,.18)!important}
.zx-directory-tile .zx-directory-detail p{margin:6px 0!important;font-size:12px!important}
.zx-directory-tile .class-stages{margin:0!important}
.zx-directory-tile .class-stages div{padding:5px 0!important}
.zx-directory-tile:hover{transform:none!important}
.feature-grid.portal-info-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:flex-start!important;gap:13px!important}
.feature-grid.portal-info-grid>.zx-directory-tile{flex:0 1 calc((100% - 26px)/3)!important;min-width:0!important}
.class-grid>.zx-directory-tile{flex-basis:calc((100% - 2 * 13px)/3)!important}
@media(max-width:950px){.feature-grid.portal-info-grid>.zx-directory-tile,.class-grid>.zx-directory-tile{flex-basis:calc((100% - 13px)/2)!important}}
@media(max-width:560px){.feature-grid.portal-info-grid>.zx-directory-tile,.class-grid>.zx-directory-tile{flex-basis:100%!important}.zx-directory-state{max-width:40%!important}}
/* Consistent compact world directory, preserving search/filter data attributes. */
.zr-map-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:flex-start!important;gap:13px!important}
.zr-map-grid>.zx-directory-tile{flex:0 1 calc((100% - 26px)/3)!important;min-width:0!important}
.zr-map-grid>.zx-directory-tile[hidden]{display:none!important}
@media(max-width:950px){.zr-map-grid>.zx-directory-tile{flex-basis:calc((100% - 13px)/2)!important}}
@media(max-width:560px){.zr-map-grid>.zx-directory-tile{flex-basis:100%!important}}
/* Keep multi-column informational panels aligned and centered on every page. */
.feature-page>.feature-grid,.feature-page>.ranking-grid,.feature-page>.signs-grid,.feature-page>.zr-map-grid,.feature-page>.zr-steps,.feature-page>.zr-faq{width:100%!important;margin-left:auto!important;margin-right:auto!important}
.feature-page .feature-panel,.feature-page .feature{border-radius:var(--zx-radius)!important}
.feature-page .feature-panel>h2{margin-top:0!important}
/* Home layout v6: background emblem remains unobstructed; one consistent content axis. */
body:has(.cinematic-hero) .cinematic-hero{width:min(100% - 48px,1120px)!important;min-height:0!important;height:auto!important;padding:clamp(330px,40vh,445px) 0 0!important;margin:0 auto!important;display:block!important}
body:has(.cinematic-hero) .cinematic-hero .hero-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;text-align:center!important}
body:has(.cinematic-hero) .home-accessible-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
body:has(.cinematic-hero) .cinematic-hero .hero-description{max-width:550px!important;margin:0!important;padding:7px 17px!important;border:1px solid rgba(235,255,248,.3)!important;border-radius:999px!important;background:rgba(2,34,33,.6)!important;backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important}
body:has(.cinematic-hero) .cinematic-hero .actions{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin:0!important}
body:has(.cinematic-hero) .cinematic-status{margin:17px auto 0!important;padding:0!important;width:min(100% - 48px,1120px)!important}
body:has(.cinematic-hero) .cinematic-status .server-status-panel{border-radius:20px!important;min-height:94px!important;display:flex!important;align-items:center!important;gap:24px!important;padding:16px 24px!important}
body:has(.cinematic-hero) .home-world{margin-top:32px!important}
body:has(.cinematic-hero) .home-world,body:has(.cinematic-hero) .home-overview,body:has(.cinematic-hero) .home-start{width:min(100% - 48px,1120px)!important;max-width:1120px!important}
body:has(.cinematic-hero) .home-pillars{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body:has(.cinematic-hero) .home-pillar{border-radius:19px!important;min-height:145px!important;background:linear-gradient(145deg,rgba(182,255,236,.22),rgba(4,53,49,.76) 40%,rgba(3,30,34,.8))!important;border:1px solid rgba(230,255,249,.46)!important;box-shadow:inset 0 2px rgba(255,255,255,.25),0 15px 35px #001b1b8a!important;backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important}
body:has(.cinematic-hero) .home-overview,body:has(.cinematic-hero) .home-start{border-radius:20px!important;border:1px solid rgba(230,255,249,.46)!important;background:linear-gradient(140deg,rgba(172,245,225,.2),rgba(2,39,37,.8) 42%,rgba(2,25,31,.84))!important;backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important}
body:has(.cinematic-hero) .home-overview:before,body:has(.cinematic-hero) .home-start:before,body:has(.cinematic-hero) .cinematic-status .server-status-panel:before{display:none!important}
@media(max-width:850px){body:has(.cinematic-hero) .home-pillars,body:has(.cinematic-hero) .home-steps{grid-template-columns:1fr!important}body:has(.cinematic-hero) .cinematic-status .server-status-panel{flex-wrap:wrap!important}}
@media(max-width:600px){body:has(.cinematic-hero) .cinematic-hero{width:calc(100% - 28px)!important;padding-top:clamp(185px,30vh,280px)!important}body:has(.cinematic-hero) .cinematic-status,body:has(.cinematic-hero) .home-world,body:has(.cinematic-hero) .home-overview,body:has(.cinematic-hero) .home-start{width:calc(100% - 28px)!important}body:has(.cinematic-hero) .server-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:has(.cinematic-hero) .home-rates{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:has(.cinematic-hero) .home-rate:nth-child(2){border-right:0!important}body:has(.cinematic-hero) .cinematic-hero .hero-description{font-size:12px!important}}
/* ZARVEXIS final visual consistency: spacing, readability and restrained glass. */
:root{--zx-section-gap:22px;--zx-readable:rgba(234,250,242,.94);--zx-glass-border:rgba(224,255,245,.45)}
.feature-page>.zx-minimal-heading,.bosses-page>.zx-minimal-heading{margin-bottom:22px!important}
.feature-page>.feature-grid,.feature-page>.ranking-grid,.feature-page>.signs-grid,.feature-page>.class-grid,.feature-page>.zr-map-grid,.feature-page>.zr-steps,.feature-page>.zr-faq{margin-top:16px!important;margin-bottom:18px!important}
.feature-page .feature,.feature-page .feature-panel,.feature-page .class-card,.feature-page .portal-data-table{border-color:var(--zx-glass-border)!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 12px 30px rgba(0,21,25,.48)!important}
.feature-page .feature p,.feature-page .feature-panel p,.feature-page .class-stages,.feature-page .portal-data-table td,.feature-page .portal-data-table th{color:var(--zx-readable)!important;line-height:1.55!important}
.feature-page .feature h2,.feature-page .feature-panel h2,.feature-page .class-card h2{line-height:1.3!important}
.feature-page .portal-data-table{overflow-x:auto!important;max-width:100%!important}
.feature-page .portal-data-table th{font-weight:700!important;letter-spacing:.025em!important}
.zx-directory-tile>summary{transition:background-color .18s ease,border-color .18s ease!important}
.zx-directory-tile>summary:hover,.zx-directory-tile>summary:focus-visible{background:rgba(195,255,238,.1)!important;outline-offset:3px!important}
.zx-directory-tile[open]>.zx-directory-detail,.zx-directory-tile[open]>.class-stages{background:rgba(0,24,28,.27)!important;border-radius:0 0 16px 16px!important}
/* Home: simplify section hierarchy, improve rhythm and align the three columns. */
body:has(.cinematic-hero) .cinematic-status{margin-top:20px!important}
body:has(.cinematic-hero) .home-world{margin-top:42px!important}
body:has(.cinematic-hero) .home-world .home-section-heading{margin-bottom:22px!important}
body:has(.cinematic-hero) .home-overview,body:has(.cinematic-hero) .home-start{margin-top:30px!important;padding:28px!important}
body:has(.cinematic-hero) .home-pillars{align-items:stretch!important}
body:has(.cinematic-hero) .home-pillar{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:174px!important;padding:21px!important}
body:has(.cinematic-hero) .home-pillar h2{font-size:21px!important;margin:10px 0 7px!important}
body:has(.cinematic-hero) .home-pillar p{font-size:13px!important;line-height:1.55!important}
body:has(.cinematic-hero) .home-section-heading h1,body:has(.cinematic-hero) .home-section-heading h2{font-size:clamp(24px,2.5vw,33px)!important;line-height:1.22!important}
body:has(.cinematic-hero) .home-section-heading p{max-width:650px!important;font-size:14px!important}
body:has(.cinematic-hero) .home-step{border-radius:13px!important;background:rgba(6,40,39,.46)!important}
body:has(.cinematic-hero) .home-rate strong{font-variant-numeric:tabular-nums!important}
@media(max-width:850px){body:has(.cinematic-hero) .home-pillar{min-height:0!important}body:has(.cinematic-hero) .home-overview,body:has(.cinematic-hero) .home-start{padding:21px 17px!important}}
@media(max-width:600px){body:has(.cinematic-hero) .home-world{margin-top:28px!important}body:has(.cinematic-hero) .home-overview,body:has(.cinematic-hero) .home-start{margin-top:22px!important}body:has(.cinematic-hero) .cinematic-hero .actions{width:100%!important}body:has(.cinematic-hero) .cinematic-hero .actions .button{flex:1 1 140px!important;text-align:center!important}}
@media(prefers-reduced-motion:reduce){.zx-directory-tile>summary{transition:none!important}}
/* Golden Magic Dust — subtle fantasy motes behind content, no interaction blocking. */
.forest-ambience{z-index:1!important;isolation:isolate!important}
.zx-main{position:relative;z-index:2}
.topbar,.footer{position:relative;z-index:3}
.forest-glow{width:clamp(7px,1vw,13px)!important;opacity:.18!important;filter:drop-shadow(0 0 8px rgba(255,199,101,.5))!important}
.zx-golden-mote{position:absolute;display:block;width:var(--mote-size,3px);height:var(--mote-size,3px);border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff8d9 0%,#ffdf90 34%,rgba(246,176,64,.5) 62%,transparent 100%);box-shadow:0 0 7px 2px rgba(255,204,107,.28),0 0 16px rgba(255,193,75,.12);opacity:0;will-change:transform,opacity;animation:zx-golden-float var(--mote-duration,17s) ease-in-out var(--mote-delay,0s) infinite alternate}
@keyframes zx-golden-float{0%{opacity:.06;transform:translate3d(0,14px,0) scale(.7)}28%{opacity:.56}56%{opacity:.23;transform:translate3d(var(--mote-drift,15px),-14px,0) scale(1.12)}85%{opacity:.48}100%{opacity:.08;transform:translate3d(calc(var(--mote-drift,15px) * -0.4),-31px,0) scale(.8)}}
@media(max-width:900px),(pointer:coarse){.zx-golden-mote{display:none!important}}
@media(prefers-reduced-motion:reduce){.zx-golden-mote{display:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce){.zx-golden-mote{opacity:.12!important;box-shadow:none!important}}
/* Emerald fireflies: slow bioluminescent motion, subordinate to the golden dust. */
.zx-emerald-firefly{position:absolute;display:block;width:var(--fly-size,4px);height:var(--fly-size,4px);border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,#effff2 0%,#b9ffe0 25%,#55dfaa 55%,transparent 100%);box-shadow:0 0 9px 2px rgba(80,241,166,.32),0 0 20px rgba(50,214,151,.14);will-change:transform,opacity;animation:zx-emerald-drift var(--fly-duration,19s) ease-in-out var(--fly-delay,0s) infinite alternate}
@keyframes zx-emerald-drift{0%{opacity:.08;transform:translate3d(0,10px,0) scale(.72)}28%{opacity:.42}53%{opacity:.66;transform:translate3d(var(--fly-drift-x,22px),-16px,0) scale(1.16)}78%{opacity:.26}100%{opacity:.1;transform:translate3d(calc(var(--fly-drift-x,22px) * -.55),-38px,0) scale(.78)}}
@media(max-width:900px),(pointer:coarse),(prefers-reduced-motion:reduce){.zx-emerald-firefly{display:none!important;animation:none!important}}
/* Firefly visibility v2: brighter mint core and halo, in front of dark forest without blocking interaction. */
.forest-ambience{z-index:8!important;pointer-events:none!important}
.zx-emerald-firefly{background:radial-gradient(circle,#f7fff7 0%,#c8ffe3 24%,#6cffac 48%,rgba(43,240,129,.5) 72%,transparent 100%)!important;box-shadow:0 0 9px 3px rgba(124,255,167,.65),0 0 25px 8px rgba(35,232,122,.25),0 0 46px rgba(25,219,105,.16)!important;filter:brightness(1.28)!important}
@keyframes zx-emerald-drift{0%{opacity:.34;transform:translate3d(0,10px,0) scale(.82)}28%{opacity:.76}53%{opacity:1;transform:translate3d(var(--fly-drift-x,22px),-16px,0) scale(1.18)}78%{opacity:.7}100%{opacity:.3;transform:translate3d(calc(var(--fly-drift-x,22px) * -.55),-38px,0) scale(.9)}}
@media(max-width:900px),(pointer:coarse),(prefers-reduced-motion:reduce){.forest-ambience{display:none!important}}
/* FINAL LOCK: clean navigation buttons, no arrow ornament; pink/red support CTA. */
.zx-nav-primary .zx-menu-chevron{display:none!important}
.zx-nav-primary .zx-menu-toggle{justify-content:center!important;gap:0!important}
.zx-nav-primary>a::after,.zx-nav-primary .zx-menu-toggle::after{content:none!important;display:none!important}
.zx-nav-primary>a.nav-donate,.topbar nav a.nav-donate{background:linear-gradient(130deg,rgba(255,104,157,.92) 0%,rgba(230,53,106,.95) 46%,rgba(170,29,72,.96) 100%)!important;border:1px solid rgba(255,191,209,.93)!important;color:#fff9fb!important;text-shadow:0 1px 3px rgba(95,6,33,.75)!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.35),0 8px 24px rgba(208,40,94,.33),0 0 18px rgba(255,95,148,.23)!important}
.zx-nav-primary>a.nav-donate:hover,.zx-nav-primary>a.nav-donate:focus-visible{background:linear-gradient(130deg,#ff91b4 0%,#f43f83 48%,#c8265b 100%)!important;border-color:#ffe3ec!important;box-shadow:inset 0 2px 2px rgba(255,255,255,.42),0 10px 26px rgba(230,40,108,.48),0 0 24px rgba(255,95,148,.35)!important}
@media(pointer:fine){.zx-nav-primary>a,.zx-nav-primary button,.button,.feature-bottom-nav a,.bosses-nav-link{cursor:pointer!important}}
/* Final visual lock: remove decorative arrow/chevron glyphs from ALL controls. */
.zx-menu-chevron,.zx-directory-chevron,.zx-boss-chevron,.boss-chevron,.button-chevron,.button-arrow,.btn-arrow,.arrow-icon,.chevron-icon{display:none!important}
button::after,.button::after,.btn::after,.zx-nav-primary a::after,.bosses-nav-link::after,.feature-bottom-nav a::after,.zr-filter::after{content:none!important;display:none!important}
.zx-directory-tile>summary{list-style:none!important}
.zx-directory-tile>summary::marker{content:""!important}
.zx-directory-tile>summary::-webkit-details-marker{display:none!important}
/* All expandable boss cards: no visual chevron, keep native details interaction. */
.zx-boss-more,.zx-boss-summary::after{display:none!important;content:none!important}
.zx-boss-summary{list-style:none!important}
.zx-boss-summary::marker{content:""!important}
.zx-boss-summary::-webkit-details-marker{display:none!important}