/* Zamolxia presentation layer. PHP, CMS settings and realm data remain authoritative. */
:root {
  --zam-bg:#060910; --zam-surface:#0d121b; --zam-surface-raised:#131b27;
  --zam-border:#2a323d; --zam-gold:#c9a43a; --zam-gold-bright:#e1c55a;
  --zam-text:#e8ecf2; --zam-muted:#9aa7b8; --zam-ice:#6e98b8;
  --zam-shadow:0 12px 32px #0004; --gold-primary:#c9ad69; --gold-dark:#a88941; --gold-deep:#746033; --iron-bg:#0d121b;
}
html {scroll-padding-top:110px; color-scheme:dark;}
body.zam-theme {font-family:Inter,Arial,sans-serif; color:var(--zam-text); cursor:auto; background-color:var(--zam-bg); padding-top:96px;}
body.zam-theme.home {background:linear-gradient(180deg,#06091018 0,#06091040 460px,var(--zam-bg) 1000px),url('../zamolxia/northrend-atmosphere.webp') center 75px / max(100%,1536px) auto no-repeat,var(--zam-bg);}
body.home::before,body.home::after {content:none;}
body.zam-theme a,body.zam-theme button {cursor:pointer;}
:focus-visible {outline:2px solid var(--zam-gold-bright);outline-offset:4px;}
.zam-skip {position:fixed;top:-80px;left:20px;z-index:100100;background:var(--zam-surface);padding:12px 20px;}
.zam-skip:focus {top:12px;}
header.main-header {z-index:10000;background:#090d14ee;border-bottom:1px solid #b69a4e50;box-shadow:0 4px 24px #0003;backdrop-filter:blur(10px);}
header .header-inner {max-width:1400px;min-height:94px;padding:12px 32px;gap:20px;}
.zam-logo {width:231px;height:60px;max-width:100%;object-fit:contain;}
.zam-inline-logo {display:inline-flex;align-items:center;gap:10px;color:#e8ecf2;white-space:nowrap;}.zam-mark {display:grid;place-items:center;width:44px;height:48px;background:#0d121b;border:1px solid #b79b5870;clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);font:600 29px Cinzel,Georgia,serif;color:#d0b165;text-shadow:0 1px 8px #c9a43a55;}.zam-wordmark {font:600 21px Cinzel,Georgia,serif;letter-spacing:.17em;line-height:1;color:#e8ecf2;}.zam-wordmark small {display:block;margin-top:6px;font:600 8px Inter,Arial,sans-serif;letter-spacing:.38em;color:#b79b58;text-align:center;}
header .header-inner>a {transform:none;filter:none;}
header nav.nav-menu {gap:6px;flex-wrap:nowrap;}
header .nav-link {font-family:Inter,Arial,sans-serif;font-size:11px;letter-spacing:.075em;font-weight:600;padding:16px 10px;background:none;border:0;clip-path:none;transform:none;}
header .nav-link::after {content:'';position:absolute;left:10px;right:10px;bottom:5px;height:1px;background:var(--zam-gold);transform:scaleX(0);transition:transform .2s ease;}
header .nav-link:hover,header .nav-link.active {background:none;color:var(--zam-gold-bright);text-shadow:0 0 12px #c9a43a20;transform:none;}
header .nav-link:hover::after,header .nav-link.active::after {transform:scaleX(1);}
header .lang-btn {background:none;border:1px solid var(--zam-border);clip-path:none;padding:10px;min-height:44px;font:12px Inter,Arial,sans-serif;}
header .wow-dropdown {clip-path:none;border:1px solid var(--zam-border);border-radius:3px;}
header .wow-dropdown::before {content:none;}
header .nav-close {background:var(--zam-surface-raised);border-color:var(--zam-border);border-radius:3px;}
.zam-layout {max-width:1400px;margin:auto;padding:48px 32px 0;position:relative;}
.zam-columns {display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;}
.zam-content {display:grid;gap:28px;min-width:0;}
.zamolxia-panel {position:relative;background:linear-gradient(135deg,#18202bdc,#0d121bf5 42%);border:1px solid var(--zam-border);border-radius:4px;box-shadow:var(--zam-shadow),inset 0 1px #ffffff06;min-width:0;}
.zamolxia-panel::before {content:'';position:absolute;left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#b69a4e75,transparent);pointer-events:none;}
.zamolxia-panel::after {content:'';position:absolute;inset:7px;pointer-events:none;background:linear-gradient(#b79b58,#b79b58) left top/12px 1px,linear-gradient(#b79b58,#b79b58) left top/1px 12px,linear-gradient(#b79b58,#b79b58) right bottom/12px 1px,linear-gradient(#b79b58,#b79b58) right bottom/1px 12px;background-repeat:no-repeat;opacity:.55;}
.zam-section {padding:22px;}
.section-title {display:flex;align-items:center;gap:10px;font:600 17px/1.5 Cinzel,Georgia,serif;letter-spacing:.065em;color:#d4c399;background:none;text-shadow:none;filter:none;}
.section-title>svg {width:16px;height:16px;color:var(--zam-gold);flex-shrink:0;}
.section-title::after {content:'';height:1px;flex:1;min-width:20px;background:linear-gradient(90deg,#b59b4d45,transparent);margin-left:8px;}
.zam-hero {padding:52px 28px 34px;text-align:center;overflow:hidden;background:linear-gradient(120deg,#0c121be6,#111a25d9);}
.zam-hero::before {height:200px;width:194px;top:42px;left:auto;right:-44px;background:url('../zamolxia/logo-mark.svg') center/contain no-repeat;opacity:.035;transform:rotate(-12deg);}
.zam-eyebrow {font:600 10px/1.8 Inter,Arial,sans-serif;letter-spacing:.22em;color:#aab9c9;margin-bottom:17px;}
.zam-eyebrow span {font-size:7px;color:var(--zam-gold);margin:0 10px;}
.zam-headline {font:600 clamp(32px,3.5vw,53px)/1.15 Cinzel,Georgia,serif;letter-spacing:.055em;color:#e4d3a2;text-shadow:0 2px 12px #0006;margin:0;}
.zam-headline span {color:#ccd4df;font-size:.68em;letter-spacing:0;white-space:nowrap;}
.zam-subtitle {color:var(--zam-muted);font-size:14px;line-height:1.7;margin:16px auto 0;}
.btn-game {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:13px 23px;border:1px solid var(--zam-border);border-radius:3px;font:700 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;transition:background .2s,border-color .2s,transform .2s;text-decoration:none;}
.btn-game:hover {transform:translateY(-2px);}
.btn-gold {background:linear-gradient(#d0b56b,#b3984f);border-color:#ddc784;color:#16150f;box-shadow:inset 0 1px #f5e7ab60;}
.btn-gold:hover {background:#ddc47b;}
.btn-iron {background:linear-gradient(#242e3a,#17202b);border-color:#47505d;color:#dce3ed;}
.btn-iron:hover {border-color:#8191a4;background:#253140;}
.social-btn {display:inline-flex;align-items:center;gap:7px;padding:8px 10px;min-height:36px;font:500 11px Inter,Arial,sans-serif;color:#a4b1c1;transition:color .2s;text-decoration:none;}
.social-btn:hover {color:var(--zam-gold-bright);}
.social-btn svg {width:13px;height:13px;}
.slider-frame {border:1px solid #323c48;border-radius:3px;overflow:hidden;}
.slider-container {overflow:hidden;position:relative;}
.slider-container::after {content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#06091080);pointer-events:none;}
.slider-track {display:flex;transition:transform .22s ease;}
.slide {flex:0 0 100%;min-width:0;}
.zam-slide-image {display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;}
.slider-nav {position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border:1px solid #b8c3d140;background:#091019cc;border-radius:3px;color:#d5dfeb;transition:background .2s;}
.slider-nav:hover {background:#30343b;}
.slider-nav.prev {left:12px;}.slider-nav.next {right:12px;}
.dot {width:26px;min-height:30px;position:relative;border:0;background:transparent;}
.dot::after {content:'';display:block;width:16px;height:3px;background:#4b5664;margin:auto;transition:background .2s;}
.dot.active::after {background:var(--zam-gold);}
.zam-pause {font-size:12px;min-width:30px;min-height:30px;color:var(--zam-muted);}
.news-card {display:block;overflow:hidden;border:1px solid var(--zam-border);border-radius:3px;background:#0b1018;transition:border-color .2s,transform .2s;text-decoration:none;}
.news-card:hover {transform:translateY(-2px);border-color:#9f894c;}
.zam-news-image {position:relative;aspect-ratio:16/9;overflow:hidden;}
.news-card h3 {font-size:14px;line-height:1.5;}
.news-card .news-date {color:var(--zam-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;}
.tab-btn {padding:10px 14px;min-height:44px;font:600 11px Inter,Arial,sans-serif;letter-spacing:.06em;color:var(--zam-muted);border-bottom:1px solid var(--zam-border);}
.tab-btn.active,.tab-btn:hover {color:var(--zam-gold-bright);border-color:var(--zam-gold);}
.tab-panel {display:none;}.tab-panel.active {display:block;}
.video-frame {border:1px solid var(--zam-border);border-radius:3px;overflow:hidden;}
.video-frame iframe {display:block;width:100%;aspect-ratio:16/9;border:0;}
.zam-sidebar-panel {padding:22px;}
.zam-sidebar-panel .section-title {font-size:15px;margin-bottom:20px;}
.zam-status-wrap {min-width:0;}
.zam-theme .realm-card {padding:0;border:0;background:none;clip-path:none;box-shadow:none;transform:none;filter:none;}
.zam-theme .realm-card::before,.zam-theme .realm-card::after {content:none;}
.zam-theme .realm-card [class*='glow-'] {text-shadow:none;}
.zam-theme .realm-card [class*='clip-realm-'] {clip-path:none;border-radius:2px;}
.zam-theme .realm-card .clip-realm-inner {border:0;border-bottom:1px solid var(--zam-border);background:none;padding:12px 0;}
.zam-theme .realm-card .clip-realm-inner .shadow-text-dark {font-size:22px;line-height:1.5;font-weight:600;text-shadow:none;}
.zam-theme .realm-card .clip-realm-icon {box-shadow:none;}
.zam-theme .realm-card .bg-blue-600 {background:#587da6;box-shadow:none;}
.zam-theme .realm-card .bg-red-600 {background:#a65151;box-shadow:none;}
.zam-theme .realm-card .text-blue-400 {color:#8eafd2;}.zam-theme .realm-card .text-red-400 {color:#d18d8d;}
.zam-theme .realm-card .clip-realm-addr {padding:13px 4px;background:#080d15;border:1px solid var(--zam-border);}
.zam-theme .realm-card .clip-realm-addr>div {font-size:11px;justify-content:flex-start;}
.zam-theme .realm-card .copy-btn {min-width:32px;min-height:32px;}
.zam-theme .realm-card .clip-diamond {clip-path:none;border-radius:50%;}
.ornate-divider {border:0;height:1px;margin:28px 0;background:linear-gradient(90deg,transparent,#a78b3d55,transparent);}
.discord-widget-container {width:100%;overflow:hidden;border:1px solid var(--zam-border);border-radius:3px;}
.discord-widget-container iframe {display:block;width:100%;max-width:100%;height:360px;border:0;}
.status-online {color:#84bf99;}.status-offline {color:#d98787;}
.force-wrap {min-width:0;overflow-wrap:anywhere;}
footer.wow-footer {position:relative;background:#080c13;border-top:1px solid #b4994c30;margin-top:56px;overflow:hidden;}
footer.wow-footer::before {content:'';position:absolute;right:5%;top:-20px;width:250px;height:270px;background:url('../zamolxia/logo-mark.svg') center/contain no-repeat;opacity:.025;pointer-events:none;}
.zam-footer-inner {max-width:1400px;padding:40px 32px;margin:auto;position:relative;}
.footer-nav-link {color:#aab5c4;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;transition:color .2s;}
.footer-nav-link:hover {color:var(--zam-gold-bright);}
.social-icon-btn {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:#a8b2c0;border:1px solid var(--zam-border);border-radius:3px;font-size:12px;transition:color .2s,border-color .2s;}
.social-icon-btn:hover {color:var(--zam-gold);border-color:#b4994c;}
.zam-attribution {display:inline-block;margin-top:10px;color:#9aa7b8;font-size:10px;text-transform:none;font-weight:400;}
#backToTop {position:fixed;bottom:20px;left:20px;width:40px;height:40px;border:1px solid var(--zam-border);border-radius:3px;background:#151e2b;color:var(--zam-gold);opacity:0;pointer-events:none;z-index:99;}
#backToTop.show,#backToTop.active,#backToTop.visible,#backToTop.op-100 {opacity:1;pointer-events:auto;}
@media(max-width:1199px) {
  header .header-inner {padding-inline:24px;gap:10px;} header .zam-logo {width:185px;}
  header .nav-link {padding-inline:7px;font-size:10px;}
  .zam-columns {grid-template-columns:minmax(0,1fr) 295px;gap:22px;}
  .zam-layout {padding:32px 24px 0;}.zam-headline {font-size:38px;}.zam-sidebar-panel {padding:18px;}
}
@media(max-width:1023px) {
  body.zam-theme {padding-top:80px;} header .header-inner {min-height:78px;padding:9px 20px;}
  header .zam-logo {width:200px;height:52px;} header .nav-toggle {margin-left:auto;min-height:44px;min-width:44px;}
  header nav.nav-menu.nav-open .nav-link {font:600 12px Inter,Arial,sans-serif;text-align:left;padding:14px;}
  .zam-columns {grid-template-columns:1fr;}.zam-sidebar-inner {position:static;}
  .zam-sidebar-panel {display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;}
  .zam-sidebar-panel>hr {display:none;}.zam-hero {padding:42px 24px 30px;}.zam-headline {font-size:46px;}
}
@media(max-width:639px) {
  header .header-inner {padding-inline:14px;gap:7px;}header .zam-logo {width:164px;height:48px;}
  #langLabel {display:none;}header .lang-btn {padding:8px;}header .nav-toggle {padding:8px;}
  .zam-layout {padding:24px 14px 0;}.zam-content {gap:22px;}.zam-columns {gap:22px;}
  .zam-hero {padding:34px 16px 24px;}.zam-headline {font-size:31px;letter-spacing:.025em;}
  .zam-eyebrow {font-size:8px;letter-spacing:.13em;}.zam-eyebrow span {margin:0 5px;}
  .zam-subtitle {font-size:12px;}.btn-game {font-size:10px;padding:12px 15px;}
  .zam-section {padding:17px;}.section-title {font-size:15px;}.zam-sidebar-panel {display:block;padding:20px;}
  .zam-sidebar-panel>hr {display:block;}.zam-news-image {aspect-ratio:16/9;}
  .zam-footer-inner {padding:32px 20px;}.zam-footer-inner .zam-logo {width:210px;}
  .discord-widget-container iframe {height:320px;}.news-card h3 {font-size:14px;}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}

.zam-theme .realm-card > div:last-child {margin-top:16px;}
.zam-theme .realm-card > div:last-child > div {white-space:normal;flex-wrap:wrap;justify-content:center;font-size:10px;}
/* Secondary CMS pages share the same materials; form and data logic are unchanged. */
body.zam-theme.login,body.zam-theme.register {background:linear-gradient(#06091080,#060910e8),url('../zamolxia/northrend-atmosphere.webp') center top/cover no-repeat,var(--zam-bg);}
.zam-theme .glass-container,.zam-theme .wow-step-card {border:1px solid var(--zam-border);border-radius:4px;background:#0d121bf0;box-shadow:var(--zam-shadow);animation:none;}
.zam-theme .glass-container::before,.zam-theme .glass-container::after,.zam-theme .glass-decoration {display:none;}
.zam-theme .wow-title {background:none;color:#d8c695;filter:none;text-shadow:none;font-family:Cinzel,Georgia,serif;}
.zam-theme .login-content,.zam-theme .register-content {min-height:calc(100vh - 96px);padding-top:40px;padding-bottom:40px;}
.zam-theme .glass-container h1 {font-size:clamp(26px,3vw,38px);}
.zam-theme .glass-container form button[type=submit] {background:linear-gradient(#d0b56b,#b3984f);color:#16150f;border:1px solid #ddc784;border-radius:3px;box-shadow:none;transform:none;font-size:13px;min-height:48px;}
.zam-theme .glass-container form button[type=submit]:hover {background:#ddc47b;}
.zam-theme .glass-container form input {border-radius:3px;}
.zam-theme .category-tab.active,.zam-theme .category-tab:hover {box-shadow:none;}
.zam-theme .news-card:hover {transform:translateY(-2px);}
.zam-theme .realm-card .clip-realm-inner .leading-none {font-family:Inter,Arial,sans-serif;font-size:10px;letter-spacing:.1em;}
.zam-theme .realm-card .clip-realm-inner .clip-realm-icon:has(svg) {display:none;}
.zam-theme .realm-card .clip-realm-badge {font-size:10px;}
.zam-theme .realm-card .bg-badge-online {background:#13231b;border:1px solid #2c4737;color:#8ac29b;}
.zam-theme .realm-card .bg-badge-offline {color:#d98787;background:#281619;}
@media(max-width:639px) {.zam-theme .login-content,.zam-theme .register-content {min-height:auto;}}