:root {
  --bg: #0a0d13;
  --bg-2: #101621;
  --panel: rgba(18, 24, 35, .92);
  --panel-2: rgba(23, 31, 44, .86);
  --text: #eef2f7;
  --muted: #8f9bab;
  --line: rgba(255,255,255,.09);
  --accent: #c89145;
  --accent-2: #f0c985;
  --glow: rgba(200,145,69,.32);
  --danger: #e56e74;
  --ok: #58c38b;
  --warn: #f0bc61;
  --radius: 18px;
  --shadow: 0 24px 70px rgba(0,0,0,.38);
  --max: 1240px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; min-width: 320px; color: var(--text); background: radial-gradient(circle at 75% -10%, var(--glow), transparent 28%), var(--bg); }
button,input,select,textarea { font: inherit; }
button,a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
.shell { min-height: 100vh; background: linear-gradient(180deg, rgba(255,255,255,.015), transparent 34%); }
.container { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
.hidden { display:none !important; }
.muted { color: var(--muted); }
.eyebrow { color: var(--accent-2); letter-spacing: .16em; font-size: .74rem; font-weight: 800; text-transform: uppercase; }
.h1 { font-size: clamp(2.2rem, 5vw, 5.2rem); line-height: .96; margin: 14px 0 18px; letter-spacing: -.055em; max-width: 820px; }
.h2 { font-size: clamp(1.7rem, 3vw, 2.8rem); margin: 0 0 8px; letter-spacing: -.035em; }
.h3 { font-size: 1.08rem; margin: 0; }
.lead { font-size: clamp(1rem, 1.8vw, 1.22rem); line-height: 1.7; color: #b7c0cc; max-width: 720px; }
.btn { border: 1px solid var(--line); color: var(--text); background: rgba(255,255,255,.045); padding: 12px 17px; border-radius: 12px; font-weight: 750; transition: .18s ease; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.btn:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.075); }
.btn.primary { background: linear-gradient(135deg, var(--accent), var(--accent-2)); color:#13100b; border-color: transparent; box-shadow: 0 12px 28px var(--glow); }
.btn.ghost { background: transparent; }
.btn.danger { border-color: rgba(229,110,116,.35); color:#ffb7bc; }
.btn.small { padding: 8px 11px; border-radius: 10px; font-size: .87rem; }
.badge { display:inline-flex; gap:7px; align-items:center; border:1px solid var(--line); border-radius:999px; padding:6px 10px; font-size:.78rem; color:#c8d0db; background:rgba(255,255,255,.035); }
.badge.ok::before,.status-dot.ok { content:""; width:7px; height:7px; border-radius:99px; background:var(--ok); box-shadow:0 0 14px rgba(88,195,139,.8); }
.badge.warn::before { content:""; width:7px; height:7px; border-radius:99px; background:var(--warn); }
.card { border:1px solid var(--line); background:linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.026)); border-radius:var(--radius); box-shadow:var(--shadow); }
.section { padding: 74px 0; }
.section.tight { padding: 40px 0; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.grid { display:grid; gap:18px; }
.grid.cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid.cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.grid.cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }

/* Hub */
.hub { min-height:100vh; overflow:hidden; position:relative; display:grid; place-items:center; background: radial-gradient(circle at 20% 15%, rgba(95,123,182,.14), transparent 26%), radial-gradient(circle at 80% 80%, rgba(200,145,69,.12), transparent 30%), #090c12; }
.hub::before { content:""; position:absolute; inset:0; pointer-events:none; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to bottom,black,transparent 90%); }
.hub-inner { position:relative; z-index:1; width:min(1380px,calc(100% - 48px)); padding:42px 0; }
.hub-top { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:44px; }
.hub-brand { display:flex; align-items:center; gap:13px; font-weight:900; letter-spacing:.08em; }
.logo-mark { width:44px; height:44px; border:1px solid rgba(255,255,255,.16); border-radius:14px; position:relative; background:linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.015)); box-shadow:inset 0 0 20px rgba(255,255,255,.04); }
.logo-mark::before,.logo-mark::after { content:""; position:absolute; inset:10px 9px; border:2px solid var(--accent); transform:skewX(-14deg) rotate(10deg); border-radius:8px; }
.logo-mark::after { inset:16px 13px 8px 15px; border-color:var(--accent-2); }
.hub-copy { max-width:830px; margin-bottom:34px; }
.game-grid { display:grid; grid-template-columns:1.55fr .8fr .8fr; gap:16px; min-height:460px; }
.game-card { position:relative; overflow:hidden; min-height:430px; border:1px solid var(--line); border-radius:26px; background:linear-gradient(160deg,#151c28,#0c1017); transition:.28s ease; isolation:isolate; }
.game-card.active:hover { transform:translateY(-4px); border-color:color-mix(in srgb,var(--accent) 55%,white 8%); }
.game-card::before { content:""; position:absolute; inset:-20% -10%; background:radial-gradient(circle at 65% 36%, var(--glow), transparent 29%); z-index:-1; }
.game-card.locked { filter:saturate(.18); opacity:.58; }
.game-card .game-art { position:absolute; right:-5%; bottom:-10%; width:68%; height:95%; opacity:.86; }
.warrior-silhouette { filter:drop-shadow(0 18px 50px rgba(0,0,0,.5)); }
.warrior-silhouette::before { content:""; position:absolute; width:38%; height:22%; left:31%; top:3%; border-radius:50% 50% 38% 38%; background:linear-gradient(140deg,var(--accent-2),#5d4934 60%,#191b20); transform:rotate(-4deg); }
.warrior-silhouette::after { content:""; position:absolute; width:60%; height:74%; left:20%; top:18%; clip-path:polygon(42% 0,65% 5%,83% 20%,72% 42%,91% 65%,67% 100%,37% 96%,11% 62%,24% 38%,18% 17%); background:linear-gradient(130deg,var(--accent) 4%,#4b5261 26%,#1c222b 70%); border:1px solid rgba(255,255,255,.1); }
.game-content { position:relative; height:100%; z-index:3; padding:34px; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; }
.game-title { font-size:clamp(2rem,3vw,4rem); letter-spacing:-.04em; font-weight:900; line-height:.95; max-width:460px; }
.game-desc { color:#aeb8c5; max-width:430px; line-height:1.6; }
.lock { display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:7px 11px; font-size:.75rem; border:1px solid rgba(255,255,255,.1); background:rgba(0,0,0,.2); }
.server-picker { margin-top:20px; padding:22px; border:1px solid var(--line); background:rgba(9,12,18,.78); border-radius:18px; width:min(720px,100%); backdrop-filter:blur(18px); }
.server-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:13px; }
.server-choice { text-align:left; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.035); color:var(--text); padding:14px; transition:.18s; }
.server-choice:hover { border-color:var(--serverAccent,var(--accent)); transform:translateY(-1px); }
.server-choice strong { display:block; margin-bottom:5px; }
.server-choice span { display:block; color:var(--muted); font-size:.8rem; }

/* Portal */
.topbar { position:sticky; top:0; z-index:40; backdrop-filter:blur(16px); background:rgba(8,11,16,.84); border-bottom:1px solid var(--line); }
.nav { min-height:72px; display:flex; align-items:center; gap:18px; }
.nav-brand { margin-right:auto; display:flex; align-items:center; gap:11px; font-weight:900; }
.nav-brand small { color:var(--muted); display:block; font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; font-weight:750; }
.nav-brand .server-name { font-size:.98rem; letter-spacing:.04em; }
.nav-links { display:flex; gap:4px; align-items:center; }
.nav-item { position:relative; }
.nav-link { border:0; background:transparent; color:#c4ccd6; padding:10px 11px; border-radius:10px; font-weight:700; font-size:.88rem; }
.nav-link:hover,.nav-link.active { background:rgba(255,255,255,.055); color:#fff; }
.dropdown { display:none; position:absolute; top:44px; left:0; min-width:220px; padding:8px; border:1px solid var(--line); border-radius:14px; background:#111721; box-shadow:var(--shadow); }
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown { display:block; }
.dropdown a { display:block; padding:10px 11px; border-radius:9px; color:#b7c1ce; font-size:.86rem; }
.dropdown a:hover { color:#fff; background:rgba(255,255,255,.05); }
.nav-actions { display:flex; gap:8px; align-items:center; }
.mobile-menu { display:none; }
.hero { position:relative; overflow:hidden; min-height:650px; display:flex; align-items:center; border-bottom:1px solid var(--line); background: radial-gradient(circle at 80% 30%, var(--glow), transparent 28%), linear-gradient(120deg,#0b0f16,#111722 52%,#090d13); }
.hero::after { content:""; position:absolute; inset:0; opacity:.35; background:linear-gradient(90deg, rgba(9,12,18,1) 0%, rgba(9,12,18,.54) 52%, transparent), repeating-linear-gradient(125deg, transparent 0 80px, rgba(255,255,255,.02) 82px 83px); }
.hero-content { position:relative; z-index:2; padding:78px 0; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin:26px 0 28px; }
.hero-stats { display:flex; flex-wrap:wrap; gap:12px; }
.hero-stat { min-width:150px; padding:12px 14px; border-left:2px solid var(--accent); background:rgba(255,255,255,.025); }
.hero-stat strong { display:block; font-size:1.2rem; }
.hero-stat span { color:var(--muted); font-size:.78rem; }
.hero-art { position:absolute; z-index:1; right:4vw; bottom:-7%; width:min(44vw,600px); height:90%; opacity:.86; }
.hero-art .warrior-silhouette { position:absolute; inset:0; }
.theme-orb { position:absolute; width:180px; height:180px; border-radius:50%; right:15%; top:20%; border:1px solid color-mix(in srgb,var(--accent) 40%,transparent); box-shadow:0 0 90px var(--glow), inset 0 0 50px var(--glow); }
.stats-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--line); }
.stat-box { background:#111721; padding:22px; }
.stat-box strong { display:block; font-size:1.7rem; letter-spacing:-.03em; }
.stat-box span { color:var(--muted); font-size:.82rem; }
.feature-card { padding:22px; min-height:165px; }
.feature-card .icon { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; border:1px solid color-mix(in srgb,var(--accent) 45%,transparent); background:var(--glow); margin-bottom:18px; color:var(--accent-2); font-weight:900; }
.top3 { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.player-card { padding:22px; display:flex; align-items:center; gap:16px; }
.rank-medal { width:48px; height:48px; border-radius:15px; display:grid; place-items:center; font-weight:950; color:#15110c; background:linear-gradient(135deg,var(--accent),var(--accent-2)); }
.player-card p { margin:4px 0 0; color:var(--muted); font-size:.84rem; }
.update-card { padding:20px; }
.update-card time { color:var(--accent-2); font-size:.76rem; }

/* Pages */
.page-hero { padding:54px 0 34px; border-bottom:1px solid var(--line); background:radial-gradient(circle at 80% -20%,var(--glow),transparent 34%); }
.page-content { padding:36px 0 80px; }
.toolbar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:18px 0; }
.input,.select { background:#0d121a; color:var(--text); border:1px solid var(--line); padding:12px 13px; border-radius:11px; outline:none; min-width:180px; }
.input:focus,.select:focus { border-color:color-mix(in srgb,var(--accent) 58%,white 5%); box-shadow:0 0 0 3px var(--glow); }
.tabs { display:flex; gap:7px; flex-wrap:wrap; }
.tab { border:1px solid var(--line); background:rgba(255,255,255,.03); color:#aeb8c5; padding:9px 11px; border-radius:10px; font-size:.82rem; font-weight:700; }
.tab.active,.tab:hover { color:#fff; border-color:color-mix(in srgb,var(--accent) 55%,transparent); background:var(--glow); }
.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:16px; background:rgba(13,18,26,.7); }
table { width:100%; border-collapse:collapse; min-width:760px; }
th,td { padding:13px 14px; text-align:left; border-bottom:1px solid var(--line); font-size:.87rem; }
th { position:sticky; top:0; background:#111721; color:#8f9bab; font-size:.74rem; text-transform:uppercase; letter-spacing:.07em; }
tbody tr:hover { background:rgba(255,255,255,.025); }
.link { color:var(--accent-2); font-weight:760; }
.status { display:inline-flex; align-items:center; gap:7px; font-size:.8rem; }
.status::before { content:""; width:7px; height:7px; border-radius:50%; background:#737d8c; }
.status.online::before { background:var(--ok); box-shadow:0 0 10px rgba(88,195,139,.7); }
.kpi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.kpi { padding:18px; }
.kpi b { display:block; font-size:1.45rem; margin-top:6px; }
.profile-head { padding:28px; display:flex; gap:20px; align-items:center; }
.avatar { width:88px; height:88px; border-radius:24px; background:linear-gradient(145deg,var(--accent),#242c38 60%); position:relative; overflow:hidden; border:1px solid var(--line); }
.avatar::before { content:""; position:absolute; width:36px; height:36px; border-radius:50%; top:14px; left:26px; background:#111721; }
.avatar::after { content:""; position:absolute; width:68px; height:52px; border-radius:50% 50% 20% 20%; bottom:-13px; left:10px; background:#111721; }
.equipment { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.equip { padding:14px; min-height:145px; }
.item-icon { width:46px; height:46px; border-radius:12px; background:linear-gradient(145deg,var(--accent),#252c38); display:grid; place-items:center; font-weight:950; color:#0b0d11; margin-bottom:10px; }
.equip small { display:block; color:var(--muted); margin-top:4px; }
.list { display:grid; gap:10px; }
.list-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 15px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.025); }
.market-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:16px; align-items:start; }
.cart { position:sticky; top:92px; padding:18px; }
.market-map { height:240px; position:relative; border-radius:13px; border:1px solid var(--line); overflow:hidden; margin-top:12px; background:linear-gradient(30deg,#121925,#1e2633); }
.market-map::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:30px 30px; transform:rotate(6deg) scale(1.2); }
.map-dot { position:absolute; width:11px; height:11px; border-radius:50%; background:var(--accent-2); box-shadow:0 0 16px var(--glow); z-index:2; }
.store-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.product-card { padding:18px; }
.product-art { height:150px; border-radius:13px; border:1px solid var(--line); margin-bottom:14px; background:radial-gradient(circle at 60% 40%,var(--glow),transparent 30%), linear-gradient(145deg,#1a2230,#0c1017); display:grid; place-items:center; font-size:3rem; font-weight:950; color:var(--accent-2); }
.product-card .price { font-size:1.25rem; font-weight:900; color:var(--accent-2); }
.form-card { max-width:620px; padding:24px; }
.form-grid { display:grid; gap:14px; }
.form-group label { display:block; color:#c7d0db; margin-bottom:7px; font-size:.84rem; font-weight:700; }
.form-group .input { width:100%; }
.notice { padding:13px 15px; border:1px solid var(--line); border-radius:11px; color:#b6bfcb; background:rgba(255,255,255,.025); font-size:.87rem; }
.notice.success { border-color:rgba(88,195,139,.28); color:#a4e3bf; }
.notice.error { border-color:rgba(229,110,116,.3); color:#ffc1c5; }
.media-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.media-card { min-height:190px; padding:0; overflow:hidden; position:relative; background:linear-gradient(145deg,#1c2430,#0b1016); }
.media-thumb { position:absolute; inset:0; background:radial-gradient(circle at 60% 40%,var(--glow),transparent 28%), repeating-linear-gradient(130deg,transparent 0 30px,rgba(255,255,255,.02) 31px 32px); }
.media-card .caption { position:absolute; inset:auto 0 0; padding:28px 14px 13px; background:linear-gradient(transparent,rgba(0,0,0,.78)); z-index:2; }
.modal-backdrop { position:fixed; inset:0; z-index:90; background:rgba(0,0,0,.76); display:grid; place-items:center; padding:20px; }
.modal { width:min(850px,100%); max-height:90vh; overflow:auto; padding:22px; border:1px solid var(--line); background:#101620; border-radius:20px; box-shadow:var(--shadow); }
.modal-large-art { height:min(58vh,520px); border:1px solid var(--line); border-radius:16px; background:radial-gradient(circle at 60% 40%,var(--glow),transparent 28%), linear-gradient(145deg,#202a39,#0b1017); display:grid; place-items:center; color:var(--accent-2); font-size:4rem; }
.footer { border-top:1px solid var(--line); padding:30px 0 42px; color:var(--muted); }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:24px; }
.footer a { display:block; margin:8px 0; color:#b7c0cc; font-size:.86rem; }
.footer .fine { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); font-size:.78rem; line-height:1.6; }
.empty { padding:42px 20px; text-align:center; color:var(--muted); }
.toast { position:fixed; right:20px; bottom:20px; z-index:120; padding:12px 14px; border-radius:12px; border:1px solid var(--line); background:#141b26; box-shadow:var(--shadow); }

@media (max-width: 1050px) {
  .nav-links { display:none; }
  .mobile-menu { display:inline-flex; }
  .grid.cols-4,.kpi-grid { grid-template-columns:repeat(2,1fr); }
  .media-grid { grid-template-columns:repeat(3,1fr); }
  .equipment { grid-template-columns:repeat(3,1fr); }
  .market-layout { grid-template-columns:1fr; }
  .cart { position:relative; top:0; }
  .store-grid { grid-template-columns:repeat(2,1fr); }
  .game-grid { grid-template-columns:1fr 1fr; }
  .game-card.active { grid-column:1 / -1; min-height:430px; }
}
@media (max-width: 760px) {
  .container { width:min(var(--max),calc(100% - 24px)); }
  .hub-inner { width:calc(100% - 24px); }
  .hub-top { margin-bottom:28px; }
  .hub-top .badge { display:none; }
  .game-grid { grid-template-columns:1fr; min-height:0; }
  .game-card,.game-card.active { grid-column:auto; min-height:320px; }
  .game-card.locked { min-height:220px; }
  .game-card .game-art { width:60%; }
  .server-row { grid-template-columns:1fr; }
  .hero { min-height:600px; }
  .hero-art { width:80vw; opacity:.28; right:-20vw; }
  .hero-stats { display:grid; grid-template-columns:1fr 1fr; }
  .hero-stat { min-width:0; }
  .stats-strip,.grid.cols-3,.grid.cols-2,.top3,.footer-grid { grid-template-columns:1fr; }
  .stats-strip { gap:1px; }
  .grid.cols-4,.kpi-grid { grid-template-columns:1fr 1fr; }
  .media-grid,.equipment,.store-grid { grid-template-columns:1fr 1fr; }
  .section { padding:52px 0; }
  .section-head { align-items:start; flex-direction:column; }
  .nav { min-height:64px; }
  .nav-actions .btn:not(.mobile-menu) { display:none; }
}
@media (max-width: 480px) {
  .grid.cols-4,.kpi-grid,.media-grid,.equipment,.store-grid { grid-template-columns:1fr; }
  .hero-stats { grid-template-columns:1fr; }
  .h1 { font-size:2.7rem; }
  .game-content { padding:24px; }
}

/* Mobile navigation drawer */
.mobile-drawer { border-top:1px solid var(--line); background:rgba(10,14,21,.98); box-shadow:0 30px 70px rgba(0,0,0,.4); }
.mobile-drawer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; padding:18px 0 24px; }
.mobile-drawer a { display:block; color:#c5ced9; padding:7px 0; font-size:.88rem; }
.mobile-drawer a:hover { color:#fff; }
@media (min-width:1051px) { .mobile-drawer { display:none !important; } }
@media (max-width:760px) { .mobile-drawer-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:480px) { .mobile-drawer-grid { grid-template-columns:1fr; } }

/* Expanded marketplace architecture */
.market-filters { padding:20px; margin-bottom:16px; }
.market-filter-head,.market-viewbar { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.market-filter-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin-top:16px; }
.market-filter-grid label { display:grid; gap:6px; color:#aeb8c5; font-size:.74rem; font-weight:750; }
.market-filter-grid .input,.market-filter-grid .select { min-width:0; width:100%; }
.market-apply { display:flex; align-items:end; }
.market-apply .btn { width:100%; }
.market-viewbar { margin:16px 0; }
.market-layout.history-view { grid-template-columns:1fr; }
.market-live-note { margin:14px 2px 0; font-size:.8rem; }
.mini-meta { font-size:.72rem; margin-top:4px; }
@media (max-width:1100px) { .market-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .market-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .market-viewbar,.market-filter-head { align-items:flex-start; flex-direction:column; } }
@media (max-width:440px) { .market-filter-grid { grid-template-columns:1fr; } }


/* Visual identity integration */
body::before { content:""; position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 28%), radial-gradient(circle at 82% 26%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 28%); opacity:.9; z-index:-1; }
#app { opacity:0; transform:translateY(6px); transition:opacity .28s ease, transform .28s ease; }
#app.view-ready { opacity:1; transform:none; }
.brand-lockup { display:flex; align-items:center; gap:12px; }
.brand-lockup.compact { gap:10px; }
.wordmark { display:block; height:auto; }
.hub-wordmark { width:min(340px, 46vw); }
.topbar .hub-wordmark, .footer .hub-wordmark { width:136px; }
.topbar .server-wordmark, .footer .server-wordmark { width:150px; }
.brand-divider { width:1px; align-self:stretch; background:linear-gradient(180deg, transparent, rgba(255,255,255,.18), transparent); }
.game-logo { width:min(220px, 68%); margin-bottom:18px; filter:drop-shadow(0 12px 24px rgba(0,0,0,.35)); }
.mini-wordmark { width:100%; max-width:180px; margin-bottom:10px; display:block; border-radius:10px; }
.server-choice { overflow:hidden; position:relative; }
.server-choice::after { content:""; position:absolute; inset:auto 0 0 0; height:3px; background:linear-gradient(90deg, var(--serverAccent,var(--accent)), transparent); opacity:.8; }
.hero-layout { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:32px; align-items:center; padding:78px 0; }
.hero-content { position:relative; z-index:2; }
.hero-visual { display:flex; justify-content:flex-end; }
.hero-banner-card { position:relative; width:min(620px,100%); min-height:360px; border-radius:26px; overflow:hidden; border:1px solid rgba(255,255,255,.12); box-shadow:0 24px 70px rgba(0,0,0,.42); background:rgba(8,12,18,.55); isolation:isolate; }
.hero-banner-image { width:100%; height:100%; object-fit:cover; display:block; }
.hero-banner-shine { content:""; position:absolute; inset:-40% auto -40% -20%; width:40%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent); transform:rotate(18deg); animation:heroShine 7s linear infinite; }
.hero-particles { position:absolute; inset:0; background:radial-gradient(circle at 18% 18%, rgba(255,255,255,.14) 1px, transparent 1.5px), radial-gradient(circle at 62% 28%, rgba(255,255,255,.18) 1px, transparent 1.5px), radial-gradient(circle at 78% 56%, rgba(255,255,255,.1) 1px, transparent 1.5px), radial-gradient(circle at 34% 70%, rgba(255,255,255,.14) 1px, transparent 1.5px); }
@keyframes heroShine { 0%{transform:translateX(-140%) rotate(18deg)} 100%{transform:translateX(420%) rotate(18deg)} }
.page-hero { position:relative; overflow:hidden; border-bottom:1px solid var(--line); background:linear-gradient(115deg, rgba(255,255,255,.04), rgba(255,255,255,.015)); }
.page-hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 88% 25%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 26%); opacity:.9; }
.page-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:26px; padding:42px 0; }
.page-hero-side { position:relative; min-width:260px; display:flex; flex-direction:column; align-items:flex-end; gap:12px; }
.page-hero-wordmark { width:min(320px, 100%); border-radius:18px; box-shadow:0 16px 36px rgba(0,0,0,.28); }
.page-hero-rings { width:150px; height:150px; border-radius:999px; border:1px solid rgba(255,255,255,.1); box-shadow:0 0 0 16px rgba(255,255,255,.03), 0 0 0 40px rgba(255,255,255,.02); opacity:.55; margin-right:36px; }
body[data-server="wz"] .hero, body[data-server="wz"] .page-hero { background-image: radial-gradient(circle at 80% 30%, rgba(188,121,60,.18), transparent 28%), linear-gradient(120deg,#0b0f16,#17131a 52%,#090d13); }
body[data-server="umbra"] .hero, body[data-server="umbra"] .page-hero { background-image: radial-gradient(circle at 80% 30%, rgba(120,86,216,.20), transparent 28%), linear-gradient(120deg,#0b0f16,#151126 52%,#090d13); }
body[data-server="classic"] .hero, body[data-server="classic"] .page-hero { background-image: radial-gradient(circle at 80% 30%, rgba(58,142,180,.20), transparent 28%), linear-gradient(120deg,#0b0f16,#101b25 52%,#090d13); }
.feature-card, .player-card, .update-card, .product-card, .media-card, .server-choice { transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.feature-card:hover, .player-card:hover, .update-card:hover, .product-card:hover, .media-card:hover { transform:translateY(-3px); box-shadow:0 18px 44px rgba(0,0,0,.28); }
@media (max-width: 1050px) {
  .hero-layout { grid-template-columns:1fr; }
  .hero-visual { justify-content:flex-start; }
  .page-hero-inner { grid-template-columns:1fr; }
  .page-hero-side { align-items:flex-start; }
}
@media (max-width: 760px) {
  .hub-wordmark { width:min(260px, 72vw); }
  .topbar .server-wordmark, .footer .server-wordmark { width:120px; }
  .hero-banner-card { min-height:260px; }
  .game-logo { width:min(200px, 78%); }
}


/* =========================================================
   CONQUER VISUAL LAYER v2 - scenic identity across all routes
   ========================================================= */
html { scroll-behavior:smooth; }
body { background:#070b11; }
body::after { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; opacity:.22; background-image:linear-gradient(120deg, transparent 0 48%, rgba(255,255,255,.018) 49% 50%, transparent 51%), radial-gradient(circle at 80% 15%, var(--glow), transparent 22%); background-size:120px 120px, auto; }
.shell { position:relative; isolation:isolate; }
.shell::before { content:""; position:fixed; inset:72px 0 0; z-index:-2; background-image:linear-gradient(180deg, rgba(7,11,17,.86), rgba(7,11,17,.97)), var(--server-banner); background-size:cover; background-position:center top; background-attachment:fixed; opacity:.38; }
.topbar { box-shadow:0 12px 36px rgba(0,0,0,.25); }
.topbar::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent); opacity:.55; }
.nav-brand { min-width:290px; }
.topbar .hub-wordmark { width:112px; }
.topbar .server-wordmark { width:154px; }
.wordmark { background:transparent !important; }
.conquer-hub-art { width:78%; height:105%; right:-2%; bottom:-8%; background:url('assets/hub-conquer-art-v2.svg') right bottom/contain no-repeat; filter:drop-shadow(0 30px 40px rgba(0,0,0,.55)); animation:hubFloat 7s ease-in-out infinite; }
@keyframes hubFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.conquer-game::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg, rgba(7,11,17,.88), rgba(7,11,17,.32) 62%, transparent), radial-gradient(circle at 72% 28%, rgba(211,145,63,.22), transparent 30%); z-index:1; }
.conquer-game .game-content { z-index:3; }
.game-card.active { box-shadow:0 30px 80px rgba(0,0,0,.35), inset 0 0 80px rgba(255,255,255,.02); }
.game-card.active:hover .conquer-hub-art { transform:scale(1.025) translateY(-8px); }
.game-logo { background:rgba(5,9,14,.45); border:1px solid rgba(255,255,255,.08); border-radius:12px; backdrop-filter:blur(10px); }
.server-picker { box-shadow:0 22px 60px rgba(0,0,0,.44); }
.server-choice .mini-wordmark { background:transparent; border-radius:0; }
.server-choice:hover .mini-wordmark { filter:drop-shadow(0 0 16px var(--serverAccent)); }
.hero { min-height:720px; background-color:#080c13; }
.hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(90deg, #080c13 0%, rgba(8,12,19,.94) 34%, rgba(8,12,19,.40) 67%, rgba(8,12,19,.14)), var(--server-banner); background-size:cover; background-position:center; opacity:.5; transform:scale(1.03); animation:heroBreath 16s ease-in-out infinite alternate; }
@keyframes heroBreath { from{transform:scale(1.03) translate3d(0,0,0)} to{transform:scale(1.07) translate3d(-10px,-4px,0)} }
.hero::after { z-index:1; }
.hero-layout { min-height:720px; }
.hero-content { max-width:700px; text-shadow:0 2px 24px rgba(0,0,0,.5); }
.hero-banner-card { aspect-ratio:16/10; min-height:0; transform:perspective(1100px) rotateY(-4deg) rotateX(1deg); transition:transform .45s ease, box-shadow .45s ease; }
.hero-banner-card:hover { transform:perspective(1100px) rotateY(0deg) rotateX(0deg) translateY(-4px); box-shadow:0 32px 90px rgba(0,0,0,.52), 0 0 50px var(--glow); }
.hero-banner-card::after { content:""; position:absolute; inset:0; border:1px solid color-mix(in srgb, var(--accent-2) 45%, transparent); border-radius:inherit; pointer-events:none; box-shadow:inset 0 0 45px rgba(0,0,0,.35); }
.hero-server-logo { position:absolute; left:24px; bottom:22px; width:min(360px,62%); z-index:4; filter:drop-shadow(0 8px 18px rgba(0,0,0,.8)); }
.hero-particles::before, .hero-particles::after { content:""; position:absolute; width:4px; height:4px; border-radius:50%; background:var(--accent-2); box-shadow:100px 70px 0 rgba(255,255,255,.5), 190px 10px 0 var(--accent), 260px 140px 0 rgba(255,255,255,.35), 390px 45px 0 var(--accent-2), 460px 170px 0 rgba(255,255,255,.25), 520px 90px 0 var(--accent); animation:dustDrift 8s ease-in-out infinite alternate; opacity:.55; }
.hero-particles::after { left:80px; top:120px; transform:scale(.7); animation-duration:11s; animation-direction:alternate-reverse; }
@keyframes dustDrift { from{transform:translate3d(0,14px,0);opacity:.22} to{transform:translate3d(16px,-18px,0);opacity:.72} }
.page-hero { min-height:255px; display:flex; align-items:center; }
.page-hero::after { content:""; position:absolute; inset:0; background-image:linear-gradient(90deg, rgba(7,11,17,.96), rgba(7,11,17,.74) 46%, rgba(7,11,17,.30)), var(--server-banner); background-size:cover; background-position:center 38%; opacity:.46; filter:saturate(.9); }
.page-hero::before { z-index:1; }
.page-hero-inner { z-index:2; }
.page-hero-side { z-index:3; }
.page-hero-wordmark { background:rgba(5,9,14,.48); padding:8px 14px; border:1px solid rgba(255,255,255,.08); backdrop-filter:blur(10px); box-shadow:0 16px 50px rgba(0,0,0,.42); }
.page-hero-rings { display:none; }
.page-content { position:relative; }
.page-content::before { content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent, color-mix(in srgb,var(--accent) 50%,transparent), transparent); }
.card { backdrop-filter:blur(9px); }
.feature-card .icon { position:relative; overflow:hidden; }
.feature-card .icon::after { content:""; position:absolute; inset:-30%; border:1px solid var(--accent); transform:rotate(45deg); opacity:.24; }
.rank-medal { box-shadow:0 0 22px var(--glow); }
.btn.primary { position:relative; overflow:hidden; }
.btn.primary::after { content:""; position:absolute; inset:-100% auto -100% -35%; width:26%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent); transform:rotate(15deg); transition:left .55s ease; }
.btn.primary:hover::after { left:125%; }
.dropdown { display:block !important; visibility:hidden; opacity:0; transform:translateY(10px) scale(.985); pointer-events:none; transition:opacity .16s ease, transform .16s ease, visibility .16s; }
.nav-item:hover .dropdown, .nav-item:focus-within .dropdown { visibility:visible; opacity:1; transform:none; pointer-events:auto; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } }
@media (max-width:1050px) { .nav-brand{min-width:0}.hero{min-height:unset}.hero-layout{min-height:unset}.hero-banner-card{transform:none}.shell::before{background-attachment:scroll}.page-hero-side{display:none} }

/* ======================================================================
   CONQUER HUB VISUAL SYSTEM 3.0
   Built from the Conquer-style visual references supplied in this chat.
   This layer deliberately overrides the generic v1/v2 presentation.
   ====================================================================== */
:root{
  --panel-deep:rgba(5,7,10,.94);
  --panel-mid:rgba(10,12,16,.90);
  --panel-soft:rgba(14,17,22,.82);
  --gold:#d5a154;
  --gold-soft:#f0d39d;
  --ornament:color-mix(in srgb,var(--accent) 70%,#d5a154 30%);
  --ornament-soft:color-mix(in srgb,var(--accent-2) 65%,#f4ddad 35%);
}
body{background:#05070a;color:#e9e7e1;overflow-x:hidden}
body[data-server="hub"]{--accent:#d56b20;--accent-2:#ffc264;--glow:rgba(213,107,32,.34)}
body[data-visual="fire"]{--panel-deep:rgba(8,5,4,.96);--panel-mid:rgba(13,8,6,.91);--panel-soft:rgba(20,11,8,.84)}
body[data-visual="shadow"]{--panel-deep:rgba(6,5,10,.96);--panel-mid:rgba(10,7,17,.92);--panel-soft:rgba(16,10,26,.84)}
body[data-visual="frost"]{--panel-deep:rgba(4,8,13,.96);--panel-mid:rgba(6,12,21,.92);--panel-soft:rgba(8,18,30,.84)}
#app{min-height:100vh}
.ui-icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;color:var(--accent-2)}
.ui-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--glow))}

/* ---- Shared top status / navigation ------------------------------------------------ */
.status-strip{height:30px;background:rgba(2,3,5,.97);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);font-size:.70rem;letter-spacing:.035em;color:#aaa69e;position:relative;z-index:80}
.status-inner{height:30px;display:flex;align-items:center;gap:23px;white-space:nowrap}
.status-inner>span{display:flex;align-items:center;gap:5px}
.status-inner .ui-icon{width:13px;height:13px;flex-basis:13px}
.status-inner strong,.online-text{color:#45d46f;text-shadow:0 0 10px rgba(69,212,111,.35)}
.status-inner i{font-style:normal;color:#d8d4cb}
.status-spacer{flex:1}
.fantasy-nav{top:30px;height:58px;min-height:58px;background:rgba(3,4,6,.95);border-bottom:1px solid color-mix(in srgb,var(--accent) 38%,transparent);backdrop-filter:blur(12px)}
.fantasy-nav .nav{min-height:58px;height:58px;width:min(1320px,calc(100% - 44px))}
.fantasy-nav .nav-brand{min-width:260px;margin-right:10px}
.brand-combo{display:flex;align-items:center;height:48px;gap:10px}
.hub-crest{width:82px;max-height:36px;object-fit:contain;object-position:left center;opacity:.76;filter:drop-shadow(0 0 9px rgba(221,130,46,.25))}
.brand-separator{width:1px;height:26px;background:linear-gradient(transparent,rgba(255,255,255,.25),transparent)}
.server-nav-logo{width:112px;max-height:46px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px var(--glow))}
.fantasy-nav .nav-links{height:100%}
.fantasy-nav .nav-link{height:100%;display:flex;align-items:center;border-radius:0;padding:0 12px;font-size:.75rem;font-weight:700;letter-spacing:.045em;color:#b6b1aa;position:relative}
.fantasy-nav .nav-link:hover,.fantasy-nav .nav-link.active{background:linear-gradient(180deg,transparent,rgba(255,255,255,.025));color:var(--accent-2)}
.fantasy-nav .nav-link.active::after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),var(--accent),transparent);box-shadow:0 0 12px var(--glow)}
.fantasy-nav .nav-link.active::before{content:"◆";position:absolute;bottom:-7px;left:50%;font-size:7px;transform:translateX(-50%) rotate(45deg);color:var(--accent);text-shadow:0 0 10px var(--accent)}
.fantasy-nav .nav-actions{margin-left:auto;gap:7px}
.fantasy-button{border:1px solid color-mix(in srgb,var(--accent-2) 48%,#7a5d36 52%);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 46%,#23150d 54%),color-mix(in srgb,var(--accent) 24%,#080706 76%));color:#f5e7cf;padding:12px 24px;font-family:inherit;font-weight:800;letter-spacing:.045em;text-transform:uppercase;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 18px color-mix(in srgb,var(--glow) 75%,transparent);position:relative;overflow:hidden;text-shadow:0 1px 4px #000;transition:.2s ease}
.fantasy-button::before{content:"";position:absolute;inset:3px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);pointer-events:none}
.fantasy-button::after{content:"";position:absolute;top:-30%;left:-35%;width:28%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);transform:rotate(15deg);transition:left .5s ease}
.fantasy-button:hover{transform:translateY(-1px);border-color:var(--accent-2);box-shadow:0 0 26px var(--glow),inset 0 0 16px color-mix(in srgb,var(--accent) 12%,transparent)}
.fantasy-button:hover::after{left:125%}
.fantasy-button.small{padding:8px 16px;font-size:.70rem;min-height:34px}.fantasy-button.large{font-size:1.05rem;padding:15px 38px;min-width:300px}.fantasy-button.account{min-width:132px}
.fantasy-nav .dropdown{top:56px;background:rgba(5,6,9,.98);border-radius:2px;border:1px solid color-mix(in srgb,var(--accent) 32%,#332819);padding:6px;box-shadow:0 18px 48px rgba(0,0,0,.65),0 0 25px var(--glow)}
.fantasy-nav .dropdown a{border-radius:1px;font-size:.77rem;color:#aaa49b;border-bottom:1px solid rgba(255,255,255,.035)}
.fantasy-nav .dropdown a:hover{color:var(--accent-2);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent)}

/* ---- Hub --------------------------------------------------------------------------- */
.hub-v3{min-height:100vh;background:#020305;position:relative;color:#ede6da;overflow:hidden}
.hub-v3 .status-strip{position:relative;z-index:100}
.hub-global-nav{height:64px;background:rgba(3,4,5,.96);border-bottom:1px solid rgba(214,124,35,.35);position:relative;z-index:50}
.hub-global-inner{height:64px;display:flex;align-items:center;justify-content:center;position:relative}
.hub-brand-logo{height:54px;width:auto;max-width:390px;filter:drop-shadow(0 0 15px rgba(219,113,28,.28))}
.hub-global-links{position:absolute;right:0;display:flex;align-items:center;gap:22px;font-size:.72rem;color:#aaa39a}
.hub-global-links a:hover{color:#ffc264}
.hub-global-links .fantasy-button{margin-left:5px}
.hub-world-grid{display:grid;grid-template-columns:minmax(210px,24vw) minmax(760px,1fr) minmax(210px,24vw);min-height:calc(100vh - 94px);max-height:calc(100vh - 94px);position:relative}
.hub-future-panel{position:relative;background-size:cover;background-position:center;overflow:hidden;border-right:1px solid rgba(213,128,38,.24);filter:saturate(.8)}
.hub-future-panel.future-left{background-image:linear-gradient(180deg,rgba(2,5,7,.2),rgba(1,2,4,.48)),url('assets/conquer/hub-side-left.jpg')}
.hub-future-panel.future-right{background-image:linear-gradient(180deg,rgba(2,5,7,.22),rgba(1,2,4,.50)),url('assets/conquer/hub-side-right.jpg');border-right:0;border-left:1px solid rgba(213,128,38,.24)}
.hub-future-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.42));box-shadow:inset 0 0 80px rgba(0,0,0,.65)}
.future-right::after{background:linear-gradient(270deg,rgba(0,0,0,.05),rgba(0,0,0,.42))}
.future-overlay{position:absolute;z-index:2;left:0;right:0;bottom:11%;display:flex;flex-direction:column;align-items:center;text-align:center;text-shadow:0 2px 12px #000}
.future-overlay strong{font-family:Georgia,serif;font-size:3.4rem;color:#ddd0b0;letter-spacing:.18em}.future-overlay span{font-family:Georgia,serif;color:#d6c29a;letter-spacing:.25em;font-size:.9rem;margin-top:5px}.future-overlay small{font-size:.58rem;color:#928b7d;margin-top:18px;letter-spacing:.13em}
.hub-core{position:relative;background:#050608;overflow-y:auto;overflow-x:hidden}
.hub-core::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 22%,rgba(225,113,25,.16),transparent 36%),linear-gradient(90deg,rgba(0,0,0,.50),transparent 10% 90%,rgba(0,0,0,.50));z-index:4}
.hub-conquer-hero{height:46vh;min-height:350px;max-height:470px;background-image:url('assets/conquer/hub-hero.jpg');background-size:cover;background-position:center 20%;position:relative;display:flex;justify-content:center;align-items:flex-end}
.hub-conquer-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(2,3,5,.15) 48%,#050608 100%)}
.hub-conquer-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 60%,transparent 0 25%,rgba(0,0,0,.3) 76%,rgba(0,0,0,.72) 100%)}
.hub-hero-vignette{position:absolute;inset:0;box-shadow:inset 0 0 85px rgba(0,0,0,.8);z-index:2}
.hub-hero-copy{position:relative;z-index:5;text-align:center;padding-bottom:13px;text-shadow:0 3px 18px #000}
.hub-conquer-title{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(3.1rem,5vw,5.3rem);letter-spacing:.04em;color:#ffb13b;background:linear-gradient(180deg,#ffe3a5,#ff9b24 55%,#c64010);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px #4d1402) drop-shadow(0 0 18px rgba(255,107,15,.45))}
.hub-conquer-title span{display:block;font-size:.31em;letter-spacing:.42em;color:#e9c27e;-webkit-text-fill-color:#e9c27e;margin-top:-3px}
.hub-hero-copy p{font-family:Georgia,serif;color:#d8c7ab;margin:5px 0 13px;font-size:.88rem;letter-spacing:.03em}
.hub-server-section{position:relative;z-index:8;padding:7px 3.4% 12px;margin-top:-2px}
.ornament-title{height:32px;display:flex;align-items:center;gap:10px;justify-content:center;color:#d6b274;font-size:.72rem;letter-spacing:.08em}.ornament-title span{height:1px;flex:1;max-width:170px;background:linear-gradient(90deg,transparent,#967039)}.ornament-title span:last-child{background:linear-gradient(90deg,#967039,transparent)}.ornament-title b{color:#f0a33b}.ornament-title strong{font-weight:700}
.hub-server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:900px;margin:0 auto}
.hub-server-card{height:260px;position:relative;overflow:hidden;background:#0a0b0d;border:1px solid color-mix(in srgb,var(--serverAccent) 48%,#685536 52%);box-shadow:0 16px 38px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.025);isolation:isolate;transition:.24s ease;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
.hub-server-card::before,.hub-server-card::after{content:"";position:absolute;z-index:6;width:32px;height:32px;border-color:var(--serverAccent);opacity:.7}.hub-server-card::before{left:6px;top:6px;border-left:1px solid;border-top:1px solid}.hub-server-card::after{right:6px;bottom:6px;border-right:1px solid;border-bottom:1px solid}
.hub-server-card:hover{transform:translateY(-5px);border-color:var(--serverAccent);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 28px color-mix(in srgb,var(--serverAccent) 32%,transparent)}
.hub-card-art{position:absolute;inset:0;background-image:var(--cardArt);background-size:cover;background-position:center;filter:saturate(1.06) contrast(1.07);transition:transform .6s ease}
.hub-server-card:hover .hub-card-art{transform:scale(1.055)}
.hub-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,6,.05),rgba(4,5,6,.58) 55%,rgba(3,4,5,.97) 100%),linear-gradient(90deg,rgba(0,0,0,.18),transparent);z-index:2}
.hub-card-content{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:15px 18px}
.hub-card-logo{position:absolute;left:15px;top:14px;max-width:126px;max-height:54px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--serverAccent) 60%,transparent))}
.server-classic .hub-card-logo{max-width:145px}
.hub-card-content p{font-size:.70rem;color:#d7d1c6;line-height:1.45;max-width:94%;margin:0 0 9px;text-shadow:0 1px 5px #000}.hub-card-meta{display:flex;align-items:center;gap:7px;font-size:.59rem;color:#9a968e;margin-bottom:9px}.hub-card-meta b{color:#71d948;font-weight:800}.status-orb{width:8px;height:8px;border-radius:50%;background:#71e244;box-shadow:0 0 9px #5be62e}.hub-card-meta span:last-child{margin-left:auto}.hub-server-card .fantasy-button{width:100%;padding:9px 14px;font-size:.78rem}
.hub-benefits{max-width:950px;margin:2px auto 0;padding:8px 5% 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px;position:relative;z-index:8}.hub-benefits>div{display:grid;grid-template-columns:30px 1fr;column-gap:9px;align-items:center;font-size:.62rem}.hub-benefits .ui-icon{width:28px;height:28px;grid-row:1/3}.hub-benefits b{font-family:Georgia,serif;color:#d9a248;font-size:.70rem}.hub-benefits span{color:#8e887f;line-height:1.3}

/* ---- Server home ------------------------------------------------------------------- */
.server-shell{background:#050608;min-height:100vh;position:relative;isolation:isolate}.server-shell::before{content:"";position:fixed;inset:88px 0 0;z-index:-3;background-image:linear-gradient(180deg,rgba(3,4,6,.55),#050608 38%,#050608 100%),var(--server-banner);background-size:cover;background-position:center top;filter:saturate(.78);opacity:.36}
.conquer-home-hero{height:355px;position:relative;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--accent) 34%,transparent);background:#050608}
.conquer-hero-art{position:absolute;inset:0;background-image:var(--server-banner);background-size:cover;background-position:center;transform:scale(1.03);animation:conquerHeroDrift 18s ease-in-out infinite alternate;filter:saturate(1.08) contrast(1.03)}
@keyframes conquerHeroDrift{from{transform:scale(1.03) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-8px,-3px,0)}}
.conquer-hero-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.08) 48%,#050608 100%),radial-gradient(circle at center,transparent 34%,rgba(0,0,0,.55) 100%);box-shadow:inset 0 0 80px rgba(0,0,0,.55)}
.conquer-embers{position:absolute;inset:0;opacity:.36;background-image:radial-gradient(circle at 10% 80%,var(--accent-2) 0 1px,transparent 1.6px),radial-gradient(circle at 25% 30%,var(--accent) 0 1px,transparent 1.7px),radial-gradient(circle at 63% 20%,var(--accent-2) 0 1px,transparent 1.5px),radial-gradient(circle at 77% 72%,var(--accent) 0 1px,transparent 1.6px),radial-gradient(circle at 90% 36%,var(--accent-2) 0 1px,transparent 1.5px);background-size:230px 170px,310px 210px,260px 190px,370px 260px,290px 220px;animation:embersRise 12s linear infinite}
@keyframes embersRise{0%{background-position:0 30px,0 80px,0 20px,0 100px,0 50px}100%{background-position:20px -160px,-30px -130px,15px -190px,-20px -120px,22px -150px}}
.conquer-hero-inner{height:100%;position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding-bottom:56px}
.hero-identity{text-align:center;text-shadow:0 3px 20px #000;max-width:720px}.hero-identity>span{display:none}.hero-identity h1{font-family:Georgia,'Times New Roman',serif;margin:0;font-size:clamp(2.6rem,5vw,5.5rem);letter-spacing:.04em;background:linear-gradient(180deg,#fff3ca 0%,var(--accent-2) 38%,var(--accent) 70%,#7b2d10 100%);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.7)) drop-shadow(0 0 15px var(--glow));opacity:.0}.server-classic .hero-identity h1{opacity:.82}.hero-identity p{font-family:Georgia,serif;font-size:1.15rem;letter-spacing:.11em;color:#f0dfc5;margin:0;text-shadow:0 2px 8px #000}.hero-identity small{font-family:Georgia,serif;color:#d4bd98;letter-spacing:.08em}
/* WZ/Umbra logos already exist in the supplied banner art, so the duplicate live title is suppressed. */
.server-wz .hero-identity h1,.server-umbra .hero-identity h1{visibility:hidden;height:0}
.server-dashboard-wrap{position:relative;margin-top:-58px;z-index:12;padding-bottom:30px}.server-dashboard{width:min(1120px,calc(100% - 36px))}
.dashboard-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:9px}
.ornate-card{position:relative;background:linear-gradient(180deg,var(--panel-mid),var(--panel-deep));border:1px solid color-mix(in srgb,var(--ornament) 48%,#3b3022 52%);box-shadow:0 12px 32px rgba(0,0,0,.52),inset 0 0 30px rgba(255,255,255,.012);border-radius:4px;overflow:hidden}
.ornate-card::before{content:"";position:absolute;inset:3px;pointer-events:none;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);clip-path:polygon(0 0,30px 0,30px 1px,1px 1px,1px 30px,0 30px,0 0,100% 0,100% 30px,calc(100% - 1px) 30px,calc(100% - 1px) 1px,calc(100% - 30px) 1px,calc(100% - 30px) 0,100% 0,100% 100%,calc(100% - 30px) 100%,calc(100% - 30px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 30px),100% calc(100% - 30px),100% 100%,0 100%,0 calc(100% - 30px),1px calc(100% - 30px),1px calc(100% - 1px),30px calc(100% - 1px),30px 100%,0 100%)}
.quick-card{height:82px;display:flex;align-items:center;justify-content:center;gap:14px;padding:11px 17px;text-align:left}.quick-card .ui-icon{width:42px;height:42px;flex-basis:42px;color:var(--accent-2)}.quick-card>div{display:flex;flex-direction:column}.quick-card span{font-size:.67rem;color:var(--accent-2);font-weight:800}.quick-card small{font-size:.55rem;color:#7f7b75;margin-top:2px}.quick-card strong{font-size:1.13rem;color:#eee9df;margin-top:1px}.quick-card em{font-style:normal;font-size:.61rem;color:#a49d92}.download-card{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 20%,var(--panel-mid)),var(--panel-deep));transition:.2s ease}.download-card:hover{transform:translateY(-2px);border-color:var(--accent-2);box-shadow:0 0 26px var(--glow),0 16px 35px rgba(0,0,0,.5)}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(275px,.95fr);gap:9px}.dashboard-main{padding:18px 19px}.welcome-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:17px}.panel-heading{font-family:Georgia,serif;font-weight:800;color:var(--accent-2);font-size:1.15rem;letter-spacing:.02em;border-bottom:1px solid color-mix(in srgb,var(--accent) 32%,transparent);padding-bottom:8px;margin-bottom:10px}.dashboard-main p{color:#aaa39a;font-size:.73rem;line-height:1.55}.feature-heading,.event-heading{display:flex;align-items:center;gap:7px;color:var(--accent-2);font-weight:800;font-size:.73rem;margin:12px 0 8px}.feature-heading .ui-icon,.event-heading .ui-icon{width:18px;height:18px}.feature-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}.feature-check-grid span{background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.04);border-radius:3px;padding:6px 8px;font-size:.62rem;color:#aaa49b}.feature-check-grid span::first-letter{color:var(--accent)}
.gameplay-preview{min-height:190px;background-size:cover;background-position:center;border:1px solid color-mix(in srgb,var(--accent) 30%,#3a3022);position:relative;display:grid;place-items:center;box-shadow:inset 0 0 45px rgba(0,0,0,.38)}.gameplay-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72))}.gameplay-preview span{position:absolute;left:11px;bottom:8px;z-index:3;font-size:.62rem;color:#e8ded0}.play-button{position:relative;z-index:4;width:54px;height:40px;border-radius:9px;border:0;background:#e52331;color:white;font-size:1.3rem;box-shadow:0 0 25px rgba(229,35,49,.45);transition:.2s}.play-button:hover{transform:scale(1.08)}
.event-pills{display:flex;flex-wrap:wrap;gap:6px}.event-pills span{border:1px solid color-mix(in srgb,var(--accent) 48%,#3c3123);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),rgba(0,0,0,.18));padding:6px 10px;border-radius:12px;font-size:.59rem;color:#c6bcae}.server-warning{margin-top:11px;border:1px solid color-mix(in srgb,var(--accent) 45%,#4b3220);background:color-mix(in srgb,var(--accent) 7%,rgba(0,0,0,.25));padding:10px 12px;font-size:.62rem;color:#b6ada1}.server-warning b{color:var(--accent-2)}
.dashboard-side{display:grid;gap:8px}.side-card{padding:11px 12px}.side-title{display:flex;align-items:center;gap:6px;color:var(--accent-2);font-size:.67rem;font-weight:800;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:7px;margin-bottom:4px}.side-title .ui-icon{width:17px;height:17px}.side-title a{margin-left:auto;font-size:.53rem;color:var(--accent)}.side-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.035);font-size:.57rem}.side-row b{color:#c5bdb1}.side-row span{color:#7f7a73}.side-row em{font-style:normal;color:#d79c33}.side-row:nth-child(4) em{color:#55c873}.status-table{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:.60rem;color:#817c74}.status-table b{text-align:right;color:#d7b76f}.news-mini{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.045)}.news-mini small{display:block;color:#6f6b66;font-size:.53rem}.news-mini b{display:block;color:#c9c1b6;font-size:.61rem;margin-top:2px}.news-mini p{font-size:.55rem;margin:3px 0 0;line-height:1.35}.side-action{display:block;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 36%,#33271c);padding:6px;margin-top:8px;color:var(--accent-2);font-size:.56rem}.side-card>a:not(.side-action){display:block;background:rgba(0,0,0,.22);border-bottom:1px solid rgba(255,255,255,.035);padding:6px 8px;color:#aaa39a;font-size:.59rem}.side-card>a:hover{color:var(--accent-2)}.community-card p{font-size:.61rem;color:#aaa39a;line-height:1.4}.community-card .fantasy-button{width:100%;padding:9px 6px;font-size:.58rem}

/* ---- All secondary routes ----------------------------------------------------------- */
.fantasy-page-hero{height:245px;min-height:245px;position:relative;overflow:hidden;background:#050608;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.page-hero-bg{position:absolute;inset:0;background-image:var(--server-banner);background-size:cover;background-position:center;filter:saturate(.92) contrast(1.04);opacity:.72;transform:scale(1.035)}
.fantasy-page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,6,.96),rgba(3,4,6,.77) 46%,rgba(3,4,6,.25) 75%,rgba(3,4,6,.45)),linear-gradient(180deg,transparent 45%,#050608 100%);z-index:1}
.page-hero-flares{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 78% 44%,var(--glow),transparent 25%);mix-blend-mode:screen;opacity:.55}.fantasy-page-hero .page-hero-inner{z-index:3;position:relative;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0}.fantasy-page-hero .eyebrow{color:var(--accent-2)}.fantasy-page-hero .h2{font-family:Georgia,serif;font-size:2.65rem;color:#f0e6d7;text-shadow:0 3px 17px #000}.fantasy-page-hero .lead{font-size:.86rem!important;color:#b1aaa0;max-width:600px}.fantasy-page-hero .page-hero-wordmark{width:150px;max-height:80px;object-fit:contain;background:rgba(0,0,0,.30);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);padding:8px 12px;border-radius:2px;filter:drop-shadow(0 0 16px var(--glow))}
.page-content{background:linear-gradient(180deg,rgba(5,6,8,.94),#050608 180px);padding:30px 0 58px;min-height:520px}.page-content .container{width:min(1120px,calc(100% - 36px))}.page-content .card,.page-content .table-wrap,.page-content .form-card{background:linear-gradient(180deg,var(--panel-mid),var(--panel-deep));border-color:color-mix(in srgb,var(--accent) 28%,#332a20);border-radius:3px;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.page-content .table-wrap{overflow:hidden}.page-content table th{background:color-mix(in srgb,var(--accent) 10%,rgba(5,7,10,.95));color:var(--accent-2);font-family:Georgia,serif;font-size:.69rem;letter-spacing:.04em;border-bottom-color:color-mix(in srgb,var(--accent) 30%,transparent)}.page-content table td{border-bottom-color:rgba(255,255,255,.045);color:#aaa49a}.page-content table tr:hover td{background:color-mix(in srgb,var(--accent) 5%,transparent);color:#ddd6cc}.page-content .tab{border-radius:2px;border-color:color-mix(in srgb,var(--accent) 24%,#2e2922);background:rgba(7,8,10,.7);color:#938e86}.page-content .tab.active,.page-content .tab:hover{color:var(--accent-2);border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent),0 0 12px color-mix(in srgb,var(--glow) 55%,transparent)}.page-content .input,.page-content select{background:rgba(2,3,5,.72);border-color:color-mix(in srgb,var(--accent) 22%,#29241e);border-radius:2px}.page-content .input:focus,.page-content select:focus{outline:1px solid var(--accent);box-shadow:0 0 14px var(--glow)}
.page-content .h2,.page-content h2,.page-content h3{font-family:Georgia,serif}.page-content .eyebrow{color:var(--accent-2)}.page-content .rank-medal{background:linear-gradient(145deg,var(--accent),#28170c);border-color:var(--accent-2)}

/* ---- Footer ------------------------------------------------------------------------- */
.fantasy-footer{background:#06080a;border-top:1px solid color-mix(in srgb,var(--accent) 32%,#1d1b17);padding:30px 0 18px;position:relative}.fantasy-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),var(--accent),transparent);opacity:.45}.fantasy-footer .footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer-server-logo{max-width:150px;max-height:66px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 11px var(--glow))}.fantasy-footer p{font-size:.65rem;color:#78746e;line-height:1.55;max-width:280px}.fantasy-footer strong{font-family:Georgia,serif;color:#b9ab92;font-size:.68rem}.fantasy-footer a{font-size:.62rem;color:#75716b;margin-top:7px}.fantasy-footer a:hover{color:var(--accent-2)}.fantasy-footer .fine{border-top:1px solid rgba(255,255,255,.04);margin-top:21px;padding-top:12px;font-size:.55rem;color:#5e5b56}

/* ---- Motion ------------------------------------------------------------------------- */
#app{opacity:1;transform:none}.view-ready .hub-server-card,.view-ready .dashboard-quick-grid>*{animation:riseIn .38s both}.view-ready .dashboard-quick-grid>*:nth-child(2),.view-ready .hub-server-card:nth-child(2){animation-delay:.07s}.view-ready .dashboard-quick-grid>*:nth-child(3),.view-ready .hub-server-card:nth-child(3){animation-delay:.14s}.view-ready .dashboard-main{animation:riseIn .43s .05s both}.view-ready .dashboard-side{animation:riseIn .45s .12s both}@keyframes riseIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}

/* ---- Responsive --------------------------------------------------------------------- */
@media(max-width:1180px){.hub-world-grid{grid-template-columns:160px 1fr 160px}.hub-server-card{height:245px}.hub-global-links a{display:none}.fantasy-nav .nav-links{display:none}.fantasy-nav .nav-brand{min-width:0}.mobile-menu{display:inline-flex!important}.dashboard-columns{grid-template-columns:1fr}.dashboard-side{grid-template-columns:repeat(2,1fr)}.welcome-grid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.status-inner>span:nth-of-type(2),.status-inner>span:nth-of-type(4){display:none}.hub-world-grid{display:block;max-height:none;min-height:calc(100vh - 94px)}.hub-future-panel{display:none}.hub-core{min-height:calc(100vh - 94px)}.hub-conquer-hero{height:370px}.hub-server-grid{grid-template-columns:1fr;max-width:520px}.hub-server-card{height:260px}.hub-benefits{grid-template-columns:1fr}.dashboard-quick-grid{grid-template-columns:1fr}.server-dashboard-wrap{margin-top:-38px}.welcome-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr}.conquer-home-hero{height:315px}.fantasy-page-hero .page-hero-wordmark{display:none}.fantasy-page-hero .h2{font-size:2.1rem}.fantasy-footer .footer-grid{grid-template-columns:1fr 1fr}.hub-crest{display:none}.brand-separator{display:none}.server-nav-logo{width:126px}}
@media(max-width:560px){.container,.server-dashboard,.page-content .container{width:calc(100% - 22px)}.status-inner{gap:10px}.status-spacer{display:block!important}.hub-global-nav{height:58px}.hub-global-inner{height:58px}.hub-brand-logo{height:46px;max-width:260px}.hub-global-links{display:none}.hub-conquer-hero{height:310px;min-height:310px;background-position:center}.hub-conquer-title{font-size:2.7rem}.hub-hero-copy p{font-size:.7rem;padding:0 14px}.fantasy-button.large{min-width:245px}.hub-server-section{padding:6px 12px 15px}.conquer-home-hero{height:260px}.conquer-hero-inner{padding-bottom:35px}.hero-identity p{font-size:.76rem}.quick-card{height:76px}.feature-check-grid{grid-template-columns:1fr}.dashboard-main{padding:14px}.fantasy-footer .footer-grid{grid-template-columns:1fr}.fantasy-page-hero{height:200px;min-height:200px}.fantasy-page-hero .h2{font-size:1.65rem}.fantasy-page-hero .lead{font-size:.72rem!important}}


/* ======================================================================
   CONQUER ART FINAL 4.0
   Final immersive pass. Uses the Conquer-style reference artwork supplied
   in the conversation across every route, with server-specific atmospheres.
   ====================================================================== */
.shell{position:relative;isolation:isolate;background:#040506;overflow:hidden}
.shell::before{content:"";position:fixed;z-index:-3;inset:88px 0 0;background-image:linear-gradient(180deg,rgba(2,3,5,.74),rgba(2,3,5,.94) 58%,#040506 100%),var(--server-reference-art);background-size:cover;background-position:center top;filter:saturate(.95) contrast(1.05);opacity:.34;transform:scale(1.035);animation:scenicPan 24s ease-in-out infinite alternate;pointer-events:none}
.shell::after{content:"";position:fixed;z-index:-2;inset:88px 0 0;pointer-events:none;background-image:radial-gradient(circle at 15% 86%,color-mix(in srgb,var(--accent) 25%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 74% 62%,color-mix(in srgb,var(--accent-2) 21%,transparent) 0 1.2px,transparent 2.2px),radial-gradient(circle at 48% 28%,rgba(255,255,255,.12) 0 .8px,transparent 1.7px);background-size:95px 130px,140px 190px,125px 165px;animation:particlesRise 18s linear infinite;opacity:.55}
@keyframes scenicPan{0%{transform:scale(1.035) translate3d(0,0,0)}100%{transform:scale(1.075) translate3d(0,-12px,0)}}
@keyframes particlesRise{from{background-position:0 100%,0 90%,0 70%}to{background-position:20px -20%,40px -25%,15px -40%}}
body[data-visual="fire"] .shell::after{background-image:radial-gradient(circle,rgba(255,146,38,.85) 0 1.2px,transparent 2px),radial-gradient(circle,rgba(210,55,17,.60) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,210,117,.45) 0 .8px,transparent 1.8px);background-size:75px 120px,120px 170px,155px 210px;animation-duration:13s}
body[data-visual="shadow"] .shell::after{background-image:radial-gradient(ellipse at center,rgba(171,84,255,.30),transparent 58%),radial-gradient(circle,rgba(171,84,255,.8) 0 1px,transparent 2px),radial-gradient(circle,rgba(99,47,174,.65) 0 1px,transparent 2px);background-size:580px 300px,120px 190px,170px 240px;animation:shadowMist 16s ease-in-out infinite alternate;filter:blur(.2px)}
@keyframes shadowMist{from{background-position:15% 40%,0 100%,30px 80%}to{background-position:85% 55%,25px -15%,70px -10%}}
body[data-visual="frost"] .shell::after{background-image:radial-gradient(circle,rgba(159,216,255,.85) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(81,140,255,.65) 0 1.2px,transparent 2.2px),radial-gradient(circle,rgba(255,255,255,.75) 0 .8px,transparent 1.6px);background-size:90px 130px,140px 210px,175px 260px;animation-duration:22s}

.hub-v3{background-image:linear-gradient(180deg,rgba(1,2,4,.06),rgba(1,2,4,.80)),url('assets/reference/hub-screen.png');background-size:cover;background-position:center top;background-attachment:fixed}
.hub-v3::before{content:"";position:absolute;inset:94px 0 0;pointer-events:none;background:radial-gradient(circle at 50% 36%,rgba(255,114,20,.16),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.62),transparent 25% 75%,rgba(0,0,0,.62));z-index:1}
.hub-world-grid{z-index:2}
.hub-conquer-hero{animation:hubHeroBreath 13s ease-in-out infinite alternate;background-position:center 16%}
@keyframes hubHeroBreath{from{background-size:100% auto}to{background-size:106% auto}}
.hub-art-kicker{font-family:Georgia,'Times New Roman',serif;color:#f5c77e;font-weight:700;font-size:clamp(1.1rem,1.7vw,1.5rem);letter-spacing:.18em;text-shadow:0 0 18px rgba(240,110,20,.5),0 2px 8px #000}
.hub-server-card{transform:translateZ(0);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,filter .28s ease}
.hub-server-card:hover{transform:translateY(-8px) scale(1.018);filter:saturate(1.09);border-color:var(--serverAccent);box-shadow:0 24px 46px rgba(0,0,0,.58),0 0 30px color-mix(in srgb,var(--serverAccent) 55%,transparent)}
.hub-card-art{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .3s ease}.hub-server-card:hover .hub-card-art{transform:scale(1.08) translateX(-1.5%);filter:contrast(1.05) brightness(1.05)}
.hub-card-logo{max-width:92%;max-height:85px;object-fit:contain;filter:drop-shadow(0 4px 13px rgba(0,0,0,.82)) drop-shadow(0 0 10px color-mix(in srgb,var(--serverAccent) 42%,transparent))}

.conquer-home-hero{position:relative;animation:serverHeroBreath 15s ease-in-out infinite alternate;overflow:hidden}
.conquer-home-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.02) 50%,rgba(4,5,7,.82) 100%),radial-gradient(circle at 50% 45%,transparent 20%,rgba(0,0,0,.28) 100%);pointer-events:none}
.conquer-home-hero::after{content:"";position:absolute;top:-40%;left:-25%;height:170%;width:20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);transform:rotate(18deg);animation:heroSweep 9s ease-in-out infinite;z-index:2;pointer-events:none}
@keyframes serverHeroBreath{from{background-size:100% auto;background-position:center 18%}to{background-size:104% auto;background-position:center 20%}}
@keyframes heroSweep{0%,52%{left:-28%;opacity:0}58%{opacity:1}77%{left:128%;opacity:.85}82%,100%{opacity:0;left:128%}}
.server-dashboard-wrap{position:relative;z-index:5}
.ornate-card{backdrop-filter:blur(5px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 13px 28px rgba(0,0,0,.38)}
.ornate-card:hover{border-color:color-mix(in srgb,var(--accent) 48%,#5a4126);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 15px 33px rgba(0,0,0,.42),0 0 15px color-mix(in srgb,var(--glow) 35%,transparent)}

.fantasy-page-hero{height:265px;min-height:265px}.page-hero-bg{opacity:.90;animation:secondaryHeroBreath 16s ease-in-out infinite alternate}
@keyframes secondaryHeroBreath{from{transform:scale(1.035) translateX(0)}to{transform:scale(1.075) translateX(-8px)}}
.page-content{position:relative;background:linear-gradient(180deg,rgba(4,5,7,.83),rgba(4,5,7,.97) 210px,#040506);isolation:isolate}
.page-content::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(180deg,rgba(3,4,6,.50),#040506 70%),var(--server-card-art);background-size:cover;background-position:center top;opacity:.16;filter:saturate(.9)}
.page-content .card,.page-content .table-wrap,.page-content .form-card{backdrop-filter:blur(8px)}
.page-content .card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.page-content .card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,#423628);box-shadow:0 16px 34px rgba(0,0,0,.45),0 0 18px color-mix(in srgb,var(--glow) 28%,transparent)}

.avatar{background-image:linear-gradient(145deg,rgba(0,0,0,.12),rgba(0,0,0,.58)),var(--server-card-art);background-size:cover;background-position:25% 30%}.avatar::before,.avatar::after{display:none}
.product-art{background-image:linear-gradient(180deg,rgba(5,7,10,.20),rgba(5,7,10,.86)),var(--server-card-art);background-size:cover;background-position:center 28%;text-shadow:0 0 16px #000;overflow:hidden;position:relative}.product-art::after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);box-shadow:inset 0 0 28px rgba(0,0,0,.72)}
.media-thumb{background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.60)),var(--server-gameplay-art);background-size:cover;background-position:center}
.market-map{background-image:linear-gradient(30deg,rgba(9,12,16,.68),rgba(18,24,31,.76)),var(--server-gameplay-art);background-size:cover;background-position:center}.market-map::before{opacity:.35}
.equip{position:relative;overflow:hidden}.equip::after{content:"";position:absolute;inset:auto -25% -55% 22%;height:125px;background:radial-gradient(circle,var(--glow),transparent 70%);pointer-events:none}

@media(max-width:860px){.shell::before,.shell::after{inset:88px 0 0}.hub-conquer-hero{animation:none;background-size:cover}.conquer-home-hero{animation:none;background-size:cover}.fantasy-page-hero{height:215px;min-height:215px}}
@media(prefers-reduced-motion:reduce){.shell::before,.shell::after,.hub-conquer-hero,.conquer-home-hero,.conquer-home-hero::after,.page-hero-bg{animation:none!important}.hub-server-card,.hub-card-art,.page-content .card{transition:none!important}}

/* ======================================================================
   CONQUER HUB WIDE 5.0
   Wide editorial layout: full-width server pages, full-screen world selector,
   fewer framing boxes and cleaner information hierarchy.
   ====================================================================== */
:root{--max:1580px}
.container{width:min(var(--max),calc(100% - 72px))}
.fantasy-nav .nav{width:min(1580px,calc(100% - 72px))}
.status-inner{width:min(1580px,calc(100% - 72px))}

/* Full-screen server selector */
.hub-v5{min-height:100vh;background:#020305;color:#eee7dc;overflow:hidden;position:relative}
.hub-v5 .status-strip{position:relative;z-index:80}
.hub-v5 .hub-global-nav{position:relative;z-index:70}
.hub-select-stage{height:calc(100vh - 94px);min-height:650px;position:relative;overflow:hidden;background:#030405}
.hub-select-label{position:absolute;z-index:25;top:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:8px 16px;background:rgba(1,2,4,.42);backdrop-filter:blur(10px);text-shadow:0 2px 10px #000;white-space:nowrap}
.hub-select-label span{font-size:.58rem;letter-spacing:.20em;color:#9f9382}.hub-select-label strong{font-family:Georgia,serif;font-size:.78rem;letter-spacing:.10em;color:#e9c588}
.hub-world-panels{height:100%;display:flex;position:relative}
.hub-world-panel{position:relative;flex:1;min-width:0;overflow:hidden;isolation:isolate;cursor:default;transition:flex .55s cubic-bezier(.2,.75,.2,1),filter .35s ease;filter:saturate(.86) brightness(.88)}
.hub-world-panel+.hub-world-panel::before{content:"";position:absolute;z-index:12;left:0;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(222,177,103,.40),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--serverAccent) 28%,transparent)}
.hub-world-panel:hover{flex:1.12;filter:saturate(1.06) brightness(1.03)}
.hub-world-art{position:absolute;inset:-2%;z-index:0;background-image:var(--worldArt);background-size:cover;background-position:center 18%;transform:scale(1.04);transition:transform .9s cubic-bezier(.2,.75,.2,1),background-position .9s ease}
.hub-world-panel:hover .hub-world-art{transform:scale(1.095);background-position:center 22%}
.hub-world-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(1,2,4,.24),rgba(1,2,4,.14) 30%,rgba(1,2,4,.66) 70%,rgba(1,2,4,.96) 100%),radial-gradient(circle at 50% 40%,transparent 0 20%,rgba(0,0,0,.35) 88%)}
.hub-world-light{position:absolute;z-index:3;inset:0;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--serverAccent) 16%,transparent),transparent 34%);mix-blend-mode:screen;opacity:.45;transition:opacity .35s ease}.hub-world-panel:hover .hub-world-light{opacity:.95}
.hub-world-content{position:absolute;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:0 clamp(28px,3.5vw,70px) clamp(46px,7vh,92px);text-shadow:0 2px 13px #000}
.hub-world-logo{position:absolute;top:17%;left:50%;transform:translateX(-50%);width:min(68%,350px);max-height:155px;object-fit:contain;filter:drop-shadow(0 5px 18px rgba(0,0,0,.92)) drop-shadow(0 0 22px color-mix(in srgb,var(--serverAccent) 38%,transparent));transition:transform .45s ease,filter .45s ease}.hub-world-panel:hover .hub-world-logo{transform:translateX(-50%) scale(1.045);filter:drop-shadow(0 7px 22px #000) drop-shadow(0 0 30px color-mix(in srgb,var(--serverAccent) 60%,transparent))}
.hub-world-copy{max-width:470px;margin-bottom:18px}.hub-world-copy p{margin:0 0 13px;color:#d4cdc3;font-size:clamp(.82rem,.85vw,1rem);line-height:1.6}.hub-world-meta{display:flex;justify-content:center;align-items:center;gap:9px;font-size:.72rem;color:#a8a098}.hub-world-meta b{color:#7ddd68;letter-spacing:.06em}.hub-world-meta .status-orb{width:7px;height:7px;border-radius:50%;background:#75e55b;box-shadow:0 0 11px #75e55b}
.hub-enter{min-width:230px;font-size:.87rem;padding:13px 28px}
.world-wz .hub-world-art{background-position:43% 18%}.world-umbra .hub-world-art{background-position:50% 16%}.world-classic .hub-world-art{background-position:55% 18%}

/* Server home: widen the content and stop boxing every module */
.server-dashboard-wrap{margin-top:-42px;padding-bottom:54px}
.server-dashboard{width:min(1520px,calc(100% - 72px));margin:0 auto}
.dashboard-quick-grid{grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:34px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.42) 8% 92%,transparent);backdrop-filter:blur(5px)}
.server-dashboard .ornate-card{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.server-dashboard .ornate-card::before{display:none!important}
.quick-card{height:112px;padding:18px 30px;justify-content:flex-start;position:relative}
.quick-card+.quick-card::after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.15),transparent)}
.quick-card .ui-icon{width:50px;height:50px;flex-basis:50px}.quick-card span{font-size:.78rem}.quick-card small{font-size:.65rem}.quick-card strong{font-size:1.55rem}.quick-card em{font-size:.69rem}
.download-card{background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 42%)!important}.download-card:hover{transform:none!important;box-shadow:none!important}
.dashboard-columns{grid-template-columns:minmax(0,2.55fr) minmax(330px,.85fr);gap:56px;align-items:start}
.dashboard-main{padding:4px 0 0 0!important}.welcome-grid{grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr);gap:48px;align-items:start}
.panel-heading{font-size:clamp(1.55rem,1.8vw,2.15rem);border:0;padding:0;margin:0 0 16px}.dashboard-main p{font-size:1rem;line-height:1.75;max-width:820px;color:#bcb4a8}.feature-heading,.event-heading{font-size:.88rem;margin:24px 0 12px}.feature-check-grid{gap:8px 24px}.feature-check-grid span{border:0;background:transparent;padding:4px 0;font-size:.82rem;color:#b8b0a5}
.gameplay-preview{min-height:320px;border:0!important;box-shadow:0 18px 55px rgba(0,0,0,.42);border-radius:8px!important}
.event-pills{gap:9px}.event-pills span{border:0;background:color-mix(in srgb,var(--accent) 10%,rgba(0,0,0,.26));padding:8px 13px;border-radius:999px;font-size:.70rem}
.server-warning{border:0;border-left:2px solid var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent);padding:12px 16px;font-size:.73rem;margin-top:18px}
.dashboard-side{gap:0;border-left:1px solid rgba(255,255,255,.07);padding-left:34px}
.side-card{padding:18px 0 22px;border-bottom:1px solid rgba(255,255,255,.07)!important}.side-card:last-child{border-bottom:0!important}
.side-title{font-size:.82rem;border:0;padding:0 0 9px;margin:0}.side-title a{font-size:.62rem}.side-row{font-size:.68rem;padding:8px 0}.status-table{font-size:.72rem;gap:8px}.news-mini{padding:11px 0}.news-mini small{font-size:.61rem}.news-mini b{font-size:.73rem}.news-mini p{font-size:.66rem!important}.side-action{border:0;border-left:2px solid var(--accent);text-align:left;padding:7px 10px;font-size:.66rem}.side-card>a:not(.side-action){background:transparent;border:0;padding:7px 0;font-size:.70rem}.community-card p{font-size:.72rem!important}.community-card .fantasy-button{width:auto;padding:10px 16px;font-size:.66rem}

/* Secondary routes: editorial wide layout, open sections and fewer rectangular frames */
.fantasy-page-hero{height:300px;min-height:300px;border-bottom:0}.fantasy-page-hero .page-hero-inner{width:min(1520px,calc(100% - 72px))}.fantasy-page-hero .h2{font-size:clamp(2.8rem,4vw,4.4rem);line-height:1}.fantasy-page-hero .lead{font-size:1rem!important;max-width:760px}.fantasy-page-hero .page-hero-wordmark{width:190px;max-height:105px;background:transparent;border:0;padding:0}
.page-content{padding:46px 0 86px;background:linear-gradient(180deg,rgba(4,5,7,.89),#040506 240px)}
.page-content .container{width:min(1520px,calc(100% - 72px))}
.page-content .card,.page-content .form-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important}
.page-content .card::before,.page-content .card::after{border:0!important}
.page-content .table-wrap{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;overflow-x:auto}
.page-content table{background:transparent}.page-content table th{background:transparent;border-bottom:1px solid color-mix(in srgb,var(--accent) 36%,rgba(255,255,255,.08));padding-top:16px;padding-bottom:16px;font-size:.78rem}.page-content table td{padding-top:14px;padding-bottom:14px;font-size:.82rem}.page-content table tr:hover td{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent)}
.page-content .tabs{gap:18px;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:0}.page-content .tab{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:10px 2px 13px;font-size:.76rem}.page-content .tab.active,.page-content .tab:hover{border-bottom:2px solid var(--accent)!important;box-shadow:none!important}
.page-content .toolbar{margin:26px 0;gap:12px}.page-content .input,.page-content select{min-height:44px;background:rgba(0,0,0,.28);border-color:rgba(255,255,255,.10);border-radius:6px}
.page-content .grid{gap:32px}.page-content .section{padding:62px 0}.page-content .section.tight{padding:38px 0}
.page-content .player-card{padding:22px 0!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.page-content .player-card:hover{transform:none!important;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent)!important}
.page-content .kpi{padding:20px 0!important;border-left:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.page-content .kpi b{font-size:1.6rem}
.page-content .feature-card{padding:22px 0!important}.page-content .feature-card:hover{transform:none!important;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent)!important}
.page-content .product-card,.page-content .media-card,.page-content .equip{background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important;border-radius:10px!important;padding:18px!important;box-shadow:0 16px 38px rgba(0,0,0,.24)!important}
.page-content .profile-head{padding:26px 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.page-content .form-card{max-width:760px;margin:0 auto;padding:24px 0!important}
.fantasy-footer .container{width:min(1520px,calc(100% - 72px))}

@media(max-width:1180px){
  .hub-world-panel:hover{flex:1}.hub-world-logo{width:min(74%,270px)}.hub-world-content{padding-left:28px;padding-right:28px}.hub-world-copy p{font-size:.82rem}
  .dashboard-columns{grid-template-columns:1fr;gap:42px}.dashboard-side{border-left:0;padding-left:0;grid-template-columns:repeat(2,1fr);gap:0 34px}.side-card{border-bottom:1px solid rgba(255,255,255,.07)!important}.welcome-grid{grid-template-columns:1fr 420px}
}
@media(max-width:860px){
  .container,.server-dashboard,.page-content .container,.fantasy-page-hero .page-hero-inner,.fantasy-footer .container{width:calc(100% - 34px)}
  .hub-select-stage{height:auto;min-height:calc(100vh - 88px);overflow:auto}.hub-select-label{top:14px}.hub-world-panels{height:auto;min-height:calc(100vh - 88px);display:grid;grid-template-columns:1fr}.hub-world-panel{min-height:64vh;filter:saturate(.94) brightness(.94)}.hub-world-panel+.hub-world-panel::before{left:7%;right:7%;top:0;bottom:auto;width:auto;height:1px}.hub-world-logo{top:15%;width:min(60%,310px)}.hub-world-content{padding-bottom:46px}.hub-world-copy{max-width:520px}
  .dashboard-quick-grid{grid-template-columns:1fr;gap:0}.quick-card{height:96px;padding:14px 8px}.quick-card+.quick-card::after{top:0;bottom:auto;left:0;right:0;width:auto;height:1px}.welcome-grid{grid-template-columns:1fr}.gameplay-preview{min-height:260px}.dashboard-side{grid-template-columns:1fr}.fantasy-page-hero{height:230px;min-height:230px}.fantasy-page-hero .h2{font-size:2.25rem}.fantasy-page-hero .page-hero-wordmark{display:none}
}
@media(max-width:560px){
  .hub-select-label{font-size:.65rem;top:10px}.hub-select-label span{display:none}.hub-world-panel{min-height:70vh}.hub-world-logo{width:min(72%,280px);top:13%}.hub-world-content{padding:0 22px 38px}.hub-world-copy p{font-size:.78rem}.hub-enter{min-width:200px}
  .server-dashboard-wrap{margin-top:-22px}.dashboard-main p{font-size:.9rem}.feature-check-grid{grid-template-columns:1fr}.panel-heading{font-size:1.45rem}.fantasy-page-hero .h2{font-size:1.9rem}.page-content{padding-top:32px}.page-content .grid{gap:20px}
}

/* ======================================================================
   CONQUER HUB CLEAN 6.0
   No-line server layout + calm fixed scenic background.
   Section hierarchy is expressed with whitespace, typography and tone.
   ====================================================================== */

/* Remove animated/dotted ambient layers. Keep only a calm static image + gradient. */
body::after,
.shell::after,
.server-shell::after,
.conquer-embers,
.hero-particles,
.page-hero-rings { display:none !important; animation:none !important; background:none !important; }

body::before {
  animation:none !important;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb,var(--accent) 5%,transparent), transparent 42%),
    linear-gradient(180deg, rgba(5,7,10,.08), rgba(5,7,10,.18) 45%, rgba(4,5,7,.30));
  opacity:1 !important;
}

.shell::before,
.server-shell::before {
  animation:none !important;
  transform:none !important;
  background-image:
    linear-gradient(180deg, rgba(4,6,9,.68) 0%, rgba(4,6,9,.86) 40%, rgba(4,5,7,.97) 86%),
    var(--server-reference-art) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  filter:saturate(.72) brightness(.72) contrast(.96) !important;
  opacity:.32 !important;
}

/* Freeze large scenic artwork too. No panning/sweeps; only normal UI hover transitions remain. */
.conquer-home-hero,
.hub-conquer-hero,
.page-hero-bg,
.conquer-home-hero::after { animation:none !important; }
.conquer-home-hero::after { display:none !important; }

/* No horizontal rules between the global/status/nav/hero zones. */
.status-strip,
.topbar,
.fantasy-nav,
.hub-global-nav,
.conquer-home-hero,
.fantasy-page-hero,
.hero,
.page-hero,
.footer,
.fantasy-footer,
.mobile-drawer { border-top:0 !important; border-bottom:0 !important; }
.fantasy-footer::before,
.hub-world-panel + .hub-world-panel::before { display:none !important; }
.fantasy-footer .fine { border-top:0 !important; padding-top:8px !important; }

/* Navigation: retain active state without an underline/rule. */
.fantasy-nav .nav-link.active::after,
.fantasy-nav .nav-link.active::before { display:none !important; }
.fantasy-nav .nav-link.active,
.fantasy-nav .nav-link:hover {
  color:var(--accent-2) !important;
  background:radial-gradient(circle at 50% 100%, color-mix(in srgb,var(--accent) 13%,transparent), transparent 68%) !important;
  text-shadow:0 0 14px color-mix(in srgb,var(--accent) 38%,transparent);
}

/* Home dashboard: open, spaced composition instead of separators. */
.dashboard-quick-grid {
  gap:clamp(26px,3vw,58px) !important;
  background:linear-gradient(90deg, transparent, rgba(0,0,0,.24) 12% 88%, transparent) !important;
  padding:10px 0 14px;
}
.quick-card { padding-left:8px !important; padding-right:8px !important; }
.quick-card + .quick-card::after { display:none !important; }
.dashboard-columns { gap:clamp(52px,5vw,88px) !important; }
.dashboard-side { border-left:0 !important; padding-left:0 !important; }
.panel-heading,
.side-title,
.side-card,
.side-row,
.news-mini,
.side-card > a,
.server-warning { border:0 !important; }
.side-card { padding:20px 0 24px !important; }
.side-card + .side-card { margin-top:10px; }
.side-row { padding:8px 0 !important; }
.news-mini { padding:12px 0 !important; }
.server-warning {
  padding:14px 18px !important;
  background:radial-gradient(circle at 0 50%, color-mix(in srgb,var(--accent) 11%,transparent), transparent 60%) !important;
}
.side-action {
  border:0 !important;
  background:radial-gradient(circle at 0 50%, color-mix(in srgb,var(--accent) 12%,transparent), transparent 72%) !important;
  padding-left:0 !important;
}

/* Secondary routes: remove separator rules from tables, tabs, rankings and profile/KPI groups. */
.page-content .tabs { border:0 !important; gap:22px !important; }
.page-content .tab,
.page-content .tab.active,
.page-content .tab:hover {
  border:0 !important;
  box-shadow:none !important;
}
.page-content .tab.active,
.page-content .tab:hover {
  color:var(--accent-2) !important;
  text-shadow:0 0 13px color-mix(in srgb,var(--accent) 45%,transparent);
  background:radial-gradient(circle at 50% 70%, color-mix(in srgb,var(--accent) 9%,transparent), transparent 70%) !important;
}
.page-content table th,
.page-content table td { border:0 !important; }
.page-content table th {
  background:transparent !important;
  padding-bottom:18px !important;
}
.page-content table tbody tr:nth-child(odd) td {
  background:rgba(255,255,255,.012);
}
.page-content table tbody tr:hover td {
  background:linear-gradient(90deg, color-mix(in srgb,var(--accent) 7%,transparent), rgba(255,255,255,.012), transparent) !important;
}
.page-content .player-card,
.page-content .kpi,
.page-content .profile-head { border:0 !important; }
.page-content .player-card { padding:22px 4px !important; }
.page-content .kpi { padding:22px 4px !important; }
.page-content .profile-head { padding:28px 4px !important; }

/* Section spacing now acts as the separator. */
.server-dashboard-wrap { padding-top:8px; }
.server-dashboard .section,
.page-content .section { padding-top:70px; padding-bottom:70px; }
.page-content { background:linear-gradient(180deg, rgba(4,5,7,.76), rgba(4,5,7,.94) 300px, #040506 100%) !important; }

/* Avoid hard framing even on small screens. */
@media(max-width:860px){
  .shell::before,.server-shell::before{background-attachment:scroll !important;}
  .dashboard-side,.side-card,.quick-card + .quick-card::after{border:0 !important;}
  .dashboard-quick-grid{gap:18px !important;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent) !important;}
  .hub-world-panel + .hub-world-panel::before{display:none !important;}
}


/* ======================================================================
   CONQUER HUB AIRY CONTENT 7.0
   Reduced homepage density, larger typography and stronger hierarchy.
   ====================================================================== */
.airy-home { padding-bottom:90px; }
.home-airy { width:min(1480px,calc(100% - 84px)); }
.airy-quick { margin-bottom:0 !important; padding:24px 0 28px !important; gap:clamp(44px,5vw,100px) !important; }
.airy-quick .quick-card { min-height:122px; height:auto; padding:20px 0 !important; }
.airy-quick .quick-card .ui-icon { width:54px; height:54px; flex-basis:54px; }
.airy-quick .quick-card span { font-size:.82rem; letter-spacing:.035em; }
.airy-quick .quick-card small { font-size:.68rem; margin-top:3px; }
.airy-quick .quick-card strong { font-size:1.68rem; line-height:1.08; margin-top:4px; }
.airy-quick .quick-card em { font-size:.74rem; margin-top:4px; }

.home-intro-section { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr); align-items:center; gap:clamp(70px,7vw,132px); padding:84px 0 104px; }
.home-intro-copy { max-width:690px; }
.home-kicker { color:var(--accent-2); font-size:.78rem; line-height:1; font-weight:850; letter-spacing:.11em; text-transform:uppercase; margin-bottom:16px; }
.home-intro-copy h2 { margin:0; max-width:760px; color:#f0ece6; font-family:Georgia,serif; font-size:clamp(2.35rem,3.25vw,3.65rem); line-height:1.05; letter-spacing:-.035em; }
.home-lead { margin:24px 0 0 !important; color:#bbb4ab !important; font-size:1.08rem !important; line-height:1.8 !important; max-width:660px; }
.home-principles { display:grid; grid-template-columns:1fr 1fr; gap:28px 44px; margin-top:44px; }
.home-principles > div { min-width:0; }
.home-principles strong { display:block; color:#e8e1d7; font-size:1rem; margin-bottom:7px; }
.home-principles span { display:block; color:#8f8982; font-size:.88rem; line-height:1.55; }
.home-primary-actions { display:flex; align-items:center; flex-wrap:wrap; gap:28px; margin-top:42px; }
.home-primary-actions .fantasy-button { min-width:215px; font-size:.74rem; padding:13px 22px; }
.home-text-link { color:var(--accent-2); font-size:.86rem; font-weight:750; letter-spacing:.01em; opacity:.9; transition:opacity .18s ease,transform .18s ease; }
.home-text-link:hover { opacity:1; transform:translateX(2px); }

.airy-gameplay { min-height:390px; aspect-ratio:16/9; border:0 !important; border-radius:14px !important; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.30) !important; background-size:cover !important; background-position:center !important; }
.airy-gameplay::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 60%,rgba(2,3,5,.58)); }
.airy-gameplay .play-button { width:72px; height:58px; font-size:1.45rem; z-index:2; }
.airy-gameplay > span { z-index:2; left:20px; bottom:17px; font-size:.78rem; }

.home-overview-section { display:grid; grid-template-columns:1fr 1fr; gap:clamp(90px,9vw,170px); padding:34px 0 98px; }
.home-overview-block { min-width:0; max-width:660px; }
.home-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:32px; }
.home-section-head h3,.home-community-strip h3 { margin:0; color:#eee9e2; font-family:Georgia,serif; font-size:clamp(1.65rem,2vw,2.25rem); line-height:1.12; font-weight:700; }
.airy-event-list { display:grid; gap:25px; }
.airy-event { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.airy-event strong { display:block; color:#ddd7ce; font-size:1rem; }
.airy-event span { display:block; color:#807b75; font-size:.82rem; margin-top:5px; }
.airy-event em { flex:0 0 auto; color:#d4a447; font-style:normal; font-size:.76rem; font-weight:800; letter-spacing:.04em; }
.airy-event em.live { color:#5fcf88; }
.airy-news-list { display:grid; gap:30px; }
.airy-news { margin:0; }
.airy-news time { display:block; color:#716d67; font-size:.69rem; letter-spacing:.04em; margin-bottom:7px; }
.airy-news h4 { margin:0; color:#ddd7ce; font-size:1.02rem; line-height:1.3; }
.airy-news p { margin:8px 0 0 !important; color:#88827b !important; font-size:.86rem !important; line-height:1.6 !important; max-width:560px; }

.home-community-strip { display:flex; justify-content:space-between; align-items:center; gap:70px; padding:58px 0 30px; }
.home-community-strip > div:first-child { max-width:680px; }
.home-community-strip p { margin:13px 0 0 !important; color:#908a83 !important; font-size:.94rem !important; line-height:1.65 !important; }
.community-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:25px; }
.community-actions .fantasy-button { white-space:nowrap; }

/* The former dense dashboard is not used on the homepage anymore. */
.airy-home .dashboard-columns,.airy-home .dashboard-main,.airy-home .dashboard-side,.airy-home .feature-check-grid,.airy-home .event-pills,.airy-home .server-warning { display:none !important; }

@media(max-width:1180px){
  .home-airy{width:min(100% - 58px,1180px)}
  .home-intro-section{grid-template-columns:1fr;gap:52px;padding:68px 0 82px}.home-intro-copy{max-width:820px}.airy-gameplay{width:min(760px,100%)}
  .home-overview-section{gap:70px}
}
@media(max-width:860px){
  .home-airy{width:calc(100% - 34px)}
  .airy-quick{gap:16px!important;padding:16px 0!important}.airy-quick .quick-card{min-height:102px;padding:14px 8px!important}.airy-quick .quick-card strong{font-size:1.35rem}
  .home-intro-section{padding:58px 0 72px}.home-intro-copy h2{font-size:2.45rem}.home-lead{font-size:1rem!important}.home-principles{gap:24px 30px;margin-top:34px}
  .home-overview-section{grid-template-columns:1fr;gap:70px;padding-bottom:76px}.home-overview-block{max-width:760px}
  .home-community-strip{align-items:flex-start;flex-direction:column;gap:32px;padding-top:42px}.community-actions{justify-content:flex-start}
}
@media(max-width:560px){
  .home-airy{width:calc(100% - 26px)}
  .home-intro-copy h2{font-size:2rem}.home-lead{font-size:.95rem!important;line-height:1.7!important}.home-principles{grid-template-columns:1fr;gap:20px}.home-primary-actions{gap:20px}.airy-gameplay{min-height:230px}
  .home-section-head{align-items:flex-start;flex-direction:column;gap:11px}.home-section-head h3,.home-community-strip h3{font-size:1.65rem}
}


/* Secondary pages follow the same calmer scale as the redesigned home. */
.page-content { font-size:1rem; }
.page-content .eyebrow { font-size:.82rem; }
.page-content .h2 { font-size:clamp(2rem,2.8vw,3rem); }
.page-content .lead { font-size:1.02rem !important; line-height:1.75; }
.page-content table th { font-size:.86rem !important; letter-spacing:.03em; padding:18px 13px !important; }
.page-content table td { font-size:.92rem !important; line-height:1.45; padding:17px 13px !important; }
.page-content .tab { font-size:.84rem !important; padding:12px 3px !important; }
.page-content .input,.page-content select { font-size:.92rem; }
.page-content .list-row { font-size:.92rem; line-height:1.5; padding-top:9px; padding-bottom:9px; }
.page-content .player-card strong,.page-content .feature-card h3,.page-content .product-card h3 { font-size:1.04rem; }
.page-content .muted { line-height:1.65; }
.page-content .kpi span { font-size:.82rem; }
.page-content .kpi b { font-size:1.8rem; }

/* ======================================================================
   CONQUER HUB VERTICAL HOME 8.0
   One-column server homepage: story -> news -> visual navigation.
   ====================================================================== */
.vertical-home { padding-bottom:110px; }
.home-vertical { width:min(1500px,calc(100% - 86px)); }
.vertical-quick { margin-bottom:0 !important; padding:26px 0 34px !important; gap:clamp(48px,5vw,104px) !important; }
.vertical-quick .quick-card { min-height:122px; padding:20px 0 !important; }
.vertical-quick .quick-card .ui-icon { width:54px; height:54px; flex-basis:54px; }
.vertical-quick .quick-card span { font-size:.82rem; }
.vertical-quick .quick-card strong { font-size:1.68rem; }
.vertical-quick .quick-card em,.vertical-quick .quick-card small { font-size:.72rem; }

.home-story-section { padding:90px 0 96px; max-width:1180px; }
.home-story-section h2 { margin:0; font-family:Georgia,serif; color:#f2eee8; font-size:clamp(2.7rem,4vw,4.6rem); line-height:1.02; letter-spacing:-.045em; }
.home-story-lead { margin:26px 0 0 !important; max-width:920px; color:#bcb5ad !important; font-size:clamp(1.08rem,1.25vw,1.28rem) !important; line-height:1.82 !important; }
.home-highlight-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:34px 54px; margin-top:56px; max-width:1260px; }
.home-highlight-row > div { min-width:0; }
.home-highlight-row strong { display:block; color:#ece5db; font-size:1.08rem; margin-bottom:8px; }
.home-highlight-row span { color:#817c75; font-size:.88rem; line-height:1.5; }
.home-story-actions { display:flex; align-items:center; flex-wrap:wrap; gap:30px; margin-top:52px; }
.button-link { border:0; background:none; padding:0; cursor:pointer; }

.home-news-section { padding:76px 0 104px; max-width:1280px; }
.home-section-intro { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:44px; }
.home-section-intro h3 { margin:0; font-family:Georgia,serif; color:#eee9e3; font-size:clamp(2rem,2.8vw,3rem); line-height:1.1; }
.home-section-intro > p { max-width:520px; margin:0 !important; color:#858079 !important; font-size:.96rem !important; line-height:1.7 !important; text-align:right; }
.home-news-stream { display:grid; gap:0; }
.home-news-row { position:relative; display:grid; grid-template-columns:150px minmax(0,1fr) 52px; align-items:start; gap:38px; padding:31px 0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.012) 50%,transparent); }
.home-news-row time { color:var(--accent-2); font-size:.78rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding-top:4px; }
.home-news-row h4 { margin:0; color:#e8e2da; font-size:1.32rem; line-height:1.3; }
.home-news-row p { margin:10px 0 0 !important; color:#8e8982 !important; font-size:.95rem !important; line-height:1.68 !important; max-width:800px; }
.news-index { justify-self:end; color:color-mix(in srgb,var(--accent) 38%,#4a4641); font-family:Georgia,serif; font-size:1.25rem; }

.home-options-section { padding:68px 0 40px; }
.server-option-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.server-option-card { position:relative; min-height:320px; overflow:hidden; border-radius:16px; background:#090b0e; isolation:isolate; box-shadow:0 20px 60px rgba(0,0,0,.24); transition:transform .28s ease,box-shadow .28s ease; }
.server-option-card:hover { transform:translateY(-5px); box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 42px color-mix(in srgb,var(--accent) 16%,transparent); }
.server-option-art { position:absolute; inset:0; background-image:var(--optionArt); background-size:cover; background-position:var(--optionPos,center); filter:saturate(.88) contrast(1.04); transform:scale(1.02); transition:transform .55s ease,filter .55s ease; }
.server-option-card:hover .server-option-art { transform:scale(1.075); filter:saturate(1.05) contrast(1.07); }
.server-option-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,4,7,.06) 15%,rgba(3,4,7,.42) 58%,rgba(3,4,7,.95) 100%),linear-gradient(90deg,color-mix(in srgb,var(--accent) 11%,transparent),transparent 58%); }
.server-option-content { position:absolute; inset:auto 0 0 0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; padding:28px 30px; z-index:2; }
.server-option-content .ui-icon { width:42px; height:42px; color:var(--accent-2); }
.server-option-content strong { display:block; color:#f3eee7; font-family:Georgia,serif; font-size:1.35rem; line-height:1.15; }
.server-option-content span { display:block; margin-top:6px; color:#9b958d; font-size:.82rem; line-height:1.45; }
.server-option-content b { color:var(--accent-2); font-size:.72rem; letter-spacing:.08em; white-space:nowrap; }
.server-option-content b i { font-size:1.25rem; font-style:normal; vertical-align:-1px; margin-left:4px; }
.server-option-card:nth-child(2) .server-option-overlay,.server-option-card:nth-child(5) .server-option-overlay { background:linear-gradient(180deg,rgba(3,4,7,.02),rgba(3,4,7,.45) 55%,rgba(3,4,7,.97)),linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 10%,transparent)); }

/* V8 replaces V7 homepage sections entirely. */
.vertical-home .home-intro-section,
.vertical-home .home-overview-section,
.vertical-home .home-community-strip,
.vertical-home .airy-gameplay,
.vertical-home .airy-event-list,
.vertical-home .airy-news-list { display:none !important; }

@media(max-width:1180px){
  .home-vertical{width:min(100% - 58px,1180px)}
  .home-highlight-row{grid-template-columns:1fr 1fr;max-width:850px}
  .server-option-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .home-vertical{width:calc(100% - 34px)}
  .vertical-quick{gap:18px!important;padding:16px 0 22px!important}
  .home-story-section{padding:64px 0 74px}.home-story-section h2{font-size:2.55rem}.home-story-lead{font-size:1rem!important}.home-highlight-row{gap:26px 30px;margin-top:38px}
  .home-news-section{padding:54px 0 72px}.home-section-intro{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.home-section-intro>p{text-align:left}
  .home-news-row{grid-template-columns:1fr;gap:8px;padding:25px 0}.news-index{display:none}.home-news-row h4{font-size:1.17rem}
  .home-options-section{padding-top:44px}.server-option-grid{grid-template-columns:1fr}.server-option-card{min-height:285px}
}
@media(max-width:520px){
  .home-vertical{width:calc(100% - 24px)}
  .home-highlight-row{grid-template-columns:1fr}.home-story-section h2{font-size:2.05rem}.home-story-actions{gap:20px}
  .server-option-content{padding:23px 22px;grid-template-columns:auto 1fr}.server-option-content>b{display:none}.server-option-content strong{font-size:1.2rem}
}

/* ======================================================================
   CONQUER HUB SINGLE COLUMN HOME 9.0
   Explicitly removes the homepage side column and creates a vertical flow:
   description -> news -> six navigation cards.
   ====================================================================== */
.single-column-home {
  margin-top:-42px;
  padding:0 0 120px;
  background:linear-gradient(180deg,rgba(4,6,9,.08),rgba(4,6,9,.44) 48%,rgba(4,6,9,.72));
}
.single-column-dashboard {
  width:min(1540px,calc(100% - 80px));
  margin:0 auto;
}
.single-column-home .dashboard-side,
.single-column-home .side-card,
.single-column-home .dashboard-columns,
.single-column-home .dashboard-main,
.single-column-home .welcome-grid,
.single-column-home .airy-home,
.single-column-home .home-story-section,
.single-column-home .home-news-section,
.single-column-home .home-options-section,
.single-column-home .home-overview-section,
.single-column-home .home-community-strip {
  display:none !important;
}
.single-column-quick {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(48px,6vw,120px) !important;
  padding:27px 0 36px !important;
  margin:0 !important;
}
.single-column-quick .quick-card {
  min-height:116px;
  padding:18px 0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.single-column-quick .quick-card::after,
.single-column-quick .quick-card::before { display:none !important; }
.single-column-quick .quick-card .ui-icon { width:52px; height:52px; flex:0 0 52px; }
.single-column-quick .quick-card span { font-size:.8rem; }
.single-column-quick .quick-card strong { font-size:1.72rem; }
.single-column-quick .quick-card small,
.single-column-quick .quick-card em { font-size:.72rem; }

.single-story {
  width:100%;
  padding:92px 0 84px;
}
.single-story h2 {
  margin:0;
  max-width:1080px;
  font-family:Georgia,serif;
  color:#f3eee7;
  font-size:clamp(3rem,4.8vw,5.4rem);
  line-height:.98;
  letter-spacing:-.048em;
}
.single-story-lead {
  max-width:1120px;
  margin:28px 0 0 !important;
  color:#bbb4aa !important;
  font-size:clamp(1.08rem,1.3vw,1.32rem) !important;
  line-height:1.85 !important;
}
.single-story-meta {
  display:flex;
  flex-wrap:wrap;
  gap:18px 46px;
  margin-top:42px;
  color:#817c75;
  font-size:.9rem;
}
.single-story-meta span { display:flex; align-items:baseline; gap:8px; }
.single-story-meta b { color:var(--accent-2); font-size:1.18rem; }
.single-story-actions { display:flex; align-items:center; flex-wrap:wrap; gap:30px; margin-top:44px; }

.single-news-section {
  width:100%;
  padding:72px 0 92px;
}
.single-section-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:48px;
  margin-bottom:34px;
}
.single-section-head h3 {
  margin:0;
  color:#f0ebe4;
  font-family:Georgia,serif;
  font-size:clamp(2.15rem,3vw,3.45rem);
  line-height:1.08;
}
.single-section-head > p {
  max-width:520px;
  margin:0 !important;
  color:#858079 !important;
  text-align:right;
  font-size:.98rem !important;
  line-height:1.65 !important;
}
.single-news-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,3vw,48px);
}
.single-news-card {
  position:relative;
  min-height:220px;
  padding:32px 4px 26px 0;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0));
}
.single-news-number {
  position:absolute;
  right:8px;
  top:16px;
  color:color-mix(in srgb,var(--accent) 24%,#25282d);
  font-family:Georgia,serif;
  font-size:3.2rem;
  line-height:1;
  opacity:.52;
}
.single-news-card time {
  display:block;
  color:var(--accent-2);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
  margin-bottom:18px;
}
.single-news-card h4 {
  position:relative;
  max-width:82%;
  margin:0;
  color:#e9e3db;
  font-size:1.35rem;
  line-height:1.28;
}
.single-news-card p {
  max-width:92%;
  margin:13px 0 0 !important;
  color:#8d8881 !important;
  font-size:.96rem !important;
  line-height:1.68 !important;
}

.single-links-section {
  width:100%;
  padding:72px 0 36px;
}
.single-links-head { margin-bottom:40px; }
.single-link-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.single-link-card {
  position:relative;
  min-height:300px;
  overflow:hidden;
  border-radius:18px;
  background:#090c10;
  isolation:isolate;
  box-shadow:0 22px 65px rgba(0,0,0,.22);
  transition:transform .25s ease,box-shadow .25s ease;
}
.single-link-card:hover {
  transform:translateY(-5px);
  box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 46px color-mix(in srgb,var(--accent) 15%,transparent);
}
.single-link-art {
  position:absolute;
  inset:0;
  background-image:var(--optionArt);
  background-size:cover;
  background-position:var(--optionPos,center);
  filter:saturate(.8) contrast(1.06) brightness(.8);
  transform:scale(1.025);
  transition:transform .5s ease,filter .5s ease;
}
.single-link-card:hover .single-link-art { transform:scale(1.065); filter:saturate(.98) contrast(1.06) brightness(.88); }
.single-link-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,4,7,.03) 5%,rgba(2,4,7,.28) 48%,rgba(2,4,7,.94) 100%),linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 62%);
}
.single-link-content {
  position:absolute;
  inset:auto 0 0 0;
  z-index:2;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:28px 30px;
}
.single-link-icon {
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  color:var(--accent-2);
}
.single-link-icon .ui-icon { width:42px; height:42px; }
.single-link-content strong {
  display:block;
  color:#f2eee8;
  font-family:Georgia,serif;
  font-size:1.34rem;
  line-height:1.16;
}
.single-link-content span {
  display:block;
  margin-top:7px;
  color:#9d978f;
  font-size:.84rem;
  line-height:1.45;
}
.single-link-content > b {
  color:var(--accent-2);
  font-size:.72rem;
  letter-spacing:.08em;
  white-space:nowrap;
}
.single-link-content > b i { font-size:1.3rem; font-style:normal; margin-left:4px; }

@media(max-width:1180px){
  .single-column-dashboard{width:min(100% - 56px,1180px)}
  .single-news-grid,.single-link-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .single-column-dashboard{width:calc(100% - 34px)}
  .single-column-quick{grid-template-columns:1fr;gap:10px!important;padding:18px 0 22px!important}
  .single-column-quick .quick-card{min-height:90px}
  .single-story{padding:62px 0 66px}.single-story h2{font-size:2.65rem}.single-story-lead{font-size:1rem!important}
  .single-news-section,.single-links-section{padding:54px 0 64px}.single-section-head{align-items:flex-start;flex-direction:column;gap:14px}.single-section-head>p{text-align:left}
  .single-news-grid,.single-link-grid{grid-template-columns:1fr}
  .single-news-card{min-height:0;padding:28px 0}.single-link-card{min-height:275px}
}
@media(max-width:520px){
  .single-column-dashboard{width:calc(100% - 24px)}
  .single-story h2{font-size:2.15rem}.single-story-meta{gap:14px 24px}.single-story-actions{gap:18px}
  .single-link-content{padding:23px 22px;grid-template-columns:auto 1fr}.single-link-content>b{display:none}.single-link-content strong{font-size:1.18rem}
}

/* ======================================================================
   V10 CENTERED HERO REVISION
   - larger homepage banner
   - larger internal page banners
   - centered headline/content treatment on the server home
   ====================================================================== */

.conquer-home-hero{
  height:min(74vh,760px) !important;
  min-height:540px !important;
}
.conquer-hero-art{
  background-position:center 24% !important;
  transform:scale(1.02) !important;
}
.conquer-hero-vignette{
  background:
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.12) 44%,rgba(5,6,8,.82) 100%),
    radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.58) 100%) !important;
  box-shadow:inset 0 0 110px rgba(0,0,0,.58) !important;
}
.conquer-hero-inner{
  align-items:center !important;
  justify-content:center !important;
  padding:86px 0 118px !important;
}
.hero-identity{
  max-width:1180px !important;
  margin:0 auto !important;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.hero-identity h1{
  font-size:clamp(3.5rem,7vw,7.15rem) !important;
  line-height:.96 !important;
}
.hero-identity p{
  max-width:980px;
  margin-top:16px !important;
  font-size:clamp(1.05rem,1.55vw,1.4rem) !important;
  line-height:1.45 !important;
  text-align:center;
}
.hero-identity small{
  display:block;
  margin-top:14px;
  font-size:clamp(.86rem,1vw,1rem);
  text-align:center;
}

.server-dashboard-wrap{
  margin-top:-82px !important;
}
.single-column-home{
  margin-top:-18px !important;
}
.single-column-dashboard{
  width:min(1600px,calc(100% - 88px)) !important;
}
.single-column-quick{
  gap:clamp(36px,4vw,84px) !important;
}
.single-column-quick .quick-card{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px 14px !important;
}
.single-column-quick .quick-card > div{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.single-column-quick .quick-card span,
.single-column-quick .quick-card small,
.single-column-quick .quick-card strong,
.single-column-quick .quick-card em{
  text-align:center;
}

.single-story{
  text-align:center !important;
}
.home-kicker{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.single-story h2,
.single-story-lead{
  margin-left:auto !important;
  margin-right:auto !important;
}
.single-story-meta{
  justify-content:center;
}
.single-story-actions{
  justify-content:center;
}

.single-section-head{
  justify-content:center !important;
  align-items:center !important;
  text-align:center;
}
.single-section-head > div,
.single-section-head > p{
  margin-left:auto;
  margin-right:auto;
  text-align:center !important;
}

.single-news-card{
  text-align:center;
  padding-left:10px;
  padding-right:10px;
}
.single-news-number{
  right:50%;
  transform:translateX(50%);
  top:2px;
  opacity:.26;
}
.single-news-card h4,
.single-news-card p{
  max-width:none !important;
}

.single-link-content{
  grid-template-columns:1fr !important;
  justify-items:center;
  text-align:center;
  gap:14px;
}
.single-link-content span{
  max-width:320px;
  margin-left:auto;
  margin-right:auto;
}
.single-link-content > b{
  margin-top:4px;
}

.fantasy-page-hero{
  height:470px !important;
  min-height:470px !important;
}
.fantasy-page-hero::after{
  background:
    linear-gradient(180deg,rgba(3,4,6,.42),rgba(3,4,6,.56) 48%,rgba(3,4,6,.88) 100%),
    linear-gradient(90deg,rgba(3,4,6,.80),rgba(3,4,6,.42) 32%,rgba(3,4,6,.42) 68%,rgba(3,4,6,.80)) !important;
}
.fantasy-page-hero .page-hero-inner{
  width:min(1600px,calc(100% - 88px)) !important;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:20px;
  text-align:center;
  padding:52px 0 !important;
}
.fantasy-page-hero .page-hero-inner > div{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.fantasy-page-hero .page-hero-wordmark{
  order:-1;
  width:min(360px,56vw) !important;
  max-height:180px !important;
  margin-bottom:10px;
}
.fantasy-page-hero .h2{
  max-width:1120px;
  font-size:clamp(3rem,5.2vw,5.2rem) !important;
}
.fantasy-page-hero .lead{
  max-width:920px !important;
  font-size:1.08rem !important;
  line-height:1.8 !important;
}

@media(max-width:1180px){
  .conquer-home-hero{height:min(70vh,660px) !important; min-height:500px !important;}
  .single-column-dashboard,.fantasy-page-hero .page-hero-inner{width:calc(100% - 56px) !important;}
}
@media(max-width:820px){
  .conquer-home-hero{height:500px !important; min-height:500px !important;}
  .conquer-hero-inner{padding:72px 0 90px !important;}
  .hero-identity h1{font-size:clamp(2.9rem,9vw,4.8rem) !important;}
  .hero-identity p{font-size:1rem !important;}
  .server-dashboard-wrap{margin-top:-54px !important;}
  .single-column-dashboard,.fantasy-page-hero .page-hero-inner{width:calc(100% - 34px) !important;}
  .fantasy-page-hero{height:360px !important; min-height:360px !important;}
  .fantasy-page-hero .page-hero-wordmark{width:min(270px,64vw) !important; max-height:130px !important;}
  .fantasy-page-hero .h2{font-size:clamp(2.2rem,7vw,3.35rem) !important;}
  .single-news-card{padding-left:0;padding-right:0;}
}
@media(max-width:520px){
  .conquer-home-hero{height:420px !important; min-height:420px !important;}
  .conquer-hero-inner{padding:56px 0 74px !important;}
  .single-column-dashboard,.fantasy-page-hero .page-hero-inner{width:calc(100% - 24px) !important;}
  .single-story h2{font-size:2.25rem !important;}
  .fantasy-page-hero{height:300px !important; min-height:300px !important;}
  .fantasy-page-hero .lead{font-size:.9rem !important;line-height:1.65 !important;}
}

/* ======================================================================
   V11 — LARGE HERO + CENTERED CONTENT + CLEAN NAVIGATION CARDS
   ====================================================================== */

/* 1) Hero: substantially larger, closer to full-screen MMO landing art. */
.conquer-home-hero{
  height:calc(100vh - 88px) !important;
  min-height:680px !important;
  max-height:920px !important;
  display:flex !important;
  align-items:center !important;
}
.conquer-hero-art{
  background-size:cover !important;
  background-position:center 28% !important;
}
.conquer-hero-vignette{
  background:
    linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.08) 54%,rgba(4,5,7,.78) 91%,#040507 100%),
    radial-gradient(ellipse at center,transparent 28%,rgba(0,0,0,.28) 70%,rgba(0,0,0,.62) 100%) !important;
}
.conquer-hero-inner{
  height:100% !important;
  min-height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:40px 0 118px !important;
}
.hero-identity{
  width:min(1180px,92%) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  text-align:center !important;
}
.hero-identity p{
  margin:18px auto 0 !important;
  max-width:960px !important;
  text-align:center !important;
}
.hero-identity small{
  margin:13px auto 0 !important;
  text-align:center !important;
}

/* Quick server information sits as a centered strip over the lower hero edge. */
.server-dashboard-wrap{
  margin-top:-104px !important;
}
.single-column-home{
  margin-top:0 !important;
  background:linear-gradient(180deg,rgba(4,6,9,.22),rgba(4,6,9,.58) 36%,rgba(4,6,9,.78)) !important;
}
.single-column-quick{
  width:min(1320px,94%) !important;
  margin:0 auto !important;
  padding:0 0 52px !important;
  gap:18px !important;
}
.single-column-quick .quick-card{
  min-height:128px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(12,17,24,.90),rgba(6,9,14,.92)) !important;
  box-shadow:0 20px 55px rgba(0,0,0,.34) !important;
  padding:20px 24px !important;
  display:flex !important;
  justify-content:center !important;
  text-align:center !important;
}
.single-column-quick .quick-card .ui-icon{
  width:46px !important;
  height:46px !important;
}
.single-column-quick .quick-card strong{
  font-size:1.55rem !important;
}

/* 2) Homepage copy: centered and constrained for cleaner reading. */
.single-column-dashboard{
  width:min(1460px,calc(100% - 88px)) !important;
}
.single-story{
  width:min(1180px,100%) !important;
  margin:0 auto !important;
  padding:96px 0 102px !important;
  text-align:center !important;
}
.single-story h2{
  max-width:1120px !important;
  margin:0 auto !important;
  text-align:center !important;
  font-size:clamp(3.2rem,5vw,5.6rem) !important;
}
.single-story-lead{
  max-width:980px !important;
  margin:30px auto 0 !important;
  text-align:center !important;
  font-size:clamp(1.1rem,1.5vw,1.34rem) !important;
  line-height:1.9 !important;
}
.single-story-meta{
  justify-content:center !important;
  margin:44px auto 0 !important;
}
.single-story-actions{
  justify-content:center !important;
  margin-top:42px !important;
}

.single-news-section,
.single-links-section{
  width:min(1320px,100%) !important;
  margin:0 auto !important;
  text-align:center !important;
}
.single-section-head{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  text-align:center !important;
  margin-bottom:44px !important;
}
.single-section-head > div,
.single-section-head > p{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.single-section-head > p{
  max-width:700px !important;
}
.single-news-grid{
  gap:34px !important;
}
.single-news-card{
  text-align:center !important;
  min-height:235px !important;
  padding:38px 24px 30px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)) !important;
}
.single-news-card h4,
.single-news-card p{
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.single-news-number{
  right:50% !important;
  transform:translateX(50%) !important;
  opacity:.18 !important;
}

/* 3) Navigation cards: cleaner, lighter cards like the supplied reference. */
.single-link-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}
.single-link-card{
  min-height:250px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,rgba(18,23,31,.96),rgba(12,16,22,.96)) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.20) !important;
  overflow:hidden !important;
}
.single-link-art{
  opacity:.12 !important;
  filter:saturate(.65) contrast(1.02) brightness(.76) !important;
  transform:scale(1.06) !important;
}
.single-link-card:hover .single-link-art{
  opacity:.22 !important;
  transform:scale(1.095) !important;
}
.single-link-shade{
  background:linear-gradient(180deg,rgba(10,14,20,.45),rgba(10,14,20,.88)) !important;
}
.single-link-content{
  position:relative !important;
  inset:auto !important;
  min-height:250px !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:13px !important;
  padding:34px 30px !important;
  text-align:center !important;
}
.single-link-icon{
  width:58px !important;
  height:58px !important;
  margin-bottom:4px !important;
}
.single-link-icon .ui-icon{
  width:48px !important;
  height:48px !important;
}
.single-link-content strong{
  font-family:inherit !important;
  font-size:1.5rem !important;
  font-weight:800 !important;
  text-align:center !important;
}
.single-link-content span{
  max-width:340px !important;
  margin:0 auto !important;
  font-size:.98rem !important;
  line-height:1.65 !important;
  text-align:center !important;
}
.single-link-content > b{
  margin-top:8px !important;
  font-size:.78rem !important;
}

/* Internal page banners also gain a more cinematic size and centered copy. */
.fantasy-page-hero{
  height:520px !important;
  min-height:520px !important;
}
.fantasy-page-hero .page-hero-inner{
  width:min(1460px,calc(100% - 88px)) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}
.fantasy-page-hero .page-hero-inner > div{
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
.fantasy-page-hero .page-hero-wordmark{
  width:min(400px,58vw) !important;
  max-height:190px !important;
  margin:0 auto 16px !important;
}
.fantasy-page-hero .h2,
.fantasy-page-hero .lead,
.fantasy-page-hero .eyebrow{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:1050px){
  .conquer-home-hero{height:720px !important;min-height:620px !important;}
  .single-column-dashboard,.fantasy-page-hero .page-hero-inner{width:calc(100% - 52px) !important;}
  .single-link-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:820px){
  .conquer-home-hero{height:590px !important;min-height:560px !important;}
  .server-dashboard-wrap{margin-top:-76px !important;}
  .single-column-quick{grid-template-columns:1fr !important;width:min(620px,94%) !important;gap:10px !important;}
  .single-column-dashboard,.fantasy-page-hero .page-hero-inner{width:calc(100% - 34px) !important;}
  .single-story{padding:72px 0 78px !important;}
  .single-story h2{font-size:clamp(2.6rem,8vw,4rem) !important;}
  .single-link-grid{grid-template-columns:1fr !important;}
  .single-link-card,.single-link-content{min-height:225px !important;}
  .fantasy-page-hero{height:390px !important;min-height:390px !important;}
}
@media(max-width:520px){
  .conquer-home-hero{height:500px !important;min-height:480px !important;}
  .single-column-dashboard,.fantasy-page-hero .page-hero-inner{width:calc(100% - 24px) !important;}
  .single-story h2{font-size:2.35rem !important;}
  .single-story-lead{font-size:1rem !important;}
  .single-news-card{padding:30px 18px 26px !important;}
  .fantasy-page-hero{height:330px !important;min-height:330px !important;}
}


/* ======================================================================
   V12 — HERO CTA BUTTONS + ONLINE USERS QUICK CARD
   ====================================================================== */
.hero-cta-row{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:22px !important;
  flex-wrap:wrap !important;
  margin:34px auto 0 !important;
}
.hero-cta-row .fantasy-button{
  min-width:290px !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:1rem !important;
  padding:17px 34px !important;
}
.hero-cta-primary{
  box-shadow:0 0 28px color-mix(in srgb,var(--glow) 72%,transparent), 0 14px 32px rgba(0,0,0,.26) !important;
}
.hero-cta-discord{
  border:1px solid rgba(122,143,255,.68) !important;
  background:linear-gradient(180deg,rgba(92,118,255,.98),rgba(74,87,214,.98)) !important;
  color:#f8fbff !important;
  box-shadow:0 0 22px rgba(100,120,255,.30),0 14px 32px rgba(0,0,0,.24) !important;
}
.hero-cta-discord::before{
  border-color:rgba(255,255,255,.14) !important;
}
.hero-cta-discord:hover{
  box-shadow:0 0 28px rgba(100,120,255,.48),0 16px 36px rgba(0,0,0,.28) !important;
}
.single-column-quick .online-card{
  background:linear-gradient(180deg,rgba(14,24,30,.96),rgba(7,14,18,.96)) !important;
  border-color:rgba(82,217,255,.24) !important;
}
.single-column-quick .online-card strong{
  font-size:1.82rem !important;
}
.single-column-quick .online-card em{
  color:#9ac7d4 !important;
}
.single-column-quick .online-card .ui-icon{
  color:#73d8ff !important;
  filter:drop-shadow(0 0 14px rgba(115,216,255,.35)) !important;
}

@media(max-width:820px){
  .hero-cta-row{gap:12px !important;margin-top:24px !important;}
  .hero-cta-row .fantasy-button{min-width:min(100%,420px) !important;width:min(100%,420px) !important;padding:15px 22px !important;font-size:.92rem !important;}
}
@media(max-width:560px){
  .hero-cta-row{flex-direction:column !important;gap:10px !important;}
  .hero-cta-row .fantasy-button{width:100% !important;min-width:0 !important;}
}


/* =========================================================
   HUB UPDATE v13 - 6 server slots (3 active + 3 coming soon)
   ========================================================= */
body[data-server="eclipse"] .hero, body[data-server="eclipse"] .page-hero { background-image: radial-gradient(circle at 80% 30%, rgba(207,43,29,.20), transparent 28%), linear-gradient(120deg,#0b0f16,#221010 52%,#090d13); }
body[data-server="nova"] .hero, body[data-server="nova"] .page-hero { background-image: radial-gradient(circle at 80% 30%, rgba(224,185,93,.18), transparent 28%), linear-gradient(120deg,#0b0f16,#17181f 52%,#090d13); }
.server-eclipse .hero-identity h1,.server-nova .hero-identity h1{visibility:visible;height:auto;opacity:.86}
.world-eclipse .hub-world-art{background-position:48% 18%}
.world-nova .hub-world-art{background-position:56% 18%}

.hub-select-stage{height:auto !important;min-height:calc(100vh - 94px);padding:118px clamp(18px,3vw,42px) 72px;background:radial-gradient(circle at 50% 0%, rgba(213,107,32,.10), transparent 34%),linear-gradient(180deg,#030405 0%,#05070b 100%);}
.hub-select-headline{position:relative;z-index:4;text-align:center;max-width:980px;margin:0 auto 28px;padding-top:34px}
.hub-select-headline h1{margin:0 0 10px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3.1vw,3.25rem);letter-spacing:.03em;color:#f6e3bd}
.hub-select-headline p{margin:0 auto;color:#cfc6b8;max-width:900px;line-height:1.75;font-size:1rem}
.hub-world-panels{height:auto !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(1440px,100%);margin:0 auto;position:relative;z-index:3}
.hub-world-panel{flex:none !important;min-height:420px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:#0a0d12;box-shadow:0 20px 58px rgba(0,0,0,.38);filter:none !important;overflow:hidden;isolation:isolate;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.hub-world-panel:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(0,0,0,.46);flex:none !important}
.hub-world-panel+.hub-world-panel::before,.hub-world-panel::before{display:none !important}
.hub-world-art{transform:scale(1.02) !important;background-position:center 20% !important}
.hub-world-panel:hover .hub-world-art{transform:scale(1.06) !important}
.hub-world-content{padding:26px 26px 34px !important;justify-content:flex-end !important}
.hub-world-logo{position:relative !important;top:auto !important;left:auto !important;transform:none !important;width:min(78%,360px);max-height:170px;margin:48px auto 18px;display:block}
.hub-world-panel:hover .hub-world-logo{transform:scale(1.035) !important}
.hub-world-copy{max-width:100%;margin-bottom:16px}
.hub-world-copy p{font-size:.92rem}
.hub-world-status-pill{position:absolute;top:20px;left:20px;z-index:9;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(5,8,13,.76);backdrop-filter:blur(10px);font-size:.72rem;letter-spacing:.14em;font-weight:800;color:#f8e7c3}
.hub-world-status-pill.coming{color:#d7d0c7;background:rgba(10,12,16,.85)}
.hub-world-upcoming{background:linear-gradient(180deg,#080b11,#0b0d13)}
.hub-world-upcoming .hub-world-shade{background:linear-gradient(180deg,rgba(1,2,4,.28),rgba(1,2,4,.22) 30%,rgba(1,2,4,.72) 70%,rgba(1,2,4,.96) 100%)}
.hub-world-upcoming .hub-world-light{opacity:.18}
.hub-world-upcoming .hub-world-art{background-image:radial-gradient(circle at 50% 22%, rgba(255,255,255,.03), transparent 18%),linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.12)),radial-gradient(circle at 50% 80%, rgba(255,255,255,.03), transparent 20%) !important;filter:grayscale(1) brightness(.45)}
.hub-coming-ghost{width:148px;height:148px;margin:58px auto 18px;border-radius:34px;position:relative;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 40px rgba(255,255,255,.03)}
.hub-coming-ghost::before,.hub-coming-ghost::after{content:"";position:absolute;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.10)}
.hub-coming-ghost::before{top:28px;width:62px;height:62px;border-radius:999px;box-shadow:0 0 36px rgba(255,255,255,.05)}
.hub-coming-ghost::after{bottom:24px;width:94px;height:34px;border-radius:22px 22px 14px 14px}
.upcoming-copy{text-align:center}
.upcoming-copy h3{margin:0 0 12px;font-size:1.26rem;color:#f2e7d6;letter-spacing:.04em}
.upcoming-copy p{color:#b9b1a4}
.hub-enter.disabled{opacity:.64;cursor:not-allowed;pointer-events:none;filter:grayscale(.12)}

@media (max-width: 1180px){
  .hub-world-panels{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px){
  .hub-select-stage{padding:100px 16px 50px}
  .hub-select-headline{padding-top:18px;margin-bottom:22px}
  .hub-world-panels{grid-template-columns:1fr;gap:18px}
  .hub-world-panel{min-height:360px}
  .hub-world-logo{width:min(72%,280px);margin-top:54px}
  .hub-coming-ghost{width:128px;height:128px;margin-top:56px}
}


/* =========================================================
   HUB v14 — FULLSCREEN 6-SLICE CLASSIC PLUS SELECTOR
   ========================================================= */
.hub-v14{min-height:100vh;background:#030405;color:#f1e8da;overflow:hidden}
.hub-v14 .status-strip{position:relative;z-index:40}
.hub-global-nav-v14{position:relative;z-index:35;background:rgba(3,4,5,.96);border:0;box-shadow:0 8px 30px rgba(0,0,0,.28)}
.hub-six-stage{position:relative;height:calc(100vh - 94px);min-height:650px;overflow:hidden;background:#020305}
.hub-six-grid{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative;z-index:1}
.hub-slice{position:relative;min-width:0;overflow:hidden;isolation:isolate;background:#07090d;transition:flex .45s ease,filter .35s ease,transform .35s ease;cursor:default}
.hub-slice::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.08) 18%,rgba(255,255,255,.08) 82%,transparent);z-index:12}
.hub-slice:last-child::after{display:none}
.hub-slice-art{position:absolute;inset:-1%;z-index:0;background-image:var(--sliceArt);background-size:cover;background-position:var(--sliceFocus,center);filter:saturate(.98) contrast(1.03) brightness(.74);transform:scale(1.02);transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .45s ease}
.hub-slice-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(2,3,5,.26) 0%,rgba(2,3,5,.08) 28%,rgba(2,3,5,.30) 62%,rgba(2,3,5,.88) 100%),radial-gradient(circle at 50% 48%,transparent 0 26%,rgba(0,0,0,.38) 100%)}
.hub-slice-glow{position:absolute;inset:0;z-index:3;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--sliceAccent) 20%,transparent),transparent 34%);opacity:.48;mix-blend-mode:screen;transition:opacity .35s ease}
.hub-slice-center{position:absolute;z-index:6;left:50%;top:50%;width:86%;transform:translate(-50%,-46%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 3px 18px #000}
.hub-slice-logo{width:auto;max-width:min(92%,260px);height:120px;max-height:120px;object-fit:contain;object-position:center center;filter:drop-shadow(0 10px 28px rgba(0,0,0,.9)) drop-shadow(0 0 24px color-mix(in srgb,var(--sliceAccent) 52%,transparent));transition:transform .35s ease,filter .35s ease}
.hub-slice-status{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;color:#cac2b7;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.hub-slice-status b{color:#f7e7c6;font-size:.83rem}
.hub-slice-enter{margin-top:18px;min-width:140px;padding:12px 20px;border:1px solid color-mix(in srgb,var(--sliceAccent) 62%,#b6925e);background:linear-gradient(180deg,color-mix(in srgb,var(--sliceAccent) 42%,rgba(25,17,12,.92)),rgba(9,8,8,.94));color:#fff2d7;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-radius:3px;box-shadow:0 0 24px color-mix(in srgb,var(--sliceAccent) 34%,transparent),inset 0 0 0 1px rgba(255,255,255,.04);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.hub-slice-enter:hover{transform:translateY(-2px);border-color:var(--sliceAccent);box-shadow:0 0 34px color-mix(in srgb,var(--sliceAccent) 52%,transparent),0 12px 28px rgba(0,0,0,.28)}
.hub-slice-name{position:absolute;z-index:7;left:18px;bottom:18px;color:rgba(255,255,255,.26);font-family:Georgia,serif;font-size:.74rem;letter-spacing:.16em}
.hub-slice-active:hover .hub-slice-art{transform:scale(1.05);filter:saturate(1.05) contrast(1.04) brightness(.88)}
.hub-slice-active:hover .hub-slice-glow{opacity:.92}
.hub-slice-active:hover .hub-slice-logo{transform:scale(1.055);filter:drop-shadow(0 12px 30px rgba(0,0,0,.94)) drop-shadow(0 0 34px color-mix(in srgb,var(--sliceAccent) 72%,transparent))}

.hub-slice-coming .hub-slice-art{filter:grayscale(.96) saturate(.2) contrast(1.08) brightness(.28);transform:scale(1.08)}
.hub-slice-coming .hub-slice-overlay{background:linear-gradient(180deg,rgba(2,3,5,.38),rgba(2,3,5,.25) 34%,rgba(2,3,5,.54) 66%,rgba(2,3,5,.94) 100%),radial-gradient(circle at 50% 45%,transparent 0 15%,rgba(0,0,0,.55) 92%)}
.hub-slice-coming .hub-slice-glow{opacity:.12}
.hub-slice-mystery{top:53%;transform:translate(-50%,-50%)}
.hub-slice-mystery strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.2rem,3.2vw,4.1rem);letter-spacing:.12em;color:#d9d0c1;opacity:.82;text-shadow:0 5px 20px #000}
.hub-slice-mystery small{margin-top:10px;color:#c9b78f;letter-spacing:.24em;font-size:.66rem}
.hub-silhouette{position:relative;width:112px;height:154px;margin-bottom:20px;filter:drop-shadow(0 0 30px rgba(0,0,0,.8))}
.hub-silhouette::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:58px;height:58px;border-radius:50%;background:#090b0f;box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.hub-silhouette::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:104px;height:102px;border-radius:55px 55px 18px 18px;background:linear-gradient(180deg,#0a0d12,#05070a);clip-path:polygon(50% 0,72% 18%,88% 44%,100% 100%,0 100%,12% 44%,28% 18%)}
.hub-silhouette span::before,.hub-silhouette span::after{content:"";position:absolute;z-index:2;top:33px;width:54px;height:7px;background:#080a0d;box-shadow:0 0 0 1px rgba(255,255,255,.025)}
.hub-silhouette span::before{right:61px;transform:rotate(-24deg);transform-origin:right center}
.hub-silhouette span::after{left:61px;transform:rotate(24deg);transform-origin:left center}

.hub-six-title{position:absolute;z-index:20;top:18px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;text-shadow:0 2px 14px #000}
.hub-six-title span{font-size:.62rem;letter-spacing:.28em;color:#b49b73}
.hub-six-title strong{margin-top:4px;font-family:Georgia,serif;font-size:.92rem;letter-spacing:.16em;color:#efe0c0}

@media(max-width:1280px){
  .hub-six-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));}
  .hub-six-stage{height:auto;min-height:calc(100vh - 94px)}
  .hub-slice{min-height:50vh}
  .hub-slice-logo{width:auto;max-width:min(80%,240px);height:104px;max-height:104px}
  .hub-slice-center{width:78%}
}
@media(max-width:760px){
  .hub-six-stage{height:auto;overflow:auto}
  .hub-six-grid{display:block}
  .hub-slice{min-height:68vh}
  .hub-slice::after{top:auto;left:8%;right:8%;bottom:0;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
  .hub-six-title{top:12px}.hub-six-title span{display:none}.hub-six-title strong{font-size:.72rem}
  .hub-slice-logo{width:auto;max-width:min(76%,300px);height:96px;max-height:96px}
}

/* =========================================================
   HUB v15 — OFFICIAL BRAND + CHARACTER ART + CLEAN TOP MENU
   ========================================================= */
.hub-global-nav-v15{
  height:76px !important;
  min-height:76px !important;
  background:rgba(3,4,6,.97) !important;
}
.hub-global-nav-v15 .hub-global-inner{
  height:76px !important;
}
.hub-global-nav-v15 .hub-brand-logo{
  width:124px !important;
  height:72px !important;
  max-width:none !important;
  object-fit:contain !important;
  position:absolute;
  left:50%;
  top:2px;
  transform:translateX(-50%);
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.72)) drop-shadow(0 0 18px rgba(255,113,38,.22)) !important;
  z-index:5;
}
.hub-global-links-v15{
  right:0 !important;
  gap:24px !important;
  font-size:.74rem !important;
  letter-spacing:.055em;
}
.hub-global-links-v15 > a{
  color:#c5bdb0 !important;
  font-weight:700;
}
.hub-global-links-v15 > a:hover{
  color:#ffd496 !important;
}
.hub-language-wrap{
  display:flex;
  align-items:center;
  gap:9px;
  color:#8f887e;
  font-size:.62rem;
  letter-spacing:.08em;
  font-weight:700;
}
.hub-language-wrap select{
  min-width:112px;
  height:34px;
  padding:0 30px 0 11px;
  border-radius:7px;
  border:1px solid rgba(255,255,255,.10);
  background:#090c11;
  color:#e8dfd2;
  font:inherit;
  font-size:.68rem;
  cursor:pointer;
  outline:none;
}
.hub-language-wrap select:hover,
.hub-language-wrap select:focus{
  border-color:rgba(255,191,92,.42);
}
.hub-v15 .hub-six-stage{
  height:calc(100vh - 106px) !important;
  min-height:650px !important;
}
.hub-v15 .hub-six-title{
  display:none !important;
}

/* Active worlds use dedicated high-definition Conquer character artwork. */
.hub-v15 .hub-slice-active .hub-slice-art{
  background-size:cover !important;
  background-position:var(--sliceFocus,center) !important;
  background-repeat:no-repeat !important;
  filter:saturate(1.10) contrast(1.08) brightness(.84) !important;
}
.hub-v15 .slice-umbra .hub-slice-art{
  filter:saturate(1.18) contrast(1.10) brightness(.74) !important;
}
.hub-v15 .slice-eclipse .hub-slice-art{
  filter:saturate(1.22) contrast(1.10) brightness(.78) !important;
}
.hub-v15 .slice-nova .hub-slice-art{
  filter:saturate(.92) contrast(1.05) brightness(.94) !important;
}
.hub-v15 .slice-umbra .hub-slice-overlay{
  background:linear-gradient(180deg,rgba(7,2,14,.18),rgba(8,2,16,.10) 30%,rgba(6,1,12,.40) 66%,rgba(3,2,7,.90) 100%),radial-gradient(circle at 50% 44%,rgba(142,53,231,.08),rgba(0,0,0,.38) 88%) !important;
}
.hub-v15 .slice-eclipse .hub-slice-overlay{
  background:linear-gradient(180deg,rgba(19,2,1,.16),rgba(24,2,1,.08) 30%,rgba(18,2,1,.38) 66%,rgba(5,2,2,.91) 100%),radial-gradient(circle at 50% 44%,rgba(255,55,27,.10),rgba(0,0,0,.36) 88%) !important;
}
.hub-v15 .slice-nova .hub-slice-overlay{
  background:linear-gradient(180deg,rgba(9,11,18,.10),rgba(12,13,20,.08) 30%,rgba(9,10,16,.34) 66%,rgba(4,5,8,.90) 100%),radial-gradient(circle at 50% 44%,rgba(255,222,145,.13),rgba(0,0,0,.32) 88%) !important;
}

.hub-v15 .hub-slice-center{
  top:51% !important;
  transform:translate(-50%,-47%) !important;
  width:90% !important;
}
.hub-v15 .hub-slice-logo{
  width:min(92%,270px) !important;
  max-height:185px !important;
}
.hub-slice-description{
  max-width:260px;
  margin:18px auto 0;
  color:#ded6ca;
  font-size:clamp(.72rem,.72vw,.86rem);
  line-height:1.55;
  text-align:center;
  text-shadow:0 2px 12px #000;
}
.hub-v15 .hub-slice-status{
  margin-top:14px !important;
}
.hub-v15 .hub-slice-enter{
  margin-top:15px !important;
}

/* Slot numbers are intentionally removed. */
.hub-v15 .hub-slice-name{
  display:none !important;
}

/* New official ConquerHub brand is also used on server pages. */
.hub-crest{
  width:54px !important;
  max-height:48px !important;
  object-fit:contain !important;
}

@media(max-width:1280px){
  .hub-global-nav-v15 .hub-brand-logo{width:112px !important;height:66px !important;top:4px}
  .hub-v15 .hub-six-stage{height:auto !important;min-height:calc(100vh - 106px) !important}
  .hub-slice-description{max-width:320px;font-size:.78rem}
}
@media(max-width:860px){
  .hub-global-links-v15{display:flex !important;right:16px !important;gap:14px !important}
  .hub-language-wrap span{display:none}
  .hub-language-wrap select{min-width:104px}
}
@media(max-width:640px){
  .hub-global-nav-v15 .hub-brand-logo{left:18px;transform:none;width:84px !important;height:48px !important;top:7px}
  .hub-global-links-v15{right:12px !important;gap:10px !important}
  .hub-global-links-v15 > a{font-size:.62rem}
  .hub-language-wrap select{min-width:94px;height:31px;padding-left:8px;font-size:.61rem}
  .hub-slice-description{max-width:290px;font-size:.78rem}
}

/* =========================================================
   HUB v17 — visual fixes requested by user
   ========================================================= */
.hub-v17{
  position:relative;
  min-height:100vh;
  background:#020305;
}
.hub-v17 .hub-global-nav-v15{
  position:absolute !important;
  inset:0 0 auto 0;
  z-index:40;
  height:96px !important;
  min-height:96px !important;
  background:linear-gradient(180deg,rgba(2,3,5,.94) 0%,rgba(2,3,5,.72) 56%,rgba(2,3,5,0) 100%) !important;
  border:0 !important;
  box-shadow:none !important;
}
.hub-v17 .hub-global-nav-v15 .hub-global-inner{
  height:96px !important;
}
.hub-v17 .hub-global-nav-v15 .hub-brand-logo{
  width:240px !important;
  height:80px !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:center top !important;
  top:10px !important;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.74)) drop-shadow(0 0 18px rgba(255,113,38,.24)) !important;
}
.hub-v17 .hub-global-links-v15{
  top:50%;
  transform:translateY(-50%);
}
.hub-v17 .hub-language-wrap span{
  display:none;
}
.hub-v17 .hub-six-stage{
  height:100vh !important;
  min-height:760px !important;
}
.hub-v17 .hub-six-grid{
  height:100% !important;
}
.hub-v17 .hub-slice{
  min-height:100% !important;
}
.hub-v17 .hub-slice-active .hub-slice-art{
  inset:0 !important;
  background-size:auto 178% !important;
  background-position:var(--sliceFocus,50% 0%) !important;
  background-repeat:no-repeat !important;
  filter:saturate(1.10) contrast(1.07) brightness(.84) !important;
  transform:scale(1.03) !important;
}
.hub-v17 .slice-umbra .hub-slice-art{
  background-size:auto 184% !important;
}
.hub-v17 .slice-eclipse .hub-slice-art{
  background-size:auto 180% !important;
}
.hub-v17 .slice-nova .hub-slice-art{
  background-size:auto 176% !important;
}
.hub-v17 .hub-slice-active:hover .hub-slice-art{
  transform:scale(1.06) !important;
}
.hub-v17 .hub-slice-overlay{
  background:linear-gradient(180deg,rgba(2,3,5,.10) 0%,rgba(2,3,5,.04) 22%,rgba(2,3,5,.24) 48%,rgba(2,3,5,.78) 78%,rgba(2,3,5,.94) 100%),radial-gradient(circle at 50% 42%,transparent 0 23%,rgba(0,0,0,.40) 100%) !important;
}
.hub-v17 .hub-slice-center{
  top:56% !important;
  transform:translate(-50%,-50%) !important;
  width:88% !important;
}
.hub-v17 .hub-slice-logo{
  width:min(90%,265px) !important;
  max-height:156px !important;
}
.hub-v17 .hub-slice-description{
  max-width:280px;
  margin-top:14px;
  color:#e1d8cb;
  font-size:clamp(.74rem,.74vw,.86rem);
}
.hub-v17 .hub-slice-status{
  margin-top:12px !important;
}
.hub-v17 .hub-slice-enter{
  margin-top:14px !important;
}
.hub-v17 .hub-slice-coming .hub-slice-art{
  inset:0 !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:grayscale(.82) saturate(.34) contrast(1.08) brightness(.32) !important;
  transform:scale(1.02) !important;
}
.hub-v17 .hub-slice-coming .hub-slice-overlay{
  background:linear-gradient(180deg,rgba(2,3,5,.24),rgba(2,3,5,.18) 32%,rgba(2,3,5,.48) 68%,rgba(2,3,5,.92) 100%),radial-gradient(circle at 50% 42%,transparent 0 20%,rgba(0,0,0,.52) 100%) !important;
}
.hub-v17 .hub-slice-mystery{
  top:58% !important;
}
@media(max-width:1280px){
  .hub-v17 .hub-six-stage{height:auto !important;min-height:100vh !important;}
}
@media(max-width:860px){
  .hub-v17 .hub-global-nav-v15{height:82px !important;min-height:82px !important;}
  .hub-v17 .hub-global-nav-v15 .hub-global-inner{height:82px !important;}
  .hub-v17 .hub-global-nav-v15 .hub-brand-logo{width:188px !important;height:64px !important;top:8px !important;}
  .hub-v17 .hub-global-links-v15{right:14px !important;gap:12px !important;}
}
@media(max-width:640px){
  .hub-v17 .hub-global-nav-v15{background:linear-gradient(180deg,rgba(2,3,5,.95) 0%,rgba(2,3,5,.88) 78%,rgba(2,3,5,.35) 100%) !important;}
  .hub-v17 .hub-global-nav-v15 .hub-brand-logo{left:16px !important;transform:none !important;width:156px !important;height:52px !important;top:10px !important;}
}

/* =========================================================
   HUB v18 — distinct HD character artwork for active servers
   ========================================================= */
.hub-v17 .hub-slice-active .hub-slice-art{
  inset:0 !important;
  background-size:cover !important;
  background-position:var(--sliceFocus,50% 50%) !important;
  background-repeat:no-repeat !important;
  transform:scale(1.01) !important;
  image-rendering:auto;
}
.hub-v17 .slice-umbra .hub-slice-art{
  background-size:cover !important;
  filter:saturate(1.03) contrast(1.09) brightness(.82) !important;
}
.hub-v17 .slice-eclipse .hub-slice-art{
  background-size:cover !important;
  filter:saturate(1.10) contrast(1.10) brightness(.86) !important;
}
.hub-v17 .slice-nova .hub-slice-art{
  background-size:cover !important;
  filter:saturate(1.02) contrast(1.05) brightness(.94) !important;
}
.hub-v17 .hub-slice-active:hover .hub-slice-art{
  transform:scale(1.035) !important;
}

/* HUB v19 — Umbra logo integration fix */
.hub-v17 .slice-umbra .hub-slice-logo{
  width:min(96%,300px) !important;
  max-height:184px !important;
  object-fit:contain !important;
  image-rendering:auto;
}


/* =========================================================
   HUB v19 — fix ConquerHub logo asset and full rendering
   ========================================================= */
.hub-v17 .hub-global-nav-v15,
.hub-v17 .hub-global-nav-v15 .hub-global-inner{
  overflow: visible !important;
}
.hub-v17 .hub-global-nav-v15{
  height: 104px !important;
  min-height: 104px !important;
}
.hub-v17 .hub-global-nav-v15 .hub-global-inner{
  height: 104px !important;
}
.hub-v17 .hub-global-nav-v15 .hub-brand-logo{
  width: clamp(120px, 8.4vw, 168px) !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  top: 8px !important;
  filter: drop-shadow(0 10px 28px rgba(0,0,0,.74)) drop-shadow(0 0 18px rgba(255,113,38,.24)) !important;
}
@media(max-width:860px){
  .hub-v17 .hub-global-nav-v15{
    height: 92px !important;
    min-height: 92px !important;
  }
  .hub-v17 .hub-global-nav-v15 .hub-global-inner{
    height: 92px !important;
  }
  .hub-v17 .hub-global-nav-v15 .hub-brand-logo{
    width: 138px !important;
    top: 8px !important;
  }
}
@media(max-width:640px){
  .hub-v17 .hub-global-nav-v15 .hub-brand-logo{
    left: 14px !important;
    transform: none !important;
    width: 120px !important;
    top: 10px !important;
  }
}

/* =========================================================
   HUB v20 — complete hub logo, crisp server art, equal logos
   ========================================================= */
.hub-v20{
  min-height:100vh;
  overflow:hidden;
}

/* The supplied ConquerHub logo must render as one complete image. */
.hub-v20 .hub-global-nav-v15{
  height:132px !important;
  min-height:132px !important;
  overflow:visible !important;
  background:linear-gradient(180deg,rgba(2,3,5,.97) 0%,rgba(2,3,5,.78) 64%,rgba(2,3,5,0) 100%) !important;
}
.hub-v20 .hub-global-nav-v15 .hub-global-inner{
  height:132px !important;
  overflow:visible !important;
}
.hub-v20 .hub-global-nav-v15 .hub-brand-logo{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:8px !important;
  transform:translateX(-50%) !important;
  width:142px !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  overflow:visible !important;
  clip-path:none !important;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.72)) drop-shadow(0 0 18px rgba(255,100,30,.22)) !important;
}
.hub-v20 .hub-global-links-v15{
  top:38px !important;
  transform:none !important;
}

/* Selector starts at the very top; header floats over it instead of cutting the art. */
.hub-v20 .hub-six-stage{
  height:100vh !important;
  min-height:760px !important;
}

/* New 1800x1800 assets contain only the sharp character region. */
.hub-v20 .hub-slice-active .hub-slice-art{
  inset:0 !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  transform:scale(1.002) !important;
  image-rendering:auto !important;
  will-change:transform;
}
.hub-v20 .slice-umbra .hub-slice-art{
  background-position:50% 50% !important;
  filter:saturate(1.07) contrast(1.09) brightness(.80) !important;
}
.hub-v20 .slice-eclipse .hub-slice-art{
  background-position:50% 50% !important;
  filter:saturate(1.12) contrast(1.10) brightness(.84) !important;
}
.hub-v20 .slice-nova .hub-slice-art{
  background-position:50% 50% !important;
  filter:saturate(1.03) contrast(1.06) brightness(.91) !important;
}
.hub-v20 .hub-slice-active:hover .hub-slice-art{
  transform:scale(1.022) !important;
}

/* Identical layout box for Umbra / Eclipse / Nova prevents size mismatch or clipping. */
.hub-v20 .hub-slice-logo{
  display:block !important;
  width:88% !important;
  height:144px !important;
  max-width:270px !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto 4px !important;
  overflow:visible !important;
  flex:0 0 144px !important;
  transform:none !important;
}
.hub-v20 .hub-slice-active:hover .hub-slice-logo{
  transform:scale(1.025) !important;
}
.hub-v20 .hub-slice-center{
  overflow:visible !important;
}

/* Compact ConquerHub mark inside server pages: always show the whole supplied logo. */
.hub-crest{
  width:58px !important;
  height:50px !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
}

@media(max-width:1280px){
  .hub-v20 .hub-global-nav-v15{
    height:112px !important;
    min-height:112px !important;
  }
  .hub-v20 .hub-global-nav-v15 .hub-global-inner{height:112px !important;}
  .hub-v20 .hub-global-nav-v15 .hub-brand-logo{width:122px !important;top:8px !important;}
  .hub-v20 .hub-global-links-v15{top:32px !important;}
  .hub-v20 .hub-slice-logo{height:132px !important;flex-basis:132px !important;max-width:250px !important;}
}
@media(max-width:860px){
  .hub-v20 .hub-global-nav-v15{
    height:96px !important;
    min-height:96px !important;
  }
  .hub-v20 .hub-global-nav-v15 .hub-global-inner{height:96px !important;}
  .hub-v20 .hub-global-nav-v15 .hub-brand-logo{width:104px !important;top:8px !important;}
  .hub-v20 .hub-global-links-v15{top:26px !important;}
}
@media(max-width:640px){
  .hub-v20 .hub-global-nav-v15 .hub-brand-logo{
    left:14px !important;
    transform:none !important;
    width:94px !important;
    top:8px !important;
  }
  .hub-v20 .hub-slice-logo{
    height:138px !important;
    flex-basis:138px !important;
    max-width:280px !important;
  }
}

/* === V24 hub selector refinements === */
.hub-v24 .hub-six-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
}
.hub-v24 .hub-slice{
  min-height:100vh !important;
}
.hub-v24 .hub-slice-art{
  inset:0 !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:var(--sliceFocus,center center) !important;
  transform:scale(1.005) !important;
  filter:saturate(1.04) contrast(1.04) brightness(.82) !important;
}
.hub-v24 .hub-slice-active:hover .hub-slice-art{
  transform:scale(1.03) !important;
  filter:saturate(1.08) contrast(1.05) brightness(.88) !important;
}
.hub-v24 .hub-slice-center{
  top:55% !important;
  transform:translate(-50%,-50%) !important;
  width:90% !important;
}
.hub-v24 .hub-slice-logo{
  width:auto !important;
  height:150px !important;
  max-height:150px !important;
  max-width:min(96%,320px) !important;
  object-fit:contain !important;
  object-position:center center !important;
}
.hub-v24 .hub-slice-overlay{
  background:linear-gradient(180deg,rgba(5,6,10,.18) 0%,rgba(5,6,10,.10) 24%,rgba(5,6,10,.24) 48%,rgba(4,5,8,.68) 72%,rgba(3,4,7,.92) 100%),radial-gradient(circle at 50% 42%,rgba(255,255,255,.04),rgba(0,0,0,.38) 76%) !important;
}
.hub-v24 .slice-umbra .hub-slice-art{
  filter:saturate(1.02) contrast(1.04) brightness(.78) sepia(.08) hue-rotate(232deg) !important;
}
.hub-v24 .slice-umbra .hub-slice-overlay{
  background:linear-gradient(180deg,rgba(34,8,58,.14) 0%,rgba(29,8,52,.10) 24%,rgba(23,6,43,.22) 48%,rgba(15,5,29,.70) 72%,rgba(8,4,15,.93) 100%),radial-gradient(circle at 50% 38%,rgba(153,77,255,.24),rgba(0,0,0,.40) 78%) !important;
}
.hub-v24 .slice-eclipse .hub-slice-art{
  filter:saturate(1.12) contrast(1.07) brightness(.82) sepia(.08) hue-rotate(-18deg) !important;
}
.hub-v24 .slice-eclipse .hub-slice-overlay{
  background:linear-gradient(180deg,rgba(58,14,5,.10) 0%,rgba(46,11,4,.08) 24%,rgba(40,8,4,.20) 48%,rgba(24,7,5,.68) 72%,rgba(10,4,4,.92) 100%),radial-gradient(circle at 50% 40%,rgba(255,86,34,.22),rgba(0,0,0,.36) 78%) !important;
}
.hub-v24 .slice-nova .hub-slice-art{
  filter:saturate(.96) contrast(1.03) brightness(.90) sepia(.10) hue-rotate(-8deg) !important;
}
.hub-v24 .slice-nova .hub-slice-overlay{
  background:linear-gradient(180deg,rgba(54,40,10,.08) 0%,rgba(44,34,9,.06) 24%,rgba(34,25,8,.16) 48%,rgba(18,14,6,.62) 72%,rgba(7,6,4,.90) 100%),radial-gradient(circle at 50% 40%,rgba(255,231,163,.24),rgba(0,0,0,.30) 78%) !important;
}
@media (max-width: 1200px){
  .hub-v24 .hub-slice-logo{height:132px !important;max-height:132px !important;max-width:min(92%,270px) !important;}
}
@media (max-width: 920px){
  .hub-v24 .hub-slice-logo{height:118px !important;max-height:118px !important;max-width:min(86%,240px) !important;}
  .hub-v24 .hub-slice-center{top:56% !important;}
}

/* === V26 server navigation / content refinements === */
.server-nav-clean{
  top:0 !important;
}
.server-nav-clean .nav-brand{
  min-width:220px;
  margin-right:12px;
}
.server-nav-clean .brand-combo{
  display:flex;
  align-items:center;
  gap:10px;
}
.server-nav-clean .hub-crest-link,
.server-nav-clean .server-logo-link{
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  border-radius:6px;
  transition:transform .18s ease,filter .18s ease,opacity .18s ease;
}
.server-nav-clean .hub-crest-link:hover,
.server-nav-clean .server-logo-link:hover{
  transform:translateY(-1px);
  filter:brightness(1.12);
}
.server-nav-clean .nav-links{
  gap:2px;
}
.server-nav-clean .nav-actions{
  gap:8px;
}
.server-nav-clean .nav-actions .fantasy-button.small{
  min-width:88px;
  justify-content:center;
}
.event-overview-grid{
  align-items:start;
}
.event-overview-card{
  padding:24px;
  min-height:100%;
}
.event-overview-card .list{
  margin-top:16px;
}
.event-overview-card .list-row{
  gap:16px;
  align-items:flex-start;
}
.event-overview-card .list-row .muted{
  max-width:58%;
  text-align:right;
}
.compact-event-table{
  margin-top:16px;
}
.guide-grid{
  align-items:stretch;
}
.guide-card{
  position:relative;
  display:block;
  min-height:230px;
  padding:28px;
  overflow:hidden;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.guide-card:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--accent) 58%,rgba(255,255,255,.15));
  box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 26px var(--glow);
}
.guide-number{
  position:absolute;
  right:18px;
  top:8px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:4.3rem;
  font-weight:800;
  opacity:.08;
  color:var(--accent-2);
}
.guide-card h3{
  position:relative;
  margin:44px 0 12px;
  font-size:1.35rem;
  color:#fff;
}
.guide-card p{
  position:relative;
  line-height:1.65;
}
.guide-link{
  position:absolute;
  left:28px;
  bottom:24px;
  color:var(--accent-2);
  font-weight:800;
  letter-spacing:.02em;
}
@media(max-width:1180px){
  .server-nav-clean .nav-brand{min-width:0;}
}
@media(max-width:860px){
  .event-overview-grid,.guide-grid{grid-template-columns:1fr !important;}
  .event-overview-card .list-row .muted{max-width:62%;}
}

/* ======================================================================
   V27 — USER-SUPPLIED SERVER BANNERS
   Preserve exact 2015x780 artwork, avoid duplicate text/logos and integrate
   the bottom edge cleanly with the homepage content.
   ====================================================================== */
.conquer-home-hero.banner-v27{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:2015 / 780 !important;
  display:block !important;
  position:relative !important;
  background:#030405 !important;
  overflow:hidden !important;
}
.conquer-home-hero.banner-v27 .conquer-hero-art{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-image:var(--server-banner) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
}
.conquer-home-hero.banner-v27::before,
.conquer-home-hero.banner-v27::after{
  display:none !important;
}
.conquer-home-hero.banner-v27 .conquer-hero-vignette{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(180deg,
    rgba(2,3,5,0) 0%,
    rgba(2,3,5,0) 72%,
    rgba(2,3,5,.18) 84%,
    rgba(2,3,5,.72) 97%,
    #030405 100%) !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
.conquer-home-hero.banner-v27 .conquer-hero-inner{
  display:none !important;
}
/* The artwork already contains its own logo and slogan, so the info cards
   begin after the banner instead of floating over the supplied composition. */
.banner-v27 + .server-dashboard-wrap,
.banner-v27 + main.server-dashboard-wrap{
  margin-top:0 !important;
}
.server-dashboard-wrap.single-column-home{
  margin-top:0 !important;
}
.single-column-quick{
  padding-top:34px !important;
}

/* Internal pages reuse the same server banner, but crop it more gently. */
.server-umbra .fantasy-page-hero .page-hero-bg,
.server-eclipse .fantasy-page-hero .page-hero-bg,
.server-nova .fantasy-page-hero .page-hero-bg{
  background-size:cover !important;
  background-position:center center !important;
  filter:saturate(.92) brightness(.42) !important;
}

@media(max-width:820px){
  .conquer-home-hero.banner-v27{
    aspect-ratio:auto !important;
    height:480px !important;
    min-height:480px !important;
  }
  .conquer-home-hero.banner-v27 .conquer-hero-art{
    background-size:cover !important;
    background-position:center center !important;
  }
  .single-column-quick{padding-top:24px !important;}
}
@media(max-width:520px){
  .conquer-home-hero.banner-v27{
    height:390px !important;
    min-height:390px !important;
  }
}

/* === V28 shared ES/EN selector for server websites === */
.server-language-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0 8px 0 6px;
  padding-left:12px;
  border-left:1px solid color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.12));
  height:34px;
  flex:0 0 auto;
}
.server-language-wrap span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.server-language-wrap select{
  appearance:none;
  -webkit-appearance:none;
  min-width:58px;
  height:32px;
  padding:0 23px 0 10px;
  border:1px solid color-mix(in srgb,var(--accent-2) 42%,rgba(255,255,255,.14));
  border-radius:3px;
  background:
    linear-gradient(45deg,transparent 50%,var(--accent-2) 50%) calc(100% - 12px) 13px/4px 4px no-repeat,
    linear-gradient(135deg,var(--accent-2) 50%,transparent 50%) calc(100% - 8px) 13px/4px 4px no-repeat,
    linear-gradient(180deg,rgba(20,17,20,.96),rgba(5,6,8,.97));
  color:#f5e7cf;
  font:800 .68rem/1 inherit;
  letter-spacing:.06em;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 14px color-mix(in srgb,var(--glow) 55%,transparent);
  outline:none;
}
.server-language-wrap select:hover,
.server-language-wrap select:focus{
  border-color:var(--accent-2);
  box-shadow:0 0 20px var(--glow),inset 0 0 12px color-mix(in srgb,var(--accent) 12%,transparent);
}
.server-language-wrap option,
.mobile-server-language-wrap option{
  background:#090b10;
  color:#f4eee5;
}
.mobile-server-language-wrap{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#aeb7c3;
  font-size:.76rem;
}
.mobile-server-language-wrap select{
  width:100%;
  min-height:34px;
  padding:0 9px;
  border:1px solid var(--line);
  border-radius:4px;
  background:#0b0f15;
  color:#fff;
}
@media(max-width:1180px){
  .server-language-wrap{display:none;}
}