/* ZARVEXIS portal refinement — additive, reversible, no API or content changes. */
:root{--zr-text:#f2fbf5;--zr-muted:#d2e7da;--zr-gold:#f0d28c;--zr-outline:rgba(160,226,190,.55)}
body{font-size:15px}
main{position:relative;z-index:2}
.feature-page,.bosses-page{max-width:1240px;margin-inline:auto}
.feature-heading,.bosses-heading{max-width:740px;margin:0 auto 24px;padding:30px 28px 20px;border-radius:12px;background:radial-gradient(ellipse at center,rgba(0,21,20,.88),rgba(0,22,20,.66) 65%,rgba(0,22,20,0) 100%);text-align:center}
.feature-heading h1,.bosses-heading h1{font-size:clamp(34px,3.3vw,48px);line-height:1.12;margin:8px auto 12px;text-shadow:0 3px 14px #000,0 0 22px #001b18}
.feature-heading p,.bosses-heading p{font-size:15px;line-height:1.6;color:var(--zr-text);text-shadow:0 2px 6px #000}
.feature-heading .eyebrow,.bosses-heading .eyebrow{color:#a5f3d2}
.feature-heading:after,.bosses-heading:after{opacity:.8}
.boss-card,.class-card,.feature-panel,.home-pillar,.home-overview,.home-start,.server-status-panel{border-radius:10px}
.boss-card,.class-card,.feature-panel,.signs-grid>*,.ranking-grid>*{background:linear-gradient(135deg,rgba(1,25,23,.77),rgba(2,37,32,.69))!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.boss-card,.class-card{padding:clamp(16px,1.5vw,24px)}
.boss-info h2,.class-card h2,.feature-panel h2{font-size:clamp(19px,1.3vw,23px);line-height:1.3}
.boss-respawn,.boss-location,.class-stages span,.signs-metrics span{font-size:13px!important;line-height:1.55}
.class-stages strong,.signs-metrics strong{font-size:15px!important}
.bosses-updated,.feature-disclaimer{display:table;max-width:min(90%,850px);margin:22px auto;padding:10px 16px;border:1px solid rgba(171,225,192,.35);border-radius:8px;background:rgba(0,24,21,.82);font-size:13px!important}
.ranking-grid>*{min-width:0}
.ranking-table{font-size:14px!important;width:100%}
.ranking-table td,.ranking-table th{padding:11px 10px!important}
.ranking-table td{overflow-wrap:anywhere}
.home-world,.home-overview,.home-start{max-width:1200px}
.home-world{margin-top:32px}
.home-section-heading{padding:12px 18px}
.home-section-heading h1,.home-section-heading h2{text-wrap:balance}
.home-pillar{min-height:0;padding:25px 26px}
.home-pillar p,.home-step p{font-size:14px;line-height:1.7}
.home-overview,.home-start{padding:32px clamp(18px,3vw,40px)}
.home-rate strong{font-size:23px}
.home-note{font-size:13px;line-height:1.6}
.home-step{padding:18px}
.cinematic-status .server-status-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.feature-bottom-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:26px auto}
.feature-bottom-nav a,.bosses-nav-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:900px){.feature-page,.bosses-page{width:calc(100% - 28px)}.feature-heading,.bosses-heading{padding:24px 14px 16px}.home-world,.home-overview,.home-start{width:calc(100% - 28px)}}
@media(max-width:650px){.feature-heading h1,.bosses-heading h1{font-size:33px}.ranking-grid>*{overflow-x:auto}.ranking-table{min-width:450px}.home-pillar{padding:20px}.home-overview,.home-start{padding:24px 16px}.home-rate strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.boss-card,.class-card,.home-pillar{transition:none!important}}

/* October 12: boss typography and responsive portal polish */
.bosses-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.boss-card{min-width:0;gap:18px}
.boss-portrait{width:clamp(90px,8vw,125px);flex-shrink:0}
.boss-info{flex:1;min-width:0}
.boss-info h2{overflow-wrap:normal;word-break:normal;hyphens:none;font-size:clamp(17px,1.4vw,22px);line-height:1.3}
.ranking-grid>*{align-self:stretch}
.ranking-table{font-variant-numeric:tabular-nums}
.home-rate strong{font-variant-numeric:tabular-nums}
@media(min-width:1100px){.bosses-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1450px){.bosses-page{max-width:1380px}.bosses-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.bosses-grid{grid-template-columns:1fr}.boss-card{min-height:175px}.boss-info h2{font-size:21px}}

/* Screenshot review: nine bosses in a consistent three-column grid. */
@media(min-width:1101px){.bosses-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bosses-grid>.boss-card:last-child:nth-child(4n + 1){grid-column:auto!important;justify-self:stretch!important;width:auto!important}}
@media(min-width:651px) and (max-width:1100px){.bosses-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.bosses-grid{grid-template-columns:minmax(0,1fr)!important}}
.boss-card{min-width:0}.boss-info h2{overflow-wrap:break-word}
.ranking-grid>.feature-panel{min-height:0}.ranking-scroll{overflow-x:auto;max-width:100%}
.ranking-table{width:100%;border-collapse:collapse}
.ranking-table th,.ranking-table td{text-align:left;white-space:nowrap}
.ranking-table th:last-child,.ranking-table td:last-child{white-space:normal;overflow-wrap:anywhere}
@media(max-width:650px){.ranking-table{min-width:410px}.home-pillars{grid-template-columns:1fr}.home-rate strong{font-size:20px}}

/* Keyboard navigation and readable focus states */
.skip-to-content{position:fixed;top:12px;left:12px;z-index:9999;transform:translateY(-180%);padding:12px 18px;background:#062b25;color:#fff5d7;border:2px solid #edca78;border-radius:8px;font-weight:700}
.skip-to-content:focus{transform:translateY(0)}
:where(a,button,input,select):focus-visible{outline:3px solid #f4d27e;outline-offset:3px}
#main-content{scroll-margin-top:16px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.home-pillar,.boss-card,.class-card{animation:none!important;transition:none!important}}

/* Active navigation and narrow viewport refinement. */
.topbar nav a[aria-current="page"]{color:#fff0bf;border-color:rgba(240,210,140,.85);background:rgba(7,68,49,.77);box-shadow:inset 0 -2px 0 #edca78,0 4px 18px #0008}
@media(max-width:700px){.topbar{padding:12px 10px}.topbar nav{gap:6px}.topbar nav a{font-size:12px;min-height:38px;padding:8px 10px}.footer{padding-bottom:90px}.home-section-heading h1,.home-section-heading h2{line-height:1.22}}
@media(max-width:390px){.topbar nav a{padding:7px 8px;font-size:11px}.home-rate{padding-inline:6px}.server-status-panel{padding:16px}}

/* Secondary navigation for informational gameplay sections. */
.world-nav{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:2;padding:0 16px 8px;margin-top:-4px}
.world-nav a{font-size:12px;font-weight:700;letter-spacing:.04em;padding:7px 16px;color:#e9d49a;background:rgba(2,25,21,.76);border:1px solid rgba(177,213,160,.4);border-radius:5px}
.world-nav a:hover,.world-nav a[aria-current="page"]{border-color:#e9d49a;color:#fff;background:rgba(7,65,48,.9)}
.portal-info-grid{margin:22px auto 28px}.portal-info-grid .feature{min-height:175px}.portal-info-grid h2{color:#e9d49a}
@media(max-width:600px){.world-nav{gap:6px}.world-nav a{font-size:11px;padding:7px 10px}}

/* Tables for verified live database snapshots. */
.portal-data-table{border-collapse:collapse;width:100%;color:#e8f3e8;min-width:620px;font-size:14px}
.portal-data-table th,.portal-data-table td{padding:11px 12px;text-align:left;border-bottom:1px solid rgba(163,218,187,.2)}
.portal-data-table th{color:#e8ca87;background:rgba(3,30,23,.55)}
.portal-data-table tbody tr:nth-child(even){background:rgba(7,56,43,.3)}
.world-nav{max-width:1100px;margin-left:auto;margin-right:auto}

/* Informational sections: functional navigation, filtering and FAQ */
.zr-guide{max-width:1180px}.zr-guide-panel{margin:18px auto 22px;padding:24px 28px}.zr-guide-panel h2{color:#f0d28c}.zr-guide-panel p{line-height:1.7}.zr-notice{padding:15px 18px;margin:18px 0;border-left:3px solid #e9c67c;background:rgba(3,26,22,.88);color:#f6e6c0;line-height:1.6}.zr-steps,.zr-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px auto 26px}.zr-steps-three{grid-template-columns:repeat(3,minmax(0,1fr))}.zr-steps>.feature,.zr-map-grid>.feature{min-width:0;min-height:0;padding:23px;background:linear-gradient(135deg,rgba(1,29,24,.89),rgba(2,44,35,.78));border:1px solid rgba(143,225,186,.4);border-radius:9px}.zr-steps h2,.zr-map-grid h2{color:#f0d28c;margin:10px 0}.zr-steps p,.zr-map-grid p{line-height:1.65}.zr-step-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #bda263;border-radius:50%;color:#f0d28c;font-size:18px;font-weight:700}.zr-checklist{padding-left:24px;line-height:2}.zr-search{display:block;width:100%;max-width:680px;min-height:46px;margin:8px 0 15px;padding:11px 15px;background:rgba(1,20,19,.94);color:#f2fbf5;border:1px solid #84bb9b;border-radius:6px;font:inherit}.zr-field-label{font-weight:700;color:#f0d28c}.zr-filter-row{display:flex;gap:9px;flex-wrap:wrap}.zr-filter{padding:9px 14px;background:#052e27;color:#d9eee3;border:1px solid #579b7b;border-radius:6px;cursor:pointer}.zr-filter.active,.zr-filter:hover{background:#12795e;color:#fff;border-color:#d2b16a}.zr-count{font-size:13px;color:#c8e7d8}.zr-location[hidden],.zr-faq-item[hidden],.zr-notice[hidden]{display:none!important}.zr-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zr-map-grid .eyebrow{color:#98e9c3}.zr-faq{display:grid;gap:12px;margin:20px auto}.zr-faq-item{padding:0!important;min-height:0!important;background:rgba(2,31,27,.9)!important;border:1px solid rgba(143,225,186,.4);border-radius:8px}.zr-faq-item summary{cursor:pointer;padding:18px 22px;font-size:17px;font-weight:700;color:#f0d28c}.zr-faq-item p{padding:0 22px 18px;line-height:1.7;margin:0}.zr-status{font-weight:700;color:#f0d28c}.zr-status .status-dot{background:#e0b968}.zr-guide a{color:#9ff1c8}.zr-guide a:hover{color:#fff2c5}@media(max-width:850px){.zr-map-grid,.zr-steps-three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.zr-map-grid,.zr-steps,.zr-steps-three{grid-template-columns:minmax(0,1fr)}.zr-guide-panel{padding:19px 16px}.zr-faq-item summary{font-size:15px}}

/* Screenshot audit: isolate interior page titles from the large decorative logo behind them. */
.feature-page>.feature-heading,.bosses-page>.bosses-heading{position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(0,24,21,.06),rgba(0,25,23,.94) 18%,rgba(0,25,23,.96) 82%,rgba(0,24,21,.06));backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.feature-page>.feature-heading h1,.bosses-page>.bosses-heading h1{position:relative;z-index:1;text-shadow:0 3px 12px #00120f,0 0 8px #00120f}
@media(max-width:700px){.feature-page>.feature-heading,.bosses-page>.bosses-heading{background:rgba(0,25,23,.9)}}

/* ZARVEXIS liquid glass: restrained fantasy glass surfaces, preserves original forest art. */
:root{--zlg-edge:rgba(207,255,234,.37);--zlg-gold:rgba(248,219,159,.48);--zlg-shine:rgba(255,255,255,.16);--zlg-shadow:rgba(0,12,15,.38)}
.topbar{min-height:60px!important;padding:9px clamp(12px,2.2vw,36px)!important;justify-content:flex-end!important}
.topbar nav{justify-content:flex-end;flex-wrap:wrap;gap:8px!important}
.topbar nav a,.world-nav a,.button,.bosses-nav-link,.feature-bottom-nav a,.music-toggle,.zr-filter{
 border:1px solid var(--zlg-edge)!important;
 background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(18,73,68,.27) 32%,rgba(0,22,24,.51) 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.07),0 6px 18px rgba(0,0,0,.28)!important;
 backdrop-filter:blur(14px) saturate(145%)!important;-webkit-backdrop-filter:blur(14px) saturate(145%)!important;
 border-radius:12px!important;color:#fff1cf;
}
.topbar nav a:hover,.world-nav a:hover,.topbar nav a[aria-current="page"],.world-nav a[aria-current="page"]{background:linear-gradient(150deg,rgba(190,255,233,.24),rgba(10,77,64,.57))!important;border-color:var(--zlg-gold)!important}
.world-nav{justify-content:flex-end!important;max-width:none!important;width:100%;padding:0 clamp(12px,2.2vw,36px) 7px!important;margin:-3px 0 0!important;gap:8px!important}
.world-nav a{font-size:12px!important;padding:7px 13px!important}
.feature-page>.feature-heading,.bosses-page>.bosses-heading{max-width:760px!important;background:radial-gradient(ellipse at center,rgba(0,23,24,.62),rgba(0,22,22,.32) 65%,transparent 100%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border:0!important;padding:12px 22px 0!important;margin:10px auto 20px!important}
.feature-page>.feature-heading:after,.bosses-page>.bosses-heading:after{height:25px!important;margin:0 auto -6px!important;opacity:.55}
.feature-page>.feature-heading h1,.bosses-page>.bosses-heading h1{margin:5px auto 7px!important}
.feature-page>.feature-heading p,.bosses-page>.bosses-heading p{margin:5px auto!important}
.feature,.feature-panel,.boss-card,.class-card,.class-controls,.home-pillar,.home-overview,.home-start,.server-status-panel,.zr-faq-item,.zr-steps>.feature,.zr-map-grid>.feature,.ranking-grid>*,.signs-grid>*{
 background:linear-gradient(133deg,rgba(225,255,244,.13) 0%,rgba(15,71,65,.36) 17%,rgba(1,30,30,.52) 66%,rgba(110,190,169,.12) 100%)!important;
 border:1px solid var(--zlg-edge)!important;border-top-color:rgba(231,255,243,.49)!important;
 border-radius:17px!important;
 box-shadow:inset 0 1px 0 var(--zlg-shine),inset 0 -1px 0 rgba(255,255,255,.04),0 12px 32px var(--zlg-shadow)!important;
 backdrop-filter:blur(17px) saturate(135%)!important;-webkit-backdrop-filter:blur(17px) saturate(135%)!important;
}
.feature:hover,.boss-card:hover,.class-card:hover,.home-pillar:hover{border-color:rgba(243,220,160,.65)!important}
.feature-panel:before,.class-card:before,.boss-card:before{opacity:.18!important}
.bosses-updated,.feature-disclaimer,.bosses-refresh{display:none!important}
.server-status-metrics{grid-template-columns:repeat(2,minmax(120px,1fr))!important}
@media(min-width:1050px){.topbar nav a{padding:8px 12px!important;font-size:12px!important}.world-nav{margin-top:-2px!important}}
@media(max-width:850px){.topbar,.world-nav{justify-content:center!important}.topbar nav,.world-nav{justify-content:center!important}.world-nav{padding:5px 10px!important}.topbar nav a,.world-nav a{font-size:11px!important;padding:8px 10px!important}}
@media(max-width:600px){.server-status-metrics{grid-template-columns:1fr!important}.feature-page>.feature-heading,.bosses-page>.bosses-heading{padding:12px 8px 0!important}}
@media(prefers-reduced-motion:reduce){.feature,.boss-card,.class-card{transition:none!important}}

/* Compact floating navigation + interactive liquid glass v2 */
.topbar{position:relative!important;z-index:40!important;min-height:0!important;padding:14px clamp(16px,2vw,35px) 0!important;pointer-events:none}
.topbar .zx-nav-primary{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:nowrap!important;pointer-events:auto}
.zx-nav-primary>a,.zx-menu-toggle{font-size:13px!important;font-weight:700;min-height:38px!important;padding:8px 16px!important;border-radius:999px!important}
.zx-menu-wrap{position:relative;isolation:isolate}
.zx-menu-toggle{display:flex;align-items:center;gap:12px;justify-content:space-between;cursor:pointer;color:#fff2d2;border:1px solid rgba(235,255,247,.53);background:linear-gradient(145deg,rgba(250,255,253,.19),rgba(4,70,67,.43) 50%,rgba(0,30,31,.6));box-shadow:inset 0 1px rgba(255,255,255,.33),inset 0 -2px rgba(0,0,0,.16),0 8px 22px rgba(0,0,0,.28);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.zx-menu-toggle:hover,.zx-menu-toggle[aria-expanded=true]{transform:translateY(-2px);box-shadow:inset 0 1px rgba(255,255,255,.52),0 12px 28px rgba(0,0,0,.38),0 0 19px rgba(125,245,208,.17)}
.zx-menu{position:absolute;right:0;top:calc(100% + 12px);width:min(350px,calc(100vw - 30px));max-height:min(72vh,650px);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:15px;border:1px solid rgba(225,255,245,.52);border-radius:23px;background:linear-gradient(145deg,rgba(169,238,224,.23),rgba(1,32,33,.83) 28%,rgba(1,26,29,.9));box-shadow:inset 0 2px rgba(255,255,255,.22),0 22px 60px rgba(0,0,0,.48);backdrop-filter:blur(27px) saturate(160%);-webkit-backdrop-filter:blur(27px) saturate(160%);z-index:60}
.zx-menu[hidden]{display:none!important}
.zx-menu a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:9px 10px;text-align:center;border:1px solid rgba(213,255,236,.25);border-radius:12px;background:linear-gradient(140deg,rgba(255,255,255,.12),rgba(7,64,60,.36));color:#fff3d5;font-size:12px;font-weight:700;transition:transform .18s,background .18s,border-color .18s}
.zx-menu a:hover,.zx-menu a[aria-current=page]{background:rgba(77,174,146,.34);border-color:rgba(250,222,157,.7);transform:translateY(-1px)}
.zx-minimal-heading{display:flex;align-items:center;justify-content:center;margin:16px 0 23px;padding:0 16px;min-height:60px;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;text-align:center}
.zx-minimal-heading h1{display:inline-block;max-width:100%;margin:0;padding:12px clamp(25px,3vw,48px);border:1px solid rgba(255,255,255,.48);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.23),rgba(30,91,93,.34) 34%,rgba(2,38,44,.5) 75%,rgba(230,255,255,.15));box-shadow:inset 0 2px rgba(255,255,255,.35),inset 0 -2px rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.3);backdrop-filter:blur(19px) saturate(160%);-webkit-backdrop-filter:blur(19px) saturate(160%);font:normal clamp(23px,2.3vw,33px) Georgia,serif;color:#fff4d9;text-shadow:0 2px 12px rgba(0,0,0,.75)}
.zx-boss-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;max-width:1050px;margin:0 auto}
.zx-boss-tile{position:relative;min-width:0;align-self:start;border:1px solid rgba(233,255,249,.42);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(3,69,65,.39) 37%,rgba(0,30,33,.59));box-shadow:inset 0 1px rgba(255,255,255,.33),0 9px 25px rgba(0,0,0,.29);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;overflow:hidden}
.zx-boss-tile:hover,.zx-boss-tile:focus-within,.zx-boss-tile[open]{transform:translateY(-3px);border-color:rgba(249,224,164,.78);box-shadow:inset 0 1px rgba(255,255,255,.4),0 14px 32px rgba(0,0,0,.43)}
.zx-boss-summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:65px;padding:14px 16px;cursor:pointer}
.zx-boss-summary::-webkit-details-marker{display:none}
.zx-boss-name{flex:1;color:#f6dc9b;font:700 clamp(15px,1.15vw,19px) Georgia,serif}
.zx-boss-summary .boss-state{font-size:12px;white-space:nowrap;margin:0!important}
.zx-boss-more{font-size:21px;transition:transform .2s}
.zx-boss-tile[open] .zx-boss-more{transform:rotate(180deg)}
.zx-boss-detail{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:14px 16px 18px;border-top:1px solid rgba(255,255,255,.2)}
.zx-boss-image img{width:76px;height:96px;object-fit:contain}
.zx-boss-description p{font-size:12px;line-height:1.6;margin:4px 0 9px;overflow-wrap:anywhere}
.zx-boss-description strong{display:block;color:#e9d294}
@media(hover:hover) and (pointer:fine){.zx-boss-tile:not([open]):hover .zx-boss-detail{display:grid}}
@media(max-width:850px){.zx-boss-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.topbar{padding-top:12px!important}}
@media(max-width:580px){.zx-boss-list{grid-template-columns:1fr!important}.zx-menu{right:-80px}.zx-nav-primary>a,.zx-menu-toggle{padding:8px 11px!important;font-size:12px!important}.zx-minimal-heading{margin:14px 0}}
@media(prefers-reduced-motion:reduce){.zx-boss-tile,.zx-menu-toggle,.zx-menu a{transition:none!important;transform:none!important}}