/* ============================================================
   VIOLET ONLINE — ECLIPSE CITADEL RENEWAL 2026
   Visual-only renewal layer. Existing page copy/content is kept.
   Loaded after styles.css / immortal.css / mythic.css.
   ============================================================ */
:root{
  --max:1320px;
  --renew-ink:#050509;
  --renew-ink-2:#0a0810;
  --renew-panel:rgba(11,9,17,.88);
  --renew-panel-soft:rgba(18,14,27,.72);
  --renew-silver:#d8d2df;
  --renew-silver-dim:#8f8999;
  --renew-violet:#9d58ff;
  --renew-violet-hot:#cf9cff;
  --renew-red:#d94365;
  --renew-red-hot:#ff6c8d;
  --renew-gold:#cbb894;
  --renew-line:rgba(214,205,225,.15);
  --renew-line-hot:rgba(200,156,255,.42);
  --renew-shadow:0 28px 80px rgba(0,0,0,.52);
  --renew-cut:18px;
}
html{background:#030306}
body.immortal-site.mythic-site{
  background:#040408!important;
  color:#f4f1f7;
}
body.immortal-site.mythic-site::before{
  opacity:1!important;
  background:
    linear-gradient(180deg,rgba(4,4,8,.72),rgba(5,4,9,.94) 46%,#040408 100%),
    linear-gradient(90deg,rgba(3,3,7,.78),rgba(3,3,7,.24) 46%,rgba(3,3,7,.62)),
    url('../assets/eclipse-citadel.webp') center top/cover fixed no-repeat!important;
  filter:saturate(92%) contrast(112%) brightness(.88)!important;
}
body.immortal-site.mythic-site::after{
  z-index:-3;
  background:
    radial-gradient(circle at 74% 10%,rgba(181,83,255,.13),transparent 18%),
    radial-gradient(circle at 89% 22%,rgba(214,51,88,.10),transparent 16%),
    linear-gradient(90deg,rgba(0,0,0,.34),transparent 40%,rgba(0,0,0,.12));
  animation:none;
}
.global-violet-bloom,.global-crimson-bloom,.global-runes{opacity:.45!important;filter:saturate(.8)}
.global-violet-bloom{background:radial-gradient(circle at 68% 15%,rgba(142,75,255,.12),transparent 20%),radial-gradient(circle at 14% 72%,rgba(93,59,144,.09),transparent 28%)!important}
.global-crimson-bloom{background:radial-gradient(circle at 91% 30%,rgba(225,53,91,.10),transparent 15%)!important}
.global-runes{opacity:.08!important}
.noise{opacity:.025}
.cursor-aura{background:radial-gradient(circle,rgba(163,102,255,.08),transparent 70%);width:520px;height:520px}
.progress-line{height:1px;background:linear-gradient(90deg,var(--renew-red),var(--renew-violet),#fff);box-shadow:0 0 12px rgba(163,94,255,.55)}

/* header — thinner, colder, less rounded */
.immortal-site .site-header{
  height:74px!important;
  background:linear-gradient(180deg,rgba(7,7,11,.94),rgba(7,7,11,.76))!important;
  border-bottom:1px solid rgba(207,197,217,.13)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
}
.immortal-site .site-header::before{height:1px!important;background:linear-gradient(90deg,transparent 4%,rgba(211,67,101,.35),rgba(162,95,255,.7),rgba(216,207,227,.28),transparent 96%)!important}
.immortal-site .nav-shell{height:74px!important}
.immortal-site .brand{gap:11px}
.immortal-site .brand-logo{width:40px;height:40px;border-radius:7px!important;border:1px solid rgba(210,190,224,.24)!important;box-shadow:0 0 20px rgba(145,75,230,.18)!important}
.immortal-site .brand-copy strong{font-size:14px!important;letter-spacing:3.4px!important;color:#eeeaf2}
.immortal-site .brand-copy span{margin-top:5px;color:#736e7e;letter-spacing:3px}
.immortal-site .nav-links{gap:28px}
.immortal-site .nav-links a{font-size:12px;color:#9e98a6!important;letter-spacing:.15px}
.immortal-site .nav-links a::after{bottom:-10px;background:linear-gradient(90deg,var(--renew-red),var(--renew-violet-hot))!important;box-shadow:none!important}
.immortal-site .nav-links a:hover,.immortal-site .nav-links a.active{color:#fff!important;text-shadow:none!important}
.immortal-site .server-pill{border-radius:4px!important;color:#bde9cd!important;border-color:rgba(116,207,150,.2)!important;background:rgba(44,91,61,.12)!important;font-size:9px;letter-spacing:1.4px}
.live-dot{width:6px;height:6px;box-shadow:0 0 8px var(--green)}
.immortal-site .menu-button{border-radius:4px;background:#0b0a0f;border-color:var(--renew-line)}

/* quick rail — compact vertical rune strip */
.mythic-rail{right:16px!important;gap:7px!important;padding:8px!important;border-radius:5px!important;background:rgba(7,7,11,.72)!important;border:1px solid rgba(210,199,222,.12)!important;box-shadow:0 18px 50px rgba(0,0,0,.35)!important;backdrop-filter:blur(14px)!important}
.mythic-rail a{width:44px!important;height:44px!important;border-radius:3px!important;background:rgba(255,255,255,.018)!important;border:1px solid transparent!important;color:#85808c!important}
.mythic-rail a:hover,.mythic-rail a.active{color:#fff!important;border-color:rgba(175,117,255,.32)!important;background:linear-gradient(135deg,rgba(157,88,255,.14),rgba(217,67,101,.08))!important;transform:translateX(-3px)!important}
.mythic-rail a span{background:#09080d!important;border:1px solid rgba(205,195,216,.12)!important;color:#dcd5e3!important}

/* generic section rhythm */
.immortal-site .section,.immortal-site .page-section{padding-top:100px!important;padding-bottom:100px!important}
.immortal-site .section::after,.immortal-site .page-section::after{opacity:.16!important;height:48px!important;filter:grayscale(1)}
.section-head{max-width:840px!important;margin-bottom:44px!important}
.immortal-site .section-head h2{font-size:clamp(32px,4vw,56px)!important;letter-spacing:-1.2px;color:#f1edf3}
.immortal-site .section-head h2 em{color:#d6b5ff!important;text-shadow:none!important}
.immortal-site .section-head p{color:#a8a2af!important;font-size:13.5px!important}
.immortal-site .kicker{color:#aa8bc4!important;letter-spacing:4.2px!important;font-size:9px!important}
.immortal-site .kicker::before,.immortal-site .kicker::after{background:linear-gradient(90deg,transparent,rgba(185,128,255,.5),rgba(211,67,101,.5))!important}
.ornament{opacity:.55}
.decorative-divider{height:110px!important;opacity:.25!important;filter:grayscale(1) brightness(1.15)}

/* shared panel language: dark obsidian, subtle angled cuts */
.immortal-site .hero-copy,
.immortal-site .hero-panel,
.immortal-site .faction-card,
.immortal-site .image-panel,
.immortal-site .glass-card,
.immortal-site .blood-banner,
.immortal-site .brand-panel,
.immortal-site .item-card,
.immortal-site .route-card,
.immortal-site .board,
.immortal-site .rule-card,
.immortal-site .benefit-panel,
.immortal-site .download-panel,
.immortal-site .news-panel,
.immortal-site .content-card,
.immortal-site .price-card,
.immortal-site .resolution-card,
.immortal-site .cta-panel,
.immortal-site .callout,
.immortal-site .launcher-box{
  border:1px solid var(--renew-line)!important;
  box-shadow:var(--renew-shadow)!important;
}
.immortal-site .hero-copy::after,.immortal-site .faction-card::before,.immortal-site .image-panel::after,.immortal-site .glass-card::after,.immortal-site .blood-banner::after,.immortal-site .brand-panel::after,.immortal-site .item-card::after,.immortal-site .route-card::after,.immortal-site .board::after,.immortal-site .rule-card::after,.immortal-site .benefit-panel::after,.immortal-site .download-panel::after,.immortal-site .news-panel::after,.immortal-site .content-card::after,.immortal-site .price-card::after,.immortal-site .resolution-card::after,.immortal-site .cta-panel::after,.immortal-site .callout::after,.immortal-site .launcher-box::after{opacity:.12!important;filter:grayscale(1)}

/* home hero — completely new composition */
body[data-page="home"] .hero{
  min-height:100svh!important;
  padding-top:74px!important;
  background:#040408!important;
}
body[data-page="home"] .hero::before{
  background:
    linear-gradient(90deg,rgba(4,4,8,.86) 0%,rgba(4,4,8,.60) 35%,rgba(4,4,8,.13) 64%,rgba(4,4,8,.38) 100%),
    linear-gradient(180deg,rgba(4,4,8,.05),rgba(4,4,8,.18) 62%,#040408 100%),
    url('../assets/eclipse-citadel.webp') center/cover no-repeat!important;
  opacity:1!important;
  filter:saturate(96%) contrast(108%)!important;
}
body[data-page="home"] .hero::after{
  background:linear-gradient(90deg,rgba(207,67,101,.07),transparent 24%,transparent 70%,rgba(157,88,255,.08))!important;
}
body[data-page="home"] .hero-canvas{opacity:.22;mix-blend-mode:screen}
body[data-page="home"] .hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;gap:56px!important;padding:56px 0 52px!important}
body[data-page="home"] .hero-copy{
  padding:36px 38px 38px!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,rgba(10,9,14,.76),rgba(7,7,11,.90))!important;
  border-left:2px solid rgba(172,104,255,.52)!important;
  backdrop-filter:blur(12px) saturate(105%)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.42)!important;
}
body[data-page="home"] .hero-copy::before{content:""!important;position:absolute!important;left:0!important;top:0!important;width:150px!important;height:1px!important;border-radius:0!important;background:linear-gradient(90deg,var(--renew-red),var(--renew-violet),transparent)!important}
body[data-page="home"] .hero-copy::after{opacity:.07!important}
.hero-crown{border-radius:3px!important;background:rgba(255,255,255,.025)!important;border-color:rgba(210,198,222,.13)!important;box-shadow:none!important;padding:10px 12px!important}
.hero-crown::before{display:none!important}
.hero-crown span{color:#9f8bae!important}.hero-crown strong{color:#d7d1dd!important}
body[data-page="home"] .hero-title{font-size:clamp(48px,5.7vw,82px)!important;line-height:.96!important;letter-spacing:-1.2px!important;background:linear-gradient(180deg,#fff 0%,#d8d1df 55%,#967ca8 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:none!important;text-shadow:none!important}
body[data-page="home"] .hero-subtitle{color:#ded9e3!important;font-size:clamp(16px,1.8vw,22px)!important}
body[data-page="home"] .hero-description{color:#aaa3b0!important;line-height:1.86!important;font-size:13px!important}
body[data-page="home"] .hero-metrics{gap:7px!important}
body[data-page="home"] .metric{border-radius:3px!important;padding:8px 10px!important;background:rgba(255,255,255,.025)!important;border-color:rgba(214,204,224,.10)!important;color:#aaa4b0!important}
body[data-page="home"] .metric strong{color:#e6e0e9;margin-right:4px}
body[data-page="home"] .hero-actions{gap:9px!important}
.btn{border-radius:3px!important;min-height:50px!important;padding:0 20px!important;box-shadow:none!important;letter-spacing:.2px}
.btn-primary{background:linear-gradient(135deg,#54248c,#853fc1)!important;border-color:rgba(207,165,255,.40)!important}
.btn-primary:hover{box-shadow:0 10px 30px rgba(116,61,183,.25)!important}
.btn-secondary{background:rgba(11,10,15,.78)!important;border-color:rgba(213,202,225,.14)!important}
.btn-discord{background:linear-gradient(135deg,#414b9b,#5967ce)!important;border-color:rgba(139,150,255,.32)!important}
body[data-page="home"] .hero-notes{gap:7px!important}
body[data-page="home"] .hero-note{border-radius:3px!important;background:rgba(255,255,255,.022)!important;border-color:rgba(214,204,224,.10)!important;box-shadow:none!important}
body[data-page="home"] .hero-note::after{display:none!important}
body[data-page="home"] .hero-note small{color:#716a78!important}
body[data-page="home"] .hero-note strong{color:#cfc9d4!important;font-size:12px!important}
body[data-page="home"] .hero-badges{gap:7px!important}
body[data-page="home"] .hero-badge{border-radius:3px!important;background:rgba(0,0,0,.18)!important;border-color:rgba(214,204,224,.09)!important;padding:8px 11px!important}
body[data-page="home"] .hero-badge small{color:#726b79!important}.hero-badge strong{color:#bbb5c2!important;font-size:11px}
body[data-page="home"] .hero-showcase{min-height:650px!important}
body[data-page="home"] .hero-panel{inset:18px 0 18px 0!important;border-radius:4px!important;background:linear-gradient(180deg,rgba(7,7,12,.33),rgba(5,5,8,.86))!important;border-color:rgba(210,199,220,.12)!important;box-shadow:0 30px 90px rgba(0,0,0,.44)!important}
body[data-page="home"] .hero-panel::before{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.56)),url('../assets/ornament.webp') center/cover!important;opacity:.28!important;filter:grayscale(1) contrast(115%)!important}
body[data-page="home"] .hero-panel::after{background:linear-gradient(180deg,transparent 38%,rgba(4,4,8,.94))!important}
body[data-page="home"] .hero-emblem{width:min(360px,75%)!important;top:32px!important;filter:grayscale(.15) drop-shadow(0 0 22px rgba(164,91,255,.18))!important;animation:none!important}
body[data-page="home"] .hero-faction-mini{left:18px!important;right:18px!important;bottom:18px!important;gap:8px!important}
body[data-page="home"] .faction-mini-card{min-height:190px!important;border-radius:3px!important;border-color:rgba(211,199,221,.10)!important}
body[data-page="home"] .faction-mini-card::before{opacity:.68!important;background-size:cover!important}
body[data-page="home"] .faction-mini-card.slayer::before{background-image:url('../assets/slayer.webp')!important}
body[data-page="home"] .faction-mini-card.vampire::before{background-image:url('../assets/vampire.webp')!important}
body[data-page="home"] .faction-mini-card::after{background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(4,4,8,.93))!important}
body[data-page="home"] .faction-mini-copy{padding:18px!important}
body[data-page="home"] .hero-spotlight-grid{gap:7px!important;left:18px!important;right:18px!important;bottom:224px!important}
body[data-page="home"] .spotlight-card{border-radius:3px!important;background:rgba(8,7,12,.72)!important;border-color:rgba(211,199,221,.10)!important;box-shadow:none!important}
body[data-page="home"] .spotlight-card small{color:#7a7380!important}.spotlight-card strong{color:#ddd7e1!important}.spotlight-card span{color:#8f8997!important}
.scroll-cue{color:#756e7d!important;letter-spacing:2.2px!important}

/* ticker + stats */
.immortal-ticker{border-color:rgba(214,204,224,.10)!important;background:#07070b!important}
.ticker-track{color:#8d8793!important}.ticker-track i{color:#8157a7!important}
.stat-band{background:linear-gradient(180deg,#06060a,#0a0910 50%,#06060a)!important;border-color:rgba(214,204,224,.08)!important}
.stat-grid{gap:10px!important}
.stat-card{border-radius:3px!important;background:linear-gradient(180deg,rgba(16,14,21,.78),rgba(8,8,12,.94))!important;border-color:rgba(214,204,224,.10)!important;box-shadow:none!important}
.stat-card:hover{transform:translateY(-3px)!important;border-color:rgba(176,123,245,.26)!important}
.stat-icon{border-radius:3px!important;background:rgba(151,91,231,.08)!important;border-color:rgba(190,149,243,.14)!important;color:#b99add!important}
.stat-value{color:#e7e1ea!important}.stat-label{color:#77717d!important}

/* world section */
.immortal-world{background:linear-gradient(180deg,rgba(6,6,10,.94),rgba(8,7,12,.84))!important}
.world-stage{border-radius:4px!important;background:rgba(8,7,12,.72)!important;border:1px solid var(--renew-line)!important;box-shadow:var(--renew-shadow)!important}
.world-card{border-radius:3px!important;background:linear-gradient(180deg,rgba(18,15,24,.85),rgba(8,7,12,.95))!important;border-color:rgba(214,204,224,.10)!important}
.world-card:hover{border-color:rgba(183,130,247,.30)!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
.world-card>span{color:rgba(215,205,225,.12)!important}.world-card small{color:#856f96!important}.world-card h3{color:#ded8e2!important}.world-card p{color:#857f8b!important}.world-card b{color:#a48aba!important}
.world-core{filter:saturate(.75)}

/* factions and main cards */
.faction-grid{gap:18px!important}
.faction-card{border-radius:4px!important;border-color:rgba(214,204,224,.10)!important;background:#07070b!important}
.faction-card::after{background:linear-gradient(180deg,rgba(4,4,8,.02) 12%,rgba(4,4,8,.32) 50%,rgba(4,4,8,.98) 90%)!important}
.faction-content small{color:#8b778f!important}.faction-content h3{color:#f0ebf2!important}.faction-content p{color:#9a939f!important}
.tag{border-radius:3px!important;background:rgba(255,255,255,.025)!important;border-color:rgba(214,204,224,.10)!important;color:#afa8b5!important}
.detail-box{border-radius:3px!important;background:rgba(7,7,11,.72)!important;border-color:rgba(214,204,224,.09)!important}

/* generic content cards */
.glass-card,.item-card,.route-card,.content-card,.board,.rule-card,.cta-panel,.news-panel,.price-card,.resolution-card{
  border-radius:4px!important;
  background:linear-gradient(180deg,rgba(16,14,21,.84),rgba(8,7,12,.96))!important;
}
.glass-card:hover,.item-card:hover,.route-card:hover,.rule-card:hover,.price-card:hover{border-color:rgba(181,127,244,.25)!important;box-shadow:0 24px 62px rgba(0,0,0,.42)!important}
.glass-card p,.item-card p,.route-card p,.content-card p,.rule-card p,.cta-panel p,.news-panel p{color:#958f9c!important}
.callout{border-radius:3px!important;background:linear-gradient(90deg,rgba(107,63,153,.12),rgba(9,8,13,.32))!important;color:#a8a1ad!important}.callout strong{color:#cab1e0!important}
.diamond-list li{color:#aaa3b0!important}.diamond-list li::before{color:#9a6cc6!important}

/* rules */
.rules-section{background:linear-gradient(180deg,rgba(4,4,8,.35),rgba(9,8,13,.88),rgba(4,4,8,.35))!important}
.rules-summary{border-radius:4px!important;background:linear-gradient(100deg,rgba(18,14,24,.94),rgba(11,10,15,.96))!important;border-color:rgba(214,204,224,.12)!important}
.rules-summary-icon,.rule-icon{border-radius:3px!important;background:rgba(150,89,226,.08)!important;color:#b89ad8!important}
.rules-status,.rule-tag{border-radius:3px!important}
.rules-notice{border-radius:3px!important;background:rgba(255,255,255,.02)!important;border-color:rgba(214,204,224,.10)!important}

/* every subpage hero now shares eclipse citadel atmosphere */
.mythic-site .page-hero{
  min-height:600px!important;
  padding:150px 0 105px!important;
  background:#050509!important;
}
.mythic-site .page-hero::before{
  background-image:
    linear-gradient(90deg,rgba(4,4,8,.84),rgba(4,4,8,.44) 50%,rgba(4,4,8,.26)),
    linear-gradient(180deg,rgba(4,4,8,.10),rgba(4,4,8,.64) 75%,#040408 100%),
    url('../assets/eclipse-citadel.webp')!important;
  background-position:center!important;
  background-size:cover!important;
  opacity:1!important;
  filter:saturate(90%) contrast(112%)!important;
}
.mythic-site .page-hero::after{background:linear-gradient(90deg,rgba(208,67,101,.07),transparent 26%,rgba(157,88,255,.06))!important}
.mythic-site .page-hero-content{max-width:760px!important;padding:32px 34px!important;border-radius:4px!important;background:rgba(8,8,12,.72)!important;border:1px solid rgba(214,204,224,.12)!important;border-left:2px solid rgba(163,96,245,.55)!important;box-shadow:0 28px 80px rgba(0,0,0,.38)!important;backdrop-filter:blur(10px)!important}
.mythic-site .page-hero h1{font-size:clamp(44px,6vw,78px)!important;color:#f0ecf2!important;letter-spacing:-1px!important;text-shadow:none!important}
.mythic-site .page-hero-content p{color:#a9a2af!important}
.breadcrumbs{color:#746e7a!important}.breadcrumbs a{color:#b5a3c2!important}

/* floating subpage feature blocks */
.oath-stage,.vault-stage,.covenant-stage,.launcher-fortress{
  border-radius:4px!important;
  border:1px solid rgba(214,204,224,.12)!important;
  background:linear-gradient(135deg,rgba(14,12,19,.96),rgba(9,8,13,.97))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.46)!important;
}
.oath-stage::before,.vault-stage::before,.covenant-stage::before{opacity:.08!important;filter:grayscale(1)}
.oath-copy h2,.vault-copy h2,.covenant-copy h2{color:#efebf1!important}.oath-copy h2 em,.vault-copy h2 em,.covenant-copy h2 em{color:#c9a7ef!important}.oath-copy p,.vault-copy p,.covenant-copy p{color:#9d96a3!important}
.oath-path span,.vault-stats span,.covenant-tiers span{border-radius:3px!important;background:rgba(255,255,255,.025)!important;border-color:rgba(214,204,224,.10)!important;color:#aaa3b0!important}
.oath-path span b{color:#b78cdf!important}.oath-path i{background:linear-gradient(90deg,#78529f,#b04968)!important}
.guide-legend-banner{background:linear-gradient(180deg,#050509,#09080d)!important;border-color:rgba(214,204,224,.08)!important}
.legend-banner-inner{border-radius:4px!important;background:rgba(255,255,255,.02)!important;border-color:rgba(214,204,224,.10)!important}
.legend-steps span{border-radius:3px!important}

/* boards / farming */
.board-head{border-color:rgba(214,204,224,.08)!important;background:rgba(255,255,255,.012)!important}.board-head span{color:#7b7481!important}.board-head h3{color:#e6e0e9!important}
.point-row{border-radius:3px!important;background:rgba(255,255,255,.018)!important;border:1px solid rgba(214,204,224,.07)!important}
.point-row.featured-cash{background:linear-gradient(90deg,rgba(116,67,165,.10),rgba(255,255,255,.015))!important;border-color:rgba(176,126,235,.18)!important}
.point-icon{border-radius:3px!important;background:rgba(155,94,224,.07)!important;color:#af90cf!important}
.point-name{color:#d8d2dc!important}.point-meta{color:#77717d!important}.point-value{color:#c6a4e6!important}.point-value small{color:#736d79!important}
.priority-item{border-radius:3px!important;background:rgba(255,255,255,.018)!important;border-color:rgba(214,204,224,.08)!important}.priority-item .rank{color:#9a72bf!important}.priority-item h4{color:#d8d2dc!important}.priority-item p{color:#88818e!important}


/* support */
.mythic-covenant{margin-top:-72px!important}
.covenant-emblem{background:radial-gradient(circle,rgba(120,72,178,.12),transparent 62%)!important}.covenant-emblem img{animation:none!important;filter:saturate(.8) drop-shadow(0 0 25px rgba(139,82,202,.17))!important}
.benefit-panel{border-radius:4px!important;background:linear-gradient(110deg,rgba(10,9,14,.95),rgba(15,12,20,.84)),url('../assets/eclipse-citadel.webp') 70% center/cover!important}
.benefit-panel::before{background:linear-gradient(90deg,rgba(132,74,190,.08),transparent 55%)!important}
.ratio-box{border-radius:3px!important;background:rgba(255,255,255,.025)!important;border-color:rgba(214,204,224,.13)!important;box-shadow:none!important}.ratio-box strong{color:#d4b3f2!important;text-shadow:none!important}
.bonus-card{border-radius:3px!important;background:rgba(255,255,255,.02)!important;border-color:rgba(214,204,224,.09)!important}.bonus-card span{color:#77717e!important}.bonus-card strong{color:#bea0da!important}
.first-bonus{border-radius:3px!important;background:linear-gradient(90deg,rgba(124,72,176,.11),rgba(153,54,76,.08))!important;border-color:rgba(194,155,220,.14)!important}

/* download */
.mythic-download-hero{background:
  linear-gradient(90deg,rgba(4,4,8,.72),rgba(4,4,8,.28),rgba(4,4,8,.60)),
  linear-gradient(180deg,rgba(4,4,8,.08),#040408 100%),
  url('../assets/eclipse-citadel.webp') center/cover no-repeat!important;
  min-height:760px!important;
}
.mythic-moon{opacity:.16!important;filter:saturate(.65)}
.launcher-fortress{padding:34px!important;gap:34px!important}
.launcher-crest-panel{border-radius:3px!important;background:linear-gradient(180deg,rgba(12,11,16,.56),rgba(7,7,11,.92))!important;border-color:rgba(214,204,224,.11)!important}
.crest-window{border-radius:3px!important;background:rgba(255,255,255,.018)!important;border-color:rgba(214,204,224,.12)!important;box-shadow:none!important}.crest-window img{filter:saturate(.78) drop-shadow(0 0 22px rgba(142,84,205,.17))!important}
.crest-kicker{color:#8a728e!important}.launcher-crest-panel h1{color:#ebe6ee!important;text-shadow:none!important}.launcher-crest-panel p{color:#77717d!important}
.launcher-command h2{color:#ece7ef!important}.launcher-command h2 em{color:#c8a8e7!important}.launcher-command p{color:#9b94a1!important}
.launcher-spec-grid span{border-radius:3px!important;background:rgba(255,255,255,.02)!important;border-color:rgba(214,204,224,.09)!important;color:#89828f!important}.launcher-spec-grid b{color:#cfc8d4!important}
.mythic-action{border-radius:3px!important;background:rgba(255,255,255,.025)!important;border-color:rgba(214,204,224,.11)!important;color:#d5cfd9!important}.mythic-action.primary{background:linear-gradient(135deg,#54258d,#7a3eb4)!important;border-color:rgba(197,156,240,.30)!important}
.launcher-note{border-radius:3px!important;background:rgba(255,255,255,.018)!important;border-color:rgba(214,204,224,.08)!important;color:#8f8996!important}
.mythic-mode-card,.ritual-card{border-radius:4px!important;background:linear-gradient(180deg,rgba(15,13,20,.88),rgba(8,7,12,.97))!important;border-color:rgba(214,204,224,.10)!important;box-shadow:none!important}
.mode-glyph,.ritual-art{border-radius:3px!important;background:radial-gradient(circle at 50% 35%,rgba(110,70,160,.12),rgba(7,7,11,.96) 70%)!important;border-color:rgba(214,204,224,.09)!important}
.mythic-mode-card h3,.ritual-copy h3{color:#ddd7e1!important}.mythic-mode-card p,.ritual-copy p{color:#89828f!important}.mythic-mode-card code{border-radius:3px!important;background:#07070b!important;border-color:rgba(214,204,224,.08)!important;color:#bca7cc!important}.ritual-copy>span{color:#8b748f!important}.mythic-mini-button{border-radius:3px!important;background:#383f88!important}

/* footer */
footer{padding:46px 0 28px!important;background:#050509!important;border-color:rgba(214,204,224,.08)!important}
.footer-mark{width:68px!important;height:68px!important;filter:grayscale(.15) drop-shadow(0 0 16px rgba(139,84,200,.14))!important}.footer-title{font-size:14px!important;color:#d7d1dc!important}.footer-tag{color:#6e6874!important}.footer-links a{color:#7f7985!important}.footer-links a:hover{color:#d3ccd8!important}.copyright{color:#504b55!important;border-color:rgba(214,204,224,.06)!important}
.toast{border-radius:3px!important;background:#0b0a0f!important;border-color:rgba(214,204,224,.12)!important}

/* 404 */
body[data-page="404"] .page-hero{min-height:100vh!important;padding:100px 0!important}
body[data-page="404"] .page-hero-content img{filter:grayscale(.12) drop-shadow(0 0 22px rgba(148,90,211,.18))!important}

/* responsive */
@media(max-width:1240px){
  body[data-page="home"] .hero-layout{grid-template-columns:1fr!important}
  body[data-page="home"] .hero-showcase{min-height:590px!important}
  .mythic-rail{display:none!important}
}
@media(max-width:960px){
  .immortal-site .site-header,.immortal-site .nav-shell{height:68px!important}
  .nav-links{top:68px!important;border-radius:4px!important;background:rgba(8,8,12,.98)!important;border-color:rgba(214,204,224,.12)!important}
  .nav-links a{border-radius:3px!important;background:rgba(255,255,255,.018)!important}
  .mythic-site .page-hero{min-height:520px!important;padding:125px 0 80px!important}
  .oath-stage,.vault-stage,.covenant-stage,.launcher-fortress{padding:26px!important}
  .price-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:720px){
  .container{width:min(calc(100% - 24px),var(--max))}
  .immortal-site .section,.immortal-site .page-section{padding-top:76px!important;padding-bottom:76px!important}
  body[data-page="home"] .hero{padding-top:68px!important}
  body[data-page="home"] .hero-layout{padding:26px 0 30px!important;gap:22px!important}
  body[data-page="home"] .hero-copy{padding:24px 18px!important}
  body[data-page="home"] .hero-title{font-size:38px!important}
  body[data-page="home"] .hero-showcase{min-height:540px!important}
  body[data-page="home"] .hero-panel{min-height:520px!important}
  body[data-page="home"] .hero-spotlight-grid{display:none!important}
  body[data-page="home"] .hero-faction-mini{grid-template-columns:1fr!important}
  body[data-page="home"] .faction-mini-card{min-height:138px!important}
  body[data-page="home"] .hero-emblem{width:235px!important}
  .stat-grid{grid-template-columns:1fr 1fr!important}
  .world-stage{padding:10px!important}
  .mythic-site .page-hero{min-height:460px!important;padding:110px 0 58px!important}
  .mythic-site .page-hero-content{padding:22px 18px!important}
  .mythic-site .page-hero h1{font-size:39px!important}
  .oath-stage,.vault-stage,.covenant-stage,.launcher-fortress{padding:20px 16px!important}
  .price-grid{grid-template-columns:1fr!important}
  .price-card{grid-template-columns:68px 1fr!important}.price-icon{width:68px!important;height:68px!important}
  .launcher-fortress{gap:20px!important}.launcher-crest-panel{min-height:340px!important}
}
@media(prefers-reduced-motion:reduce){body.immortal-site.mythic-site::after{animation:none!important}}


/* ============================================================
   SERVER CONTENTS — official content archive
   ============================================================ */
@media(min-width:961px){
  .immortal-site .nav-links{gap:20px}
  .immortal-site .nav-links a{font-size:11.5px}
}
body[data-page="content"] .page-hero::after{
  background:linear-gradient(90deg,rgba(4,3,9,.84),rgba(4,3,9,.40) 38%,rgba(4,3,9,.80)),var(--page-bg) center/cover no-repeat!important;
}
.content-page-hero .page-hero-content{max-width:880px}
.content-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.content-hero-tags span{padding:8px 11px;border:1px solid rgba(202,174,226,.14);background:rgba(7,6,11,.60);color:#bcb3c5;font:700 9px/1 "Cinzel",serif;letter-spacing:1.7px}
.content-hub-section{overflow:hidden}
.content-poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.content-poster-card{position:relative;padding:18px;border:1px solid rgba(214,204,224,.13);background:linear-gradient(180deg,rgba(14,11,21,.94),rgba(6,5,10,.98));box-shadow:0 28px 80px rgba(0,0,0,.46);overflow:hidden;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.content-poster-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 8%,rgba(158,86,255,.10),transparent 24%),radial-gradient(circle at 88% 14%,rgba(221,65,101,.08),transparent 22%)}
.content-poster-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:8px 7px 17px}
.content-poster-head h3{margin-top:8px;color:#f0ebf4;font-size:25px;letter-spacing:-.6px}
.content-poster-head p{margin-top:8px;max-width:520px;color:#8f8995;font-size:12px;line-height:1.75}
.content-type{display:inline-flex;color:#b79aca;font:800 9px/1 "Cinzel",serif;letter-spacing:2.1px}
.content-type.crimson{color:#d392a3}.content-type.duel{color:#c5a4e7}.content-type.ice{color:#94b9e9}.content-type.gilles{color:#e57a87}
.content-no{color:rgba(224,214,231,.09);font:800 58px/1 "Cinzel",serif}
.content-poster-button{position:relative;z-index:1;display:block;width:100%;padding:0;border:1px solid rgba(220,208,228,.12);background:#050408;cursor:zoom-in;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.38)}
.content-poster-button img{display:block;width:100%;height:auto;transition:transform .48s cubic-bezier(.2,.7,.2,1),filter .48s ease}
.content-poster-button span{position:absolute;left:50%;bottom:18px;transform:translate(-50%,12px);padding:9px 14px;border:1px solid rgba(231,216,241,.20);background:rgba(5,4,9,.88);color:#eee9f1;font-size:10px;font-weight:800;letter-spacing:.7px;opacity:0;transition:.3s ease;white-space:nowrap;backdrop-filter:blur(10px)}
.content-poster-button::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(2,1,4,.58));opacity:0;transition:.3s ease;pointer-events:none}
.content-poster-button:hover img{transform:scale(1.018);filter:brightness(.88)}
.content-poster-button:hover::after{opacity:1}.content-poster-button:hover span{opacity:1;transform:translate(-50%,0);z-index:2}
.content-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;padding:15px 5px 2px}
.content-meta span{padding:7px 9px;border:1px solid rgba(211,198,220,.10);background:rgba(255,255,255,.018);color:#87818c;font-size:9.5px;font-weight:700}
.content-poster-feature{grid-column:1/-1;width:min(100%,820px);justify-self:center}
.content-bottom-cta{margin-top:42px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid rgba(214,204,224,.12);background:linear-gradient(120deg,rgba(15,11,23,.94),rgba(33,10,29,.82));box-shadow:0 24px 70px rgba(0,0,0,.38)}
.content-bottom-cta h3{margin-top:9px;font-size:25px;color:#e9e4ed}.content-bottom-cta p{margin-top:7px;color:#8d8792;font-size:12px}
.content-bottom-cta .button-row{margin-top:0;min-width:max-content}
.content-lightbox{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:28px;background:rgba(1,1,3,.94);opacity:0;visibility:hidden;transition:.24s ease;backdrop-filter:blur(14px)}
.content-lightbox.open{opacity:1;visibility:visible}
.content-lightbox-stage{width:min(1080px,92vw);height:min(90vh,1500px);display:flex;align-items:center;justify-content:center}
.content-lightbox-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 28px 100px rgba(0,0,0,.72);border:1px solid rgba(220,206,230,.16)}
.content-lightbox-close{position:fixed;right:24px;top:18px;width:46px;height:46px;border:1px solid rgba(230,216,238,.18);background:#0b0910;color:#ddd5e3;font-size:30px;line-height:1;cursor:pointer}
.content-lightbox-hint{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);color:#6f6975;font-size:10px;letter-spacing:.5px}
body.lightbox-open{overflow:hidden}
@media(max-width:960px){.content-poster-grid{grid-template-columns:1fr}.content-poster-feature{grid-column:auto;width:100%}.content-bottom-cta{align-items:flex-start;flex-direction:column}.content-bottom-cta .button-row{min-width:0}.content-lightbox{padding:16px}}
@media(max-width:720px){.content-poster-card{padding:10px}.content-poster-head{padding:8px 5px 13px}.content-poster-head h3{font-size:21px}.content-poster-head p{font-size:11px}.content-no{font-size:44px}.content-poster-button span{display:none}.content-meta{padding:12px 2px 2px}.content-bottom-cta{padding:22px 18px}.content-bottom-cta .button-row{width:100%}.content-bottom-cta .btn{flex:1}.content-lightbox-close{right:12px;top:10px}.content-lightbox-hint{display:none}}


/* 2026-08 navigation extension: Lucky Box */
@media (min-width:961px) and (max-width:1380px){
  .nav-links{gap:15px}
  .nav-links a{font-size:12px}
}

/* 2026-08 Costume Sanctum navigation extension */
@media (min-width:961px) and (max-width:1500px){
  .nav-links{gap:12px}
  .nav-links a{font-size:11px}
}