:root{
  --bg:#f6f8fc;--surface:#ffffff;--surface-2:#f7fafc;--text:#22384e;--muted:#6f8297;--line:#dce6ef;
  --accent:#2a7cb3;--accent-2:#b98a46;--vip-bg:#fff7e8;--vip-line:#e7c88d;--premium-bg:#eef7ff;--premium-line:#b6d8ee;
  --shadow:0 12px 34px rgba(44,83,120,.10);--header-bg:rgba(255,255,255,.82);--ornament:rgba(185,138,70,.12)
}
html[data-theme="dark"]{
  --bg:#0a0f18;--surface:#111826;--surface-2:#172132;--text:#edf4ff;--muted:#9eb1c8;--line:#243246;
  --accent:#65b8f0;--accent-2:#e0b56a;--vip-bg:#2a2011;--vip-line:#8d6831;--premium-bg:#132337;--premium-line:#416f99;
  --shadow:0 20px 48px rgba(0,0,0,.42);--header-bg:rgba(10,15,24,.88);--ornament:rgba(224,181,106,.12)
}
html,body{background:var(--bg)!important;color:var(--text)}
body{transition:background .25s,color .25s;position:relative}
a{transition:color .2s,border .2s,background .2s,box-shadow .2s,transform .2s}
html[data-theme="dark"] body:before{content:"";position:fixed;inset:0;pointer-events:none;background:
 radial-gradient(circle at 20% 0%, rgba(224,181,106,.10), transparent 28%),
 radial-gradient(circle at 80% 0%, rgba(101,184,240,.12), transparent 30%),
 linear-gradient(180deg, rgba(17,24,38,.0), rgba(5,9,16,.35) 70%, rgba(4,7,12,.55));z-index:-1}
.ambient-sky{opacity:.45;background:radial-gradient(circle at 20% 0%,var(--ornament),transparent 30%),radial-gradient(circle at 80% 0%,rgba(78,143,188,.12),transparent 28%),linear-gradient(180deg,transparent,rgba(0,0,0,.02))}
html[data-theme="dark"] .ambient-sky{opacity:.95;background:
 radial-gradient(circle at 14% 4%, rgba(224,181,106,.14), transparent 28%),
 radial-gradient(circle at 86% 6%, rgba(101,184,240,.16), transparent 28%),
 linear-gradient(180deg, rgba(20,30,45,.45), rgba(10,15,24,.9));filter:saturate(1.06)}
