:root{
  --bg:#05060c;
  --bg-2:#0a0d17;
  --panel:#0d1220;
  --panel-2:#11192a;
  --line:rgba(214,223,255,.10);
  --line-strong:rgba(160,174,255,.24);
  --text:#ecf1ff;
  --muted:#96a2c5;
  --muted-2:#b7c0da;
  --silver:#dce3ff;
  --blue:#9aabff;
  --violet:#7b68ff;
  --violet-2:#4430a8;
  --success:#56d99b;
  --danger:#ff6f8c;
  --radius:28px;
  --shadow:0 20px 45px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1280px,calc(100% - 32px));margin:0 auto}
.site-bg{
  position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(circle at top, rgba(125,104,255,.16), transparent 22%),
    radial-gradient(circle at 80% 10%, rgba(225,233,255,.08), transparent 16%),
    linear-gradient(180deg,#05060c 0%,#090c15 36%,#05060c 100%);
}
.site-bg::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:72px 72px;opacity:.08;
}
.maintenance-banner{background:rgba(255,111,140,.1);border-bottom:1px solid rgba(255,111,140,.25)}
.maintenance-banner__inner{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0;color:#ffd8e1;font-size:13px}
.topline{border-bottom:1px solid var(--line);background:rgba(7,9,17,.78)}
.topline-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-wrap{display:flex;align-items:center;gap:14px}
.brand-mark{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(220,227,255,.12),rgba(123,104,255,.18));border:1px solid var(--line);color:var(--silver);font-size:20px}
.brand-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.35em;color:var(--muted)}
.brand-title{font-size:24px;font-weight:800;letter-spacing:.12em}
.topline-meta{display:flex;gap:10px;flex-wrap:wrap}
.chip{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}
.chip.online{color:#cbffe2;border-color:rgba(86,217,155,.18);background:rgba(86,217,155,.08)}
.chip.offline{color:#ffd6df;border-color:rgba(255,111,140,.18);background:rgba(255,111,140,.08)}
.hero-band{padding:24px 0 20px}
.hero-band--video{padding-top:14px}
.hero-video-card{
  position:relative;
  min-height:600px;
  overflow:visible;
  background:transparent;
  border:none;
  box-shadow:none;
}
.hero-video-card::after{content:none}
.hero-video-card__media{
  display:block;
  width:100%;
  height:600px;
  object-fit:cover;
  object-position:50% 10%;
  filter:drop-shadow(0 22px 38px rgba(0,0,0,.26)) saturate(1.08) brightness(.92) contrast(1.06);
  opacity:.90;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 12%, rgba(0,0,0,.88) 30%, #000 54%, #000 70%, rgba(0,0,0,.88) 84%, rgba(0,0,0,.18) 92%, transparent 100%), linear-gradient(180deg, transparent 0%, rgba(0,0,0,.18) 10%, rgba(0,0,0,.88) 24%, #000 36%, #000 64%, rgba(0,0,0,.88) 76%, rgba(0,0,0,.18) 90%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.22) 12%, rgba(0,0,0,.90) 30%, #000 54%, #000 70%, rgba(0,0,0,.90) 84%, rgba(0,0,0,.22) 92%, transparent 100%), linear-gradient(180deg, transparent 0%, rgba(0,0,0,.22) 10%, rgba(0,0,0,.90) 24%, #000 36%, #000 64%, rgba(0,0,0,.90) 76%, rgba(0,0,0,.22) 90%, transparent 100%);
  mask-composite:intersect;
}
.stat-card{padding:11px 11px 10px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(214,223,255,.05)}
.stat-card small{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.stat-card strong{display:block;margin-top:8px;font-size:24px;line-height:1.02}
.main-nav{position:sticky;top:0;z-index:40;background:rgba(6,8,15,.92);border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-inner{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}
.main-nav a{padding:10px 14px;border-radius:12px;color:#dbe4ff;font-size:13px;text-transform:uppercase;letter-spacing:.05em;transition:.2s ease}
.main-nav a:hover{background:rgba(255,255,255,.05)}
.app-grid{display:grid;grid-template-columns:320px 1fr;gap:24px;padding:24px 0 36px}
.sidebar,.content-stack{display:grid;gap:18px;align-content:start}
.panel{overflow:hidden;background:linear-gradient(180deg,rgba(14,18,33,.96),rgba(9,12,21,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.module{position:relative}
.side-card::before,.module::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(220,227,255,.02),transparent 26%);pointer-events:none}
.card-head,.panel > h3{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));position:relative;z-index:1}
.card-head h2,.panel > h3{margin:0;font-size:16px;text-transform:uppercase;letter-spacing:.06em}
.card-head span{font-size:12px;color:var(--muted)}
.card-body,.inner,.panel-body{padding:18px 20px 20px;position:relative;z-index:1}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:16px;background:linear-gradient(180deg,#ffffff 0%,#efeaf8 100%);color:#050507;font-weight:800;text-decoration:none;border:1px solid rgba(255,255,255,.10);position:relative;overflow:hidden;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent 25%, rgba(255,255,255,.24) 48%, transparent 70%);transform:translateX(-130%);transition:transform .8s ease}
.btn:hover::after{transform:translateX(130%)}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 16px 28px rgba(101,78,255,.16)}
.btn.secondary{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:#f0f1f6;border:1px solid rgba(255,255,255,.10)}
.btn.full{width:100%}
button.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
button.btn:disabled::after,.btn[disabled]::after{display:none}
.input,.select,.textarea{width:100%;padding:14px 15px;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border:1px solid var(--line);color:var(--text);outline:none;font:inherit}
.textarea{min-height:140px;resize:vertical}
.input:focus,.select:focus,.textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px rgba(123,104,255,.08)}
.input::placeholder,.textarea::placeholder{color:#6f7c9f}
.stack-form,.auth-form{display:grid;gap:12px}
.quick-actions{display:grid;gap:12px;margin-top:12px}
.user-chip{padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid var(--line);margin-bottom:0}
.flash{padding:12px 14px;border-radius:14px;border:1px solid var(--line);font-size:14px;margin-bottom:12px}
.flash.success{background:rgba(86,217,155,.10);border-color:rgba(86,217,155,.22)}
.flash.error{background:rgba(255,111,140,.10);border-color:rgba(255,111,140,.22)}
.status-online{color:var(--success)!important}.status-offline{color:var(--danger)!important}
.info-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.info-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.info-list li:last-child{border-bottom:0;padding-bottom:0}
.info-list span{color:#dfebf6;font-size:14px;display:block;line-height:1.5}
.info-list span small{display:block;color:var(--muted);margin-top:4px;font-size:11px}
.info-list strong{color:#fff;font-size:13px;align-self:center;text-align:right}
.compact-list li{padding:10px 0}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hero-stats .stat{padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line)}
.hero-stats strong{display:block;font-size:34px;color:#fff;line-height:1.05;overflow-wrap:anywhere}
.hero-stats span{display:block;margin-top:8px;color:var(--muted);font-size:12px}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.module-grid-downloads{grid-template-columns:repeat(3,minmax(0,1fr))}
.auth-layout{align-items:start}
.auth-main-card .inner,.auth-side-card .inner{min-height:100%}
.news-list{display:grid;gap:14px}
.news-item,.download-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.022));border:1px solid var(--line)}
.news-item small,.download-card small,.panel-kicker{display:block;margin-bottom:8px;color:#d9e1ff;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.news-item p,.download-card p,.intro-box p{margin:0;color:var(--muted-2);line-height:1.8}
.download-card h4{margin:0 0 10px}
.download-card .btn{margin-top:14px}
.subdued{color:var(--muted-2);line-height:1.75;font-size:14px}
.castle-owner{font-size:42px;font-weight:900;letter-spacing:-.04em;line-height:1.02;color:#fff;overflow-wrap:anywhere}
.castle-box,.gens-box{display:grid;gap:16px}
.section-mini-title{margin:0 0 14px;color:#fff}
.rank-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:0 20px 18px;position:relative;z-index:1}
.rank-tabs a{padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#d8e4f2;transition:.18s ease}
.rank-tabs a.active,.rank-tabs a:hover{background:rgba(123,104,255,.14);border-color:rgba(123,104,255,.28);color:#fff}
.rank-tabs-full{padding-top:18px}
.table-wrap{overflow:auto}
.table-wrap::-webkit-scrollbar{height:10px}.table-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}
table.mu-table{width:100%;border-collapse:collapse;font-size:14px}
table.mu-table thead th{background:#0d1526;color:#c7d4f3;font-weight:700;text-align:left;padding:14px 12px;border-bottom:1px solid var(--line-strong);white-space:nowrap}
table.mu-table td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.05);color:#dbe7f4;line-height:1.55}
table.mu-table tbody tr:hover{background:rgba(255,255,255,.022)}
.mu-table-large{min-width:820px}
.hero-mini-grid,.ranking-summary-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch}
.feature-stack{display:grid;gap:12px}
.feature-card{padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line)}
.feature-card strong{display:block;font-size:18px}
.feature-card span{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.6}
.inline-actions,.compact-actions{display:flex;gap:10px;flex-wrap:wrap}
.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.form-grid-3 .btn{grid-column:1/-1}
.media-card{display:grid;grid-template-columns:144px 1fr;gap:14px;align-items:start}
.media-card__image{overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#0a101c}
.media-card__image img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.media-card__body{display:grid;gap:8px}
.auth-side-list{display:grid;gap:14px}
.footer{padding:28px 0 40px;border-top:1px solid var(--line);background:rgba(5,10,15,.62)}
.footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.link-button,.table-link{color:#dfe6ff;text-decoration:underline;text-underline-offset:3px}
.search-form-inline,.search-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.search-form-inline .input,.search-row .input{flex:1 1 220px}
.radio-chip,.check-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted-2)}
.check-row input,.radio-chip input{accent-color:var(--violet)}
.account-admin-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.admin-media-preview{padding:12px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.admin-media-preview img{border-radius:14px;border:1px solid var(--line);max-height:220px;object-fit:cover}
.log-detail-cell{white-space:pre-wrap;word-break:break-word;color:var(--muted-2)}
@media (max-width:1100px){
  .app-grid,.module-grid,.module-grid-downloads,.hero-mini-grid,.ranking-summary-grid{grid-template-columns:1fr}
  .hero-video-card{min-height:430px}
  .hero-video-card__media{height:430px;width:100%;margin-left:0}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .form-grid-3{grid-template-columns:1fr}
}
@media (max-width:760px){
  .hero-video-card{min-height:340px}
  .hero-video-card__media{height:340px;width:100%;margin-left:0}
  .hero-stats{grid-template-columns:1fr}
  .media-card{grid-template-columns:1fr}
  .topline-inner{min-height:auto;padding:16px 0;flex-direction:column;align-items:flex-start}
  .container{width:min(100%,calc(100% - 20px))}
}

@keyframes fogDriftOne{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(70px,-18px,0) scale(1.12)}
}
@keyframes fogDriftTwo{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-90px,14px,0) scale(1.08)}
}

.dashboard-hero-panel{
  overflow:hidden;
}
.dashboard-hero{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:18px;
  align-items:stretch;
  background:
    radial-gradient(circle at 80% 12%, rgba(220,227,255,.10), transparent 18%),
    radial-gradient(circle at 82% 74%, rgba(123,104,255,.18), transparent 20%),
    linear-gradient(135deg, rgba(11,14,27,.96), rgba(16,12,36,.96));
  border-radius:24px;
}
.dashboard-hero__copy,
.dashboard-hero__aside{
  position:relative;
  z-index:1;
}
.dashboard-hero__copy h1{
  margin:10px 0 12px;
  font-size:clamp(32px,4vw,54px);
  line-height:.98;
  letter-spacing:-.04em;
}
.dashboard-hero__copy p{
  max-width:760px;
  margin:0;
  color:var(--muted-2);
  line-height:1.85;
}
.dashboard-hero__aside{
  display:grid;
  gap:12px;
}
.dashboard-status-card{
  padding:20px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
  border:1px solid var(--line);
}
.dashboard-status-card small{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.dashboard-status-card strong{
  display:block;
  margin-top:10px;
  font-size:28px;
  line-height:1.04;
  overflow-wrap:anywhere;
}
.dashboard-status-card span{
  display:block;
  margin-top:8px;
  color:var(--muted-2);
  line-height:1.7;
  font-size:13px;
}
.dashboard-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.panel-duo-grid{
  align-items:start;
}
@media (max-width:1100px){
  .dashboard-hero,
  .dashboard-summary-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:760px){
  .dashboard-hero,
  .dashboard-summary-grid{
    grid-template-columns:1fr;
  }
}


.panel-shell{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.panel-side-nav{
  position:sticky;
  top:84px;
}
.panel-side-nav__body{
  display:grid;
  gap:16px;
}
.panel-user-box{
  padding:12px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
  border:1px solid var(--line);
}
.panel-user-box small{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.panel-user-box strong{
  display:block;
  margin-top:10px;
  font-size:24px;
  line-height:1.05;
  overflow-wrap:anywhere;
}
.panel-user-box span{
  display:block;
  margin-top:8px;
  color:var(--muted-2);
  line-height:1.7;
  font-size:13px;
}
.panel-nav-group{
  display:grid;
  gap:4px;
}
.panel-nav-group__title{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.panel-nav-list{
  display:grid;
  gap:4px;
}
.panel-nav-link{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:11px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:#dce6ff;
  transition:.18s ease;
}
.panel-nav-link:hover{
  background:rgba(255,255,255,.05);
}
.panel-nav-link.active{
  background:linear-gradient(135deg,rgba(226,232,255,.12),rgba(134,120,255,.16));
  border-color:rgba(154,171,255,.28);
  color:#fff;
}
.panel-quick-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.panel-quick-stats div{
  padding:12px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
}
.panel-quick-stats small{
  display:block;
  color:var(--muted);
  font-size:11px;
}
.panel-quick-stats strong{
  display:block;
  margin-top:6px;
  font-size:18px;
  color:#fff;
}
.panel-side-actions{
  display:grid;
  gap:10px;
}
.panel-main-content{
  display:grid;
  gap:18px;
}
.quick-link-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.quick-link-card{
  display:block;
  padding:18px;
  border-radius:14px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.022));
}
.quick-link-card strong{
  display:block;
  color:#fff;
}
.quick-link-card span{
  display:block;
  margin-top:8px;
  color:var(--muted-2);
  line-height:1.7;
  font-size:14px;
}
@media (max-width:1100px){
  .panel-shell,
  .quick-link-grid{
    grid-template-columns:1fr;
  }
  .panel-side-nav{
    position:static;
  }
}
@media (max-width:760px){
  .panel-quick-stats{
    grid-template-columns:1fr;
  }
}


.subnav-group{padding:18px 20px 0;position:relative;z-index:1}
.subnav-group--bottom{padding-top:10px}
.subnav-label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:10px}
.subnav-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:0 20px 18px;position:relative;z-index:1}
.subnav-tabs--compact{padding:0}
.subnav-tabs a{padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#d8e4f2;transition:.18s ease}
.subnav-tabs a.active,.subnav-tabs a:hover{background:rgba(123,104,255,.14);border-color:rgba(123,104,255,.28);color:#fff}
.page-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}
.news-grid-page,.download-grid-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.news-card-page,.page-download-card{padding:0;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.022));border:1px solid var(--line);overflow:hidden}
.news-card-page__image{aspect-ratio:16/9;background:#0a101c;border-bottom:1px solid var(--line)}
.news-card-page__image img{width:100%;height:100%;object-fit:cover}
.news-card-page__body{padding:18px}
.news-card-page__body small{display:inline-flex;margin-bottom:10px;padding:7px 10px;border-radius:999px;background:rgba(123,104,255,.12);border:1px solid rgba(123,104,255,.24);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#e1e7ff}
.news-card-page__body h4,.page-download-card h4{margin:0 0 10px;font-size:24px;line-height:1.08}
.news-card-page__body p,.page-download-card p{margin:0;color:var(--muted-2);line-height:1.8}
.news-meta,.download-card__meta{display:block;margin-top:12px;color:var(--muted);font-size:12px}
.install-flow-grid,.quick-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.side-link-stack{display:grid;gap:12px}
.side-link-card,.quick-link-card{display:grid;gap:6px;padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line);transition:.2s ease}
.side-link-card:hover,.quick-link-card:hover{transform:translateY(-1px);border-color:var(--line-strong)}
.side-link-card strong,.quick-link-card strong{font-size:16px}
.side-link-card span,.quick-link-card span{color:var(--muted-2);line-height:1.6;font-size:13px}
.admin-dashboard-shell .dashboard-hero{background:radial-gradient(circle at 82% 14%, rgba(255,119,164,.08), transparent 15%),radial-gradient(circle at 76% 70%, rgba(123,104,255,.22), transparent 20%),linear-gradient(135deg, rgba(20,11,31,.96), rgba(11,12,25,.96))}
@media (max-width:1100px){
  .page-intro-grid,.news-grid-page,.download-grid-page,.install-flow-grid,.quick-link-grid{grid-template-columns:1fr}
}


/* Detail pages */
.detail-hero-panel{overflow:hidden}
.detail-hero{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
  align-items:stretch;
  padding:28px;
  background:linear-gradient(135deg,rgba(13,18,33,.96),rgba(9,12,22,.99));
}
.detail-hero--download{grid-template-columns:1fr}
.detail-hero__copy{display:grid;gap:14px;align-content:start}
.detail-hero__copy h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:.98;letter-spacing:-.04em}
.detail-hero__copy p{margin:0;color:var(--muted-2);line-height:1.9}
.detail-kicker{
  display:inline-flex;width:max-content;padding:10px 14px;border-radius:999px;
  background:rgba(220,227,255,.08);border:1px solid rgba(220,227,255,.14);
  color:var(--silver);font-size:11px;text-transform:uppercase;letter-spacing:.18em
}
.detail-kicker--muted{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:var(--muted-2)}
.detail-hero__media{
  min-height:320px;border-radius:26px;overflow:hidden;border:1px solid var(--line);
  background:rgba(255,255,255,.03)
}
.detail-hero__media img{width:100%;height:100%;object-fit:cover}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.breadcrumbs a{color:#d8e3ff}
.detail-meta-row{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.detail-content-grid{display:grid;grid-template-columns:1fr 320px;gap:18px}
.detail-sidebar{display:grid;gap:18px;align-content:start}
.prose-panel h3{margin:0 0 10px}
.prose-copy{color:var(--muted-2);line-height:1.9;font-size:15px}
.detail-callout-grid,.download-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.related-card{height:100%}
.card-actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.card-actions-row .btn{min-height:34px;padding:6px 12px;border-radius:10px}
.page-download-card h4,.news-card-page__body h4{margin:0 0 8px;font-size:22px}
.news-card-page__body p,.page-download-card p{color:var(--muted-2);line-height:1.8}
.news-meta,.download-card__meta{display:block;margin-top:10px;color:var(--muted);font-size:12px}
.detail-empty-state{padding:32px}
.detail-empty-state h2{margin:0 0 10px;font-size:34px}
.detail-empty-state p{margin:0;color:var(--muted-2);line-height:1.8}

@media (max-width:1100px){
  .detail-content-grid,.detail-hero,.detail-related-grid{grid-template-columns:1fr}
  .detail-callout-grid,.download-steps-grid{grid-template-columns:1fr}
}


.table-link{color:#e7eeff;font-weight:700;text-decoration:none}
.table-link:hover{color:#ffffff;text-decoration:underline}
.detail-hero--character,
.detail-hero--guild{
  min-height:280px;
  padding:34px 30px;
  background:
    radial-gradient(circle at 78% 28%, rgba(219,226,255,.10), transparent 14%),
    radial-gradient(circle at 74% 60%, rgba(123,104,255,.18), transparent 18%),
    linear-gradient(135deg, rgba(10,14,24,.96), rgba(18,14,40,.92));
}
.profile-stat-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.profile-pill-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.profile-pill{
  padding:16px 18px;
  border-radius:14px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
}
.profile-pill span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.profile-pill strong{display:block;margin-top:8px;font-size:22px;color:#fff}
.profile-card-mini h4{margin:0 0 8px}
.profile-card-mini p{margin:0;color:var(--muted-2);line-height:1.7}
@media (max-width:1100px){
  .profile-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .profile-pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .profile-stat-grid,.profile-pill-grid{grid-template-columns:1fr}
}


.equipment-module__intro{display:grid;gap:18px}
.equipment-module__summary h4{margin:6px 0 8px;font-size:24px}
.equipment-module__summary p{margin:0;color:var(--muted-2);line-height:1.8}
.equipment-meta-row{margin-top:14px}
.equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.equipment-slot{
  min-height:126px;
  padding:12px;
  border-radius:16px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));
  display:grid;
  align-content:start;
  gap:4px;
  position:relative;
  overflow:hidden;
}
.equipment-slot::after{
  content:'';
  position:absolute;
  inset:auto -22px -26px auto;
  width:92px;height:92px;
  border-radius:50%;
  background:rgba(255,255,255,.04);
  filter:blur(8px);
}
.equipment-slot small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1}
.equipment-slot strong{display:block;font-size:14px;line-height:1.15;position:relative;z-index:1}
.equipment-slot span{display:block;color:var(--muted-2);font-size:12px;line-height:1.45;position:relative;z-index:1}
.equipment-slot em{display:inline-flex;justify-self:start;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-style:normal;font-size:10px;letter-spacing:.05em;text-transform:uppercase;position:relative;z-index:1}
.equipment-slot.is-empty{opacity:.72}
.equipment-slot--silver{border-color:rgba(220,227,255,.22);background:linear-gradient(180deg,rgba(220,227,255,.09),rgba(255,255,255,.025))}
.equipment-slot--silver em{background:rgba(220,227,255,.10);color:#edf2ff}
.equipment-slot--violet{border-color:rgba(123,104,255,.24);background:linear-gradient(180deg,rgba(123,104,255,.13),rgba(255,255,255,.02))}
.equipment-slot--violet em{background:rgba(123,104,255,.14);color:#f0ecff}
.equipment-slot--blue{border-color:rgba(154,171,255,.24);background:linear-gradient(180deg,rgba(154,171,255,.12),rgba(255,255,255,.02))}
.equipment-slot--blue em{background:rgba(154,171,255,.16);color:#edf2ff}
.equipment-slot--empty{border-style:dashed}
@media (max-width:1100px){
  .equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .equipment-grid{grid-template-columns:1fr}
}

.inventory-module__intro{display:grid;gap:18px}
.inventory-module__summary h4{margin:6px 0 8px;font-size:24px}
.inventory-module__summary p{margin:0;color:var(--muted-2);line-height:1.8}
.inventory-legend{display:flex;flex-wrap:wrap;gap:10px}
.legend-pill{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:28px;padding:8px 12px;border-radius:999px;
  border:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.08em
}
.legend-pill--silver{background:rgba(220,227,255,.08);border-color:rgba(220,227,255,.18);color:#edf2ff}
.legend-pill--violet{background:rgba(123,104,255,.10);border-color:rgba(123,104,255,.22);color:#f0ecff}
.legend-pill--blue{background:rgba(154,171,255,.10);border-color:rgba(154,171,255,.22);color:#edf2ff}
.legend-pill--empty{background:rgba(255,255,255,.03);color:var(--muted-2)}
.inventory-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:8px;
}
.inventory-cell{
  min-height:92px;
  padding:8px;
  border-radius:14px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));
  display:grid;
  align-content:start;
  gap:4px;
  position:relative;
  overflow:hidden;
}
.inventory-cell::after{
  content:'';
  position:absolute;
  inset:auto -20px -20px auto;
  width:72px;height:72px;border-radius:50%;
  background:rgba(255,255,255,.03);filter:blur(8px)
}
.inventory-cell small,.inventory-cell strong,.inventory-cell span{position:relative;z-index:1}
.inventory-cell small{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.inventory-cell strong{font-size:11px;line-height:1.15;color:#fff}
.inventory-cell span{font-size:10px;line-height:1.35;color:var(--muted-2)}
.inventory-cell.is-empty{opacity:.64}
.inventory-cell--silver{border-color:rgba(220,227,255,.2);background:linear-gradient(180deg,rgba(220,227,255,.08),rgba(255,255,255,.02))}
.inventory-cell--violet{border-color:rgba(123,104,255,.22);background:linear-gradient(180deg,rgba(123,104,255,.12),rgba(255,255,255,.02))}
.inventory-cell--blue{border-color:rgba(154,171,255,.22);background:linear-gradient(180deg,rgba(154,171,255,.11),rgba(255,255,255,.02))}
.inventory-cell--empty{border-style:dashed}
@media (max-width:1100px){
  .inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:760px){
  .inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.item-tooltip-wrap{
  position:relative;
  min-width:0;
}
.item-tooltip-wrap:hover,
.item-tooltip-wrap:focus-within{
  z-index:30;
}
.has-item-tooltip{
  cursor:help;
  outline:none;
}
.has-item-tooltip:focus-visible{
  border-color:rgba(154,171,255,.34);
  box-shadow:0 0 0 4px rgba(123,104,255,.10);
}
.item-tooltip{
  position:absolute;
  left:50%;
  bottom:calc(100% + 12px);
  transform:translateX(-50%) translateY(8px);
  width:min(320px,calc(100vw - 32px));
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(220,227,255,.16);
  background:linear-gradient(180deg,rgba(8,10,20,.98),rgba(12,14,29,.99));
  box-shadow:0 24px 48px rgba(0,0,0,.42);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.item-tooltip::after{
  content:'';
  position:absolute;
  left:50%;
  top:100%;
  width:14px;
  height:14px;
  transform:translateX(-50%) rotate(45deg);
  border-right:1px solid rgba(220,227,255,.16);
  border-bottom:1px solid rgba(220,227,255,.16);
  background:rgba(11,13,24,.98);
}
.item-tooltip-wrap:hover .item-tooltip,
.item-tooltip-wrap:focus-within .item-tooltip{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.item-tooltip--compact{
  width:min(280px,calc(100vw - 32px));
}
.item-tooltip__kicker{
  color:var(--muted);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.item-tooltip__title{
  margin-top:6px;
  color:#fff;
  font-size:20px;
  font-weight:800;
  line-height:1.15;
}
.item-tooltip__quality{
  margin-top:8px;
  display:inline-flex;
  width:max-content;
  min-height:30px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#eef3ff;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.item-tooltip__meta{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.item-tooltip__meta span,
.item-tooltip__footer span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  color:#dbe5ff;
  font-size:11px;
  line-height:1.3;
}
.item-tooltip p{
  margin:12px 0 0;
  color:var(--muted-2);
  line-height:1.7;
  font-size:13px;
}
.item-tooltip__footer{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.item-tooltip--silver{
  border-color:rgba(220,227,255,.24);
}
.item-tooltip--silver .item-tooltip__quality{
  color:#eef3ff;
  border-color:rgba(220,227,255,.14);
  background:rgba(220,227,255,.08);
}
.item-tooltip--violet{
  border-color:rgba(123,104,255,.26);
}
.item-tooltip--violet .item-tooltip__quality{
  color:#f1edff;
  border-color:rgba(123,104,255,.18);
  background:rgba(123,104,255,.12);
}
.item-tooltip--blue{
  border-color:rgba(154,171,255,.26);
}
.item-tooltip--blue .item-tooltip__quality{
  color:#eef3ff;
  border-color:rgba(154,171,255,.18);
  background:rgba(154,171,255,.12);
}
.item-tooltip--empty{
  border-style:dashed;
}
@media (max-width:760px){
  .item-tooltip{
    left:0;
    right:0;
    bottom:calc(100% + 10px);
    width:auto;
    transform:translateY(8px);
  }
  .item-tooltip::after{
    left:24px;
    transform:rotate(45deg);
  }
  .item-tooltip-wrap:hover .item-tooltip,
  .item-tooltip-wrap:focus-within .item-tooltip{
    transform:translateY(0);
  }
}

.equipment-slot__art,
.inventory-cell__art,
.item-tooltip__thumb{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:radial-gradient(circle at top, rgba(220,227,255,.08), rgba(255,255,255,.02) 56%, rgba(11,14,24,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.equipment-slot__art{
  min-height:46px;
  margin-bottom:2px;
}
.inventory-cell__art{
  min-height:28px;
}
.item-tooltip__thumb{
  width:64px;
  height:64px;
  margin-bottom:12px;
}
.item-tooltip__thumb--compact{
  width:54px;
  height:54px;
}
.equipment-slot__art img,
.inventory-cell__art img,
.item-tooltip__thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.30));
}
.equipment-slot.is-empty .equipment-slot__art,
.inventory-cell.is-empty .inventory-cell__art,
.item-tooltip--empty .item-tooltip__thumb{
  opacity:.62;
  border-style:dashed;
}
.inventory-cell{
  grid-template-rows:auto auto auto 1fr;
}
.inventory-cell strong{
  min-height:32px;
}
.item-tooltip__thumb + .item-tooltip__kicker{
  margin-top:0;
}


/* Sprite categories + rarity frames */
.legend-pill--relic{background:rgba(225,232,255,.12);border-color:rgba(225,232,255,.28);color:#f2f6ff}
.legend-pill--mythic{background:rgba(205,227,255,.14);border-color:rgba(163,198,255,.28);color:#f1f8ff}
.legend-pill--phantom{background:rgba(123,104,255,.14);border-color:rgba(123,104,255,.30);color:#f3efff}
.legend-pill--ancient{background:rgba(120,156,255,.14);border-color:rgba(120,156,255,.30);color:#eef4ff}
.legend-pill--abyssal{background:rgba(210,78,148,.12);border-color:rgba(210,78,148,.28);color:#fff0f8}
.equipment-slot,.inventory-cell,.item-tooltip{
  --rarity-border: rgba(255,255,255,.10);
  --rarity-glow: rgba(255,255,255,.08);
  --rarity-top: rgba(255,255,255,.04);
}
.equipment-slot,.inventory-cell{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 28px rgba(0,0,0,.20);
}
.equipment-slot::before,
.inventory-cell::before{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.03);
  pointer-events:none;
  background:linear-gradient(180deg,var(--rarity-top),transparent 36%);
}
.equipment-slot.rarity-relic,
.inventory-cell.rarity-relic,
.item-tooltip.rarity-relic{
  --rarity-border: rgba(225,232,255,.34);
  --rarity-glow: rgba(206,218,255,.20);
  --rarity-top: rgba(225,232,255,.10);
}
.equipment-slot.rarity-phantom,
.inventory-cell.rarity-phantom,
.item-tooltip.rarity-phantom{
  --rarity-border: rgba(123,104,255,.36);
  --rarity-glow: rgba(123,104,255,.22);
  --rarity-top: rgba(123,104,255,.13);
}
.equipment-slot.rarity-ancient,
.inventory-cell.rarity-ancient,
.item-tooltip.rarity-ancient{
  --rarity-border: rgba(120,156,255,.34);
  --rarity-glow: rgba(120,156,255,.20);
  --rarity-top: rgba(120,156,255,.12);
}
.equipment-slot.rarity-mythic,
.inventory-cell.rarity-mythic,
.item-tooltip.rarity-mythic{
  --rarity-border: rgba(184,225,255,.38);
  --rarity-glow: rgba(149,216,255,.26);
  --rarity-top: rgba(184,225,255,.16);
}
.equipment-slot.rarity-abyssal,
.inventory-cell.rarity-abyssal,
.item-tooltip.rarity-abyssal{
  --rarity-border: rgba(210,78,148,.36);
  --rarity-glow: rgba(210,78,148,.24);
  --rarity-top: rgba(210,78,148,.14);
}
.equipment-slot.rarity-soulbound,
.inventory-cell.rarity-soulbound,
.item-tooltip.rarity-soulbound{
  --rarity-border: rgba(86,182,255,.34);
  --rarity-glow: rgba(86,182,255,.22);
  --rarity-top: rgba(86,182,255,.12);
}
.equipment-slot.rarity-empty,
.inventory-cell.rarity-empty,
.item-tooltip.rarity-empty{
  --rarity-border: rgba(255,255,255,.10);
  --rarity-glow: rgba(255,255,255,.05);
}
.equipment-slot,
.inventory-cell{
  border-color: var(--rarity-border) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,255,255,.02), 0 12px 28px rgba(0,0,0,.24), 0 0 20px var(--rarity-glow);
}
.item-tooltip{
  border-color: var(--rarity-border) !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.48), 0 0 26px var(--rarity-glow);
}
.item-tooltip .item-tooltip__quality{
  border-color: var(--rarity-border);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 14px var(--rarity-glow);
}
.equipment-slot em{
  background: color-mix(in srgb, var(--rarity-border) 28%, transparent);
  color:#f5f8ff;
}
.equipment-slot__art,
.inventory-cell__art,
.item-tooltip__thumb{
  border-color: color-mix(in srgb, var(--rarity-border) 58%, rgba(255,255,255,.06));
  background:
    radial-gradient(circle at 30% 22%, color-mix(in srgb, var(--rarity-border) 30%, transparent), transparent 42%),
    radial-gradient(circle at 72% 76%, color-mix(in srgb, var(--rarity-glow) 75%, transparent), transparent 45%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015) 52%, rgba(11,14,24,.82));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 16px color-mix(in srgb, var(--rarity-glow) 78%, transparent);
}
.equipment-slot__art img,
.inventory-cell__art img,
.item-tooltip__thumb img{
  padding:3px;
  image-rendering:auto;
  transform:none;
  filter: drop-shadow(0 5px 7px rgba(0,0,0,.22)) drop-shadow(0 0 10px color-mix(in srgb, var(--rarity-glow) 70%, transparent));
}
.inventory-cell__art img{padding:2px}
.item-art--real{
  image-rendering: pixelated !important;
  object-fit: contain;
  object-position:center;
  max-width:68%;
  max-height:68%;
  background: transparent;
  filter: drop-shadow(0 3px 6px rgba(0,0,0,.20)) drop-shadow(0 0 8px color-mix(in srgb, var(--rarity-glow) 62%, transparent)) !important;
}
.equipment-slot__art .item-art--real,
.item-tooltip__thumb .item-art--real{
  padding: 2px;
  max-width:62%;
  max-height:62%;
}
.inventory-cell__art .item-art--real{
  padding: 0;
  max-width:56%;
  max-height:56%;
}
.inventory-cell.rarity-abyssal .inventory-cell__art img,
.equipment-slot.rarity-abyssal .equipment-slot__art img{transform:scale(1.07) rotate(-2deg)}
.inventory-cell.rarity-mythic .inventory-cell__art img,
.equipment-slot.rarity-mythic .equipment-slot__art img{transform:scale(1.09)}


.item-tooltip__stats{
  display:grid;
  gap:4px;
  margin:10px 0 12px;
}
.item-stat-line{
  padding:7px 10px;
  border-radius:10px;
  border:1px solid rgba(207,215,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
  color:#eef2ff;
  font-size:12px;
  line-height:1.45;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.rarity-ancient .item-stat-line{border-color:rgba(83,140,255,.28)}
.rarity-relic .item-stat-line,.rarity-mythic .item-stat-line{border-color:rgba(221,228,255,.24)}
.rarity-abyssal .item-stat-line{border-color:rgba(255,111,140,.24)}
.rarity-phantom .item-stat-line{border-color:rgba(138,118,255,.24)}

/* Layout alignment fix for item inspectors */
.item-inspector{
  min-height: 200px;
  margin: 4px 0 14px;
  border-radius: 16px;
  border: 1px solid rgba(220,227,255,.12);
  background: linear-gradient(180deg,rgba(12,16,30,.94),rgba(8,11,22,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 18px 34px rgba(0,0,0,.22);
  overflow: hidden;
}
.item-inspector__placeholder{
  padding: 18px;
  color: var(--muted-2);
  line-height: 1.8;
}
.item-tooltip-wrap > .item-tooltip{
  display: none !important;
}
.item-inspector .item-tooltip{
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  width: 100%;
  max-width: none;
  opacity: 1;
  transform: none;
  pointer-events: auto;
  display: block !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 18px;
  background: transparent;
}
.item-inspector .item-tooltip::after{
  display:none;
}
.item-tooltip-wrap.is-active .equipment-slot,
.item-tooltip-wrap.is-active .inventory-cell{
  border-color: rgba(154,171,255,.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(255,255,255,.03), 0 0 22px rgba(123,104,255,.18), 0 14px 28px rgba(0,0,0,.24);
}
.equipment-module__intro,
.inventory-module__intro{
  display: grid;
  gap: 0;
}
.equipment-module__summary,
.inventory-module__summary{
  margin-bottom: 18px;
}
.equipment-grid,
.inventory-grid{
  position: relative;
  z-index: 1;
}
@media (max-width: 760px){
  .item-inspector{
    min-height: 0;
  }
  .item-inspector .item-tooltip{
    padding: 18px;
  }
}

.item-tooltip__section{margin:10px 0 12px}
.item-tooltip__section-title{
  margin-bottom:8px;
  color:#dbe4ff;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.item-badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.item-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:28px;padding:4px 10px;border-radius:999px;
  border:1px solid rgba(207,215,255,.18);
  background:rgba(255,255,255,.04);
  color:#edf2ff;font-size:11px;letter-spacing:.08em;text-transform:uppercase
}
.item-stat-line--accent{border-color:rgba(123,104,255,.32); background:linear-gradient(180deg,rgba(123,104,255,.14),rgba(255,255,255,.02))}
.item-stat-line--bonus{border-color:rgba(83,140,255,.26); background:linear-gradient(180deg,rgba(83,140,255,.13),rgba(255,255,255,.02))}
.item-inspector{min-height:320px}
.item-tooltip p{margin:12px 0 0;color:var(--muted-2);line-height:1.7}


/* Donations */
.donations-hero,.donation-home-grid{display:grid;gap:18px}
.donations-top-grid,.donations-main-grid,.donations-admin-grid{grid-template-columns:1fr 1fr}
.donation-package-grid,.donation-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.donation-card,.donation-method-card,.donation-help-box,.donation-mini-pack,.donation-detail-card,.request-row{
  padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid var(--line)
}
.donation-card.is-featured,.donation-mini-pack.is-featured{border-color:rgba(123,104,255,.35);box-shadow:0 18px 34px rgba(123,104,255,.12)}
.donation-card__head,.donation-method-card__head,.donation-detail-card__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.donation-card small,.donation-mini-pack small{display:block;margin-bottom:8px;color:var(--silver);text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.donation-card h4,.donation-detail-card h4{margin:0;font-size:22px}
.donation-card p,.donation-method-card p,.donation-help-box p{margin:10px 0 0;color:var(--muted-2);line-height:1.7}
.reward-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}
.reward-list li{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:#dce4ff}
.donation-method-card__account{margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);font-weight:700;color:#fff;word-break:break-all}
.donation-help-box{display:flex;flex-direction:column;justify-content:center}
.two-col-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.auth-form label span{display:block;margin-bottom:8px;color:var(--muted-2);font-size:13px}
.textarea{min-height:124px;resize:vertical}
.donation-side-stack,.donation-request-list,.compact-stack{display:grid;gap:14px}
.request-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.request-row strong{display:block}
.request-row span{display:block;color:var(--muted);font-size:13px}
.request-row.compact{padding:14px 16px}
.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line)}
.status-badge.pending{background:rgba(123,104,255,.14);border-color:rgba(123,104,255,.26);color:#e7dcff}
.status-badge.approved{background:rgba(86,217,155,.12);border-color:rgba(86,217,155,.22);color:#d6ffe8}
.status-badge.rejected{background:rgba(255,111,140,.12);border-color:rgba(255,111,140,.24);color:#ffdce4}
.donation-mini-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.donation-mini-pack{display:grid;gap:8px}
.donation-mini-pack strong{font-size:18px}
.donation-mini-pack span{color:#fff;font-weight:700}
.donation-mini-pack em{color:var(--muted);font-style:normal;line-height:1.5}
.donation-home-grid .inline-actions{margin-top:4px}
.admin-search-form{display:flex;gap:10px;margin-bottom:14px}
.admin-search-form .input{flex:1}
.admin-request-table small{color:var(--muted)}
.admin-row-btn{min-height:38px;padding:8px 12px}
.donation-detail-card{display:grid;gap:16px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.detail-grid div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.detail-grid span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.detail-grid strong{display:block;color:#fff;line-height:1.5;word-break:break-word}
.wrap-mobile{flex-wrap:wrap}
.danger-outline{border-color:rgba(255,111,140,.2)!important;color:#ffd9e1!important}
.danger-outline:hover{background:rgba(255,111,140,.08)!important}
@media (max-width:1100px){
  .donations-top-grid,.donations-main-grid,.donations-admin-grid,.donation-package-grid,.donation-method-grid,.donation-mini-pack-grid,.two-col-form,.detail-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .request-row,.admin-search-form{flex-direction:column;align-items:stretch}
}

@media (max-width:900px){
  .hero-video-card{min-height:390px}
  .hero-video-card__media{height:390px;width:100%;margin-left:0}
}


/* Hero cleanup requested by user */
.topline,.topline-inner,.brand-wrap,.brand-mark,.brand-kicker,.brand-title,.topline-meta{display:none !important;}
.hero-band--video{padding-top:16px;}
.hero-video-card{min-height:520px; isolation:isolate;}
.hero-video-title{
  position:absolute;
  left:18%;
  top:58%;
  transform:translateY(-50%);
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:10px;
  pointer-events:none;
}
.hero-video-title__text{
  display:flex;
  flex-direction:column;
  gap:10px;
  transform:translate(18px, 56px);
}
.hero-video-title__kicker{
  font-size:14px;
  letter-spacing:.42em;
  text-transform:uppercase;
  color:rgba(235,241,255,.82);
  text-shadow:0 8px 22px rgba(0,0,0,.45);
}
.hero-video-title__main-wrap{
  position:relative;
  display:block;
  width:clamp(300px, 400vw, 500px);
  aspect-ratio:8 / 2;
}
.hero-video-title__main-base,
.hero-video-title__main-fill,
.hero-video-title__main-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.hero-video-title__main-base{
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(155,170,255,.14)) drop-shadow(0 14px 30px rgba(0,0,0,.34));
}
.hero-video-title__main-fill{
  overflow:hidden;
  -webkit-mask-image:none;
  mask-image:none;
}

.hero-video-title__main-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
  -webkit-mask-image:url("season-x-title.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:100% 100%;
  mask-image:url("season-x-title.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:100% 100%;
}
.hero-video-title__subfade{
  display:block;
  width:min(44vw, 560px);
  height:196px;
  margin-top:-42px;
  object-fit:cover;
  object-position:center 42%;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  opacity:.92;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.32)) saturate(1.02) brightness(.88) contrast(1.04);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.20) 10%, rgba(0,0,0,.88) 24%, #000 50%, rgba(0,0,0,.88) 76%, rgba(0,0,0,.20) 90%, transparent 100%), linear-gradient(180deg, transparent 0%, rgba(0,0,0,.18) 18%, rgba(0,0,0,.88) 36%, #000 50%, rgba(0,0,0,.88) 64%, rgba(0,0,0,.18) 82%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.20) 10%, rgba(0,0,0,.88) 24%, #000 50%, rgba(0,0,0,.88) 76%, rgba(0,0,0,.20) 90%, transparent 100%), linear-gradient(180deg, transparent 0%, rgba(0,0,0,.18) 18%, rgba(0,0,0,.88) 36%, #000 50%, rgba(0,0,0,.88) 64%, rgba(0,0,0,.18) 82%, transparent 100%);
  mask-composite:intersect;
}
@media (max-width: 980px){
  .hero-video-title{left:14%; top:61%;}
  .hero-video-title__text{transform:translate(14px, 44px);}
  .hero-video-title__kicker{font-size:12px;letter-spacing:.28em;}
  .hero-video-title__main-wrap{width:min(72vw, 520px);}
  .hero-video-title__subfade{width:min(62vw, 520px);height:158px;margin-top:-32px;}
}
@media (max-width: 640px){
  .hero-video-title{left:10%; top:63%;}
  .hero-video-title__text{transform:translate(10px, 32px);}
  .hero-video-title__main-wrap{width:min(84vw, 360px);}
  .hero-video-title__subfade{width:min(80vw, 360px);height:132px;margin-top:-22px;}
}


/* === Theme correction: centered nav + black/purple textured === */
:root{
  --bg:#020106;
  --bg-2:#07040d;
  --panel:#09060f;
  --panel-2:#0e0917;
  --line:rgba(164,122,255,.10);
  --line-strong:rgba(144,98,255,.26);
  --text:#eff1ff;
  --muted:#9c96b3;
  --muted-2:#c6c0da;
  --silver:#f2f3ff;
  --violet:#754bff;
  --violet-2:#2a1256;
  --shadow:0 22px 54px rgba(0,0,0,.44);
}
body{
  background:#020106;
}
.site-bg{
  position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 18% 12%, rgba(107,63,255,.14), transparent 18%),
    radial-gradient(circle at 84% 12%, rgba(84,34,170,.12), transparent 18%),
    radial-gradient(circle at 50% 55%, rgba(255,255,255,.025), transparent 24%),
    linear-gradient(180deg,#020106 0%,#05030a 34%,#020106 100%);
}
.site-bg::before{
  content:'';position:absolute;inset:0;
  background:
    repeating-linear-gradient(135deg, rgba(142,102,255,.045) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(45deg, rgba(255,255,255,.01) 0 1px, transparent 1px 28px);
  opacity:.42;
  mix-blend-mode:screen;
}
.site-bg::after{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(circle at center, rgba(122,77,255,.06), transparent 54%),
    linear-gradient(rgba(122,77,255,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(122,77,255,.016) 1px, transparent 1px);
  background-size:100% 100%,84px 84px,84px 84px;
  opacity:.14;
}
.main-nav{
  background:linear-gradient(180deg, rgba(7,5,12,.94), rgba(4,3,8,.96));
  border-top:1px solid rgba(146,104,255,.10);
  border-bottom:1px solid rgba(146,104,255,.10);
}
.nav-inner{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
}
.main-nav a{
  color:#f1efff;
}
.panel{
  background:linear-gradient(180deg, rgba(10,8,16,.96), rgba(6,4,10,.985));
  border:1px solid rgba(146,104,255,.10);
  box-shadow:0 18px 46px rgba(0,0,0,.42);
}
.side-card::before,.module::before{
  background:
    linear-gradient(180deg, rgba(138,98,255,.05), transparent 22%),
    repeating-linear-gradient(135deg, rgba(138,98,255,.02) 0 1px, transparent 1px 18px);
}
.card-head,.panel > h3{
  border-bottom:1px solid rgba(146,104,255,.10);
  background:linear-gradient(180deg, rgba(122,77,255,.05), rgba(255,255,255,0));
}
.input,.select,.textarea{
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(122,77,255,.03));
  border:1px solid rgba(146,104,255,.10);
}
.hero-video-card__media{
  filter:drop-shadow(0 24px 38px rgba(0,0,0,.22)) saturate(1.08) brightness(1.08) contrast(1.01);
}
.hero-band--video::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(135deg, rgba(142,102,255,.03) 0 1px, transparent 1px 22px);
  opacity:.07;mix-blend-mode:screen;
}
.mid-video-fade{padding:8px 0 16px;position:relative;z-index:3;}
.mid-video-fade .container{display:flex;justify-content:center;}
.mid-video-fade__media{
  display:block;
  width:min(62vw, 780px);
  height:138px;
  object-fit:cover;
  object-position:center 42%;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  opacity:.92;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.32)) saturate(1.02) brightness(.88) contrast(1.04);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.20) 10%, rgba(0,0,0,.88) 24%, #000 50%, rgba(0,0,0,.88) 76%, rgba(0,0,0,.20) 90%, transparent 100%), linear-gradient(180deg, transparent 0%, rgba(0,0,0,.18) 18%, rgba(0,0,0,.88) 36%, #000 50%, rgba(0,0,0,.88) 64%, rgba(0,0,0,.18) 82%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.20) 10%, rgba(0,0,0,.88) 24%, #000 50%, rgba(0,0,0,.88) 76%, rgba(0,0,0,.20) 90%, transparent 100%), linear-gradient(180deg, transparent 0%, rgba(0,0,0,.18) 18%, rgba(0,0,0,.88) 36%, #000 50%, rgba(0,0,0,.88) 64%, rgba(0,0,0,.18) 82%, transparent 100%);
  mask-composite:intersect;
}
@media (max-width:980px){
  .mid-video-fade__media{width:min(78vw, 640px);height:116px;}
}
@media (max-width:640px){
  .mid-video-fade__media{width:min(92vw, 520px);height:92px;}
  .nav-inner{justify-content:center;}
}


/* === UI polish: download cards, selects, and scrollbar === */
.page-download-card,
.related-card{
  padding:18px;
  display:flex;
  flex-direction:column;
  min-height:100%;
}

.page-download-card > small,
.related-card > small{
  display:inline-flex;
  width:max-content;
  margin-bottom:12px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(123,104,255,.12);
  border:1px solid rgba(123,104,255,.24);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#e1e7ff;
}

.page-download-card h4,
.related-card h4{
  font-size:clamp(20px, 2vw, 22px);
  line-height:1.12;
  overflow-wrap:anywhere;
}

.page-download-card p,
.related-card p{
  margin:0;
  line-height:1.72;
  overflow-wrap:anywhere;
}

.page-download-card .download-card__meta,
.related-card .download-card__meta{
  margin-top:12px;
}

.card-actions-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:auto;
  padding-top:16px;
  align-items:end;
}

.card-actions-row .btn{
  width:100%;
  min-height:28px;
  margin-top:0;
  padding:0 12px;
  border-radius:12px;
  white-space:nowrap;
}

select.input,
select.select{
  color-scheme:dark;
}

select.input option,
select.input optgroup,
select.select option,
select.select optgroup{
  background:#0b0a10;
  color:#eef1ff;
}

select.input option[value=""],
select.select option[value=""]{
  color:#c9ccda;
}

html{
  scrollbar-color:#45454c #050507;
}

*{
  scrollbar-width:thin;
  scrollbar-color:#45454c #050507;
}

*::-webkit-scrollbar{
  width:14px;
  height:14px;
}

*::-webkit-scrollbar-track{
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 2px, transparent 2px 7px),
    linear-gradient(180deg, #060608 0%, #0a0a0d 100%);
  border-left:1px solid rgba(255,255,255,.04);
}

*::-webkit-scrollbar-thumb{
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.055) 0 2px, rgba(0,0,0,0) 2px 6px),
    linear-gradient(180deg, #4c4c53 0%, #2f2f35 100%);
  border:3px solid #060608;
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}

*::-webkit-scrollbar-thumb:hover{
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 2px, rgba(0,0,0,0) 2px 6px),
    linear-gradient(180deg, #5a5a62 0%, #3a3a41 100%);
}

*::-webkit-scrollbar-corner{
  background:#060608;
}

.table-wrap::-webkit-scrollbar-track{
  border-left:0;
}

@media (max-width: 560px){
  .card-actions-row{
    grid-template-columns:1fr;
  }
}

.info-list strong small{display:block;color:var(--muted);font-size:11px;margin-top:4px;font-weight:500}
.status-pending{color:#cfd6ff}
.countdown-pill.is-live{background:rgba(96,255,161,.12);border-color:rgba(96,255,161,.35);color:#dfffea}