.site-header{background:var(--header-bg)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(12px)}
html[data-theme="dark"] .site-header{box-shadow:0 12px 36px rgba(0,0,0,.35)}
.header-tools{display:flex;align-items:center;gap:12px;justify-content:space-between;flex:1}.header-tools nav{flex:1}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;cursor:pointer;box-shadow:var(--shadow);font:inherit;font-weight:700}
.theme-toggle:hover{border-color:var(--accent-2);transform:translateY(-1px)}.theme-toggle-icon{font-size:15px;color:var(--accent-2)}
.header nav a{color:var(--text)!important}.brand,.header nav a:hover,.footer-nav a:hover,.rail-bottom-link:hover{color:var(--accent)!important}.brand small{color:var(--accent-2)!important}
.panel,.launch-column,.detail-shell,.stellar-calendar,.compare-dialog,.tag-tile,.timeline-item,.cta-realm,.pricing-card,.discovery-bar,.section-bar,.calendar-hero,.month-switch,.quick-panel,.linked-tags,.realm-grid,.spotlight-grid,.detail-stats>div,.vip-showcase,.vip-tile{background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:var(--shadow)}
.muted,.panel p,.launch-column-head p,.footer-inner p,.footer-inner>span,.detail-text p,.timeline-item p,.readable,.calendar-hero p,.rail-ad-placeholder small,.rail-sponsored-item span,.vip-showcase p,.vip-tile p{color:var(--muted)!important}
.launch-column-head,.launch-opened .launch-column-head,.launch-column-foot,.realm-row:hover,.cta-realm,.calendar-hero,.tag-tile,.linked-tags,.detail-cover.realm-cover,.vip-showcase,.vip-tile{background:linear-gradient(135deg,var(--surface-2),var(--surface))!important}
.realm-row{background:var(--surface)!important;border:1px solid var(--line)!important;position:relative;overflow:hidden}
.realm-row-link,.realm-row-labels,.timeline-item>div>a,.detail-stats strong,.pricing-card h2,.section-bar h2,.launch-column-head h1,.launch-column-head h2,.detail-shell h1,.detail-shell h2,.detail-shell h3,.calendar-month strong,.vip-showcase h2,.vip-tile h3{color:var(--text)!important}
.realm-row-rate,.btn,.nav-cta,.timeline-view,.catalog-pagination a.selected{background:linear-gradient(180deg,var(--accent),#2a648f)!important;border-color:transparent!important;color:#fff!important}
.btn:hover,.nav-cta:hover{filter:brightness(1.05);box-shadow:0 10px 24px rgba(42,124,179,.25);transform:translateY(-1px)}
.btn-ghost,.vip-text-link,.catalog-pagination a,.month-switch input,.discovery-bar input,.discovery-bar select,.form input,.form select,.form textarea,.calendar-month a,.tag-tile,.detail-logo,.feature-list span{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}
input::placeholder,textarea::placeholder{color:var(--muted)}

/* VIP row richer styling */
.realm-tier-vip{background:linear-gradient(135deg,var(--vip-bg),var(--surface))!important;border-left:4px solid var(--accent-2)!important;border-right:1px solid var(--vip-line)!important;box-shadow:0 10px 24px rgba(185,138,70,.12), inset 0 1px 0 rgba(255,255,255,.4)!important}
.realm-tier-vip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(224,181,106,.12),transparent 35%,transparent 65%,rgba(224,181,106,.08));pointer-events:none}
.realm-tier-vip .realm-row-name strong{font-size:13px;letter-spacing:.01em;color:var(--accent-2)!important}
.row-vip{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;background:linear-gradient(180deg,#ffeab9,#f2cf85)!important;color:#744f12!important;border:1px solid #c69d52!important;border-radius:999px;padding:4px 10px;box-shadow:0 4px 12px rgba(185,138,70,.22);font-size:9px;font-weight:900}
.realm-row-flair{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:900;flex:0 0 auto}
.realm-row-flair-vip{background:radial-gradient(circle,#fff4ce 0%,#f2cf85 55%,#c89b49 100%);color:#6b4712;box-shadow:0 0 0 1px rgba(198,157,82,.8),0 0 18px rgba(224,181,106,.26)}

/* Premium row separate frame/icon */
.realm-tier-premium{background:linear-gradient(135deg,var(--premium-bg),var(--surface))!important;border:1px solid var(--premium-line)!important;border-left:4px solid var(--accent)!important;box-shadow:0 8px 18px rgba(42,124,179,.10), inset 0 0 0 1px rgba(101,184,240,.12)!important}
.realm-tier-premium .realm-row-name strong{font-weight:900;color:var(--accent)!important}
.row-premium{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:rgba(42,124,179,.12);border:1px solid var(--premium-line);color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.08em}
.row-premium-icon{font-size:11px;line-height:1}
.realm-row-flair-premium{background:radial-gradient(circle,#dff1ff 0%,#a8d7fa 55%,#63a8dc 100%);color:#174a73;box-shadow:0 0 0 1px rgba(65,111,153,.55),0 0 14px rgba(101,184,240,.20)}

/* VIP showcase */
.vip-showcase{padding:22px;border-radius:22px;margin:0 0 22px;position:relative;overflow:hidden}
.vip-showcase:before{content:"";position:absolute;inset:auto -80px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(224,181,106,.15),transparent 70%)}
.vip-showcase-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.vip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vip-tile{padding:18px;border-radius:18px;position:relative;overflow:hidden}
.vip-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(224,181,106,.05),transparent 40%);pointer-events:none}
.vip-tile-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:linear-gradient(180deg,#ffeab9,#f2cf85);color:#6c4a12;border:1px solid #c69d52;font-size:11px;font-weight:900;margin-bottom:12px}
.vip-tile h3{margin:0 0 8px}.vip-tile h3 a{text-decoration:none;color:inherit}
.vip-tile-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 16px}.vip-tile-meta strong{font-size:18px;color:var(--accent-2)}.vip-tile-meta em{font-style:normal;color:var(--muted)}

.vip-button,.vip-button-large,.vip-nav{background:linear-gradient(135deg,#fff3ce,#e6c178)!important;border-color:#d4ab62!important;color:#6d4b13!important;box-shadow:0 10px 24px rgba(185,138,70,.22)}
.vip-button:hover,.vip-button-large:hover,.vip-nav:hover{filter:brightness(1.04);color:#5b3c09!important}
html[data-theme="dark"] .vip-button,html[data-theme="dark"] .vip-button-large,html[data-theme="dark"] .vip-nav{background:linear-gradient(135deg,#3c2f18,#7e5c27)!important;color:#f9e1ae!important;border-color:#b68643!important;box-shadow:0 12px 28px rgba(224,181,106,.15)}
html[data-theme="dark"] .realm-tier-vip{box-shadow:0 10px 26px rgba(224,181,106,.11), inset 0 1px 0 rgba(255,233,185,.06)!important}
html[data-theme="dark"] .realm-tier-premium{box-shadow:0 10px 22px rgba(101,184,240,.10), inset 0 0 0 1px rgba(101,184,240,.10)!important}
.ad-rail,.rail-sponsored,.rail-mini-cta,.rail-ad-placeholder,.rail-banner-list a{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:var(--shadow)}.rail-title,.rail-sponsored-heading,.pricing-badge{color:var(--accent-2)!important}.rail-sponsored-item strong,.rail-mini-cta strong,.rail-mini-cta a,.rail-bottom-link,.pricing-price{color:var(--text)!important}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 28px}.pricing-card{position:relative;padding:24px;border-radius:18px;overflow:hidden}.pricing-card:before{content:"";position:absolute;inset:auto -40px -40px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,var(--ornament),transparent 70%)}.pricing-card ul{padding-left:18px;margin:14px 0 22px;color:var(--muted)}.pricing-card li{margin:7px 0}.pricing-price{font-size:28px;font-weight:900;margin:10px 0 6px}.pricing-price small{font-size:13px;color:var(--muted)}.pricing-badge{display:inline-flex;padding:5px 10px;border-radius:999px;border:1px solid var(--line);font-size:11px;font-weight:900;letter-spacing:.08em}.pricing-simple{border-top:4px solid #6aa4ca}.pricing-premium{border-top:4px solid var(--accent)}.pricing-vip{border-top:4px solid var(--accent-2)}.pricing-premium h2,.pricing-premium .pricing-price{color:var(--accent)!important}.pricing-vip h2,.pricing-vip .pricing-price{color:var(--accent-2)!important}
.site-footer{background:var(--surface)!important;border-color:var(--line)!important}.table-scroll table,.table-scroll tr,.table-scroll td,.table-scroll th{border-color:var(--line)!important;color:var(--text)!important;background:transparent}
@media (max-width:1200px){.vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.pricing-grid,.vip-grid{grid-template-columns:1fr}.header-tools{align-items:flex-end;gap:10px}.theme-toggle-text{display:none}.vip-showcase-head{display:block}}
@media (max-width:720px){.header-tools{display:block}.theme-toggle{margin-top:8px}.theme-toggle-text{display:inline}}