/* SOULSHIVE — STIL UNIC / ALL PAGES */
/* Only external CSS request; route-specific rules are isolated. */

/* ========= assets/style.css ========= */
:root{--bg:#08080D;--bg2:#0C0C12;--surface:#111118;--surface2:#16161F;--surface3:#1F1F2B;--line:rgba(255,255,255,.06);--line2:rgba(168,85,247,.3);--text:#F2F2F7;--text2:#A7A7B4;--text3:#6E6E7E;--acc:#A855F7;--acc-soft:rgba(168,85,247,.14);--grad:linear-gradient(135deg,#C084FC,#A855F7 45%,#6D28D9);--btn:linear-gradient(135deg,#6D28D9,#4F46E5);--green:#22C55E;--red:#E58273}
*{box-sizing:border-box}
html{color-scheme:dark}
html,body{overflow-x:hidden;max-width:100vw}
img,video,iframe,svg,canvas{max-width:100%;height:auto}
img[width],video[width]{height:auto}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope',system-ui,sans-serif;font-size:14px}
a{color:var(--acc);text-decoration:none}a:hover{color:#C084FC}
.wrap{max-width:1512px;margin:0 auto;padding:0 20px}
header.site{position:sticky;top:0;z-index:50;background:rgba(8,8,13,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:16px;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.06em;color:var(--text)}
.logo .s{width:38px;height:38px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px}
.logo small{display:block;font-size:14px;letter-spacing:.18em;color:var(--acc)}
nav.main{display:flex;flex:1;height:64px}
nav.main a{display:flex;align-items:center;padding:0 13px;font-size:14px;font-weight:800;letter-spacing:.05em;color:var(--text2);border-bottom:2px solid transparent}
nav.main a.on{color:var(--acc);border-bottom-color:var(--acc)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}
.badge{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.06em;padding:3px 9px;border-radius:999px;border:1px solid var(--line2);background:var(--acc-soft);color:var(--acc)}
.btn{display:inline-block;border:none;cursor:pointer;background:var(--btn);color:#fff;font-family:inherit;font-weight:800;font-size:14px;letter-spacing:.04em;padding:11px 20px;border-radius:9px}
.btn:hover{filter:brightness(1.12)}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--text2)}
.btn.ghost:hover{border-color:var(--acc);color:var(--acc)}
.btn.gold{background:var(--acc-soft);border:1px solid var(--line2);color:var(--acc)}
.btn.danger{background:rgba(229,130,115,.12);color:var(--red)}
.btn.ok{background:rgba(34,197,94,.14);color:var(--green)}
input,select,textarea{background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);font-family:inherit;font-size:14px;padding:11px 12px;outline:none;color-scheme:dark}
select option,select optgroup{background:#16161F;color:#F2F2F7}
select:focus{border-color:var(--line2)}
input:focus,textarea:focus{border-color:var(--line2)}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g6{grid-template-columns:repeat(6,1fr)}
.muted{color:var(--text3)}.small{font-size:14px}.mono{font-family:ui-monospace,Menlo,monospace}
h1.page{font-size:26px;font-weight:800;margin:26px 0 4px}
.sub{font-size:14px;color:var(--text3);margin-bottom:20px}
table.list{width:100%;border-collapse:separate;border-spacing:0 5px}
table.list th{text-align:left;font-size:14px;letter-spacing:.1em;color:var(--text3);padding:6px 12px}
table.list td{background:var(--bg2);padding:10px 12px;font-size:14px}
table.list tr td:first-child{border-radius:10px 0 0 10px}
table.list tr td:last-child{border-radius:0 10px 10px 0}
/* un tabel mai lat decât coloana lui (grid îngustă) primește scroll orizontal propriu, nu se mai varsă peste cardul vecin — pe orice lățime de ecran */
.card:has(table.list),.card:has(table.mstable){overflow-x:auto;-webkit-overflow-scrolling:touch}
.chip{display:inline-block;cursor:pointer;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:800;color:var(--text2)}
.chip.on{border-color:var(--acc);background:var(--acc-soft);color:var(--acc)}
.bar{height:5px;background:var(--surface3);border-radius:3px}.bar>i{display:block;height:100%;border-radius:3px;background:var(--grad)}
.online{color:var(--green);font-weight:800}.offline{color:var(--red);font-weight:800}
footer.site{border-top:1px solid var(--line);margin-top:40px;background:var(--bg2);padding:30px 0;font-size:14px;color:var(--text3)}
.flex{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}
.notice{background:var(--acc-soft);border:1px solid var(--line2);border-radius:10px;padding:12px 16px;font-size:14px;margin:14px 0}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 2s infinite}
@keyframes eqb{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.eq{display:flex;align-items:flex-end;gap:3px;height:30px}
.eq i{width:5px;height:100%;border-radius:3px;background:var(--grad);transform-origin:bottom;animation:eqb .8s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}.eq i:nth-child(4){animation-delay:.45s}.eq i:nth-child(5){animation-delay:.6s}
.eq.off i{animation-play-state:paused}
.chart{display:flex;align-items:flex-end;gap:3px;height:120px}
.chart i{flex:1;border-radius:3px 3px 0 0;background:rgba(168,85,247,.35)}
.chart i.hot{background:var(--grad)}
/* homepage 3 coloane */
.home3{display:grid;grid-template-columns:218px minmax(0,1fr) 282px;gap:16px;align-items:start}
.hcol{display:flex;flex-direction:column;gap:14px}
.ttl{font-size:14px;font-weight:800;letter-spacing:.12em;color:var(--text3);margin-bottom:8px}
.sideitem{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text2)}
.sideitem:hover{background:var(--surface2);color:var(--text)}
.sideitem.on{background:var(--acc-soft);color:var(--text);border-left:3px solid var(--acc)}
.hero{position:relative;padding:34px 32px;min-height:230px;background:linear-gradient(90deg,rgba(8,8,13,.94),rgba(109,40,217,.22)),var(--surface);overflow:hidden}
.heroboost{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:210px;background:rgba(12,12,19,.92);border:1px solid var(--line2);border-radius:11px;padding:16px;z-index:2}
@media(max-width:1200px){.home3{grid-template-columns:1fr}.heroboost{position:static;transform:none;width:auto;margin-top:16px}}
/* master server browser */
.mtab{background:none;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--text3);padding:14px 18px;border-bottom:2px solid transparent}
.mtab.on{color:var(--text);border-bottom-color:var(--acc)}
.mtab:hover{color:var(--text)}
.mstable th{background:var(--bg2)}
.mstable td{vertical-align:middle}
.star{cursor:pointer;font-size:15px;color:var(--text3)}
.star.on{color:#F59E0B}
.star:hover{color:#F59E0B}

/* ─────────── MOBIL ─────────── */
.burger{display:none;background:none;border:1px solid var(--line);border-radius:9px;color:var(--text);font-size:19px;width:42px;height:42px;cursor:pointer;flex-shrink:0;align-items:center;justify-content:center}
#navChk{display:none}

@media(max-width:1100px){
  header.site .wrap{gap:10px}
  nav.main a{padding:0 9px;font-size:14px}
}

@media(max-width:1000px){
  .wrap{padding:0 14px}
  html,body{overflow-x:hidden}
  .home3{grid-template-columns:1fr!important}
  header.site .wrap{height:58px;flex-wrap:wrap;gap:8px}
  .burger{display:flex}
  .logo .s{width:34px;height:34px;font-size:17px}
  .logo span span{font-size:14px}

  /* orice buton/link cu lățime fixă mare devine fluid, nu împinge la scroll orizontal */
  [style*="width:"]{max-width:100%}

  /* elemente poziționate absolut lângă conținut (badge-uri flotante, tag-uri, orbs) nu mai scot pagina la scroll orizontal */
  [style*="position:absolute"],[style*="position:fixed"]{max-width:100vw}

  /* orice card/secțiune late explicite (px) se adaptează la ecran */
  [style*="max-width:520px"],[style*="max-width:640px"],[style*="max-width:720px"],[style*="max-width:760px"],
  [style*="max-width:780px"],[style*="max-width:800px"]{max-width:100%!important}

  /* meniul devine panou vertical (dropdown peste conținut), deschis de burger */
  header.site .wrap{position:relative;height:58px;flex-wrap:nowrap}
  nav.main{display:none;position:absolute;top:58px;left:0;right:0;flex-direction:column;height:auto;
    padding:8px 12px 14px;background:#0C0C12;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    box-shadow:0 18px 40px rgba(0,0,0,.6);max-height:calc(100vh - 58px);overflow-y:auto;z-index:60}
  header.site.open nav.main{display:flex}
  nav.main a{height:48px;padding:0 12px;font-size:14px;border-bottom:1px solid var(--line);border-radius:8px;flex-shrink:0}
  nav.main a:last-child{border-bottom:0}
  nav.main a.on{background:var(--acc-soft);border-bottom-color:var(--line)}

  /* zona de user: iconițe compacte */
  .uzone{margin-left:auto;gap:8px}
  .uzone .uname{display:none}

  h1.page,.h1{font-size:21px!important}
  .sub{font-size:14px}
  .card{padding:15px;border-radius:12px}
  .grid.g2,.grid.g3{grid-template-columns:1fr!important}
  .grid{gap:10px!important}

  /* orice grid cu coloane fixe trece pe o coloană */
  [style*="grid-template-columns:repeat(3"],
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns:repeat(5"],
  [style*="grid-template-columns:repeat(6"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:1.4fr"],
  [style*="grid-template-columns:1.7fr"],
  [style*="grid-template-columns:1.85fr"],
  [style*="grid-template-columns:1fr 1.2fr"],
  [style*="grid-template-columns:.8fr"],
  [style*="grid-template-columns:190px"],
  [style*="grid-template-columns:150px"],
  [style*="grid-template-columns:minmax(0,1fr) 340px"]{grid-template-columns:1fr!important}

  /* pe mobil: conținutul principal primul, coloanele laterale după */
  .home3{grid-template-columns:1fr;gap:12px}
  .home3 > .hcol:first-child{order:3}
  .home3 > .hcol:last-child{order:2}
  .home3 > *:nth-child(2){order:1}

  /* lista de jocuri: derulabilă, nu 20 de rânduri */
  .gamelist{max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch}

  /* tabele: derulare orizontală în loc de conținut strivit sau suprapus — cardul care conține
     tabelul devine el însuși zona de scroll (funcționează și fără wrapper .tablewrap explicit) */
  .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .card:has(table.list),.card:has(table.mstable){overflow-x:auto;-webkit-overflow-scrolling:touch}
  table.list{min-width:420px}
  table.mstable{min-width:660px}
  table.list th,table.list td{padding:9px 10px;font-size:14px;white-space:nowrap}

  /* footer pe o coloană */
  footer.site .wrap{grid-template-columns:1fr!important;gap:20px!important}
  footer.site .wrap.between{flex-direction:column;gap:8px;text-align:center}

  .hero{padding:22px 18px;min-height:0}
  .hero h1,.hero .htitle{font-size:26px!important;line-height:1.15!important}
  .heroboost{position:static;transform:none;width:auto;margin-top:14px}

  /* butoane și inputuri: ținte de atingere de 44px */
  .btn{min-height:44px;padding:11px 16px}
  input,select,textarea{min-height:44px;font-size:14px}
  .chip{min-height:40px;display:inline-flex;align-items:center}

  /* formulare orizontale devin verticale */
  form.flex{flex-direction:column;align-items:stretch!important}
  form.flex > *{width:100%}
  form.flex input,form.flex select{width:100%!important;min-width:0!important}

  /* linkuri/butoane afișate side-by-side cu flex trec pe coloană dacă nu încap */
  .flex[style*="gap"]{flex-wrap:wrap}
}

@media(max-width:560px){
  .wrap{padding:0 11px}
  .logo small{display:none}
  h1.page,.h1{font-size:19px!important}
  .card{padding:13px}
  .grid[style*="minmax(2"],.grid[style*="minmax(3"]{grid-template-columns:1fr!important}
  .badge{font-size:14px;padding:2px 7px}
  /* banner-uri/imagini de prezentare (boost, campanie, parteneri): nu ocupă exagerat ecranul */
  img{border-radius:10px}
  .hero,[class*="hero"]{padding:18px 14px!important}
  section[class*="hero"] h1,[class*="chero-title"]{font-size:26px!important}
  /* orice text foarte mare pe telefon (titluri hero din pagini custom) e plafonat */
  [style*="font-size:34px"],[style*="font-size:36px"],[style*="font-size:38px"],
  [style*="font-size:42px"],[style*="font-size:48px"],[style*="font-size:72px"]{font-size:24px!important}
  [style*="font-size:29px"],[style*="font-size:30px"],[style*="font-size:31px"],[style*="font-size:32px"]{font-size:21px!important}
}

.only-sm{display:none!important}
@media(max-width:1000px){
  .hide-sm{display:none!important}
  nav.main a.only-sm{display:flex!important}
}

@media(max-width:1000px){
  .promostrip > div{min-width:100%!important;border-right:0!important;border-bottom:1px solid var(--line)}
  .promostrip > .flex{width:100%;justify-content:center}
  .promostrip > .flex .btn{width:100%;justify-content:center}
}

@media(min-width:1001px) and (max-width:1400px){
  nav.main a{padding:0 8px;font-size:14px;letter-spacing:.02em}
  .logo small{display:none}
}

.footer-service-link{
    margin-top:12px;
}

.footer-service-link a{
    display:flex;
    align-items:center;
    gap:11px;
    padding:12px 13px;
    border-radius:12px;
    text-decoration:none;
    background:
        linear-gradient(
            135deg,
            rgba(59,130,246,.12),
            rgba(6,182,212,.06)
        );
    border:1px solid rgba(59,130,246,.18);
    transition:.2s ease;
}

.footer-service-link a:hover{
    transform:translateY(-2px);
    border-color:rgba(59,130,246,.4);
    box-shadow:0 10px 30px rgba(37,99,235,.15);
}

.footer-service-icon{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:rgba(59,130,246,.15);
    font-size:17px;
    flex-shrink:0;
}

.footer-service-text{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.footer-service-text strong{
    color:#E8EEF8;
    font-size:14px;
}

.footer-service-text small{
    color:#7F8A9E;
    font-size:14px;
    line-height:1.35;
}

.footer-service-arrow{
    margin-left:auto;
    color:#60A5FA;
    font-size:17px;
}

/* ========= assets/theme-2026.css ========= */

/* ==========================================================
   SoulShive 2026 unified theme
   Applied to homepage, server lists, boost, profile and admin.
   ========================================================== */
:root{
 --bg:#05070d;--bg2:#070a12;--surface:#0a101b;--surface2:#0d1422;--surface3:#111a2b;
 --line:#1c2940;--line2:#6f35d8;--text:#f4f6ff;--text2:#c4cbda;--text3:#7d889e;
 --acc:#8f35ff;--acc2:#c048ff;--green:#20d57a;--red:#ef6b75;--gold:#f7b93d;
 --grad:linear-gradient(135deg,#6f28ff,#a438ff 58%,#7026ff);
}
*{box-sizing:border-box}
html{background:#05070d;scroll-behavior:smooth}
body.ss26-page{margin:0;background:radial-gradient(circle at 50% -8%,rgba(100,31,194,.14),transparent 27%),#05070d;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}
body.ss26-page a{text-decoration:none}
body.ss26-page .wrap{width:min(1240px,calc(100% - 34px));max-width:1240px;margin-left:auto;margin-right:auto}

/* HEADER */
.ss26-site-header{position:sticky;top:0;z-index:1000;background:rgba(5,7,13,.97);border-bottom:1px solid rgba(127,69,235,.34);box-shadow:0 12px 34px rgba(0,0,0,.28)}
.ss26-header-inner{height:64px;display:flex;align-items:center;gap:17px}
.ss26-brand{flex:0 0 64px;display:flex;align-items:center;height:50px}
.ss26-brand img{display:block;width:54px;max-height:45px;object-fit:contain;object-position:left center}
.ss26-mainnav{display:flex;align-self:stretch;align-items:stretch;min-width:0;flex:0 1 auto}
.ss26-mainnav a{display:flex;align-items:center;padding:0 11px;color:#b8c1d2;font-size:14px;font-weight:800;letter-spacing:.035em;white-space:nowrap;border-bottom:2px solid transparent}
.ss26-mainnav a:hover,.ss26-mainnav a.on{color:#fff;border-bottom-color:#9e3dff;background:linear-gradient(180deg,transparent,rgba(142,53,255,.075))}
.ss26-account-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.ss26-icon-link{color:#fff;font-size:14px}
.ss26-user{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:800}
.ss26-user img,.ss26-user span{width:26px;height:26px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--grad);color:#fff}
.ss26-mini-btn,.ss26-add-btn{height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:0 11px;font-size:14px;font-weight:900;color:#fff;border:1px solid #3c2a5f}
.ss26-mini-btn{background:#0a0d15}.ss26-mini-btn.ghost{color:#c7cede}
.ss26-add-btn{border-color:#a24cff;background:var(--grad);box-shadow:0 8px 24px rgba(137,49,255,.23)}
.ss26-burger{display:none}

/* SAME CS HEADER ART ON EVERY PAGE */
.ss26-page-masthead{position:relative;overflow:hidden;height:188px;border-bottom:1px solid #242e4a;background:#070a12}
.ss26-page-masthead:before{content:"";position:absolute;inset:0;background:
 radial-gradient(circle at 68% 45%,rgba(121,36,224,.48),transparent 28%),
 linear-gradient(90deg,#080b14 0%,#0b0d18 42%,rgba(13,8,29,.65) 72%,#090b15 100%)}
.ss26-page-masthead-art{position:absolute;right:0;top:0;width:min(620px,52vw);height:100%;background:url('/assets/soulshive-hero-2026.webp') center 39%/cover no-repeat;opacity:.82;filter:saturate(1.12) contrast(1.06)}
.ss26-page-masthead:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,13,.98) 0%,rgba(5,7,13,.90) 39%,rgba(5,7,13,.30) 64%,rgba(5,7,13,.38) 100%)}
.ss26-page-masthead-inner{position:relative;z-index:3;height:100%;display:flex;align-items:center}
.ss26-page-masthead-copy{max-width:620px}
.ss26-page-kicker{font-size:14px;color:#bf5bff;font-weight:900;letter-spacing:.14em;margin-bottom:8px}
.ss26-page-masthead h1{font-size:38px;line-height:1;margin:0 0 10px;font-weight:900;letter-spacing:-.04em;color:#fff;text-transform:uppercase}
.ss26-page-masthead p{margin:0;color:#bbc4d6;font-size:14px;max-width:550px}

/* CONTENT / COMMON COMPONENTS */
.ss26-content-wrap{padding-top:18px;padding-bottom:20px;min-height:360px}
body.ss26-page .card,body.ss26-page .panel,body.ss26-page .box,body.ss26-page fieldset{
 background:linear-gradient(180deg,rgba(13,20,34,.98),rgba(8,12,21,.98))!important;
 border:1px solid #1d2a42!important;border-radius:12px!important;box-shadow:0 12px 28px rgba(0,0,0,.16)
}
body.ss26-page .card{padding:16px}
body.ss26-page h1,body.ss26-page h2,body.ss26-page h3,body.ss26-page h4{color:#f7f9ff;letter-spacing:-.02em}
body.ss26-page h1.page{font-size:28px;margin-top:8px}
body.ss26-page .muted{color:var(--text3)!important}
body.ss26-page .small{font-size:14px}
body.ss26-page .badge{border-radius:999px}
body.ss26-page .btn{border:0;border-radius:8px;background:var(--grad);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(120,43,241,.17);transition:.16s ease}
body.ss26-page .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
body.ss26-page .btn.ghost{background:#0a0f19;border:1px solid #293953;color:#d9e0ec}
body.ss26-page .btn.gold{background:linear-gradient(135deg,#8a35ff,#6d28ff);border:1px solid #a158ff;color:#fff}
body.ss26-page input,body.ss26-page select,body.ss26-page textarea{background:#070b13!important;color:#eef2ff!important;border:1px solid #273651!important;border-radius:8px!important}
body.ss26-page input:focus,body.ss26-page select:focus,body.ss26-page textarea:focus{border-color:#813dff!important;box-shadow:0 0 0 3px rgba(129,61,255,.12)!important}
body.ss26-page table{width:100%;border-collapse:separate;border-spacing:0}
body.ss26-page table th{background:#0a0f19!important;color:#8793a9!important;font-size:14px!important;letter-spacing:.05em;border-bottom:1px solid #1b2940}
body.ss26-page table td{color:#dfe5f0;border-bottom:1px solid rgba(28,41,64,.78)}
body.ss26-page table tr:hover td{background:rgba(120,46,226,.055)}
body.ss26-page hr{border:0;border-top:1px solid #1b2940}
body.ss26-page .notice{background:#101424!important;border:1px solid #38305e!important}
body.ss26-page .chip{background:#0b111d;border:1px solid #273752}
body.ss26-page .chip.on{background:rgba(139,53,255,.14);border-color:#7c3ae5;color:#d795ff}
body.ss26-page .server-card,body.ss26-page .server-row,body.ss26-page .listing-card,body.ss26-page .package-card{background:#0a101b!important;border:1px solid #1e2d46!important;border-radius:11px!important}

/* Turn legacy page hero sections into the same visual language, without a second image source. */
body.ss26-page:not(.ss26-home-page) .msrv-hero,
body.ss26-page:not(.ss26-home-page) .bhero,
body.ss26-page:not(.ss26-home-page) .community-hero,
body.ss26-page:not(.ss26-home-page) .pn-hero,
body.ss26-page:not(.ss26-home-page) .about-hero,
body.ss26-page:not(.ss26-home-page) .sa-hero,
body.ss26-page:not(.ss26-home-page) .member-hero,
body.ss26-page:not(.ss26-home-page) .ss-hero,
body.ss26-page:not(.ss26-home-page) .sip-hero{
 background:linear-gradient(135deg,#0c1220,#0a0e18)!important;border-color:#263650!important;box-shadow:none!important
}
body.ss26-page:not(.ss26-home-page) .bhero-img,
body.ss26-page:not(.ss26-home-page) .community-hero-bg{display:none!important}
body.ss26-page:not(.ss26-home-page) .msrv-hero>div[style*="background:url"]{display:none!important}

/* PROFILE */
body.ss26-page-profile .card{text-align:left}
body.ss26-page-profile .card[style*="text-align:center"]{background:linear-gradient(135deg,#11162a,#0b101b)!important;border-color:#533591!important}

/* ADMIN */
body.ss26-page-admin .ss26-page-masthead{height:150px}
body.ss26-page-admin .ss26-content-wrap{width:min(1450px,calc(100% - 26px));max-width:1450px}
body.ss26-page-admin .card{border-color:#23334e!important}
body.ss26-page-admin table{font-size:14px}
body.ss26-page-admin table td,body.ss26-page-admin table th{padding:9px 10px}
body.ss26-page-admin .btn{font-size:14px}

/* FOOTER */
.ss26-global-footer{margin-top:26px;border-top:1px solid #1a263b;background:#060910;padding:18px 0 12px}
.ss26-footer-partners{padding-bottom:16px;border-bottom:1px solid #152137}
.ss26-footer-kicker{font-size:14px;color:#808aa0;font-weight:900;letter-spacing:.10em;margin-bottom:9px}
.ss26-footer-partner-row{display:flex;gap:8px;flex-wrap:wrap}
.ss26-footer-partner-row a{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#0a101b;border:1px solid #1b2940;border-radius:8px;color:#dbe1ec;font-size:14px}
.ss26-footer-partner-row img{width:25px;height:25px;object-fit:contain;border-radius:5px}
.ss26-footer-grid{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:26px;padding:22px 0}
.ss26-footer-brand img{width:190px;max-height:65px;object-fit:contain;object-position:left center}
.ss26-footer-brand p,.ss26-newsletter p{font-size:14px;color:#7f899c;max-width:280px}
.ss26-footer-grid h4{font-size:14px;margin:0 0 10px;color:#fff}
.ss26-footer-grid>div:not(:first-child)>a{display:block;color:#909aae;font-size:14px;margin:5px 0}
.ss26-footer-actions{display:flex;gap:7px;margin-top:10px}.ss26-footer-actions a{font-size:14px;color:#d4daea;border:1px solid #27364f;padding:6px 9px;border-radius:7px}
.ss26-newsletter form{display:flex}.ss26-newsletter input{min-width:0;flex:1;border-radius:7px 0 0 7px!important;font-size:14px;padding:8px}.ss26-newsletter button{width:34px;border:0;background:var(--grad);color:#fff;border-radius:0 7px 7px 0}
.ss26-footer-bottom{border-top:1px solid #152137;padding-top:10px;display:flex;justify-content:space-between;color:#667187;font-size:14px}.ss26-footer-bottom a{color:#78849a;margin-left:12px}

/* RESPONSIVE */
@media(max-width:1120px){
 .ss26-brand{flex-basis:56px}.ss26-brand img{width:48px}.ss26-mainnav a{padding:0 7px;font-size:14px}
 .ss26-user b,.ss26-icon-link{display:none}
}
@media(max-width:900px){
 body.ss26-page .wrap{width:min(100% - 20px,1240px)}
 .ss26-header-inner{height:58px}.ss26-burger{display:inline-flex;margin-left:auto;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #2c3b57;border-radius:7px;background:#0a0f19;color:#fff}
 .ss26-mainnav{display:none;position:absolute;top:58px;left:10px;right:10px;height:auto;flex-direction:column;background:#070b13;border:1px solid #293854;border-radius:10px;padding:6px;box-shadow:0 20px 40px rgba(0,0,0,.45)}
 .ss26-site-header.open .ss26-mainnav{display:flex}.ss26-mainnav a{height:42px;border-bottom:0;border-left:2px solid transparent}.ss26-mainnav a.on{border-left-color:#9c42ff}
 .ss26-account-actions .ss26-mini-btn,.ss26-account-actions .ss26-user,.ss26-account-actions .ss26-icon-link{display:none}.ss26-add-btn{height:32px;font-size:14px;padding:0 9px}
 .ss26-page-masthead{height:160px}.ss26-page-masthead h1{font-size:30px}.ss26-page-masthead-art{width:58vw;opacity:.72}
 .ss26-footer-grid{grid-template-columns:1fr 1fr}.ss26-footer-brand{grid-column:1/-1}
 body.ss26-page .grid.g3,body.ss26-page .grid.g4,body.ss26-page .grid.g6{grid-template-columns:1fr 1fr!important}
 body.ss26-page .card:has(table){overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:560px){
 .ss26-brand{flex-basis:50px}.ss26-brand img{width:42px}
 .ss26-page-masthead{height:146px}.ss26-page-masthead h1{font-size:25px}.ss26-page-masthead p{font-size:14px;max-width:62%}.ss26-page-masthead-art{width:64vw}
 .ss26-footer-grid{grid-template-columns:1fr}.ss26-footer-brand{grid-column:auto}
 .ss26-footer-bottom{flex-direction:column;gap:8px}
 body.ss26-page .grid.g2,body.ss26-page .grid.g3,body.ss26-page .grid.g4,body.ss26-page .grid.g6{grid-template-columns:1fr!important}
}

/* Header logo safety + compact desktop spacing */
body.ss26-page .ss26-site-header .ss26-header-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
body.ss26-page .ss26-site-header .ss26-brand{
  flex:0 0 64px!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
body.ss26-page .ss26-site-header .ss26-brand img{
  width:54px!important;
  height:44px!important;
  max-width:54px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:0!important;
}
body.ss26-page .ss26-site-header .ss26-mainnav{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  gap:0!important;
}
body.ss26-page .ss26-site-header .ss26-mainnav a{
  padding-left:10px!important;
  padding-right:10px!important;
}
body.ss26-page .ss26-site-header .ss26-account-actions{
  margin-left:auto!important;
}

@media(max-width:1120px){
  body.ss26-page .ss26-site-header .ss26-brand{
    flex-basis:56px!important;
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
  }
  body.ss26-page .ss26-site-header .ss26-brand img{
    width:48px!important;
    max-width:48px!important;
  }
  body.ss26-page .ss26-site-header .ss26-mainnav a{
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:14px!important;
  }
}
@media(max-width:900px){
  body.ss26-page .ss26-site-header .ss26-brand{
    flex-basis:54px!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
  }
  body.ss26-page .ss26-site-header .ss26-brand img{
    width:46px!important;
    max-width:46px!important;
  }
}
@media(max-width:560px){
  body.ss26-page .ss26-site-header .ss26-brand{
    flex-basis:50px!important;
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
  }
  body.ss26-page .ss26-site-header .ss26-brand img{
    width:42px!important;
    max-width:42px!important;
  }
}


/* Real game logos: CS / CS2 / CoD / SA-MP / FiveM etc. */
.ss-game-logo-wrap{
  width:var(--gsize);height:var(--gsize);
  display:inline-grid;place-items:center;
  vertical-align:middle;overflow:hidden;
  border-radius:9px;background:#080b12;
  border:1px solid rgba(91,112,148,.38);
  flex:0 0 auto;
}
.ss-game-logo-real{
  width:100%;height:100%;display:block;
  object-fit:contain;padding:4px;
  background:linear-gradient(145deg,#f6f7fb,#dfe5ef);
}
.ss-game-logo-fallback{
  width:100%;height:100%;place-items:center;background:#0d1420;
}
.ss-game-logo-fallback-img{
  width:100%;height:100%;object-fit:contain;padding:4px;
}
.ss-game-logo-fallback-text{
  color:#d9e2f4;font-weight:950;font-size:calc(var(--gsize) * .25);
  letter-spacing:.02em;
}
.ss-game-pick-icon{
  width:60px!important;height:60px!important;
  background:#070a10!important;border:1px solid #253650!important;
}
.ss-game-pick-icon .ss-game-logo-wrap{
  width:54px!important;height:54px!important;border:0!important;background:transparent!important;
}
.ss-game-cell{
  width:40px!important;height:40px!important;
}
.ss-game-cell .ss-game-logo-wrap{
  width:34px!important;height:34px!important;border:0!important;
}
.premmedia .ss-game-logo-wrap{
  width:64px!important;height:64px!important;
}
@media(max-width:620px){
  .ss-game-pick-icon{width:52px!important;height:52px!important}
  .ss-game-pick-icon .ss-game-logo-wrap{width:46px!important;height:46px!important}
}


/* ==========================================================
   SOULSHIVE 2026 — NEW WIDE INTERNAL PAGE HEADER
   Same artwork on Master List, Servers, Boost, Profile, Admin,
   Add Server, News, Community, Partners, etc.
   ========================================================== */
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead{
    position:relative !important;
    width:min(1240px,calc(100% - 34px)) !important;
    max-width:1240px !important;
    height:150px !important;
    min-height:150px !important;
    margin:12px auto 0 !important;
    overflow:hidden !important;
    border:1px solid rgba(126,54,236,.58) !important;
    border-radius:12px !important;
    background:
      linear-gradient(90deg,
        rgba(4,6,12,.94) 0%,
        rgba(4,6,12,.82) 28%,
        rgba(4,6,12,.46) 48%,
        rgba(4,6,12,.08) 72%,
        rgba(4,6,12,.02) 100%
      ),
      url('/assets/soulshive-page-header-new.webp') center center / cover no-repeat !important;
    box-shadow:0 12px 30px rgba(0,0,0,.25) !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-art{
    display:none !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead::before,
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead::after{
    display:none !important;
    content:none !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-inner{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:none !important;
    height:150px !important;
    min-height:150px !important;
    margin:0 !important;
    padding:0 28px !important;
    display:flex !important;
    align-items:center !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-copy{
    width:54% !important;
    max-width:640px !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-kicker{
    margin:0 0 5px !important;
    color:#d45cff !important;
    text-shadow:0 2px 12px #000 !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead h1{
    margin:0 0 7px !important;
    font-size:30px !important;
    line-height:1 !important;
    color:#fff !important;
    text-shadow:0 3px 18px #000 !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead p{
    margin:0 !important;
    max-width:560px !important;
    font-size:14px !important;
    color:#e0e5f0 !important;
    text-shadow:0 2px 12px #000 !important;
}
@media(max-width:900px){
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead{
        width:calc(100% - 20px) !important;
        height:138px !important;
        min-height:138px !important;
        background-position:60% center !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-inner{
        height:138px !important;
        min-height:138px !important;
        padding:0 18px !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-copy{
        width:62% !important;
    }
}
@media(max-width:560px){
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead{
        height:126px !important;
        min-height:126px !important;
        background-position:66% center !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-inner{
        height:126px !important;
        min-height:126px !important;
        padding:0 14px !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-copy{
        width:70% !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead h1{
        font-size:21px !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead p{
        font-size:14px !important;
    }
}

.ss26-wa-footer{
  background:linear-gradient(135deg,#25D366,#128C7E)!important;
  border-color:#25D366!important;
  color:#fff!important;
}


/* ==========================================================
   SOULSHIVE — NEWSLETTER MOBILE COMPACT FIX
   Prevents the email input/button from becoming tall square cards.
   ========================================================== */
.ss26-footer-newsletter,
.ss26-footer-newsletter form,
.ss26-newsletter,
.ss26-newsletter form{
    height:auto !important;
    min-height:0 !important;
}

.ss26-footer-newsletter form,
.ss26-newsletter form{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:0 !important;
    width:100% !important;
    max-width:330px !important;
}

.ss26-footer-newsletter input[type="email"],
.ss26-newsletter input[type="email"]{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    padding:0 12px !important;
    margin:0 !important;
    border-radius:8px 0 0 8px !important;
    line-height:40px !important;
}

.ss26-footer-newsletter button,
.ss26-newsletter button{
    flex:0 0 42px !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    padding:0 !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:0 8px 8px 0 !important;
    line-height:1 !important;
}

@media (max-width:700px){
    .ss26-footer-newsletter,
    .ss26-newsletter{
        width:100% !important;
        max-width:100% !important;
        display:block !important;
    }

    .ss26-footer-newsletter form,
    .ss26-newsletter form{
        width:100% !important;
        max-width:100% !important;
        height:40px !important;
        min-height:40px !important;
    }

    .ss26-footer-newsletter input[type="email"],
    .ss26-newsletter input[type="email"]{
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        font-size:14px !important;
    }

    .ss26-footer-newsletter button,
    .ss26-newsletter button{
        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        font-size:18px !important;
    }
}


/* ==========================================================
   NEWSLETTER FINAL FIX — DESKTOP + MOBILE
   Wrapper is vertical; only the email form is horizontal.
   ========================================================== */
footer .ss26-newsletter{
    display:block !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
}

footer .ss26-newsletter h4{
    display:block !important;
    margin:0 0 10px !important;
}

footer .ss26-newsletter p{
    display:block !important;
    margin:0 0 10px !important;
    max-width:280px !important;
    line-height:1.55 !important;
}

footer .ss26-newsletter form{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:280px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin:0 !important;
    gap:0 !important;
}

footer .ss26-newsletter input[type="email"]{
    box-sizing:border-box !important;
    flex:1 1 auto !important;
    width:calc(100% - 38px) !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 11px !important;
    margin:0 !important;
    line-height:38px !important;
    border-radius:7px 0 0 7px !important;
}

footer .ss26-newsletter button[type="submit"]{
    box-sizing:border-box !important;
    flex:0 0 38px !important;
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:0 7px 7px 0 !important;
    line-height:1 !important;
}

@media(max-width:700px){
    footer .ss26-newsletter{
        width:100% !important;
        max-width:100% !important;
    }

    footer .ss26-newsletter p{
        max-width:100% !important;
    }

    footer .ss26-newsletter form{
        max-width:100% !important;
        width:100% !important;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
    }

    footer .ss26-newsletter input[type="email"]{
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        line-height:40px !important;
        font-size:14px !important;
    }

    footer .ss26-newsletter button[type="submit"]{
        flex-basis:42px !important;
        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
    }
}

/* ========= assets/soulshive-2027-core.css ========= */
/* SoulShive — legible site-wide base, edition 2027. Public brand remains SoulShive.com. */
:root{--ss27-font:16px;--ss27-secondary:14px;--ss27-focus:#49dfff}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:var(--ss27-font);line-height:1.55}
:is(button,input,select,textarea){font-size:16px!important;line-height:1.45}
:is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--ss27-focus);outline-offset:3px}
.ss26-mainnav a,.ss26-mini-btn,.ss26-add-btn,.ss26-mobile-account>a,
.ss26-user b,.ss26-page-kicker,.ss26-page-masthead-copy p,
.ss26-adsense-label{font-size:14px!important;line-height:1.5!important}
.ss26-mini-btn,.ss26-add-btn{min-height:44px!important;height:auto!important;padding:9px 12px!important}
.ss26-page :is(small,label,.small,.muted),.ss26-page footer :is(a,span,p),
.ss26-page .ss26-owner-verify-copy p,.ss26-page .ss26-owner-count{font-size:14px!important;line-height:1.5!important}
/* Google ads: fixed banner sizes selected before request; do not crop served ads. */
.ss26-adsense{text-align:center;margin:12px auto 18px!important}
.ss26-adsense-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;
  max-width:100%;padding:10px 12px!important;border:1px solid rgba(105,127,190,.20);
  border-radius:12px;background:rgba(9,17,38,.42)}
.ss26-adsense .ss27-ad-horizontal{display:inline-block!important;width:728px!important;
  height:90px!important;min-height:0!important;max-width:100%}
@media(max-width:800px){.ss26-adsense .ss27-ad-horizontal{width:468px!important;height:60px!important}}
@media(max-width:520px){.ss26-adsense .ss27-ad-horizontal{width:320px!important;height:100px!important}}
@media(max-width:359px){.ss26-adsense .ss27-ad-horizontal{width:300px!important;height:100px!important}}
/* Master Server and server listing are self-contained templates. */
.ms-page :is(small,label,button,input,select,td,th),
.sl-page :is(small,label,button,input,select,td,th),
.ms-page :is(.ms-head b,.ms-head a,.ms-head small,.ms-nav a,.ms-auth a,.ms-search,.ms-sub,
.ms-btn,.ms-stat span,.ms-mapstat span,.ms-livenow,.ms-gameinfo b,.ms-gameinfo span,
.ms-more b,.ms-more span,.ms-livebox span,.ms-growth,.ms-feedrow .num,.ms-feedrow b,
.ms-feedrow small,.ms-feedrow time,.ms-country,.ms-trend b,.ms-trend small,.ms-trend em,
.ms-review b,.ms-stars,.ms-review p,.ms-community p,.ms-community li,.ms-status b,.ms-status span,
.ms-footnav,.ms-copy),
.sl-page :is(.sl-crumb,.sl-sub,.sl-fact b,.sl-fact span,.sl-tab,.sl-reset,.sl-filtergrid input,
.sl-filtergrid select,.sl-stat span,.sl-stat .right,.sl-sectionhead span,.sl-sectionhead a,
.sl-fname,.sl-fgame,.sl-fmeta span,.sl-join,.sl-gamecell b,.sl-server b,.sl-server small,
.sl-players,.sl-ping,.sl-tier,.sl-viptoggle){font-size:14px!important;line-height:1.5!important}
.ms-page :is(.ms-head,.ms-game,.ms-more,.ms-stat,.ms-status),
.sl-page :is(.sl-fact,.sl-tab){height:auto!important;min-height:48px!important}
.ms-page .ms-game{min-height:158px!important}
.ms-page .ms-gameinfo{padding:10px!important}
.ms-page .ms-topstats,.ms-page .ms-games{gap:12px!important}
.ms-page .ms-mapbody{grid-template-columns:minmax(150px,1fr) minmax(0,3fr)!important;gap:12px!important}
.ms-page .ms-feedrow,.ms-page .ms-trend{grid-template-columns:28px 34px minmax(0,1fr) auto!important;gap:10px!important}
.ms-page .ms-btn,.ms-page .ms-search,.sl-page .sl-tab,.sl-page .sl-filtergrid input,
.sl-page .sl-filtergrid select{min-height:44px!important;height:auto!important;padding:9px 12px!important}
.sl-page .sl-feature,.sl-page .sl-server{height:auto!important;min-height:150px!important}
.sl-page :is(.sl-filtergrid,.sl-featured){gap:12px!important}
@media(max-width:900px){
  .ms-page .ms-mapbody{grid-template-columns:1fr!important}
  .ms-page .ms-topstats,.ms-page .ms-games,.sl-page .sl-stats{
    grid-template-columns:repeat(auto-fit,minmax(148px,1fr))!important}
  .ms-page .ms-nav,.sl-page .sl-nav{height:auto!important;flex-wrap:wrap;gap:10px!important}
}
@media(max-width:600px){
  .ms-page,.sl-page{width:calc(100% - 20px)!important}
  .ms-page .ms-title,.sl-page .sl-title{font-size:clamp(30px,9vw,44px)!important;line-height:1.1!important}
  .sl-page .sl-facts{gap:12px!important;flex-wrap:wrap!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{
  scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Admin Boost — real-size labels and action buttons for accessibility */
.bw-mini{font-size:14px!important;line-height:1.4!important;height:auto!important;min-height:40px!important;padding:9px 12px!important;white-space:normal}
.bw-meta,.bw-panel p,.bw-count,.bw-manual-grid label,.bw-edit-grid label{font-size:14px!important;line-height:1.5!important}
.bw-table th,.bw-table td,.bw-status{font-size:14px!important;line-height:1.45!important}
.bw-edit-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
.bw-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Community inbox: visible only to authenticated accounts; staff DMs remain separate. */
.ss27-community-inbox{position:relative;display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;min-height:38px;border-radius:9px;border:1px solid #334669;background:#0b1427;color:#fff!important}
.ss27-inbox-count{position:absolute;right:-7px;top:-7px;display:flex;align-items:center;justify-content:center;
  min-width:23px;min-height:23px;padding:0 4px;border-radius:99px;background:#a63cff;color:#fff;
  border:2px solid #070a14;font-size:14px!important;font-weight:900;line-height:1.1}


/* ========= assets/soulshive-2027-pages.css ========= */
/* SoulShive — page-wide readability & responsive refinements.
   Internal file name is a release identifier; public branding remains SoulShive.com.
   Loaded on shared-header pages and stand-alone server listings. */
:root{--ss-readable:16px;--ss-caption:14px;--ss-tap:44px;--ss-ink:#eef4ff;--ss-muted:#a9b9d0}
html{font-size:16px;-webkit-text-size-adjust:100%}
body.ss26-page{font-size:16px;line-height:1.6}
body.ss26-page :is(p,li,dd,dt,td,th,summary,figcaption,label){line-height:1.55}
body.ss26-page :is(small,.small,.muted){font-size:14px;line-height:1.5}
body.ss26-page :is(input,select,textarea){font-size:16px!important;min-height:44px}
body.ss26-page textarea{min-height:110px}
body.ss26-page :is(button,[type="submit"],.btn){font-size:14px!important;line-height:1.4!important;min-height:44px;height:auto;padding:10px 14px}
body.ss26-page :is(.btn,button,a,input,textarea,select):focus-visible{outline:3px solid #58d9ff!important;outline-offset:3px}
body.ss26-page .ss26-page-masthead h1{font-size:clamp(27px,3.6vw,43px);line-height:1.12}
body.ss26-page .ss26-page-masthead-copy p{font-size:15px!important;line-height:1.5!important}
body.ss26-page .ss26-content-wrap{min-width:0}
body.ss26-page :is(.card,.panel,.box,fieldset){min-width:0;overflow-wrap:anywhere}
body.ss26-page :is(.badge,.chip){line-height:1.4;padding-block:5px;white-space:normal}
body.ss26-page :is(td,th){font-size:14px!important;overflow-wrap:anywhere}
body.ss26-page :is(table){font-size:14px}
body.ss26-page :is(.card,.panel,.box) :is(h2,h3){line-height:1.25}
body.ss26-page :is(.card,.panel,.box) p{line-height:1.6}
body.ss26-page .ss26-newsletter form{display:flex;gap:0}
body.ss26-page .ss26-newsletter input{min-width:0;flex:1;font-size:14px!important;min-height:44px}
body.ss26-page .ss26-newsletter button{min-width:44px;min-height:44px}
body.ss26-page .ss26-footer-grid :is(h4,a,p),body.ss26-page .ss26-footer-bottom :is(span,a){font-size:14px!important;line-height:1.6!important}
body.ss26-page .ss26-footer-grid{gap:20px;grid-template-columns:minmax(180px,1.6fr) repeat(4,minmax(130px,1fr))}
body.ss26-page .ss26-footer-grid>div{min-width:0}
body.ss26-page .ss26-footer-grid a{display:inline-block;min-height:30px;padding-block:5px}
body.ss26-page .ss26-footer-brand img{max-width:100%;height:auto}
body.ss26-page .ss26-footer-partner-row a{display:inline-flex;align-items:center;min-height:44px;padding:7px 12px}

/* Shared navigation: switch to a spacious burger menu before text collides. */
@media(max-width:1199px){
 .ss26-site-header .ss26-header-inner{min-height:65px;height:auto;padding-block:8px;flex-wrap:nowrap}
 .ss26-site-header .ss26-burger{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;margin-left:auto;border-radius:9px;border:1px solid #344568;background:#0b1425;color:#fff}
 .ss26-site-header .ss26-mainnav{display:none;position:absolute;top:100%;left:12px;right:12px;z-index:1300;height:auto;max-height:calc(100dvh - 85px);overflow-y:auto;background:#091427;border:1px solid #30466c;border-radius:14px;padding:10px;box-shadow:0 18px 45px rgba(0,0,0,.48);flex-direction:column;align-items:stretch}
 .ss26-site-header.open .ss26-mainnav{display:flex}
 .ss26-site-header .ss26-mainnav>a{height:auto!important;min-height:44px;white-space:normal;padding:11px 14px!important;font-size:14px!important}
 .ss26-site-header .ss26-mobile-account{display:block!important;border-top:1px solid #243553;margin-top:8px;padding-top:8px}
 .ss26-site-header .ss26-mobile-account>a{display:flex!important;min-height:44px;align-items:center;padding:10px 14px!important;font-size:14px!important}
 .ss26-site-header .ss26-account-actions .ss26-mini-btn{display:none!important}
 .ss26-site-header .ss26-account-actions .ss26-user{display:none!important}
 .ss26-site-header .ss26-account-actions .ss26-add-btn{min-height:44px!important;font-size:14px!important;padding:9px 12px!important}
}
@media(max-width:680px){
 body.ss26-page .wrap{width:calc(100% - 24px)!important}
 .ss26-site-header .ss26-header-inner{gap:7px}
 .ss26-site-header .ss26-account-actions{gap:5px}
 .ss26-site-header .ss26-account-actions .ss26-add-btn{font-size:14px!important;white-space:normal;max-width:122px;text-align:center}
 body.ss26-page .ss26-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 body.ss26-page .ss26-footer-brand{grid-column:1/-1}
 body.ss26-page .ss26-footer-bottom{flex-wrap:wrap;gap:10px}
}
@media(max-width:390px){
 body.ss26-page .ss26-footer-grid{grid-template-columns:1fr 1fr}
 .ss26-site-header .ss26-brand{flex-basis:56px!important;min-width:56px!important}
}

/* Profile */
.ssp26 .ssp-btn,.ssp26 .ssp-tab,.ssp26 .ssp-server-actions a{min-height:44px!important;height:auto!important;padding:10px 12px!important;line-height:1.45!important;white-space:normal!important}
.ssp26 :is(.ssp-status,.ssp-role,.ssp-sub,.ssp-founder,.ssp-verified,.ssp-badge){line-height:1.5!important;white-space:normal!important}
.ssp26 :is(.ssp-mini-stat,.ssp-stat,.ssp-server-card){min-height:0!important;overflow-wrap:anywhere}
.ssp26 .ssp-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.ssp26 .ssp-mini-stat{padding:10px 8px}
.ssp26 .ssp-side{position:static!important}
.ssp26 .ssp-server-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.ssp26 .ssp-shell{grid-template-columns:1fr!important}.ssp26 .ssp-topstats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:570px){.ssp26 .ssp-server-grid{grid-template-columns:1fr!important}.ssp26 .ssp-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ssp26 .ssp-mini-stat:last-child:nth-child(odd){grid-column:1/-1}.ssp26 .ssp-server-actions{grid-template-columns:1fr 1fr!important}}

/* Server Info — preserve detail and readable cards even on narrow widths. */
.sv26 .sv-hero-grid{grid-template-columns:minmax(110px,140px) minmax(240px,1fr) minmax(290px,390px)!important;gap:14px!important}
.sv26 .sv-owner{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}
.sv26 .sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.sv26 :is(.sv-pill,.sv-action,.sv-join,.sv-vote,.sv-ranges button,.sv-tabs a){min-height:44px!important;height:auto!important;line-height:1.4!important;padding:10px 12px!important;white-space:normal!important}
.sv26 .sv-trust-mini{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:7px!important}
.sv26 .sv-trustbar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:9px!important}
.sv26 .sv-trustbrand{grid-column:auto!important}
.sv26 .sv-mini4,.sv26 .sv-health{grid-template-columns:repeat(auto-fit,minmax(115px,1fr))!important}
.sv26 .sv-details td,.sv26 .sv-table th,.sv26 .sv-table td{font-size:14px!important;line-height:1.5!important;padding:10px 8px!important}
.sv26 .sv-details td{word-break:break-word}
.sv26 .sv-reviewrow p,.sv26 .sv-muted,.sv26 .sv-sim small{font-size:14px!important;line-height:1.5!important}
.sv26 .sv-sim a{grid-template-columns:60px minmax(0,1fr) auto!important;gap:10px!important;min-height:60px}
.sv26 :is(.sv-card,.sv-body,.sv-trust,.sv-owner,.sv-trustbar){min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){.sv26 .sv-hero-grid{grid-template-columns:minmax(90px,130px) minmax(0,1fr)!important}.sv26 .sv-trust,.sv26 .sv-owner{grid-column:1/-1}}
@media(max-width:680px){.sv26 .sv-hero-grid,.sv26 .sv-grid{grid-template-columns:1fr!important}.sv26 .sv-game{display:none!important}.sv26 .sv-trust,.sv26 .sv-owner{grid-column:auto!important}.sv26 .sv-trust-mini{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sv26 .sv-joinrow{grid-template-columns:44px minmax(0,1fr)}.sv26 .sv-facts{gap:10px!important}}

/* Forms / Community / Marketplace / News */
.as26 .as26-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important}
.as26 :is(.as26-btn,.as26-submit,.as26-title p,.as26-benefit span){line-height:1.55!important}
.as26 :is(button,.as26-btn,input,select,textarea){font-size:15px!important;min-height:44px!important;height:auto!important}
.ssbx :is(.ssbx-btn,.ssbx-submit,.ssbx-dur,.ssbx-form input,.ssbx-form select){min-height:44px!important;height:auto!important;padding:10px 12px!important;line-height:1.4!important}
.ssbx .ssbx-hero h1{font-size:clamp(37px,5vw,64px)!important;line-height:1.08!important}
.ssc1 .ssc1-btn{min-height:44px!important;height:auto!important;padding:10px 15px!important}
.ssc1 .ssc1-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ssnews26 :is(.ssnews26-card,.ssnews26-hero,.ssnews26-side),.ssna26 :is(.ssna26-body,.ssna26-side){min-width:0;overflow-wrap:anywhere}
.m26 :is(.m26-btn,.m26-action,button,input,select,textarea){min-height:44px!important;font-size:14px!important;line-height:1.4!important}
@media(max-width:950px){.as26 .as26-grid{grid-template-columns:1fr!important}.ssnews26 .ssnews26-layout,.ssna26 .ssna26-pagegrid{grid-template-columns:1fr!important}}
@media(max-width:600px){.ssc1 .ssc1-stats{grid-template-columns:1fr 1fr!important}.ssnews26,.ssna26{padding-inline:0!important}.ssbx .ssbx-hero-in{padding:30px 18px!important}}

/* Standalone Master Server and Server List */
body .ms-page,body .sl-page{font-size:16px;line-height:1.55;min-width:0}
.ms-page :is(.ms-head,.ms-game,.ms-mapstat,.ms-stat),.sl-page :is(.sl-feature,.sl-server,.sl-stat){min-width:0;overflow-wrap:anywhere}
.ms-page :is(.ms-btn,.ms-search,.ms-auth a),.sl-page :is(.sl-tab,.sl-filtergrid input,.sl-filtergrid select,.sl-join){font-size:14px!important;min-height:44px!important;height:auto!important;line-height:1.4!important;padding:10px 12px!important}
.ms-page .ms-topstats,.sl-page .sl-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}
.ms-page .ms-games{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}
.ms-page .ms-mapbody{grid-template-columns:minmax(150px,1fr) minmax(0,3fr)!important}
.sl-page .sl-filtergrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.sl-page .sl-filtertabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.sl-page .sl-featured{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
@media(max-width:800px){.ms-page .ms-mapbody{grid-template-columns:1fr!important}.sl-page .sl-featured{grid-template-columns:1fr!important}}
@media(max-width:520px){.ms-page .ms-games,.ms-page .ms-topstats,.sl-page .sl-stats{grid-template-columns:1fr 1fr!important}.sl-page .sl-filtergrid{grid-template-columns:1fr!important}}

/* New Server Drop standalone */
body.ss27-latest{font-size:16px;line-height:1.6}
body.ss27-latest :is(.btn,.chip){font-size:14px!important;line-height:1.4!important;min-height:44px;height:auto;padding:10px 13px}
body.ss27-latest :is(.game,.meta b,.meta span,.sharebox span,.footer,.k){font-size:14px!important;line-height:1.5!important}
body.ss27-latest .srv{min-height:240px}
body.ss27-latest .map{height:120px}
body.ss27-latest .meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
body.ss27-latest .actions{flex-wrap:wrap}
body.ss27-latest .actions>a{flex:1 1 160px}
@media(max-width:750px){body.ss27-latest .grid{grid-template-columns:1fr!important}body.ss27-latest .top{height:auto;min-height:65px;padding:9px 0}body.ss27-latest .topin{flex-wrap:wrap}}

/* Admin dashboard: avoid crushing tables and form actions on phones. */
body.ss26-page-admin .ss26-content-wrap{min-width:0;max-width:100%!important}
body.ss26-page-admin :is(.bw-table-wrap,.ss27-table-scroll){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:12px}
body.ss26-page-admin .ss27-table-scroll table{min-width:670px;width:max-content;max-width:none}
body.ss26-page-admin :is(td,th,label,small,.small,.bw-mini,.bw-meta,.bw-quote){font-size:14px!important;line-height:1.5!important}
body.ss26-page-admin :is(.btn,button,select,input,textarea){font-size:14px!important;min-height:44px;line-height:1.45!important}
body.ss26-page-admin .bw-table td,body.ss26-page-admin .bw-table th{padding:10px!important;vertical-align:top}
body.ss26-page-admin .bw-edit-grid,body.ss26-page-admin .bw-manual-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
@media(max-width:700px){body.ss26-page-admin .ss26-content-wrap{width:calc(100% - 18px)!important}body.ss26-page-admin .bw-head{flex-wrap:wrap;gap:12px!important}}

/* Real game count replaces public member totals in Master Server. */
.ms-page .ms-avatars .ms-games-count{width:auto!important;min-width:90px!important;height:auto!important;min-height:44px!important;padding:9px 12px!important;border-radius:12px!important;white-space:nowrap;font-size:14px!important}

/* Standalone directory navigation: the same readable controls as shared pages. */
.ssg-header .ssg-nav>a,.ssg-header .ssg-more>button,.ssg-header .ssg-more-menu a,
.ssg-header .ssg-mobile-account a,.ssg-header .ssg-small,.ssg-header .ssg-add,
.ssg-header .ssg-user strong,.ssg-header .ssg-search input{font-size:14px!important;line-height:1.4!important}
.ssg-header .ssg-search input{min-height:44px!important}
.ssg-header .ssg-search{height:auto;min-height:44px}
.ssg-header .ssg-small,.ssg-header .ssg-add,.ssg-header .ssg-icon{height:auto!important;min-height:44px!important;padding:9px 12px!important}
.ssg-header .ssg-icon{min-width:44px!important}
.ssg-header .ssg-user{min-height:44px;height:auto}
@media(max-width:1199px){
 .ssg-header,.ssg-header .ssg-inner{height:auto!important;min-height:64px!important}
 .ssg-header .ssg-inner{gap:9px;flex-wrap:nowrap;padding-block:7px}
 .ssg-header .ssg-burger{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;margin-left:auto;border:1px solid #34496e;border-radius:9px;background:#091326;color:#fff}
 .ssg-header .ssg-nav{display:none!important;position:absolute;top:100%;left:8px;right:8px;height:auto!important;max-height:calc(100dvh - 80px);overflow-y:auto;flex-direction:column;padding:10px;background:#060b16;border:1px solid #30446b;border-radius:12px;box-shadow:0 25px 55px rgba(0,0,0,.55);z-index:2000}
 .ssg-header.open .ssg-nav{display:flex!important}
 .ssg-header .ssg-nav>a,.ssg-header .ssg-more>button{height:auto!important;min-height:44px!important;padding:10px 12px!important;white-space:normal!important;border-bottom:0}
 .ssg-header .ssg-more{width:100%}
 .ssg-header .ssg-more-menu{display:grid!important;position:static;box-shadow:none}
 .ssg-header .ssg-more>button{display:none!important}
 .ssg-header .ssg-mobile-account{display:block!important;border-top:1px solid #1c2a45;padding-top:9px;margin-top:6px}
 .ssg-header .ssg-mobile-account a{display:flex!important;align-items:center;min-height:44px!important;padding:10px 12px!important}
 .ssg-header .ssg-search,.ssg-header .ssg-actions .ssg-small,.ssg-header .ssg-actions .ssg-user,.ssg-header .ssg-actions .ssg-icon{display:none!important}
}
@media(max-width:600px){
 .ssg-header .ssg-brand{width:132px!important;flex-basis:132px!important;min-width:132px!important}
 .ssg-header .ssg-brand img{width:130px!important;max-width:130px!important;object-fit:contain!important}
 .ssg-header .ssg-add{max-width:108px;white-space:normal!important;text-align:center;padding-inline:8px!important}
 .ssg-header .ssg-actions{min-width:0}
}

/* SoulShive 2027 — acțiuni lizibile în profil pentru proprietari */
.ss26-page-profile .ssp-server-actions{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important;gap:9px!important}
.ss26-page-profile .ssp-server-actions a{min-height:44px!important;height:auto!important;padding:10px 12px!important;line-height:1.4!important}


/* ========= assets/mockup-1to1-final.css ========= */
/* SoulShive — Final 1:1 mockup layer
   Keeps the existing SoulShive purple/blue identity while matching the approved mockup composition. */
:root{
  --mx-bg:#050817;--mx-panel:#071328;--mx-panel2:#09182f;--mx-line:#203d69;
  --mx-line-hot:#782fe8;--mx-text:#f6f9ff;--mx-muted:#91a2bd;
  --mx-purple:#8a31ff;--mx-purple2:#c13aff;--mx-cyan:#35dfff;--mx-blue:#248aff;
  --mx-green:#20dc96;--mx-gold:#ffc43f;--mx-red:#ff5376;--mx-shadow:0 14px 40px rgba(0,0,0,.28)
}
body{background:
 radial-gradient(circle at 50% -18%,rgba(117,40,228,.13),transparent 32%),
 radial-gradient(circle at 100% 20%,rgba(31,135,255,.06),transparent 32%),
 #050817!important;color:var(--mx-text)}
.mx-page{width:calc(100% - 24px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}

/* HEADER */
.mx-top{height:62px!important;background:rgba(4,10,24,.965)!important;border-bottom:1px solid rgba(97,59,184,.58)!important;box-shadow:0 6px 28px rgba(0,0,0,.28)!important;backdrop-filter:blur(16px)}
.mx-topin{height:62px!important;gap:24px!important}
.mx-logo{width:205px!important;flex:0 0 205px!important}.mx-logo img{width:192px!important;height:46px!important}
.mx-nav{height:62px!important;gap:30px!important}.mx-nav a{height:62px!important;font-size:14px!important;font-weight:800!important;color:#cbd7ea!important}.mx-nav a:hover{color:#fff!important}.mx-nav a.on:after{height:2px!important;background:linear-gradient(90deg,var(--mx-cyan),var(--mx-purple2))!important}
.mx-search{width:285px!important;height:36px!important;border-radius:7px!important;background:#07172c!important;border:1px solid #244979!important;font-size:14px!important;padding:0 13px!important}
.mx-auth{gap:9px!important}.mx-auth a{height:36px!important;padding:0 14px!important;border-radius:7px!important;font-size:14px!important;background:#071427!important}.mx-auth a.primary{background:linear-gradient(180deg,#188fff,#0870df)!important;border-color:#2aa8ff!important;box-shadow:0 0 18px rgba(26,145,255,.2)!important}

/* HERO — same structure/proportions as approved mockup, SoulShive palette */
.mx-hero{height:318px!important;border-bottom:1px solid rgba(49,167,255,.25)!important;background:#061023!important;box-shadow:inset 0 -1px 0 rgba(63,205,255,.12)}
.mx-hero-art{right:0!important;width:71%!important;opacity:1!important;background:
 linear-gradient(90deg,rgba(5,8,23,.82) 0%,rgba(5,8,23,.25) 30%,rgba(5,8,23,.03) 72%),
 url('/assets/serverlist2026/server-list-hero.webp') center/cover no-repeat!important;filter:saturate(1.08) contrast(1.03)!important}
.mx-hero-art:after{content:"";position:absolute;right:8.5%;top:4%;width:34%;height:96%;background:url('/assets/soulshive-hero-2026.webp') center 24%/cover no-repeat;border-radius:18px 18px 0 0;mix-blend-mode:screen;opacity:.58;filter:saturate(1.12) contrast(1.05);mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}
.mx-hero:after{background:linear-gradient(90deg,#050817 0%,#050817 24%,rgba(5,8,23,.89) 42%,rgba(5,8,23,.25) 68%,rgba(5,8,23,.04) 100%)!important}
.mx-heroin{width:690px!important;padding:35px 8px 30px 8px!important}
.mx-k{font-size:14px!important;color:#42dfff!important;letter-spacing:.05em!important;text-transform:uppercase}
.mx-hero h1{font-size:50px!important;line-height:1.02!important;margin:8px 0 10px!important;letter-spacing:-.04em!important}.mx-hero h1 span{background:linear-gradient(90deg,#13a9ff,#7e3cff)!important;-webkit-background-clip:text!important;color:transparent!important}
.mx-hero p{font-size:14px!important;line-height:1.55!important;color:#d0d9e8!important;max-width:610px!important;margin:0!important}.mx-actions{margin-top:15px!important;gap:10px!important}.mx-btn{height:40px!important;padding:0 18px!important;font-size:14px!important;border-radius:7px!important}.mx-btn.primary{background:linear-gradient(180deg,#1a96ff,#0874e8)!important;border-color:#32bdff!important;box-shadow:0 0 22px rgba(25,149,255,.25)!important}.mx-slogan{right:23px!important;bottom:23px!important;color:#4ac8ff!important;font-size:14px!important;line-height:1.35!important;letter-spacing:.08em!important;text-shadow:0 0 16px rgba(46,189,255,.25)}

/* FEATURE ROW */
.mx-features{grid-template-columns:1.1fr 1.1fr 1.1fr 1.12fr!important;gap:11px!important;margin-top:13px!important}
.mx-feature{height:128px!important;min-height:128px!important;padding:14px 15px!important;border-radius:10px!important;background:linear-gradient(180deg,#0a1d38,#071326)!important;box-shadow:var(--mx-shadow)!important;display:block!important}
.mx-feature.gold{border-color:#b88723!important;background:radial-gradient(circle at 92% 85%,rgba(255,181,37,.15),transparent 42%),linear-gradient(180deg,#172014,#0b1725)!important;box-shadow:0 0 18px rgba(255,187,45,.08)!important}
.mx-feature.blue{border-color:#1c83e8!important;background:radial-gradient(circle at 95% 90%,rgba(45,164,255,.16),transparent 43%),linear-gradient(180deg,#0a1e3b,#071327)!important}
.mx-feature.green{border-color:#168e6b!important;background:radial-gradient(circle at 92% 90%,rgba(24,219,151,.13),transparent 44%),linear-gradient(180deg,#09251f,#071624)!important}
.mx-feature.purple{border-color:#7744db!important;background:radial-gradient(circle at 10% 100%,rgba(137,65,255,.16),transparent 46%),linear-gradient(180deg,#171237,#0a1428)!important}
.mx-feature:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 28%,transparent 70%,rgba(255,255,255,.018))}
.mx-feature-top{gap:10px!important}.mx-feature-top i{font-size:29px!important;filter:drop-shadow(0 0 9px currentColor)}.mx-feature b{font-size:14px!important;letter-spacing:.01em}.mx-feature small{font-size:14px!important;line-height:1.35!important;color:#9cafc8!important}.mx-feature-value{font-size:24px!important;margin-top:11px!important}.mx-feature-value span{font-size:14px!important}.mx-progress{height:8px!important;margin-top:8px!important;background:#0b1525!important;border:1px solid rgba(255,255,255,.08)!important}.mx-progress i{background:linear-gradient(90deg,#19a9ff,#43e0ff)!important;box-shadow:0 0 12px rgba(36,195,255,.55)!important}.mx-mini-metrics{margin-top:8px!important;gap:4px!important}.mx-mini-metrics em{font-size:14px!important}.mx-mini-metrics em strong{font-size:14px!important;color:#f6f8ff!important}

/* MOCKUP FILTER BAR */
.mx-filter{margin-top:12px!important;padding:8px!important;border-radius:9px!important;border:1px solid #244b7e!important;background:#07162c!important;box-shadow:0 7px 22px rgba(0,0,0,.18)!important}
.mx-tabs{padding:0!important;gap:6px!important;overflow:visible!important}.mx-tab{height:34px!important;padding:0 13px!important;border-radius:6px!important;border-color:#23426f!important;background:#091a31!important;font-size:14px!important;color:#c7d5e8!important}.mx-tab.on{background:linear-gradient(180deg,#178df9,#0871de)!important;border-color:#35bfff!important;box-shadow:0 0 14px rgba(26,148,255,.17)!important}.mx-tab.vip{color:#ffd360!important}.mx-tab.push{margin-left:auto!important}.mx-filter-search{margin-left:4px;display:flex;gap:6px;align-items:center}.mx-filter-search input{width:210px;height:34px;border:1px solid #234572;border-radius:6px;background:#08182d;color:#e7f0fb;padding:0 11px;font-size:14px}.mx-filter-toggle{height:34px;padding:0 12px;border:1px solid #2d4d79;border-radius:6px;background:#0a1b33;color:#d7e2f1;font-size:14px;font-weight:900;cursor:pointer}.mx-filter-toggle.on{border-color:#7f46df;color:#d8b8ff}.mx-filtergrid{display:none!important;grid-template-columns:repeat(6,1fr)!important;gap:7px!important;padding-top:8px!important;margin-top:8px!important;border-top:1px solid rgba(255,255,255,.055)!important}.mx-filter.open .mx-filtergrid{display:grid!important}.mx-filtergrid input,.mx-filtergrid select{height:34px!important;font-size:14px!important;background:#061426!important}

/* MAIN LIST + PROFILE */
.mx-main{grid-template-columns:minmax(0,1.31fr) minmax(430px,.89fr)!important;gap:12px!important;margin-top:11px!important;align-items:start!important}
.mx-list,.mx-preview{border-radius:10px!important;border:1px solid #21487a!important;background:#061426!important;box-shadow:var(--mx-shadow)!important}
.mx-head{height:45px!important;padding:0 13px!important;background:linear-gradient(180deg,#0a1b34,#07162b)!important}.mx-head h2{font-size:14px!important}.mx-head small{font-size:14px!important}
.mx-serverrows{padding:7px!important;gap:6px!important}.mx-serverrow{grid-template-columns:42px 48px minmax(0,1fr) 86px 76px 52px!important;gap:8px!important;min-height:64px!important;padding:6px 8px!important;border-radius:7px!important;border-color:#17375f!important;background:linear-gradient(90deg,#07182d,#071426)!important;box-shadow:inset 0 1px rgba(255,255,255,.012)!important}.mx-serverrow:hover,.mx-serverrow.on{border-color:#2299ef!important;background:linear-gradient(90deg,rgba(17,128,221,.14),#071528 48%)!important;box-shadow:0 0 18px rgba(24,148,238,.09)!important}.mx-serverrow.on{outline:1px solid rgba(54,198,255,.18)!important}
.mx-rank{width:32px!important;height:32px!important;border-radius:5px!important;display:grid!important;place-items:center!important;margin:auto!important;background:#193757!important;border:1px solid #2b537d!important;font-size:14px!important;color:#d3e0ef!important}.mx-rank.crown{background:linear-gradient(180deg,#ecac22,#b8770e)!important;border-color:#ffd45b!important;color:white!important;box-shadow:0 0 14px rgba(255,194,55,.22)!important}.mx-gameicon{width:42px!important;height:42px!important;border-radius:6px!important}.mx-name{font-size:14px!important}.mx-crown{color:#ffd04e!important}.mx-tags{gap:4px!important;margin-top:4px!important}.mx-tag{font-size:14px!important;padding:3px 6px!important;border-radius:4px!important}.mx-tag.trending{position:absolute;right:225px;top:8px!important;color:#ff6f88!important;border-color:#8b3047!important;background:#351321!important}.mx-cell b{font-size:14px!important}.mx-cell small{font-size:14px!important}.mx-cell.good b{color:#eaf4ff!important}.mx-serverrow .mx-cell:nth-of-type(2) b{color:#39df84!important}.mx-rowactions{gap:3px!important}.mx-fav{font-size:20px!important;color:#ff5e82!important}.mx-join{display:none!important}.mx-pages{min-height:37px!important;font-size:14px!important}

/* PROFILE CARD */
.mx-preview{position:sticky!important;top:73px!important}.mx-preview-hero{height:160px!important}.mx-preview-hero img{opacity:.82!important}.mx-preview-hero:after{background:linear-gradient(180deg,rgba(4,9,18,.04),rgba(4,9,18,.88))!important}.mx-preview-title{left:12px!important;right:12px!important;bottom:10px!important}.mx-preview-title h3{font-size:16px!important;margin:4px 0!important}.mx-preview-title small{font-size:14px!important;color:#a8bad2!important}.mx-preview-badges span{font-size:14px!important;background:rgba(4,14,28,.8)!important}.mx-preview-badges .on{margin-left:auto!important;background:rgba(14,94,62,.54)!important}.mx-preview-body{padding:8px!important}.mx-preview-actions{grid-template-columns:1.25fr 1fr 1fr!important;gap:6px!important}.mx-preview-actions a{height:34px!important;font-size:14px!important}.mx-preview-actions a:first-child{background:linear-gradient(180deg,#1a91fb,#0875e9)!important;border-color:#35bfff!important}.mx-owner{padding:7px 0!important}.mx-avatar{width:32px!important;height:32px!important}.mx-owner b{font-size:14px!important}.mx-owner small{font-size:14px!important}.mx-media{grid-template-columns:1fr 1.28fr!important;height:112px!important;gap:6px!important;margin-top:7px!important}.mx-trailer,.mx-gallery{height:112px!important}.mx-gallery{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:1fr 1fr!important}.mx-gallery div:nth-child(n+7){display:none!important}.mx-lower{display:grid!important;grid-template-columns:1.14fr .95fr 1.12fr 1.05fr!important;gap:7px!important;margin-top:9px!important}.mx-lower-card{min-height:92px!important;padding:9px!important;border-color:#1e4776!important;background:#06162a!important}.mx-lower-card h4{font-size:14px!important;color:#d7e3f1!important}.mx-lower-card strong{font-size:17px!important;margin-top:6px!important}.mx-lower-card small{font-size:14px!important;color:#91a2bc!important}.mx-stars{font-size:14px!important}.mx-featurelink{font-size:14px!important}.mx-realbar{height:7px!important;background:#14233a!important}.mx-realbar i{background:linear-gradient(90deg,#20dda0,#42caff)!important}.mx-preview .mx-btn{margin-top:7px!important;height:34px!important;background:#091a31!important;border-color:#264873!important;color:#c7d7e9!important}
.mx-footer{margin-top:14px!important;border-top:1px solid #142f54!important;font-size:14px!important}

/* Home page versions of the same approved mockup components */
.ss26-mockup-features{gap:11px!important}.ss26-mock-card{min-height:124px!important;border-radius:10px!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important}.ss26-mock-card.reward{border-color:#8b6823!important}.ss26-mock-card.points{border-color:#1d79dc!important}.ss26-mock-card.players{border-color:#19795f!important}.ss26-mock-card.score{border-color:#7040cb!important}
.ss26-master-showcase{border:1px solid #214879!important;border-radius:12px!important;background:#061426!important;box-shadow:0 18px 42px rgba(0,0,0,.26)!important}.ss26-master-layout{grid-template-columns:minmax(0,1.28fr) minmax(420px,.88fr)!important}.ss26-master-row{min-height:64px!important;border-color:#17365d!important}.ss26-master-row.on{border-color:#2499ed!important;background:linear-gradient(90deg,rgba(21,126,218,.12),#081428)!important}.ss26-home-profile{border-color:#214879!important}.ss26-home-profile-stats{grid-template-columns:repeat(4,1fr)!important}

/* Coin shop — visually tied to the approved SoulPoints card */
.sp26{width:100%!important;max-width:none!important}.sp-hero{border-color:#2b5790!important;background:radial-gradient(circle at 84% 8%,rgba(36,139,255,.16),transparent 34%),radial-gradient(circle at 8% 120%,rgba(131,50,247,.12),transparent 38%),linear-gradient(135deg,#08172e,#060d1c 70%)!important}.sp-balance strong{color:#ffd05b!important}.sp-card{border-color:#1d3d68!important;background:linear-gradient(180deg,#08182f,#061324)!important}.sp-btn{background:linear-gradient(180deg,#198ef7,#0873df)!important;box-shadow:0 0 18px rgba(26,144,249,.18)!important}

@media(max-width:1180px){
 .mx-main{grid-template-columns:1fr!important}.mx-preview{position:relative!important;top:auto!important}.mx-features{grid-template-columns:1fr 1fr!important}.mx-filter-search{margin-left:auto}.mx-filtergrid{grid-template-columns:repeat(3,1fr)!important}.mx-tag.trending{position:static!important}.mx-lower{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
 .mx-page{width:calc(100% - 14px)!important}.mx-top{height:auto!important}.mx-topin{height:auto!important}.mx-nav{height:35px!important}.mx-nav a{height:35px!important}.mx-hero{height:330px!important}.mx-heroin{padding:24px 10px!important}.mx-hero h1{font-size:37px!important}.mx-hero p{font-size:14px!important}.mx-hero-art:after{display:none}.mx-features{grid-template-columns:1fr!important}.mx-feature{height:auto!important;min-height:115px!important}.mx-tabs{overflow:auto!important}.mx-filter-search{display:none}.mx-filtergrid{grid-template-columns:1fr 1fr!important}.mx-serverrow{grid-template-columns:34px 42px minmax(0,1fr) 40px!important;min-height:72px!important}.mx-serverrow>.mx-cell{display:none!important}.mx-tag.trending{position:static!important}.mx-preview{position:static!important}.mx-media,.mx-lower{grid-template-columns:1fr!important;height:auto!important}.mx-trailer,.mx-gallery{height:160px!important}.mx-footer{height:auto!important}
}

/* Full-width lower analytics row from the approved mockup */
.mx-dashboard-row{display:grid;grid-template-columns:1.18fr .92fr 1.12fr 1.06fr;gap:10px;margin-top:9px}
.mx-dash-card{position:relative;min-height:116px;border:1px solid #1f4777;border-radius:9px;background:linear-gradient(180deg,#081a32,#061426);padding:10px 12px;overflow:hidden;box-shadow:0 9px 25px rgba(0,0,0,.17)}
.mx-dash-title{font-size:14px;font-weight:950;letter-spacing:.04em;color:#dce8f6;margin-bottom:5px}
.mx-review-main{display:flex;align-items:center;gap:7px}.mx-review-main strong{font-size:18px}.mx-review-main .mx-stars{color:#ffc93e;font-size:14px;letter-spacing:1px}.mx-review-main small{font-size:14px;color:#91a2b9}.mx-review-sample{display:flex;align-items:center;gap:7px;margin-top:5px}.mx-review-avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#13233a;border:1px solid #2c527e;font-size:14px}.mx-review-sample p{margin:0}.mx-review-sample b{font-size:14px;display:block}.mx-review-sample small{display:block;font-size:14px;color:#8496ad;margin-top:1px}
.mx-growth-card>strong{display:block;font-size:20px;line-height:1;margin-top:5px}.mx-growth-card>small{font-size:14px;color:#8fa0b7}.mx-growth-chart{position:absolute;left:48%;right:11px;bottom:10px;height:54px;display:flex;gap:4px;align-items:flex-end;border-bottom:1px solid #24547d}.mx-growth-chart:after{content:"";position:absolute;inset:8px 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,#2cbcff 25%,#74e3ff 70%,transparent);transform:rotate(-11deg);transform-origin:center;box-shadow:0 0 8px #2cbcff}.mx-growth-chart i{flex:1;min-width:4px;background:linear-gradient(180deg,#27c9ff,#0875dc);border-radius:2px 2px 0 0;box-shadow:0 0 7px rgba(40,177,255,.16)}
.mx-players-card>strong{font-size:14px;display:block;margin:6px 0 10px}.mx-players-card .mx-realbar{height:9px;border:1px solid #244c75}.mx-player-legend{display:flex;gap:12px;margin-top:7px;font-size:14px;color:#8fa0b7}.mx-player-legend span:first-child{color:#70d9ff}.mx-player-legend span:last-child{color:#ff758e}.mx-players-card>small{display:inline-flex;margin-top:7px;padding:3px 6px;border:1px solid #176d52;border-radius:4px;background:rgba(25,147,103,.10);font-size:14px;color:#4be1a1}
.mx-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin-top:8px}.mx-info-grid span{font-size:14px;color:#9aabc0;display:flex;justify-content:space-between;gap:8px}.mx-info-grid b{font-size:14px;color:#f1f6fc}.mx-info-score{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.055);margin-top:8px;padding-top:6px}.mx-info-score span{font-size:14px;color:#8598b0}.mx-info-score strong{font-size:14px}.mx-info-card>small{display:none}
@media(max-width:1180px){.mx-dashboard-row{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.mx-dashboard-row{grid-template-columns:1fr}}

/* HOME — exact approved mockup composition, current SoulShive palette */
body.ss26-home-page .ss26-home-community{width:100%!important;max-width:none!important}
.ss26-community-hero{min-height:318px!important;border-color:#244b79!important;border-radius:0 0 12px 12px!important;background:#061023!important}
.ss26-community-hero-art{width:71%!important;background:
 linear-gradient(90deg,rgba(5,8,23,.76),rgba(5,8,23,.10)),
 url('/assets/soulshive2026/home-community-hero.webp') center right/cover no-repeat!important}
.ss26-community-hero:after{background:linear-gradient(90deg,#050817 0%,#050817 24%,rgba(5,8,23,.89) 42%,rgba(5,8,23,.25) 68%,rgba(5,8,23,.04))!important}
.ss26-community-hero-copy{width:690px!important;padding:35px 30px!important}.ss26-community-kicker{font-size:14px!important;letter-spacing:.05em!important;color:#42dfff!important}.ss26-community-hero h1{font-size:50px!important;line-height:1.02!important;font-style:normal!important}.ss26-community-hero p{font-size:14px!important;max-width:610px!important;color:#d0d9e8!important}.ss26-community-actions .ss26-btn{height:40px!important;font-size:14px!important}.ss26-community-actions .primary{background:linear-gradient(180deg,#1a96ff,#0874e8)!important;border-color:#32bdff!important}.ss26-community-trust{font-size:14px!important;color:#7f91aa!important}
/* The approved mockup goes directly from hero to the four feature cards. Keep old statistics available in DB, not in this top composition. */
.ss26-community-stats{display:none!important}
.ss26-mockup-features{margin:13px 0 12px!important}.ss26-mock-card{min-height:128px!important;padding:14px 15px!important;grid-template-columns:54px 1fr!important;background:linear-gradient(180deg,#0a1d38,#071326)!important}.ss26-mock-icon{width:48px!important;height:48px!important;font-size:26px!important}.ss26-mock-copy small{font-size:14px!important}.ss26-mock-copy b{font-size:14px!important}.ss26-mock-copy span{font-size:14px!important}.ss26-mock-copy em{font-size:14px!important}.ss26-score-orb{width:54px!important;height:54px!important;padding-top:15px!important}
.ss26-home-mock-filter{margin:0 0 11px!important}
.ss26-master-showcase{margin-top:0!important}.ss26-master-head{display:none!important}.ss26-master-layout{padding:7px!important;gap:12px!important}
.ss26-master-list{gap:6px!important}.ss26-master-row{min-height:64px!important;grid-template-columns:42px 48px minmax(0,1fr) 86px 76px 42px!important;padding:6px 8px!important;border-radius:7px!important;background:linear-gradient(90deg,#07182d,#071426)!important}.ss26-master-row:hover,.ss26-master-row.on{border-color:#2299ef!important;background:linear-gradient(90deg,rgba(17,128,221,.14),#071528 48%)!important}.ss26-master-rank{width:32px!important;height:32px!important;border-radius:5px!important;display:grid!important;place-items:center!important;background:#193757!important;border:1px solid #2b537d!important;font-size:14px!important;color:#d3e0ef!important}.ss26-master-row:first-child .ss26-master-rank{background:linear-gradient(180deg,#ecac22,#b8770e)!important;border-color:#ffd45b!important;color:#fff!important;font-size:14px!important}.ss26-master-logo{width:42px!important;height:42px!important}.ss26-master-name>b{font-size:14px!important}.ss26-master-name span{font-size:14px!important;border-radius:4px!important;padding:3px 6px!important}.ss26-master-num b{font-size:14px!important;color:#edf5ff!important}.ss26-master-num small{font-size:14px!important;color:#39df84!important}.ss26-master-score{display:block!important}.ss26-master-score b{font-size:14px!important;color:#39df84!important}.ss26-master-score small{font-size:14px!important}.ss26-master-open{width:34px!important;height:34px!important;border-radius:50%!important;color:#ff5e82!important;border-color:#523044!important;background:#1b0f1b!important;font-size:0!important}.ss26-master-open:after{content:'♥';font-size:17px!important}
.ss26-home-profile-banner{height:160px!important}.ss26-home-profile-banner h3{font-size:16px!important}.ss26-home-profile-body{padding:8px!important}.ss26-home-profile-actions a{height:34px!important;font-size:14px!important}.ss26-home-profile-actions a.primary{background:linear-gradient(180deg,#1a91fb,#0875e9)!important;border-color:#35bfff!important}.ss26-home-owner{margin-top:6px!important;padding:7px!important}.ss26-home-media{grid-template-columns:1fr 1.28fr!important;height:112px!important}.ss26-home-media .trailer,.ss26-home-media .gallery{height:112px!important;min-height:112px!important}.ss26-home-media iframe{height:112px!important}.ss26-home-media .gallery{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:1fr 1fr!important}.ss26-home-media .gallery img{height:52px!important}.ss26-home-profile-full{height:32px!important;margin-top:6px!important}
.ss26-home-dashboard{margin:0 7px 7px!important}
@media(max-width:980px){.ss26-home-profile{display:block!important}.ss26-master-layout{grid-template-columns:1fr!important}.ss26-master-row{grid-template-columns:38px 44px minmax(0,1fr) 82px 40px!important}.ss26-master-score{display:none!important}}
@media(max-width:720px){.ss26-community-hero{min-height:430px!important}.ss26-community-hero-copy{width:auto!important;padding:24px 18px!important}.ss26-community-hero h1{font-size:36px!important}.ss26-community-stats{display:none!important}.ss26-master-row{grid-template-columns:34px 40px minmax(0,1fr) 40px!important}.ss26-master-num{display:none!important}.ss26-master-open{width:32px!important;height:32px!important}}
/* Critical alignment fix: mx-heroin also has mx-page, so keep the full container width instead of auto-centering a 690px box. */
.mx-heroin{width:calc(100% - 24px)!important;max-width:none!important;margin:0 auto!important;padding:35px 8px 30px!important}
.mx-heroin>p{max-width:610px!important}.mx-heroin>.mx-actions{max-width:610px}
@media(max-width:760px){.mx-heroin{width:calc(100% - 14px)!important;margin:0 auto!important;padding:24px 10px!important}}
/* Final visual parity refinements */
.mx-list>.mx-head{display:none!important}.mx-serverrow{min-height:70px!important}
.mx-trailer,.mx-gallery{position:relative!important;padding-top:18px!important}.mx-trailer:before,.mx-gallery:before{position:absolute;z-index:4;top:3px;left:6px;font-size:14px;font-weight:900;color:#dce8f6;text-shadow:0 1px 2px #000}.mx-trailer:before{content:'▶ Trailer'}.mx-gallery:before{content:'▣ Galerie'}.mx-trailer iframe{height:calc(100% - 18px)!important;margin-top:0}.mx-gallery{padding:20px 3px 3px!important}
.ss26-home-media .trailer,.ss26-home-media .gallery{position:relative!important;padding-top:18px!important}.ss26-home-media .trailer:before,.ss26-home-media .gallery:before{position:absolute;z-index:4;top:3px;left:6px;font-size:14px;font-weight:900;color:#dce8f6}.ss26-home-media .trailer:before{content:'▶ Trailer'}.ss26-home-media .gallery:before{content:'▣ Galerie'}.ss26-home-media iframe{height:calc(100% - 18px)!important}.ss26-home-media .gallery{padding:20px 3px 3px!important}

/* v3 consistency: global header/footer and media form readability */
body.ss26-page .as26 .as26-label{font-size:14px!important}
body.ss26-page .as26 input,body.ss26-page .as26 select,body.ss26-page .as26 textarea{font-size:14px!important}
body.ss26-page .as26 .as26-ref{font-size:14px!important}

/* 18+ badge — afișat numai când ownerul l-a marcat explicit */
.age18,.mx-tag.age18{background:rgba(239,68,68,.15)!important;border-color:rgba(248,113,113,.58)!important;color:#ff9a9a!important;font-weight:900!important}


/* v11 — full-width public layout without breaking mobile */
@media(min-width:901px){
  .mx-page{width:calc(100% - 24px)!important;max-width:none!important}
  body.ss26-home-page .ss26-home-community{width:100%!important;max-width:none!important}
  .sp26{width:100%!important;max-width:none!important}
}
@media(max-width:900px){
  .mx-page{width:calc(100% - 16px)!important;max-width:none!important}
  body.ss26-home-page .ss26-home-community{width:100%!important;max-width:none!important}
  .sp26{width:100%!important;max-width:none!important}
}


/* ========= assets/soulshive-unified-2027.css ========= */
/* SoulShive 2027 — unified premium presentation. Keeps existing business logic intact. */
:root{--ss27-bg:#050816;--ss27-surface:#0b1530;--ss27-panel:#0c1730;--ss27-border:#273a68;--ss27-muted:#acbbd6;--ss27-violet:#9945ff;--ss27-cyan:#42bbff;--ss27-green:#43e6aa}
html{scroll-behavior:smooth}body.ss27-mockup,body.sl-page,body.ms-page{background:radial-gradient(ellipse 70% 30% at 50% -8%,rgba(103,50,237,.19),transparent),#050816!important;color:#edf3ff;font-family:Inter,Manrope,system-ui,sans-serif!important;font-size:16px!important;line-height:1.6}body.ss27-mockup :is(button,input,select,textarea),body.sl-page :is(button,input,select),body.ms-page :is(button,input,select){font-family:inherit}body.ss27-mockup :is(a,button,input,select,textarea):focus-visible{outline:2px solid #58d5ff;outline-offset:3px}
/* Consistent premium navigation on every page. */
.ss26-site-header,.ssg-header{background:rgba(5,9,25,.97)!important;border-bottom:1px solid #34326b!important;box-shadow:0 10px 28px rgba(0,0,0,.3)!important;backdrop-filter:blur(18px)}.ss26-header-inner,.ssg-inner{max-width:none!important;width:calc(100% - 44px)!important}.ss26-brand-wordmark{font-size:clamp(20px,1.7vw,27px)!important;letter-spacing:-.045em}.ss26-mainnav{gap:clamp(8px,1.2vw,22px)!important}.ss26-mainnav>a,.ssg-nav>a{color:#dce5fc!important;font-size:15px!important;font-weight:800!important}.ss26-mainnav>a:hover,.ssg-nav>a:hover{color:#b48aff!important}.ss26-add-btn,.ssg-add{background:linear-gradient(110deg,#692eff,#a93dff 60%,#287dff)!important;box-shadow:0 0 22px rgba(129,56,244,.25);border:1px solid #b17aff!important;border-radius:9px!important}.ss26-mini-btn,.ssg-small{border-radius:9px!important}.ss26-global-footer{background:linear-gradient(180deg,#071026,#050814)!important;border-top:1px solid #413079!important}.ss26-global-footer .wrap{max-width:none!important;width:calc(100% - 44px)!important}.ss26-footer-grid{gap:clamp(16px,2.4vw,45px)!important}.ss26-footer-grid h4{color:#cbb8ff!important}.ss26-footer-grid a{color:#c6d2ee!important}.ss26-footer-grid a:hover{color:#fff!important}
/* Global surfaces, typography and forms. */
body.ss27-mockup :is(.card,.ss26-panel,.st26-card,.as26-panel,.ssbx-tier,.sv-card,.cw-panel,.ssnews26-card){background:linear-gradient(145deg,rgba(13,24,53,.98),rgba(8,17,39,.98))!important;border:1px solid #253d71!important;box-shadow:0 15px 32px rgba(0,0,0,.2)!important;border-radius:15px!important}
body.ss27-mockup :is(h1,h2,h3){letter-spacing:-.025em}body.ss27-mockup :is(input:not([type=checkbox]),select,textarea){border-color:#314579!important;border-radius:9px!important;background-color:#0a1730;color:#edf4ff!important;min-height:44px}body.ss27-mockup :is(button,.btn){border-radius:9px;min-height:42px}
body.ss27-mockup .ss26-content-wrap{max-width:none!important;width:calc(100% - 44px)!important}body.ss27-mockup .ss26-page-masthead{background:radial-gradient(circle at 80% 40%,rgba(114,44,233,.2),transparent 50%),#071229!important;border-bottom:1px solid #343667}
/* Home follows the reference composition while preserving dynamic content. */
.ss26-home.ss26-home-community{max-width:none!important}.ss26-community-hero{background:linear-gradient(95deg,#050a1c,#11153e)!important;border:1px solid #384d90!important;border-radius:16px!important;min-height:400px!important;box-shadow:0 22px 45px rgba(2,4,15,.42)}.ss26-community-hero-art{background-image:linear-gradient(90deg,#050a1c 0%,rgba(5,10,28,.6) 35%,rgba(5,10,28,.05) 100%),url('/assets/home2026/home-hero-2026.webp')!important;background-position:center right!important;background-size:cover!important}.ss26-community-hero-copy{padding:clamp(28px,4vw,68px)!important;max-width:850px!important}.ss26-community-hero h1{font-size:clamp(40px,5vw,78px)!important;line-height:1.02!important}.ss26-community-hero p{font-size:clamp(16px,1.35vw,20px)!important}.ss26-community-actions .ss26-btn{font-size:16px!important;min-height:46px!important;border-radius:9px!important}.ss26-community-actions .primary{background:linear-gradient(105deg,#762fff,#ae3aff,#2478ff)!important}.ss26-recommended-grid,.ss26-servergrid,.ss26-gamegrid{gap:16px!important}.ss26-rec-card,.ss26-servercard{background:#0b1630!important;border:1px solid #2c3e70!important;border-radius:14px!important;overflow:hidden;box-shadow:0 12px 25px rgba(0,0,0,.25);transition:transform .2s,border-color .2s}.ss26-rec-card:hover,.ss26-servercard:hover{transform:translateY(-3px);border-color:#8c55ee!important}
/* Server list: custom layout, not a giant spreadsheet. Existing filter/table JS and URL actions remain. */
body.sl-page .sl-page{max-width:none!important;width:calc(100% - 44px)!important;margin-inline:auto!important}.sl-hero{min-height:370px!important;background:linear-gradient(90deg,#050817,#0c1841)!important;border-bottom:1px solid #353778!important;overflow:hidden}.sl-hero-art{background-image:linear-gradient(90deg,#050816 4%,rgba(5,8,22,.63) 46%,rgba(5,8,22,.07) 100%),url('/assets/serverlist2026/server-list-hero.webp')!important;background-position:center right!important;background-size:cover!important;opacity:1!important}.sl-heroin{padding:45px 12px 44px!important;max-width:none!important}.sl-title{font-size:clamp(43px,5.3vw,82px)!important;letter-spacing:-.05em!important;line-height:1.05!important}.sl-title span{background:linear-gradient(90deg,#b64aff,#36b9ff)!important;-webkit-background-clip:text;color:transparent!important}.sl-sub{color:#d5def5!important;font-size:18px!important;max-width:760px!important;line-height:1.55!important}.sl-crumb{color:#b9a7ff!important;font-size:15px!important;font-weight:800}.ss27-directory-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.ss27-directory-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;border-radius:10px;font-size:16px;font-weight:850;text-decoration:none}.ss27-primary{background:linear-gradient(105deg,#712eff,#ac38fc,#277aff);color:#fff!important;box-shadow:0 7px 26px rgba(136,56,255,.3)}.ss27-secondary{border:1px solid #6576bb;background:#0a1635;color:#fff!important}.sl-facts{gap:15px!important}.sl-fact{background:rgba(12,26,61,.75)!important;border:1px solid rgba(96,101,185,.45)!important;border-radius:12px!important;padding:12px!important;backdrop-filter:blur(10px)}.sl-fact b{font-size:15px!important}.sl-card{background:linear-gradient(165deg,#0d1935,#09132b)!important;border:1px solid #293c70!important;border-radius:15px!important;box-shadow:0 12px 33px rgba(0,0,0,.19)}.sl-filter{padding:18px!important;margin-top:23px!important}.sl-filtertabs{gap:10px!important}.sl-tab,.sl-reset{border-radius:9px!important;font-weight:800!important;font-size:15px!important;min-height:44px!important}.sl-tab.on{background:linear-gradient(120deg,#702eff,#a139f5)!important;border-color:#aa79ff!important}.sl-filtergrid{display:grid!important;grid-template-columns:repeat(4,minmax(170px,1fr))!important;gap:12px!important;margin-top:18px!important}.sl-filtergrid input,.sl-filtergrid select{width:100%!important;background:#07132b!important;border:1px solid #32477d!important;color:#ecf2ff!important;min-height:46px!important;font-size:15px!important;border-radius:9px!important}.sl-viptoggle{min-height:46px!important;border-radius:9px!important}.sl-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.sl-stat{min-height:115px!important;padding:17px!important}.sl-stat strong{font-size:clamp(24px,2.4vw,36px)!important}.sl-stat span{font-size:15px!important}.sl-section,.sl-list{padding:18px!important}.sl-sectionhead{gap:10px;flex-wrap:wrap}.sl-sectionhead b,.sl-listtop h2{font-size:clamp(20px,2vw,28px)!important;color:white}.sl-featured{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.sl-feature{height:220px!important;border-radius:14px!important;overflow:hidden;border:1px solid #3e3a78!important}.sl-featurein{width:100%!important;min-width:0!important;padding:15px!important}.sl-feature-bg{background-position:center!important;background-size:cover!important}.sl-fname{font-size:19px!important;font-weight:850!important}.sl-listtop{padding-bottom:17px!important;border-bottom:1px solid #24395d!important;gap:15px!important;flex-wrap:wrap}.sl-views .sl-view{min-height:42px!important;border-radius:8px!important;font-size:15px!important}.sl-tablewrap{overflow-x:visible!important}.sl-table{width:100%!important;border-collapse:separate!important;border-spacing:0 10px!important}.sl-table thead th{font-size:14px!important;letter-spacing:.045em;color:#abbfe3!important;padding:12px 10px!important;text-align:left}.sl-table tbody tr[data-sid]{background:#0b1a37!important;box-shadow:inset 0 0 0 1px #253d6e;transition:background .15s,box-shadow .15s}.sl-table tbody tr[data-sid]:hover{background:#132448!important;box-shadow:inset 0 0 0 1px #875afa}.sl-table tbody td{padding:17px 10px!important;font-size:15px!important;border:0!important;vertical-align:middle}.sl-table tbody td:first-child{border-radius:11px 0 0 11px}.sl-table tbody td:last-child{border-radius:0 11px 11px 0}.sl-server{gap:12px!important}.sl-server b{font-size:16px!important;color:#f6f7ff!important}.sl-server small{font-size:14px!important}.sl-serverico{width:45px!important;height:45px!important;display:grid;place-items:center;border-radius:8px;background:#152849}.sl-join{border-radius:9px!important;background:linear-gradient(105deg,#6e36f6,#3182f8)!important;color:#fff!important;font-weight:850!important;min-height:42px!important;white-space:nowrap}.sl-action{gap:8px!important}.sl-star,.sl-heart{cursor:pointer;font-size:22px!important}.sl-tier{border-radius:7px!important}.sl-pages{gap:12px;flex-wrap:wrap}.sl-foot{background:#080f25!important;border:1px solid #2c3965!important;border-radius:15px!important;padding:26px!important;margin-bottom:25px}
/* Master Server and other pages receive matching surfaces. */
body.ms-page .ms-page{max-width:none!important;width:calc(100% - 44px)!important}.ms-hero{background:linear-gradient(90deg,#050817,#0d1941)!important}.ms-hero-art{opacity:.8!important}.ms-title{letter-spacing:-.05em!important}.ms-card,.ms-game,.ms-stat,.ms-livebox{background:linear-gradient(140deg,#0c1833,#091329)!important;border:1px solid #2a4075!important;border-radius:14px!important}.ms-btn.primary{background:linear-gradient(110deg,#7732fb,#aa3cfa,#2e87fc)!important;border-radius:9px!important}
/* Forms, detail, boost, admin harmonization */
.as26 .as26-panel,.sv26 .sv-card,.ssbx .ssbx-tier,.ssnews26 .ssnews26-card{border-radius:15px!important;border:1px solid #293e72!important;background:#0c1831!important}.as26 .as26-submit,.sv26 .sv-join,.ssbx .ssbx-choose{background:linear-gradient(110deg,#7332ff,#a33bfb,#297af1)!important;border-radius:9px!important;color:#fff!important}.ssbx .ssbx-hero,.as26 .as26-sidecard,.sv26 .sv-hero{border-radius:16px!important}.ss26-page-admin :is(.card,.ss26-stat-card,.st26-card,.bw-panel,.cw-panel){background:#0c1832!important;border:1px solid #293e72!important;border-radius:14px!important}.ss26-page-admin .ss26-content-wrap{max-width:none!important}.ss26-page-admin :is(.ss26-stat-value,.ss26-stat-label){color:#f4f6ff!important}
@media(max-width:1280px){.sl-filtergrid{grid-template-columns:repeat(3,minmax(160px,1fr))!important}.sl-tablewrap{overflow-x:auto!important}.sl-table{min-width:1100px!important}.ss26-header-inner,.ssg-inner{width:calc(100% - 24px)!important}}
@media(max-width:900px){body.sl-page .sl-page,body.ms-page .ms-page,body.ss27-mockup .ss26-content-wrap{width:calc(100% - 24px)!important}.sl-filtergrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sl-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sl-featured{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sl-hero{min-height:400px!important}.sl-hero-art{opacity:.5!important}}
@media(max-width:620px){.sl-filtergrid,.sl-featured{grid-template-columns:1fr!important}.sl-title{font-size:clamp(39px,12vw,57px)!important}.sl-sub{font-size:16px!important}.sl-heroin{padding:32px 5px!important}.sl-hero{min-height:455px!important}.sl-stats{grid-template-columns:1fr 1fr!important}.sl-stat{padding:12px!important;min-height:100px!important}.sl-stat strong{font-size:22px!important}.sl-filter{padding:12px!important}.sl-section,.sl-list{padding:12px!important}.ss27-directory-actions a{width:100%}.ss26-header-inner,.ssg-inner,.ss26-global-footer .wrap{width:calc(100% - 18px)!important}.ss26-community-hero-copy{padding:24px 16px!important}.ss26-community-hero h1{font-size:39px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ss26-rec-card,.ss26-servercard{transition:none}}


/* ========= assets/css/site-header-access-2027.css ========= */
.ss26-mobile-account{display:none}

.ss26-register-btn{
  background:linear-gradient(135deg,#6f28ff,#a438ff 58%,#7026ff)!important;
  border-color:#a24cff!important;
  color:#fff!important;
}

@media (max-width:1180px) and (min-width:901px){
  .ss26-account-actions{gap:5px!important}
  .ss26-account-actions .ss26-mini-btn{padding:0 8px!important;font-size:14px!important}
  .ss26-account-actions .ss26-add-btn{padding:0 9px!important;font-size:14px!important}
}

@media(max-width:900px){
  .ss26-mobile-account{
    display:block!important;
    border-top:1px solid #1d2a42!important;
    margin-top:6px!important;
    padding-top:6px!important;
  }
  .ss26-mobile-account>a{
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    padding:0 14px!important;
    margin:4px 0!important;
    border-radius:8px!important;
    border-left:0!important;
    font-size:14px!important;
    font-weight:900!important;
  }
  .ss26-mobile-account .ss26-mobile-login{
    color:#fff!important;
    background:#0c1220!important;
    border:1px solid #2b3a58!important;
  }
  .ss26-mobile-account .ss26-mobile-register{
    color:#fff!important;
    background:linear-gradient(135deg,#6f28ff,#a438ff 58%,#7026ff)!important;
    border:1px solid #a24cff!important;
  }

  
  .ss26-account-actions .ss26-login-btn,
  .ss26-account-actions .ss26-register-btn{
    display:none!important;
  }

  .ss26-site-header.open .ss26-mainnav{
    max-height:calc(100vh - 78px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}


.ss26-mainnav a{
  font-size:14px!important;
  letter-spacing:.015em!important;
}
.ss26-mini-btn,
.ss26-add-btn{
  font-size:14px!important;
  min-height:36px!important;
}
.ss26-user b{
  font-size:14px!important;
}
.ss26-icon-link{
  font-size:14px!important;
}
.ss26-page-kicker{
  font-size:14px!important;
}
.ss26-page-masthead-copy p{
  font-size:14px!important;
  line-height:1.55!important;
}
@media(max-width:1180px) and (min-width:901px){
  .ss26-account-actions .ss26-mini-btn,
  .ss26-account-actions .ss26-add-btn{
    font-size:14px!important;
  }
  .ss26-mainnav a{
    font-size:14px!important;
  }
}
@media(max-width:900px){
  .ss26-mainnav>a{
    font-size:14px!important;
    min-height:45px!important;
  }
  .ss26-mobile-account>a{
    font-size:14px!important;
  }
}



.ss26-adsense{width:100%;margin:18px 0 22px}
.ss26-adsense-wrap{position:relative}
.ss26-adsense-label{
  margin:0 0 7px;
  color:#6f7d96;
  font-size:14px!important;
  font-weight:900;
  letter-spacing:.16em;
  text-align:center;
}
.ss26-adsense .adsbygoogle{
  width:100%;
  min-height:90px;
  border-radius:12px;
  overflow:hidden;
}
@media(max-width:760px){
  .ss26-adsense{margin:13px 0 17px}
  .ss26-adsense .adsbygoogle{min-height:70px}
}


/* ========= assets/readability-premium.css ========= */
/* SoulShive · Premium typography baseline — all public pages and Admin.
   Normal text: 16px; auxiliary labels: 14px. Keep headings and icons sized
   by their components. Intentionally does not touch application logic or data. */
:root { --ss-body-font:16px; --ss-label-font:14px; }
html { font-size:16px; -webkit-text-size-adjust:100%; }
body { font-size:16px !important; line-height:1.55; }
/* Primary reading surfaces */
body :is(p,li,dd,dt,blockquote,summary,figcaption,article,textarea,select,option),
body :is(.chat-bubble,.message-body,.comment-body,.description,.content-text) {
  font-size:16px !important;
  line-height:1.55 !important;
}
body :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
  font-size:16px !important;
  line-height:1.45 !important;
}
body :is(input,textarea)::placeholder { font-size:16px; opacity:1; color:#a6b5cc; }
/* Do not shrink values, names and actions inside data-heavy cards. */
body :is(td,table td,.ss27-table-scroll td) {font-size:16px !important;line-height:1.5 !important;}
body :is(th,table th,.ss27-table-scroll th) {font-size:14px !important;line-height:1.5 !important;}
body main a:not(.btn):not([class*="badge"]):not([class*="chip"]),
body .ss26-content-wrap a:not(.btn):not([class*="badge"]):not([class*="chip"]){
  font-size:max(16px,1em) !important;
}
/* Auxiliary details may be smaller than copy, but never microscopic. */
body :is(small,label,time,caption,figcaption,.small,.muted,.hint,.help-text,.helper-text,
           .ss26-page-kicker,.ss26-footer-kicker,.ss26-adsense-label,
           [class*="-meta"],[class*="-kicker"],[class*="-badge"],[class*="-chip"]) {
  font-size:14px !important;
  line-height:1.5 !important;
}
/* Buttons are text too. Icon-only buttons retain their original glyph sizing. */
body :is(button,a.btn,.btn,[role="button"]):not(.ssg-icon):not(.ss26-icon-link):not(.ssg-burger):not(.ss26-burger) {
  font-size:16px !important;
  line-height:1.35 !important;
}
body :is(.ss26-mainnav a,.ssg-nav a,.ssg-more-menu a,.ssg-small,.ssg-add,.ss26-mini-btn,.ss26-add-btn) {
  font-size:14px !important;
  line-height:1.35 !important;
}
body :is(.ssg-search input,.ss26-newsletter input) {font-size:16px !important;}
body :is(.ss26-global-footer a,.ss26-global-footer h4,.ss26-global-footer span) {
  font-size:14px !important;
  line-height:1.5 !important;
}
body .ss26-global-footer p {font-size:16px !important;line-height:1.55 !important;}
/* Avoid cropped text as the user enlarges fonts in accessibility settings. */
body :is(.card,.panel,.ss26-content-wrap,.ss27-table-scroll){min-width:0;}
body :is(button,.btn,input,select,textarea){max-width:100%;}
body :is(p,li,td,a,label){overflow-wrap:break-word;}
@media (max-width:700px) {
  body {font-size:16px !important;}
  body :is(p,li,td,input:not([type="checkbox"]):not([type="radio"]),textarea,select){font-size:16px !important;}
  body :is(label,small,time,th){font-size:14px !important;}
}

/* Headline links keep their heading hierarchy. */
body :is(h1,h2,h3,h4) a {font-size:inherit !important;}

/* 2026-10-11 — Semantic hierarchy, not only a font-size floor.
   Previously several page headings and server names were only 14px, making
   them indistinguishable from secondary labels. Keep true labels at >=14px. */
body.ss26-page .ss26-home :is(.ss26-head h2,.ss26-title,.ss26-boostinfo h2,.ss26-boosted h2),
body.ss26-page .ss26-home .ss26-owner-verify-copy h2 {
  font-size:clamp(20px,2.1vw,25px) !important;
  line-height:1.3 !important;
  letter-spacing:-.01em;
}
body.ss26-page .ss26-home .ss26-boostinfo h3 {
  font-size:17px !important;
  line-height:1.5 !important;
}
body.ss26-page .ss26-home .ss26-serverbody h3 {
  font-size:17px !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow-wrap:anywhere;
  /* Allow long server names two lines before an ellipsis. */
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
}
body.ss26-page .ss26-home :is(.ss26-stepgrid b,.ss26-gamegrid b,
  .ss26-benefits b,.ss26-partners b,.ss26-addons b,
  .ss26-community b,.ss26-finalcta b,.boostmini b) {
  font-size:16px !important;
  line-height:1.4 !important;
}
body.ss26-page .ss26-home .ss26-gamegrid a {
  height:auto;
  min-height:74px;
}
body.ss26-page .ss26-home .boostmini a {
  height:auto;
  min-height:94px;
}
body.ss26-page .ss26-home :is(.ss26-cardactions a,.ss26-stepcta,
  .ss26-head>a,.ss26-boosted .ss26-head a) {
  font-size:16px !important;
  line-height:1.45 !important;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body.ss26-page-admin :is(.st26-card h2,.st26-system h3,
  .bw-list-head h2,.tk-list-head h2) {
  font-size:19px !important;
  line-height:1.35 !important;
}
body.ss26-page-admin :is(.st26-hero p,.st26-card-head p,
  .bw-manual p,.bw-list-head p,.tk-list-head p) {
  font-size:16px !important;
  line-height:1.55 !important;
}
@media(max-width:700px){
  body.ss26-page .ss26-home .ss26-serverbody h3{font-size:16px !important}
  body.ss26-page .ss26-home .ss26-cardactions{grid-template-columns:minmax(0,1fr);gap:8px}
  body.ss26-page .ss26-home .ss26-cardactions a{width:100%;padding:10px 8px;white-space:normal}
  body.ss26-page .ss26-home .ss26-head{flex-wrap:wrap;gap:10px}
}
/* Let denser dashboard panels genuinely shrink on narrow devices instead of
   cropping their content behind a viewport-wide overflow mask. */
body.ss26-page .ss26-home :is(.ss26-two,.ss26-two > .ss26-panel,
  .ss26-boostinfo > div:last-child,.ss26-boosted,.boostmini){min-width:0}
@media(max-width:700px){
  body.ss26-page .ss26-home .ss26-two{
    display:grid;
    grid-template-columns:minmax(0,1fr) !important;
  }
  body.ss26-page .ss26-home .ss26-boostinfo{align-items:flex-start;gap:12px}
  body.ss26-page .ss26-home .boostmini{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ss26-page .ss26-home :is(.ss26-servergrid,.ss26-gamegrid){grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ss26-page .ss26-home .boostmini b{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:390px){
  body.ss26-page .ss26-home .boostmini{grid-template-columns:minmax(0,1fr)}
}


/* ========= assets/soulshive-mobile-usability.css ========= */
/* SoulShive — shared mobile navigation and comfortable reading sizes.
   Complements the premium theme without changing application data or logic. */
.ss26-nav-search,.ssg-mobile-search{display:none}
.ss26-brand-wordmark,.ssg-add-short{display:none}
.ss26-burger:focus-visible,.ssg-burger:focus-visible,
.ss26-mainnav a:focus-visible,.ssg-nav a:focus-visible,
.ss26-nav-search input:focus-visible,.ssg-mobile-search input:focus-visible{
  outline:3px solid #bd81ff!important;outline-offset:3px;
}
/* Desktop/laptop: do not squeeze long nav labels into tiny type. */
@media (max-width:1180px){
  body.ss26-page .ss26-site-header .ss26-header-inner{gap:10px!important}
  body.ss26-page .ss26-site-header .ss26-burger{
    display:inline-flex!important;flex:0 0 44px!important;
    width:44px!important;height:44px!important;min-height:44px!important;
    align-items:center!important;justify-content:center!important;
    margin-left:auto!important;font-size:24px!important;
  }
  body.ss26-page .ss26-site-header .ss26-mainnav{
    display:none!important;position:absolute!important;
    top:calc(100% - 1px)!important;left:10px!important;right:10px!important;
    height:auto!important;max-height:calc(100dvh - 75px)!important;
    overflow-y:auto!important;flex-direction:column!important;
    padding:12px!important;background:#080c19!important;
    border:1px solid #513075!important;border-radius:12px!important;
    box-shadow:0 25px 55px rgba(0,0,0,.55)!important;
    z-index:2000!important;
  }
  body.ss26-page .ss26-site-header.open .ss26-mainnav{display:flex!important}
  body.ss26-page .ss26-site-header .ss26-mainnav>a,
  body.ss26-page .ss26-site-header .ss26-mobile-account>a{
    display:flex!important;align-items:center!important;
    font-size:16px!important;line-height:1.4!important;
    height:auto!important;min-height:46px!important;padding:10px 14px!important;
    white-space:normal!important;
  }
  body.ss26-page .ss26-mobile-account{display:block!important}
  body.ss26-page .ss26-site-header .ss26-account-actions .ss26-mini-btn,
  body.ss26-page .ss26-site-header .ss26-account-actions .ss26-user,
  body.ss26-page .ss26-site-header .ss26-account-actions .ss26-icon-link{display:none!important}
  body.ss26-page .ss26-site-header .ss26-brand{
    width:auto!important;min-width:0!important;max-width:200px!important;
    flex:0 1 auto!important;display:flex!important;align-items:center!important;
    gap:7px!important;white-space:nowrap!important;
  }
  body.ss26-page .ss26-brand-wordmark{
    display:inline!important;color:#f6f3ff!important;font-size:18px!important;
    font-weight:900!important;letter-spacing:-.035em!important;
  }
  body.ss26-page .ss26-nav-search{display:block!important;padding:5px 8px 14px!important}
  body.ss26-page .ss26-nav-search label,
  .ssg-mobile-search label{display:block;font-size:16px!important;font-weight:800;color:#e7e4fc;margin-bottom:8px}
  .ss26-nav-search-row,.ssg-mobile-search-row{display:flex;gap:8px;min-width:0}
  .ss26-nav-search-row input,.ssg-mobile-search-row input{
    min-width:0;flex:1;height:46px!important;min-height:46px!important;
    background:#0b1326!important;border:1px solid #4d3f77!important;
    color:#fff!important;border-radius:8px!important;padding:0 12px!important;
    font-size:16px!important;
  }
  .ss26-nav-search-row button,.ssg-mobile-search-row button{
    flex:0 0 auto;min-height:46px!important;padding:0 13px!important;
    border:1px solid #ab60ff!important;border-radius:8px!important;
    background:linear-gradient(125deg,#6e27df,#a13aff)!important;
    color:#fff!important;font-size:16px!important;font-weight:800!important;
  }
}
/* Server directory menu collapses at 1250px, while the main menu collapses at
   1180px. Keep the mobile search usable across the entire 1181–1250px gap. */
@media (min-width:1181px) and (max-width:1250px){
  .ssg-mobile-search label{display:block;font-size:16px!important;font-weight:800;color:#e7e4fc;margin-bottom:8px}
  .ssg-mobile-search-row{display:flex;gap:8px;min-width:0}
  .ssg-mobile-search-row input{
    min-width:0;flex:1;height:46px!important;min-height:46px!important;
    background:#0b1326!important;border:1px solid #4d3f77!important;
    color:#fff!important;border-radius:8px!important;padding:0 12px!important;
    font-size:16px!important;
  }
  .ssg-mobile-search-row button{
    flex:0 0 auto;min-height:46px!important;padding:0 13px!important;
    border:1px solid #ab60ff!important;border-radius:8px!important;
    background:linear-gradient(125deg,#6e27df,#a13aff)!important;
    color:#fff!important;font-size:16px!important;font-weight:800!important;
  }
}
@media (max-width:1250px){
  .ssg-header,.ssg-inner{height:60px!important}
  .ssg-burger{display:inline-flex!important;align-items:center!important;justify-content:center!important;
    margin-left:auto!important;flex:0 0 44px!important;width:44px!important;height:44px!important;
    font-size:24px!important;background:#0a1022!important;color:#fff!important;
    border:1px solid #42316a!important;border-radius:9px!important}
  .ssg-nav{display:none!important;position:absolute!important;top:60px!important;
    left:9px!important;right:9px!important;height:auto!important;max-height:calc(100dvh - 72px)!important;
    flex-direction:column!important;overflow-y:auto!important;padding:12px!important;
    background:#080c19!important;border:1px solid #513075!important;
    border-radius:12px!important;box-shadow:0 20px 50px rgba(0,0,0,.58)!important;
    z-index:2000!important}
  .ssg-header.open .ssg-nav{display:flex!important}
  body .ssg-header .ssg-nav>a,body .ssg-header .ssg-mobile-account a{display:flex!important;align-items:center!important;
    height:auto!important;min-height:46px!important;padding:10px 13px!important;
    font-size:16px!important;line-height:1.4!important;white-space:normal!important}
  .ssg-mobile-account{display:block!important}
  .ssg-actions .ssg-icon,.ssg-actions .ssg-user,.ssg-actions .ssg-small{display:none!important}
  .ssg-mobile-search{display:block!important;padding:5px 8px 12px!important}
  .ssg-search{display:none!important}
}
@media (max-width:390px){
  body.ss26-page .ss26-brand-wordmark{font-size:16px!important}
  body.ss26-page .ss26-site-header .ss26-add-btn{padding:0 8px!important;font-size:14px!important;white-space:nowrap!important}
  body.ss26-page .ss26-site-header .ss26-burger{flex-basis:42px!important;width:42px!important}
  .ssg-brand{width:103px!important;flex-basis:103px!important}
  .ssg-brand img{width:103px!important;object-fit:contain!important}
  .ssg-add .ssg-add-long{display:none!important}
  .ssg-add .ssg-add-short{display:inline!important}
  .ssg-add{padding:0 7px!important;font-size:14px!important}
}
/* Admin filters, navigation and buttons must be readable without zoom. */
body.ss26-page-admin .chip{font-size:16px!important;line-height:1.45!important;min-height:42px!important;
  display:inline-flex;align-items:center;padding:8px 12px!important}
body.ss26-page-admin :is(.bw input,.bw select,.sv-filter-grid input,.sv-filter-grid select,
 .tk-filter-grid input,.tk-filter-grid select){font-size:16px!important;min-height:44px!important}
body.ss26-page-admin :is(.bw-server b,.fda-server b,.tk-list-head h2,.bw-list-head h2){font-size:16px!important}
body.ss26-page-admin :is(.bw-table td,.fda-table td,.sv-table td,.tk-table td){font-size:16px!important;line-height:1.45!important}
body.ss26-page-admin :is(.bw-table th,.fda-table th,.sv-table th,.tk-table th){font-size:14px!important;line-height:1.45!important}
body.ss26-page-admin :is(.bw-mini,.fda-btn,.sv-table button,.tk-table button){font-size:14px!important;min-height:40px!important;min-width:40px!important}
@media (max-width:700px){
  body.ss26-page-admin .ss26-content-wrap{width:calc(100% - 20px)!important}
  body.ss26-page-admin :is(.bw-table-wrap,.sv-scroll,.tk-scroll,.fda-wrap,.ss27-table-scroll){
    max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
}


/* ========= assets/css/soulshive-2027-experience.css ========= */
/* SoulShive 2027 — unified experience. Loaded AFTER legacy CSS and scoped to real page markup. */
:root{--ss27-bg:#050712;--ss27-panel:#0c1025;--ss27-panel-raised:#111633;--ss27-stroke:#29315d;--ss27-purple:#9557ff;--ss27-blue:#348bff;--ss27-teal:#43d4f9;--ss27-text:#f7f7ff;--ss27-muted:#a9b4d5;--ss27-radius:18px}
body.ss27-mockup,body.ss26-page{background:radial-gradient(ellipse 70vw 700px at 80% -100px,rgba(101,35,207,.21),transparent 68%),radial-gradient(ellipse 900px 600px at -20% 30%,rgba(28,99,217,.09),transparent 76%),var(--ss27-bg)!important;color:var(--ss27-text)!important;font-family:Inter,Manrope,system-ui,-apple-system,sans-serif!important}
body.ss27-mockup *,body.ss26-page *{box-sizing:border-box}
body.ss27-mockup :is(a,button,input,select),body.ss26-page :is(a,button,input,select){transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
body.ss27-mockup :is(a,button):focus-visible,body.ss26-page :is(a,button):focus-visible{outline:3px solid #68c9ff;outline-offset:3px}
body.ss27-mockup :is(button,.sl-join,.sl-tab,.ms-btn),body.ss26-page :is(button,.btn,.ss26-btn){cursor:pointer}
.ss26-site-header,.ssg-header{background:rgba(5,7,20,.95)!important;border-bottom:1px solid rgba(151,95,255,.25)!important;backdrop-filter:blur(20px)}
.ss26-header-inner,.ssg-inner{max-width:none!important;width:calc(100% - 48px)!important;gap:clamp(10px,1.4vw,24px)}
.ss26-mainnav a,.ssg-nav>a{font-weight:750!important;letter-spacing:.01em!important;color:#d1d6f4!important;white-space:nowrap}
.ss26-mainnav a:hover,.ssg-nav>a:hover{color:#fff!important}
.ss26-account-actions>a.ss26-add-btn,.ssg-actions>a.ssg-add{background:linear-gradient(125deg,#812ef1,#4155ed)!important;border:1px solid #a96aff!important;box-shadow:0 6px 25px rgba(120,53,255,.22)!important;border-radius:10px!important}
.ss26-global-footer{background:linear-gradient(180deg,#0b1027,#050713)!important;border-top:1px solid rgba(137,93,248,.35)!important}
.ss26-global-footer .wrap{max-width:none!important;width:calc(100% - 56px)!important}
.ss26-footer-grid{gap:clamp(18px,2vw,34px)!important}
.ss26-page-masthead{background:linear-gradient(115deg,rgba(9,15,39,.97),rgba(41,18,84,.64))!important;border-bottom:1px solid rgba(125,92,220,.24)}
.ss26-page-masthead-copy h1{font-size:clamp(34px,4vw,64px)!important;line-height:1.07!important;letter-spacing:-.035em!important}
.ss26-content-wrap{max-width:none!important;width:calc(100% - 48px)!important}
.ss26-page :is(.ss26-panel,.as26-panel,.as26-sidecard,.ssbx-tier,.ssbx-how-card,.sv-card,.st26-card,.ssnews26-card,.card){border-radius:var(--ss27-radius)!important;border-color:rgba(114,126,204,.35)!important;box-shadow:0 12px 44px rgba(0,0,0,.18)!important}
.ss26-page :is(p,li,td,input,select,textarea){font-size:16px!important;line-height:1.55!important}
.ss26-page :is(small,.small,.muted,label,th){font-size:14px!important;line-height:1.5!important}
.ss26-page :is(input,select,textarea){background-color:#0b1431;color:#f6f7ff;border-radius:10px;border:1px solid #38446e}
.ss26-page :is(input,select,textarea):focus{outline:2px solid rgba(90,177,255,.6);outline-offset:1px}
/* Homepage: cinematic right illustration and large simple CTAs */
.ss26-home .ss26-community-hero{min-height:440px!important;background:radial-gradient(ellipse at 74% 33%,rgba(106,40,224,.42),transparent 50%),linear-gradient(100deg,#060918,#101035 68%,#08132b)!important;box-shadow:0 22px 48px rgba(0,0,0,.3)!important;border-radius:20px!important}
.ss26-home .ss26-community-hero-art{background-image:linear-gradient(90deg,#070b1b 0%,rgba(8,9,25,.35) 48%,rgba(8,9,25,.08)),url('/assets/img/home2026/home-hero-2026.webp')!important;background-size:cover!important;background-position:center right!important}
.ss26-home .ss26-community-hero-copy{padding:clamp(28px,4.3vw,76px)!important;width:min(100%,940px)!important}
.ss26-home .ss26-community-hero h1{font-size:clamp(42px,5.4vw,82px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
.ss26-home .ss26-community-actions{gap:12px!important;flex-wrap:wrap}
.ss26-home .ss26-community-actions a{height:auto!important;min-height:52px!important;padding:13px 22px!important;border-radius:11px!important}
.ss26-home :is(.ss26-rec-card,.ss26-servercard,.ss26-community-card){border-radius:16px!important;border-color:#334174!important;box-shadow:0 8px 24px #0003!important}
/* Server directory: fully composed presentation rather than a squeezed 11-column spreadsheet */
.sl-page{max-width:none!important;width:calc(100% - 48px)!important}
.sl-hero{position:relative!important;min-height:395px!important;overflow:hidden!important;background:linear-gradient(95deg,#080b1e 0%,#101339 50%,#14102c)!important;border-bottom:1px solid #3d2876!important}
.sl-hero-art{background-image:linear-gradient(90deg,#080b1e 9%,rgba(8,11,30,.3) 75%),url('/assets/img/serverlist2026/server-list-hero.webp')!important;background-position:center right!important;background-size:cover!important;opacity:.78!important}
.sl-heroin{min-height:395px!important;padding:48px 18px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.sl-title{font-size:clamp(46px,5.3vw,80px)!important;line-height:1.02!important;letter-spacing:-.05em!important;text-shadow:0 12px 20px #0007}
.sl-title span{background:linear-gradient(90deg,#a959ff,#4e9aff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.sl-sub{font-size:clamp(16px,1.4vw,20px)!important;line-height:1.55!important;max-width:740px;color:#c7d2ee!important}
.ss27-directory-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.ss27-directory-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 23px;border:1px solid #6955c5;border-radius:11px;text-decoration:none;color:#fff;font-size:16px;font-weight:800}
.ss27-directory-actions .ss27-primary{background:linear-gradient(110deg,#9236f8,#425bf2);box-shadow:0 9px 22px #4b2ea055}
.ss27-directory-actions .ss27-secondary{background:#101630d9}
.sl-facts{display:flex!important;gap:12px!important;flex-wrap:wrap;margin-top:28px!important}
.sl-fact{background:#0c1228bb!important;border:1px solid #374074!important;border-radius:12px!important;min-height:60px!important;padding:10px 18px!important}
.sl-card{background:linear-gradient(145deg,#101632,#0a1125)!important;border:1px solid #323c72!important;border-radius:17px!important;box-shadow:0 14px 35px #0003!important}
.sl-filter{margin-top:26px!important;padding:18px!important}
.sl-filtertabs{gap:10px!important;flex-wrap:wrap!important;margin-bottom:15px!important}
.sl-tab,.sl-reset{font-size:15px!important;min-height:44px!important;padding:10px 16px!important;border-radius:10px!important}
.sl-tab.on{background:linear-gradient(105deg,#963dff,#4e63f2)!important;border-color:#ac73ff!important}
.sl-filtergrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.sl-filtergrid :is(input,select){min-height:48px!important;height:auto!important;background:#080e21!important;border:1px solid #364679!important;border-radius:10px!important;padding:10px 12px!important;font-size:16px!important}
.sl-viptoggle{min-height:48px!important;display:flex!important;align-items:center;justify-content:center;border-radius:10px!important}
.sl-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:18px 0!important}
.sl-stat{min-height:112px!important;padding:22px!important;display:flex!important;gap:15px!important;align-items:center}
.sl-stat strong{font-size:clamp(25px,2.4vw,42px)!important;color:#fff!important}
.sl-stat span{font-size:14px!important;color:#bac4df!important;letter-spacing:.03em}
.sl-section{padding:16px!important;margin-bottom:18px!important}
.sl-sectionhead{display:flex!important;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:14px!important}
.sl-sectionhead b{font-size:23px!important}
.sl-featured{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.sl-feature{min-height:235px!important;border:1px solid #6b48ae!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 12px 28px #0004!important}
.sl-feature-bg{opacity:.47!important}
.sl-featurein{padding:21px!important;min-height:235px!important;display:flex!important;flex-direction:column;justify-content:space-between}
.sl-fname{font-size:clamp(18px,1.4vw,25px)!important}
.sl-list{overflow:hidden;margin:18px 0 26px!important}
.sl-listtop{min-height:86px!important;padding:18px 22px!important;gap:12px!important;flex-wrap:wrap}
.sl-listtop h2{font-size:24px!important;letter-spacing:-.02em}
.sl-listtop p{font-size:15px!important}
.sl-view{min-height:41px!important;height:auto!important;padding:9px 15px!important;font-size:15px!important;border-radius:9px!important}
.sl-view.on{background:linear-gradient(115deg,#842bf1,#4b66f2)!important;border-color:#a96bff!important}
.sl-tablewrap{overflow:visible!important;padding:12px!important}
.sl-table,.sl-table tbody{display:block!important;width:100%!important;min-width:0!important}
.sl-table thead{display:none!important}
.sl-table tbody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
.sl-table tbody tr{min-width:0!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:11px 14px!important;align-items:center!important;margin:0!important;padding:18px!important;border:1px solid #324170!important;border-radius:15px!important;background:linear-gradient(140deg,#101a38,#0a1228)!important;box-shadow:0 9px 23px #0002!important}
.sl-table tbody tr:hover{border-color:#8753f5!important;box-shadow:0 15px 40px #3f2a8750!important;transform:translateY(-2px)}
.sl-table tbody tr td{display:block!important;grid-column:auto!important;grid-row:auto!important;text-align:left!important;border:0!important;padding:0!important;background:transparent!important;min-width:0!important;font-size:15px!important;overflow-wrap:anywhere}
.sl-table td:nth-child(1){grid-column:1!important;grid-row:1!important}.sl-table td:nth-child(2){display:none!important}
.sl-table td:nth-child(3){grid-column:2/4!important;grid-row:1!important}
.sl-table td:nth-child(4){grid-column:1/3!important;grid-row:2!important}
.sl-table td:nth-child(5){grid-column:1/4!important;grid-row:3!important;color:#a9bced!important}
.sl-table td:nth-child(6),.sl-table td:nth-child(7),.sl-table td:nth-child(8),.sl-table td:nth-child(9),.sl-table td:nth-child(10){grid-column:auto!important;grid-row:auto!important;display:flex!important;align-items:center!important;gap:7px;flex-wrap:wrap}
.sl-table td:nth-child(n+5):nth-child(-n+10)::before{content:attr(data-label);font-size:13px!important;text-transform:uppercase;letter-spacing:.05em;color:#99aacd!important;font-weight:700}
.sl-table td:nth-child(11){grid-column:1/4!important;grid-row:auto!important;display:flex!important;justify-content:flex-end!important;border-top:1px solid #34406c!important;padding-top:10px!important}
.sl-server{display:flex!important;align-items:center;gap:12px!important;min-width:0!important}
.sl-server b{font-size:clamp(17px,1.4vw,21px)!important;max-width:none!important;white-space:normal!important;line-height:1.3!important}
.sl-server small{font-size:14px!important;color:#aebfdd!important}
.sl-serverico{width:52px!important;height:52px!important;min-width:52px!important}
.sl-join{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;height:auto!important;padding:10px 21px!important;background:linear-gradient(110deg,#8137ed,#465ff0)!important;border:1px solid #a16bff!important;border-radius:10px!important;font-size:15px!important}
.sl-action{gap:12px!important}.sl-heart,.sl-star{cursor:pointer;font-size:25px!important;color:#c6afff!important}
.sl-gridmode .sl-table tbody{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sl-gridmode .sl-table tr{display:grid!important;padding:18px!important}
.sl-compactmode .sl-table tbody{grid-template-columns:1fr!important}.sl-compactmode .sl-table tbody tr{grid-template-columns:34px minmax(0,1fr) auto!important;padding:12px 18px!important}
/* Server details: large 2027 hero, genuine real data, clear owner controls */
.sv26{max-width:none!important;width:100%!important;margin:22px auto 45px!important}
.sv26 .sv-hero{border-radius:22px!important;border:1px solid #7657bb!important;min-height:330px!important;box-shadow:0 22px 55px #0005!important;background:linear-gradient(110deg,#090f28,#241545)!important}
.sv26 .sv-hero-bg{opacity:.65!important;filter:saturate(1.25)!important}
.sv26 .sv-hero-grid{grid-template-columns:minmax(100px,180px) minmax(0,1fr) minmax(270px,360px)!important;gap:clamp(16px,2vw,32px)!important;padding:clamp(20px,2.5vw,38px)!important}
.sv26 .sv-title{font-size:clamp(30px,3.4vw,52px)!important;line-height:1.12!important;letter-spacing:-.038em!important}
.sv26 .sv-game{height:190px!important;border-radius:18px!important}
.sv26 .sv-actions{gap:10px!important;flex-wrap:wrap!important}.sv26 .sv-actions a,.sv26 .sv-actions button{border-radius:10px!important;min-height:45px!important;padding:10px 16px!important}
.sv26 .sv-join{background:linear-gradient(105deg,#9637f0,#3d7cfa)!important;border-radius:10px!important;min-height:52px!important}
.sv26 .sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:18px!important}
.sv26 .sv-card{border:1px solid #354274!important;border-radius:17px!important;background:linear-gradient(155deg,#111836,#0a1229)!important;box-shadow:0 12px 28px #0002!important}
.sv26 .sv-head{font-size:20px!important;padding:17px 22px!important;border-bottom:1px solid #303b68!important}
.sv26 .sv-body{padding:22px!important}
.sv26 :is(.sv-pill,.sv-mini,.sv-fact){border-radius:10px!important}
.sv26 .sv-trustbar{border-radius:17px!important;padding:16px!important}
/* Boost, add-server, account, admin: typography and component harmony */
.ss26-page .as26 .as26-grid{gap:22px!important}.ss26-page .as26 :is(.as26-panel,.as26-sidecard){padding:clamp(16px,2vw,28px)!important}
.ss26-page .ssbx .ssbx-packages{gap:18px!important}.ss26-page .ssbx .ssbx-tier{background:linear-gradient(160deg,#141637,#0b1127)!important}
.ss26-page-admin .ss26-stat-card{border-radius:16px!important;background:linear-gradient(145deg,#141a3d,#0a132e)!important}
.ss26-page-admin :is(.bw-panel,.sv-panel,.st26-card){border-color:#384579!important;border-radius:16px!important}
@media(max-width:1200px){.sl-featured{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sl-table tbody,.sl-gridmode .sl-table tbody{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sl-filtergrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.sl-hero,.sl-heroin{min-height:360px!important}.sl-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sl-filtergrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sv26 .sv-hero-grid{grid-template-columns:minmax(0,1fr)!important}.sv26 .sv-grid{grid-template-columns:1fr!important}.sv26 #health,.sv26 #similar,.sv26 #reviews{grid-column:auto!important}.ss26-header-inner,.ssg-inner{width:calc(100% - 20px)!important}}
@media(max-width:650px){.sl-page,.ss26-content-wrap{width:calc(100% - 20px)!important}.sl-hero,.sl-heroin{min-height:380px!important}.sl-heroin{padding:27px 3px!important}.sl-title{font-size:clamp(38px,10vw,56px)!important}.sl-facts{display:none!important}.sl-featured,.sl-table tbody,.sl-gridmode .sl-table tbody{grid-template-columns:1fr!important}.sl-filtergrid,.sl-stats{grid-template-columns:1fr!important}.sl-listtop{padding:16px!important}.sl-table tbody tr{padding:14px!important}.sl-table td:nth-child(6),.sl-table td:nth-child(7),.sl-table td:nth-child(8),.sl-table td:nth-child(9),.sl-table td:nth-child(10){grid-column:1/4!important}.sl-serverico{width:42px!important;height:42px!important;min-width:42px!important}.ss26-global-footer .wrap{width:calc(100% - 26px)!important}.ss26-home .ss26-community-hero-copy{padding:25px!important}.ss26-home .ss26-community-hero{min-height:390px!important}}
@media(prefers-reduced-motion:reduce){body.ss27-mockup *,body.ss26-page *{transition:none!important;animation:none!important}}


/* ========= assets/css/footer-premium-2027.css ========= */
/* SoulShive 2027: footer premium, comun pe paginile cu includes/footer.php */
body.ss26-page .ss26-global-footer{background:linear-gradient(180deg,#0a1024,#050915 84%);border-top:1px solid #294074;padding:32px 0 16px;color:#eaf0ff}
body.ss26-page .ss26-global-footer>.wrap{width:min(100% - 40px,1540px)!important;max-width:1540px!important;margin:auto}
body.ss26-page .ss27-footer-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0 28px;border-bottom:1px solid #23304f}
body.ss26-page .ss27-footer-intro .ss26-footer-brand{max-width:660px;min-width:0}
body.ss26-page .ss27-footer-intro .ss26-footer-brand img{display:block;width:auto;max-width:210px;height:auto;max-height:58px;object-fit:contain}
body.ss26-page .ss27-footer-intro .ss26-footer-brand p{max-width:660px!important;color:#b7c5dc!important;font-size:16px!important;line-height:1.6!important;margin:12px 0 0}
body.ss26-page .ss27-footer-intro .ss26-footer-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
body.ss26-page .ss27-footer-intro .ss26-footer-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid #34466f;border-radius:10px;background:#0f1931;color:#dde7ff;font-size:14px!important;text-decoration:none;white-space:nowrap}
body.ss26-page .ss27-footer-intro .ss26-footer-actions a:hover{border-color:#a35cff;background:#192044;color:#fff}
body.ss26-page .ss26-footer-grid.ss27-footer-links{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(20px,3.5vw,56px)!important;padding:34px 0 32px!important;margin:0!important;align-items:start}
body.ss26-page .ss26-footer-grid.ss27-footer-links>.ss27-footer-column{display:flex;flex-direction:column;min-width:0;align-items:flex-start;gap:7px}
body.ss26-page .ss26-footer-grid.ss27-footer-links h4{font-size:16px!important;line-height:1.4!important;font-weight:800!important;text-transform:none!important;color:#f7f8ff!important;margin:0 0 12px!important;letter-spacing:0!important}
body.ss26-page .ss26-footer-grid.ss27-footer-links .ss27-footer-column>a{display:block!important;padding:5px 0!important;margin:0!important;min-height:30px!important;font-size:15px!important;line-height:1.6!important;color:#aabbd4!important;text-decoration:none!important;white-space:normal;overflow-wrap:anywhere}
body.ss26-page .ss26-footer-grid.ss27-footer-links .ss27-footer-column>a:hover{color:#c79aff!important;text-decoration:underline!important;text-underline-offset:4px}
body.ss26-page .ss27-footer-newsletter-row{border-top:1px solid #23304f;padding:24px 0;display:flex;justify-content:flex-start}
body.ss26-page .ss27-footer-newsletter-row .ss26-newsletter{width:min(100%,510px);max-width:510px;display:block}
body.ss26-page .ss27-footer-newsletter-row .ss26-newsletter h4{font-size:16px!important;font-weight:800!important;margin:0 0 6px!important}
body.ss26-page .ss27-footer-newsletter-row .ss26-newsletter p{font-size:15px!important;color:#b5c3da!important;margin:0 0 13px!important;max-width:none}
body.ss26-page .ss27-footer-newsletter-row .ss26-newsletter form{display:flex!important;width:100%;max-width:510px;min-height:48px;gap:0!important;margin:0!important}
body.ss26-page .ss27-footer-newsletter-row .ss26-newsletter input{width:100%!important;min-width:0!important;max-width:none!important;min-height:48px!important;font-size:16px!important;border-radius:10px 0 0 10px!important;flex:1 1 auto!important}
body.ss26-page .ss27-footer-newsletter-row .ss26-newsletter button{min-width:52px!important;width:52px!important;min-height:48px!important;height:auto!important;border-radius:0 10px 10px 0!important;flex:0 0 52px!important}
body.ss26-page .ss27-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.ss26-page .ss26-footer-bottom{border-top:1px solid #23304f!important;padding-top:18px!important;gap:14px!important}
@media(max-width:950px){body.ss26-page .ss27-footer-intro{align-items:flex-start;flex-direction:column}body.ss26-page .ss27-footer-intro .ss26-footer-actions{justify-content:flex-start}body.ss26-page .ss26-footer-grid.ss27-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){body.ss26-page .ss26-global-footer>.wrap{width:calc(100% - 28px)!important}body.ss26-page .ss26-footer-grid.ss27-footer-links{gap:28px 16px!important}body.ss26-page .ss27-footer-intro .ss26-footer-actions a{white-space:normal}body.ss26-page .ss26-footer-grid.ss27-footer-links .ss27-footer-column>a{font-size:14px!important}}
@media(max-width:340px){body.ss26-page .ss26-footer-grid.ss27-footer-links{grid-template-columns:1fr!important}}


/* ========= assets/css/language-switcher-2027.css ========= */
/* SoulShive 2027 — RO / EN switch, integrated in both global headers */
.ss-lang-switch{display:inline-flex!important;align-items:center;justify-content:center;gap:3px;flex:0 0 auto;width:max-content;max-width:100%;min-height:38px;padding:3px 5px!important;border:1px solid #2c3d6b;border-radius:10px;background:#0a1429;color:#d4e3ff;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.ss-lang-symbol{font-size:15px;line-height:1;padding-inline:3px}
.ss-lang-switch .ss-lang-option{display:inline-flex!important;align-items:center;justify-content:center;width:36px;min-height:32px;height:32px!important;padding:0!important;border:0!important;border-radius:7px!important;text-decoration:none!important;color:#b8c7e7!important;background:transparent!important;font-size:14px!important;font-weight:800!important;line-height:1!important;letter-spacing:.02em!important;box-shadow:none!important}
.ss-lang-switch .ss-lang-option:hover{color:#fff!important;background:#1d2b50!important}
.ss-lang-switch .ss-lang-option.is-current{color:#fff!important;background:linear-gradient(135deg,#7838ed,#386df1)!important;box-shadow:0 3px 12px rgba(107,67,235,.25)!important}
.ss26-account-actions,.ssg-actions{display:flex;align-items:center}
.ss26-account-actions .ss-lang-switch,.ssg-actions .ss-lang-switch{margin-inline:3px 5px}
.ss-lang-mobile{display:none}
@media(max-width:1370px) and (min-width:901px){
 .ss26-site-header .ss26-nav-search{display:none!important}
 .ss26-header-inner{gap:8px!important}
 .ss26-mainnav{gap:8px!important}
}
@media(max-width:1390px) and (min-width:1251px){
 .ssg-header .ssg-search{display:none!important}
 .ssg-header .ssg-inner{gap:8px!important}
 .ssg-header .ssg-nav{gap:10px!important}
}
@media(max-width:900px){
 .ss26-account-actions>.ss-lang-switch{display:none!important}
 .ss26-mainnav .ss-lang-mobile{display:flex!important;margin:10px 10px 5px;align-self:flex-start}
}
@media(max-width:1250px){
 .ssg-actions>.ss-lang-switch{display:none!important}
 .ssg-nav .ss-lang-mobile{display:flex!important;margin:10px 10px 5px;align-self:flex-start}
}
@media(min-width:901px){.ss26-mainnav .ss-lang-mobile{display:none!important}}
@media(min-width:1251px){.ssg-nav .ss-lang-mobile{display:none!important}}

/* Single visible locale switch per breakpoint; prevent navigation collisions. */
.ssg-header .ss-lang-switch{min-width:92px!important;height:36px!important;min-height:36px!important;padding:2px!important;gap:2px!important;box-sizing:border-box;box-shadow:none!important}
.ssg-header .ss-lang-symbol{display:none!important}
.ssg-header .ss-lang-option{min-width:42px!important;width:42px!important;min-height:30px!important;height:30px!important;font-size:14px!important;line-height:30px!important}
.ssg-header .ssg-actions{flex-shrink:0;gap:7px!important}
@media(max-width:1350px){.ssg-header .ssg-search{display:none!important}}
@media(max-width:1250px){.ssg-header .ssg-actions>.ss-lang-switch{display:none!important}.ssg-header .ssg-nav .ss-lang-mobile{display:flex!important}}
@media(min-width:1251px){.ssg-header .ssg-actions>.ss-lang-switch{display:inline-flex!important}.ssg-header .ssg-nav .ss-lang-mobile{display:none!important}}


/* ========= assets/site-topbar.css ========= */

/* SoulShive reference-locked topbar */
.ssg-header{position:relative;top:auto;z-index:1500;height:52px;background:#050817;border-bottom:1px solid #6928e6;box-shadow:0 5px 22px rgba(0,0,0,.25)}
.ssg-header *{box-sizing:border-box}.ssg-header a{text-decoration:none}
.ssg-inner{height:52px;width:min(1500px,calc(100% - 26px));margin:auto;display:flex;align-items:center;gap:12px}
.ssg-brand{width:205px;flex:0 0 205px;height:50px;display:flex;align-items:center;margin:0!important;padding:0!important;overflow:hidden}
.ssg-brand img{display:block;width:205px!important;height:49px!important;max-width:none!important;object-fit:cover!important;object-position:left center!important;margin:0!important}
.ssg-nav{height:52px;display:flex;align-items:stretch;gap:1px;flex:0 1 auto}
.ssg-nav>a,.ssg-more>button{height:52px;padding:0 9px;display:flex;align-items:center;border:0;border-bottom:2px solid transparent;background:transparent;color:#d7deec;font:800 14px/1 Manrope,Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer}
.ssg-nav>a:hover,.ssg-nav>a.on,.ssg-more:hover>button,.ssg-more.active>button{color:#fff;border-bottom-color:#8f2fff;box-shadow:inset 0 -7px 13px rgba(129,36,255,.08)}
.ssg-more{position:relative}.ssg-more button span{margin-left:4px;color:#9dacbf}
.ssg-more-menu{display:none;position:absolute;top:48px;left:0;min-width:170px;padding:7px;background:#071020;border:1px solid #31456e;border-radius:8px;box-shadow:0 20px 45px rgba(0,0,0,.5)}
.ssg-more:hover .ssg-more-menu,.ssg-more:focus-within .ssg-more-menu{display:grid}
.ssg-more-menu a{padding:9px 10px;border-radius:6px;color:#b9c5d7;font:800 14px/1 Manrope,Inter,system-ui,sans-serif}
.ssg-more-menu a:hover,.ssg-more-menu a.on{background:#121835;color:#fff}
.ssg-search{margin-left:auto;flex:0 1 260px;height:33px;border:1px solid #304975;border-radius:6px;background:#071020;display:flex;align-items:center;gap:6px;padding:0 9px;color:#7d91b0}
.ssg-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#aebbd0!important;padding:0!important;font:700 14px/1 Manrope,Inter,system-ui,sans-serif!important}
.ssg-actions{display:flex;align-items:center;gap:6px}
.ssg-small,.ssg-add{height:33px;padding:0 13px;border:1px solid #344a76;border-radius:6px;background:#091326;color:#edf3fd;display:inline-flex;align-items:center;justify-content:center;font:900 14px/1 Manrope,Inter,system-ui,sans-serif;white-space:nowrap}
.ssg-small.sign{padding:0 16px}.ssg-small.ghost{background:#070e1c}
.ssg-add{background:linear-gradient(90deg,#7b23f4,#ae2eff);border-color:#b449ff;box-shadow:0 0 17px rgba(145,40,255,.35)}
.ssg-icon{width:31px;height:31px;border:1px solid #30446d;border-radius:6px;background:#091326;display:grid;place-items:center;position:relative;color:#fff;font-size:14px}
.ssg-icon b{position:absolute;right:-5px;top:-6px;min-width:14px;height:14px;padding:0 3px;border-radius:99px;background:#ec315d;border:2px solid #050817;color:#fff;display:grid;place-items:center;font:900 14px/1 system-ui}
.ssg-user{height:33px;max-width:125px;padding:0 8px 0 4px;border:1px solid #30446d;border-radius:6px;background:#091326;display:flex;align-items:center;gap:6px;color:#e8eef8}
.ssg-user img,.ssg-user>span{width:24px;height:24px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(145deg,#852aff,#26205f);font:900 14px/1 system-ui}
.ssg-user strong{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 14px/1 Manrope,Inter,system-ui,sans-serif}
.ssg-burger,.ssg-mobile-account{display:none}
@media(max-width:1250px){.ssg-brand{width:165px;flex-basis:165px}.ssg-brand img{width:158px!important;height:38px!important;object-fit:cover!important}.ssg-search{display:none}.ssg-nav>a,.ssg-more>button{padding:0 7px;font-size:14px}.ssg-user strong{display:none}.ssg-user{width:34px;padding:0 4px}}
@media(max-width:930px){
 .ssg-header,.ssg-inner{height:58px}.ssg-brand{width:155px;flex-basis:155px}.ssg-brand img{width:150px!important;height:36px!important;object-fit:cover!important}
 .ssg-burger{display:inline-flex;margin-left:auto;width:34px;height:34px;border:1px solid #34496e;border-radius:7px;background:#091326;color:#fff;align-items:center;justify-content:center}
 .ssg-nav{display:none;position:absolute;top:58px;left:8px;right:8px;height:auto;max-height:calc(100vh - 70px);overflow:auto;flex-direction:column;padding:7px;background:#060b16;border:1px solid #30446b;border-radius:10px;box-shadow:0 25px 55px rgba(0,0,0,.55)}
 .ssg-header.open .ssg-nav{display:flex}.ssg-nav>a,.ssg-more>button{height:42px;min-height:42px;padding:0 12px;border-bottom:0;border-left:2px solid transparent;font-size:14px;width:100%;justify-content:flex-start}
 .ssg-nav>a.on{border-left-color:#a438ff}.ssg-more{width:100%}.ssg-more-menu{position:static;display:grid!important;margin:0 4px 5px;border-color:#1f3153;box-shadow:none}.ssg-more>button{display:none}
 .ssg-actions .ssg-icon,.ssg-actions .ssg-user,.ssg-actions .ssg-small{display:none}.ssg-add{height:32px;padding:0 9px;font-size:14px}
 .ssg-mobile-account{display:block;margin-top:5px;padding-top:5px;border-top:1px solid #1c2a45}.ssg-mobile-account a{display:flex;align-items:center;min-height:40px;padding:0 12px;margin:2px 0;border-radius:6px;color:#dce5f3;font:850 14px/1 Manrope,Inter,system-ui,sans-serif}.ssg-mobile-account a.primary{background:linear-gradient(90deg,#7627ef,#a72fff);color:#fff}
}


/* ========= assets/css/mockup-sitewide-2027.css ========= */
/* SoulShive 2027 · Visual unification pass. Last stylesheet, intentional overrides.
   Reference: v1soulshive.png. No changes to layout-dependent PHP or business logic.
   The partnership form keeps its dedicated 1:1 stylesheet. */
:root{
  --ssv-bg:#050817;--ssv-panel:#0b142c;--ssv-panel-deep:#080e22;
  --ssv-line:#2c3f6d;--ssv-text:#f5f7ff;--ssv-muted:#acbcda;
  --ssv-violet:#ad67ff;--ssv-blue:#549bff;
  --ssv-glow:linear-gradient(115deg,#8534f7 0%,#7149f8 46%,#377bff 100%);
}
body.ss26-page,body.sl-page{background:#050817!important;color:var(--ssv-text);}
body.ss26-page :is(a,button,input,select,textarea):focus-visible,
body.sl-page :is(a,button,input,select):focus-visible{outline:3px solid #63c7ff!important;outline-offset:3px}

/* A single, dependable header system on the templated pages. Prevent the legacy
   64px logo constraint from making the visible wordmark overlap the first menu link. */
body.ss26-page .ss26-site-header{background:rgba(6,10,26,.97)!important;border-bottom:1px solid #324276!important;box-shadow:0 12px 35px #0005!important}
body.ss26-page .ss26-site-header .ss26-header-inner{
  width:calc(100% - 40px)!important;max-width:none!important;height:72px!important;
  margin-inline:auto!important;gap:clamp(9px,1vw,18px)!important;
}
body.ss26-page .ss26-site-header .ss26-brand{
  display:flex!important;flex:0 0 206px!important;width:206px!important;
  min-width:206px!important;max-width:206px!important;height:60px!important;
  align-items:center!important;gap:10px!important;overflow:visible!important;
}
body.ss26-page .ss26-site-header .ss26-brand img{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;flex:0 0 50px;object-fit:contain!important}
body.ss26-page .ss26-site-header .ss26-brand-wordmark{
  display:block!important;min-width:0;white-space:nowrap;color:#f7f8ff;
  font-weight:950!important;font-size:clamp(20px,1.55vw,26px)!important;line-height:1.05!important;
  letter-spacing:-.06em!important;text-shadow:0 0 24px #6f4cff33;
}
body.ss26-page .ss26-site-header .ss26-mainnav{flex:1 1 auto!important;min-width:0!important;gap:1px!important;justify-content:flex-start}
body.ss26-page .ss26-site-header .ss26-mainnav>a{
  display:flex;align-items:center;justify-content:center;
  font-size:14px!important;min-height:50px;line-height:1.25!important;
  padding:0 clamp(5px,.55vw,12px)!important;color:#d9e4ff!important;
  letter-spacing:0!important;white-space:nowrap;border-bottom:2px solid transparent;
}
body.ss26-page .ss26-site-header .ss26-mainnav>a.on,
body.ss26-page .ss26-site-header .ss26-mainnav>a:hover{border-bottom-color:#9f5cff!important;color:#fff!important;background:#8061ed19!important}
body.ss26-page .ss26-site-header .ss26-account-actions{gap:6px!important;min-width:0!important;flex:0 0 auto!important}
body.ss26-page .ss26-site-header .ss26-mini-btn,
body.ss26-page .ss26-site-header .ss26-add-btn{min-height:40px!important;height:auto!important;padding:9px 12px!important;font-size:14px!important;line-height:1.2!important;white-space:nowrap}
body.ss26-page .ss26-site-header .ss26-add-btn{background:var(--ssv-glow)!important;border:1px solid #b087ff!important;box-shadow:0 6px 22px #623aef44!important}
body.ss26-page .ss26-site-header .ss-lang-switch{min-height:40px!important}
body.ss26-page .ss26-site-header .ss26-nav-search{display:none!important}

/* An intentional breakpoint: hide the desktop nav BEFORE it can collide with
   account buttons and allow the language control inside the mobile drawer. */
@media(min-width:1280px) and (max-width:1510px){
  body.ss26-page .ss26-site-header .ss26-brand{flex-basis:62px!important;width:62px!important;min-width:62px!important;max-width:62px!important}
  body.ss26-page .ss26-site-header .ss26-brand-wordmark{display:none!important}
  body.ss26-page .ss26-site-header .ss26-mainnav>a{padding:0 7px!important}
}
@media(max-width:1279px){
  body.ss26-page .ss26-site-header .ss26-header-inner{height:64px!important;gap:12px!important;width:calc(100% - 28px)!important}
  body.ss26-page .ss26-site-header .ss26-brand{flex:0 0 210px!important;width:210px!important;min-width:0!important;max-width:210px!important;height:56px!important;gap:9px!important}
  body.ss26-page .ss26-site-header .ss26-brand img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;flex-basis:44px!important}
  body.ss26-page .ss26-site-header .ss26-brand-wordmark{font-size:22px!important}
  body.ss26-page .ss26-site-header .ss26-burger{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 43px!important;order:3;margin-left:0!important;width:43px!important;height:43px!important;min-height:43px!important;border:1px solid #40558a!important;border-radius:11px!important;background:#101934!important;color:#fff!important;cursor:pointer}
  body.ss26-page .ss26-site-header .ss26-mainnav{
    display:none!important;position:absolute!important;left:14px!important;right:14px!important;
    top:64px!important;min-width:0!important;width:auto!important;height:auto!important;
    max-height:calc(100vh - 78px)!important;overflow-y:auto!important;overscroll-behavior:contain;
    padding:15px!important;flex-direction:column!important;align-items:stretch!important;
    gap:5px!important;background:#0b142c!important;border:1px solid #4a438e!important;
    border-radius:14px!important;box-shadow:0 20px 60px #000a!important;
  }
  body.ss26-page .ss26-site-header.open .ss26-mainnav{display:flex!important}
  body.ss26-page .ss26-site-header .ss26-mainnav>a{justify-content:flex-start!important;min-height:46px!important;font-size:16px!important;padding:10px 13px!important;border-bottom:0!important;border-left:3px solid transparent!important;border-radius:8px!important}
  body.ss26-page .ss26-site-header .ss26-mainnav>a.on{border-left-color:#a569ff!important;background:#201946!important}
  body.ss26-page .ss26-site-header .ss26-mainnav .ss-lang-mobile{display:flex!important;align-self:flex-start!important;margin:8px 4px!important}
  body.ss26-page .ss26-site-header .ss26-account-actions{margin-left:auto!important}
  body.ss26-page .ss26-site-header .ss26-account-actions>.ss-lang-switch,
  body.ss26-page .ss26-site-header .ss26-account-actions>.ss26-login-btn,
  body.ss26-page .ss26-site-header .ss26-account-actions>.ss26-register-btn{display:none!important}
  body.ss26-page .ss26-site-header .ss26-mobile-account{display:block!important}
  body.ss26-page .ss26-site-header .ss26-mobile-account>a{font-size:16px!important;min-height:46px!important}
}
@media(max-width:610px){
  body.ss26-page .ss26-site-header .ss26-brand{flex:0 1 auto!important;width:auto!important;max-width:calc(100vw - 182px)!important}
  body.ss26-page .ss26-site-header .ss26-brand-wordmark{font-size:clamp(17px,4vw,21px)!important;overflow:hidden;text-overflow:ellipsis}
  body.ss26-page .ss26-site-header .ss26-account-actions .ss26-add-btn{padding:10px!important;font-size:14px!important}
  body.ss26-page .ss26-site-header .ss26-burger{flex-basis:42px!important;width:42px!important}
}
@media(max-width:385px){body.ss26-page .ss26-site-header .ss26-brand-wordmark{display:none!important}body.ss26-page .ss26-site-header .ss26-brand{flex:0 0 46px!important;max-width:46px!important}}

/* 2027 reference palette, generous cards, real full-width desktop content. */
body.ss26-page .ss26-content-wrap{width:calc(100% - 52px)!important;max-width:1700px!important;padding-top:24px!important;min-width:0!important}
body.ss26-page .ss26-page-masthead{height:auto!important;min-height:200px!important;background:#091127!important;border-bottom:1px solid #2d3969!important}
body.ss26-page .ss26-page-masthead-inner{min-height:200px!important;padding-block:27px!important}
body.ss26-page .ss26-page-masthead-copy h1{font-size:clamp(30px,3.5vw,54px)!important;line-height:1.12!important;margin-bottom:13px!important;overflow-wrap:anywhere}
body.ss26-page .ss26-page-masthead-copy p{font-size:16px!important;color:#bdc9e4!important;line-height:1.55!important;max-width:610px!important}
body.ss26-page .ss26-page-kicker{font-size:14px!important;color:#d0a0ff!important}
body.ss26-page :is(.card,.panel,.ss26-panel){border:1px solid #30406e!important;border-radius:16px!important;background:linear-gradient(155deg,#101a36 0%,#091126 100%)!important;box-shadow:0 12px 30px #0003!important}
body.ss26-page :is(.btn,.ss26-btn){min-height:43px;border-radius:10px!important}
body.ss26-page :is(.btn,.ss26-btn):focus-visible{outline-color:#68c5ff!important}
body.ss26-page :is(.card,.panel,.ss26-panel) :is(h2,h3){line-height:1.25!important}
body.ss26-page :is(input:not([type=radio]):not([type=checkbox]),select,textarea){min-height:44px;border-radius:9px!important}
body.ss26-page :is(.card,.panel,.ss26-panel) .muted{color:#aabbd8!important}

/* Home: image / metrics / compact featured cards in the mockup hierarchy. */
body.ss26-home-page .ss26-home-community{max-width:1700px!important;width:100%!important}
body.ss26-home-page .ss26-community-hero{min-height:470px!important;border:1px solid #7148c2!important;border-radius:20px!important;box-shadow:0 22px 55px #0006!important;overflow:hidden}
body.ss26-home-page .ss26-community-hero-art{background-image:linear-gradient(90deg,#060a1b 0%,rgba(6,10,27,.1) 40%,transparent 78%),url('/assets/home2026/hero-art.webp')!important;background-size:100% 100%,auto 100%!important;background-repeat:no-repeat!important;background-position:left center,right center!important;opacity:.94!important}
body.ss26-home-page .ss26-community-hero:after{background:linear-gradient(90deg,#060a1aec 0%,#060a1add 30%,#080d20a8 55%,#080d2028 100%)!important;pointer-events:none}
body.ss26-home-page .ss26-community-hero-copy{width:min(100%,780px)!important;padding:clamp(28px,4vw,66px)!important;position:relative!important;z-index:2!important}
body.ss26-home-page .ss26-community-hero h1{font-size:clamp(40px,5vw,76px)!important;font-style:normal!important;line-height:1.02!important;letter-spacing:-.05em!important}
body.ss26-home-page .ss26-community-hero p{font-size:clamp(16px,1.25vw,19px)!important;color:#dfebff!important;max-width:610px!important;margin:19px 0 20px!important}
body.ss26-home-page .ss26-community-hero .ss26-community-actions>a{font-size:15px!important;min-height:51px!important;padding:12px 19px!important;border-radius:11px!important}
body.ss26-home-page .ss26-community-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;border:0!important;border-radius:0!important;background:none!important;margin:18px 0 24px!important;overflow:visible!important}
body.ss26-home-page .ss26-community-stats>div{min-width:0!important;min-height:103px!important;padding:18px!important;border:1px solid #354776!important;border-radius:13px!important;background:linear-gradient(140deg,#111d3e,#09142b)!important}
body.ss26-home-page .ss26-community-stats strong{font-size:clamp(23px,2vw,33px)!important;color:#fff!important}
body.ss26-home-page .ss26-community-stats span{font-size:14px!important;color:#aabbd8!important}
body.ss26-home-page .ss26-community-stats em{display:none!important}
body.ss26-home-page :is(.ss26-rec-card,.ss26-servercard){background:linear-gradient(155deg,#152246,#0a122b)!important;border:1px solid #324f82!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 13px 30px #0004!important}
body.ss26-home-page :is(.ss26-recommended,.ss26-esports,.ss26-servers,.ss26-owner-campaign){margin-block:22px!important}

/* Marketplace: use the real product grid and existing direct-contact sales flow. */
body.ss26-page-shop .ss26-content-wrap{max-width:1580px!important}
body.ss26-page-shop .ss27-market-hero{border:1px solid #6a4ea7!important;min-height:235px!important;margin-bottom:24px!important;background:radial-gradient(circle at 88% 44%,#4c287e7c,transparent 42%),linear-gradient(105deg,#111b40,#080f27 70%)!important;box-shadow:0 18px 42px #0006!important}
body.ss26-page-shop .ss27-market-hero>div:last-child{padding:clamp(24px,3.6vw,53px)!important}
body.ss26-page-shop .ss27-market-hero h1{font-size:clamp(30px,3vw,52px)!important;line-height:1.1!important;max-width:940px!important}
body.ss26-page-shop .ss27-market-hero p{font-size:17px!important;max-width:760px!important}
body.ss26-page-shop .ss27-market-hero .shop-stats{margin-top:22px!important;gap:18px 38px!important}
body.ss26-page-shop .ss27-market-filters{padding:clamp(17px,2vw,27px)!important;margin-bottom:21px!important}
body.ss26-page-shop .ss27-market-filters form{gap:12px!important}
body.ss26-page-shop .ss27-market-filters form :is(input,select){min-height:48px!important;width:auto;min-width:180px;max-width:100%;flex:1 1 180px}
body.ss26-page-shop .ss27-market-filters .chip{font-size:14px!important;min-height:37px;padding:8px 12px;display:inline-flex;align-items:center}
body.ss26-page-shop .ss27-market-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
body.ss26-page-shop .ss27-market-grid>.shop-card{min-width:0!important;background:#101b38!important;border:1px solid #344771!important;transition:transform .2s,border-color .2s!important}
body.ss26-page-shop .ss27-market-grid>.shop-card:hover{transform:translateY(-4px)!important;border-color:#ad76ff!important}
body.ss26-page-shop .ss27-market-featured .card{border-color:#7154af!important;background:#111c39!important}

/* Applications: full header, card grid and readable native buttons. */
body.ss26-page-apps .ss27-apps-intro{position:relative;overflow:hidden;min-height:235px;padding:clamp(25px,3.6vw,52px);border:1px solid #674da7;border-radius:20px;background:radial-gradient(circle at 80% 48%,#5424967a,transparent 35%),linear-gradient(110deg,#131b3e,#0a1228 70%);margin-bottom:20px}
body.ss26-page-apps .ss27-apps-kicker{display:block;margin-bottom:15px;color:#c99cff;font-size:14px;font-weight:850;letter-spacing:.12em}
body.ss26-page-apps .ss27-apps-intro h1{font-size:clamp(34px,3.8vw,60px)!important;letter-spacing:-.045em!important;line-height:1.07!important;margin:0 0 15px!important}
body.ss26-page-apps .ss27-apps-intro h1 span{background:linear-gradient(100deg,#c46dff,#659dff);color:transparent;-webkit-background-clip:text;background-clip:text}
body.ss26-page-apps .ss27-apps-intro p{max-width:690px;color:#bdcce9!important;font-size:17px!important;margin:0 0 23px}
body.ss26-page-apps .ss27-apps-links{display:flex;flex-wrap:wrap;gap:12px}
body.ss26-page-apps .ss27-apps-links a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:10px;border:1px solid #7754bd;background:#141a38;color:#fff;font-size:15px;font-weight:850}
body.ss26-page-apps .ss27-apps-links a:first-child{background:var(--ssv-glow);border-color:#a77bff}
body.ss26-page-apps .ss27-apps-notice{padding:21px 25px!important;margin:20px 0 24px!important}
body.ss26-page-apps .ss27-apps-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
body.ss26-page-apps .ss27-app-card{min-width:0!important;min-height:240px;padding:25px!important;border:1px solid #365082!important;background:linear-gradient(150deg,#152044,#0b142b)!important}
body.ss26-page-apps .ss27-app-card>.flex:first-child{align-items:flex-start!important;gap:14px!important}
body.ss26-page-apps .ss27-app-card>.flex:first-child b{font-size:19px!important;line-height:1.3!important}
body.ss26-page-apps .ss27-app-card>.small{color:#b4c3e0!important}
body.ss26-page-apps .ss27-app-card a.btn{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:auto!important}

/* Same premium geometry for the real Admin, without changing any controls. */
body.ss26-page-admin .ss26-content-wrap{width:calc(100% - 42px)!important;max-width:1750px!important}
body.ss26-page-admin :is(.st26-card,.bw-panel,.sv-panel,.card){background:linear-gradient(145deg,#111a38,#0b132c)!important;border-color:#384873!important;border-radius:14px!important}
body.ss26-page-admin :is(th,td){line-height:1.5!important}
body.ss26-page-admin :is(input:not([type=checkbox]),select,textarea){min-height:43px!important}

/* Footer is identical throughout templated pages, rather than a tiny link strip. */
body.ss26-page .ss26-global-footer{margin-top:35px!important;padding-top:32px!important;border-top:1px solid #35457b!important;background:linear-gradient(180deg,#09142d,#060a18 80%)!important}
body.ss26-page .ss26-global-footer>.wrap{width:calc(100% - 52px)!important;max-width:1700px!important}
body.ss26-page .ss26-global-footer .ss27-footer-intro{padding-block:15px 24px!important}
body.ss26-page .ss26-global-footer .ss27-footer-links{padding-block:30px!important}
body.ss26-page .ss26-global-footer .ss27-footer-links a{min-height:32px!important;font-size:15px!important}
body.ss26-page .ss26-global-footer .ss27-footer-newsletter-row{padding-block:22px!important}

/* Consistent mobile breakpoints: cards stack instead of squeezing their copy. */
@media(max-width:1250px){
  body.ss26-page-shop .ss27-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.ss26-page-apps .ss27-apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:930px){
  body.ss26-home-page .ss26-community-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss26-page-shop .ss27-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss26-home-page .ss26-community-hero{min-height:450px!important}
}
@media(max-width:640px){
  body.ss26-page .ss26-content-wrap{width:calc(100% - 24px)!important;padding-top:15px!important}
  body.ss26-page .ss26-global-footer>.wrap{width:calc(100% - 28px)!important}
  body.ss26-page .ss26-page-masthead-inner{min-height:166px!important;padding-block:22px!important}
  body.ss26-page .ss26-page-masthead-copy{max-width:100%!important}
  body.ss26-page .ss26-page-masthead-copy h1{font-size:clamp(26px,7.5vw,39px)!important}
  body.ss26-page .ss26-page-masthead-copy p{max-width:83%!important;font-size:15px!important}
  body.ss26-home-page .ss26-community-hero{min-height:510px!important}
  body.ss26-home-page .ss26-community-hero-copy{width:100%!important;padding:26px 19px!important}
  body.ss26-home-page .ss26-community-hero h1{font-size:clamp(35px,9vw,52px)!important}
  body.ss26-home-page .ss26-community-hero p{font-size:16px!important;line-height:1.5!important}
  body.ss26-home-page .ss26-community-hero:after{background:linear-gradient(180deg,#070b1afc 0%,#070b1aef 49%,#070b1a42 100%)!important}
  body.ss26-home-page .ss26-community-hero-art{width:100%!important;height:65%!important;top:auto!important;bottom:0!important;background-position:65% 60%!important}
  body.ss26-home-page .ss26-community-stats{gap:10px!important;margin:14px 0!important}
  body.ss26-home-page .ss26-community-stats>div{min-height:104px!important;padding:12px!important;gap:8px!important}
  body.ss26-home-page .ss26-community-stats strong{font-size:22px!important}
  body.ss26-page-shop .ss27-market-grid{grid-template-columns:1fr!important;gap:13px!important}
  body.ss26-page-shop .ss27-market-hero{min-height:0!important}
  body.ss26-page-shop .ss27-market-hero p{font-size:16px!important}
  body.ss26-page-shop .ss27-market-filters form :is(input,select){flex:1 1 100%;width:100%!important}
  body.ss26-page-apps .ss27-apps-intro{padding:24px 20px!important;min-height:0!important}
  body.ss26-page-apps .ss27-apps-intro h1{font-size:36px!important}
  body.ss26-page-apps .ss27-apps-grid{grid-template-columns:1fr!important;gap:13px!important}
  body.ss26-page-apps .ss27-app-card{min-height:0!important;padding:20px!important}
  body.ss26-page-admin .ss26-content-wrap{width:calc(100% - 20px)!important}
}
@media(prefers-reduced-motion:reduce){body.ss26-page :is(a,button),body.sl-page :is(a,button){transition:none!important;animation:none!important}}

/* One shared header: Home, Servers, Master Server and the remaining pages. */
:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-header{position:sticky!important;top:0!important;z-index:1500!important;height:72px!important;background:rgba(6,10,26,.97)!important;border-bottom:1px solid #324276!important;box-shadow:0 12px 35px #0005!important}
:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-inner{height:72px!important;width:calc(100% - 40px)!important;max-width:none!important;gap:clamp(9px,1vw,18px)!important}
:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-brand{width:206px!important;flex:0 0 206px!important;height:58px!important;overflow:visible!important}
:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-brand img{width:206px!important;height:auto!important;max-height:55px!important;object-fit:contain!important}
:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-nav{height:72px!important;flex:1 1 auto!important;min-width:0!important;gap:1px!important}
:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-nav>a{height:72px!important;font-size:14px!important;color:#d9e4ff!important;padding-inline:clamp(6px,.55vw,12px)!important}
:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-nav>a.on,:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-nav>a:hover{color:#fff!important;border-bottom-color:#a260ff!important}
:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-actions{gap:6px!important;flex:0 0 auto!important}
:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-add{height:40px!important;min-height:40px!important;background:var(--ssv-glow)!important;border-color:#ae83ff!important;border-radius:10px!important;padding:9px 12px!important}
:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-small{height:40px!important;min-height:40px!important;border-radius:10px!important}
:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-search{display:none!important}
@media(min-width:1251px) and (max-width:1490px){
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-brand{width:158px!important;flex-basis:158px!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-brand img{width:158px!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-nav>a{padding-inline:6px!important}
}
@media(max-width:1250px){
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-header,:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-inner{height:64px!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-inner{width:calc(100% - 28px)!important;gap:12px!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-brand{width:180px!important;flex:0 0 180px!important;height:55px!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-brand img{width:180px!important;max-height:48px!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-burger{display:inline-flex!important;order:3;flex:0 0 43px!important;margin-left:0!important;width:43px!important;height:43px!important;align-items:center!important;justify-content:center!important;background:#101934!important;border:1px solid #40558a!important;border-radius:11px!important;color:#fff!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-nav{display:none!important;position:absolute!important;top:64px!important;left:14px!important;right:14px!important;width:auto!important;height:auto!important;max-height:calc(100vh - 78px)!important;overflow-y:auto!important;overscroll-behavior:contain;flex-direction:column!important;gap:4px!important;padding:14px!important;border:1px solid #4a438e!important;border-radius:14px!important;background:#0b142c!important;box-shadow:0 20px 60px #000a!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-header.open .ssg-nav{display:flex!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-nav>a{display:flex!important;justify-content:flex-start!important;min-height:46px!important;height:auto!important;font-size:16px!important;padding:11px 14px!important;border-bottom:0!important;border-left:3px solid transparent!important;border-radius:8px!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-nav>a.on{border-left-color:#aa70ff!important;background:#201946!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-actions{margin-left:auto!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-actions>.ss-lang-switch,:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-actions>.ssg-small.sign{display:none!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-nav .ss-lang-mobile{display:flex!important;margin:8px 5px!important;align-self:flex-start!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-mobile-account{display:block!important;border-top:1px solid #344374!important;padding-top:10px!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-mobile-account>a{font-size:16px!important;min-height:45px!important}
}
@media(max-width:540px){
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-inner{gap:8px!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-brand{width:145px!important;flex:0 1 145px!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-brand img{width:145px!important}
  :is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-add{padding-inline:9px!important}
}
@media(max-width:360px){:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-brand{width:110px!important;flex-basis:110px!important}:is(body.sl-page,body.ms-page,body.ss26-page,body.ss27-latest) .ssg-brand img{width:110px!important}}

/* `sl-page` is used as BOTH the body class and an inner width container.
   Earlier `.sl-page{width:calc(100% - 48px)}` accidentally shrank the body.
   Keep the directory viewport full-width; constrain only nested content. */
body.sl-page{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;overflow-x:clip}
body.sl-page :is(.sl-hero,.ssg-header){width:100%!important}

body.ms-page{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;overflow-x:clip}
body.ms-page :is(.ms-hero,.ssg-header){width:100%!important}

body.ss26-page-boost{background:radial-gradient(ellipse at 85% 5%,#4a228026,transparent 35%),#050817!important}
body.ss26-page-boost .ss26-content-wrap{width:calc(100% - 52px)!important;max-width:1700px!important;padding:20px 0 34px!important;min-width:0!important}
body.ss26-page-boost .ssbx-hero{min-height:390px;border-radius:18px!important;border:1px solid #69469e!important;box-shadow:0 20px 52px #0007!important}
body.ss26-page-boost .ssbx-hero-in{max-width:850px;padding:clamp(27px,4vw,59px)!important}
body.ss26-page-boost .ssbx-hero h1{font-size:clamp(42px,4.7vw,72px)!important;line-height:1.08!important}
body.ss26-page-boost .ssbx-hero h2{font-size:clamp(21px,2vw,29px)!important;line-height:1.25!important}
body.ss26-page-boost .ssbx-hero p{font-size:17px!important;line-height:1.6!important;color:#d5e2f7!important}
body.ss26-page-boost .ssbx-hp b{font-size:16px!important;line-height:1.45!important}
body.ss26-page-boost .ssbx-hp small{font-size:14px!important;line-height:1.4!important;color:#b9cae6!important}
body.ss26-page-boost .ssbx-actions a{font-size:15px!important;min-height:49px!important;border-radius:10px!important}
body.ss26-page-boost .ssbx-packages{gap:18px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.ss26-page-boost .ssbx-tier{min-width:0;border-radius:16px!important}
body.ss26-page-boost .ssbx-tier-body{padding:19px!important}
body.ss26-page-boost .ssbx-feats li{font-size:15px!important;line-height:1.55!important}
body.ss26-page-boost .ssbx-choose{min-height:48px!important;height:auto!important;border-radius:10px!important;font-size:15px!important}
body.ss26-page-boost .ssbx-dur{min-width:0;padding:12px 5px}
body.ss26-page-boost .ssbx-dur :is(span,b){font-size:15px!important;line-height:1.4!important}
body.ss26-page-boost .ssbx-benefits{gap:14px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.ss26-page-boost .ssbx-benefit b{font-size:16px!important;line-height:1.4!important}
body.ss26-page-boost .ssbx-benefit small{color:#b1c3df!important}
@media(max-width:1200px){body.ss26-page-boost .ssbx-packages{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.ss26-page-boost .ssbx-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.ss26-page-boost .ss26-content-wrap{width:calc(100% - 28px)!important;padding-top:14px!important}body.ss26-page-boost .ssbx-hero{min-height:0!important}body.ss26-page-boost .ssbx-hero-in{padding:30px 23px!important}body.ss26-page-boost .ssbx-hero h1{font-size:clamp(35px,8vw,48px)!important}body.ss26-page-boost .ssbx-hero-points{gap:12px!important}body.ss26-page-boost .ssbx-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){body.ss26-page-boost .ss26-content-wrap{width:calc(100% - 24px)!important}body.ss26-page-boost .ssbx-packages,body.ss26-page-boost .ssbx-benefits{grid-template-columns:minmax(0,1fr)!important}body.ss26-page-boost .ssbx-hero-in{padding:27px 17px!important}body.ss26-page-boost .ssbx-hero p{font-size:16px!important}}


/* 2026-10-15 — Home compact hero refinement */
body.ss26-home-page .ss26-community-hero{min-height:350px!important}
body.ss26-home-page .ss26-community-hero-copy{width:min(100%,855px)!important;padding:clamp(20px,2.5vw,34px)!important}
body.ss26-home-page .ss26-community-hero h1{font-size:clamp(36px,4.1vw,58px)!important;line-height:1.02!important;margin:0 0 10px!important}
body.ss26-home-page .ss26-community-hero p{font-size:clamp(16px,1.12vw,17px)!important;max-width:560px!important;margin:12px 0 16px!important;line-height:1.55!important}
body.ss26-home-page .ss26-community-hero .ss26-community-actions{gap:10px!important;margin-top:10px!important}
body.ss26-home-page .ss26-community-hero .ss26-community-actions>a{min-height:44px!important;padding:9px 12px!important;font-size:16px!important}
body.ss26-home-page .ss26-community-trust{gap:10px 16px!important;margin-top:12px!important;font-size:14px!important}
body.ss26-home-page .ss26-community-stats{margin:14px 0 20px!important}
body.ss26-home-page :is(.ss26-recommended,.ss26-esports,.ss26-servers,.ss26-owner-campaign){margin-block:18px!important}
@media(max-width:920px){body.ss26-home-page .ss26-community-hero{min-height:335px!important}body.ss26-home-page .ss26-community-hero-copy{padding:24px!important}body.ss26-home-page .ss26-community-hero h1{font-size:clamp(34px,6vw,52px)!important}}
@media(max-width:640px){body.ss26-home-page .ss26-community-hero{min-height:300px!important}body.ss26-home-page .ss26-community-hero-copy{padding:22px 16px!important}body.ss26-home-page .ss26-community-hero h1{font-size:clamp(31px,9vw,43px)!important}body.ss26-home-page .ss26-community-hero p{font-size:16px!important;margin:10px 0 14px!important}body.ss26-home-page .ss26-community-hero .ss26-community-actions>a{width:auto!important;flex:1 1 160px!important;padding:8px 12px!important}body.ss26-home-page .ss26-community-hero .ss26-community-actions>a:first-child{flex-basis:100%!important}body.ss26-home-page .ss26-community-hero-art{opacity:.36!important;height:48%!important}body.ss26-home-page .ss26-community-hero:after{background:linear-gradient(180deg,#070b1afc 0%,#070b1af0 53%,#070b1ad2 100%)!important}}


/* ========= assets/css/site-footer-readability-2027.css ========= */
body.ss26-page{font-size:16px!important;line-height:1.6}
body.ss26-page :is(small,.small,.muted,label,th){font-size:14px!important;line-height:1.5!important}
body.ss26-page td{font-size:16px!important;line-height:1.5!important}
body.ss26-page :is(p,li,textarea){font-size:16px!important;line-height:1.55!important}
body.ss26-page :is(input,select,textarea){font-size:16px!important;line-height:1.45!important}
body.ss26-page :is(button,.btn):not(.ss26-burger){font-size:16px!important;line-height:1.4!important}
body.ss26-page .ss26-global-footer :is(p,a,span,h4),body.ss26-page .ss26-footer-kicker{font-size:14px!important;line-height:1.55!important}


body.ss26-page footer.ss26-global-footer.ss27-footer-compact{
  position:relative;isolation:isolate;margin-top:20px!important;
  padding:24px 0 14px!important;
  background:radial-gradient(ellipse at 3% 0%,rgba(124,49,236,.12),transparent 38%),linear-gradient(180deg,#0a1430 0%,#060b1b 100%)!important;
  border-top:1px solid #4f347f!important;box-shadow:0 -10px 38px rgba(0,0,0,.22)
}
body.ss26-page footer.ss27-footer-compact::before{
  content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;
  background:linear-gradient(90deg,transparent,#8a46ff,transparent);pointer-events:none
}
body.ss26-page footer.ss27-footer-compact>.wrap{
  width:min(calc(100% - 52px),1680px)!important;max-width:1680px!important;margin:auto!important
}
body.ss26-page footer.ss27-footer-compact .ss26-footer-grid.ss27-footer-links{
  display:grid!important;
  grid-template-columns:minmax(210px,1.42fr) repeat(4,minmax(125px,.8fr)) minmax(220px,1.2fr)!important;
  align-items:start!important;column-gap:clamp(17px,2vw,36px)!important;row-gap:20px!important;
  padding:8px 0 23px!important;margin:0!important;border:0!important
}
body.ss26-page footer.ss27-footer-compact .ss27-footer-brand-panel{min-width:0!important}
body.ss26-page footer.ss27-footer-compact .ss27-footer-logo{display:inline-block!important;max-width:190px!important;text-decoration:none!important}
body.ss26-page footer.ss27-footer-compact .ss27-footer-logo img{display:block!important;width:185px!important;max-width:100%!important;height:auto!important;max-height:46px!important;object-fit:contain!important;object-position:left center!important}
body.ss26-page footer.ss27-footer-compact .ss27-footer-brand-panel p{font-size:15px!important;line-height:1.55!important;color:#b5c5e1!important;margin:10px 0 13px!important;max-width:280px!important}
body.ss26-page footer.ss27-footer-compact .ss26-footer-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:0!important}
body.ss26-page footer.ss27-footer-compact .ss26-footer-actions a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;
  margin:0!important;padding:6px 12px!important;border-radius:9px!important;
  font-size:14px!important;line-height:1.3!important;text-decoration:none!important;
  color:#e4eaff!important;background:#14203b!important;border:1px solid #33436b!important;white-space:nowrap!important
}
body.ss26-page footer.ss27-footer-compact .ss26-footer-actions a.ss26-wa-footer{
  background:linear-gradient(135deg,#0e9e60,#087b61)!important;border-color:#19b779!important;color:#fff!important
}
body.ss26-page footer.ss27-footer-compact .ss27-footer-column{
  min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:4px!important;margin:0!important;padding:0!important
}
body.ss26-page footer.ss27-footer-compact .ss27-footer-column h4,
body.ss26-page footer.ss27-footer-compact .ss27-footer-newsletter h4{
  font-size:15px!important;line-height:1.4!important;font-weight:850!important;letter-spacing:.025em!important;
  color:#f4edff!important;text-transform:uppercase!important;margin:4px 0 10px!important;padding:0!important
}
body.ss26-page footer.ss27-footer-compact .ss27-footer-column>a{
  display:block!important;font-size:15px!important;line-height:1.4!important;
  color:#b5c2dd!important;padding:4px 0!important;margin:0!important;
  min-height:0!important;max-width:100%!important;overflow-wrap:anywhere!important;
  text-decoration:none!important;white-space:normal!important
}
body.ss26-page footer.ss27-footer-compact a:hover{color:#e5c8ff!important}
body.ss26-page footer.ss27-footer-compact a:focus-visible,
body.ss26-page footer.ss27-footer-compact button:focus-visible,
body.ss26-page footer.ss27-footer-compact input:focus-visible{outline:2px solid #b98cff!important;outline-offset:3px!important}
body.ss26-page footer.ss27-footer-compact .ss27-footer-newsletter{
  display:block!important;width:100%!important;min-width:0!important;max-width:none!important;
  padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important
}
body.ss26-page footer.ss27-footer-compact .ss27-footer-newsletter p{
  font-size:15px!important;line-height:1.5!important;color:#b5c2dd!important;
  margin:0 0 12px!important;max-width:290px!important
}
body.ss26-page footer.ss27-footer-compact .ss27-footer-newsletter form{
  display:flex!important;flex-direction:row!important;align-items:stretch!important;
  width:100%!important;max-width:320px!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  padding:0!important;margin:0!important;gap:0!important
}
body.ss26-page footer.ss27-footer-compact .ss27-footer-newsletter input[type=email]{
  box-sizing:border-box!important;flex:1 1 0!important;width:100%!important;min-width:0!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;line-height:1.3!important;
  padding:0 12px!important;margin:0!important;border:1px solid #405482!important;border-right:0!important;
  border-radius:10px 0 0 10px!important;background:#070e20!important;color:#fff!important;font-size:16px!important
}
body.ss26-page footer.ss27-footer-compact .ss27-footer-newsletter button[type=submit]{
  box-sizing:border-box!important;flex:0 0 46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;line-height:1!important;
  display:grid!important;place-items:center!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0 10px 10px 0!important;
  color:white!important;background:linear-gradient(135deg,#8c30f5,#5939ec)!important;font-size:21px!important;cursor:pointer!important
}
body.ss26-page footer.ss27-footer-compact .ss26-footer-bottom{
  display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;
  gap:10px 20px!important;margin:0!important;padding:13px 0 0!important;
  border-top:1px solid #29395c!important;font-size:14px!important;color:#96a6c6!important
}
body.ss26-page footer.ss27-footer-compact .ss26-footer-bottom span,
body.ss26-page footer.ss27-footer-compact .ss26-footer-bottom a{
  font-size:14px!important;line-height:1.5!important;color:#95a5c3!important
}
body.ss26-page footer.ss27-footer-compact .ss27-footer-legal{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:16px!important}
body.ss26-page footer.ss27-footer-compact .ss27-footer-legal a{margin:0!important;text-decoration:none!important}
body.ss26-page footer.ss27-footer-compact .ss26-footer-partners{
  display:flex;align-items:center;flex-wrap:wrap;gap:12px;
  padding:0 0 16px;margin:0 0 18px;border-bottom:1px solid #29395c
}
body.ss26-page footer.ss27-footer-compact .ss26-footer-kicker{margin:0!important;color:#aa9ad6!important;font-size:14px!important;white-space:nowrap}
body.ss26-page footer.ss27-footer-compact .ss26-footer-partner-row{display:flex;flex-wrap:wrap;gap:8px}
body.ss26-page footer.ss27-footer-compact .ss26-footer-partner-row a{font-size:14px!important;padding:4px 10px!important;min-height:34px!important;border-color:#344467!important;background:#101a34!important}
body.ss26-page footer.ss27-footer-compact .ss27-sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}
@media(max-width:1250px){
  body.ss26-page footer.ss27-footer-compact .ss26-footer-grid.ss27-footer-links{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:22px!important}
  body.ss26-page footer.ss27-footer-compact .ss27-footer-brand-panel{grid-column:span 2!important}
  body.ss26-page footer.ss27-footer-compact .ss27-footer-newsletter{grid-column:span 2!important}
}
@media(max-width:680px){
  body.ss26-page footer.ss27-footer-compact{padding-top:23px!important}
  body.ss26-page footer.ss27-footer-compact>.wrap{width:calc(100% - 30px)!important}
  body.ss26-page footer.ss27-footer-compact .ss26-footer-grid.ss27-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 18px!important;padding-bottom:19px!important}
  body.ss26-page footer.ss27-footer-compact .ss27-footer-brand-panel,
  body.ss26-page footer.ss27-footer-compact .ss27-footer-newsletter{grid-column:1/-1!important}
  body.ss26-page footer.ss27-footer-compact .ss27-footer-logo img{width:175px!important}
  body.ss26-page footer.ss27-footer-compact .ss27-footer-brand-panel p{max-width:410px!important}
  body.ss26-page footer.ss27-footer-compact .ss27-footer-newsletter form{max-width:410px!important}
  body.ss26-page footer.ss27-footer-compact .ss26-footer-bottom{align-items:flex-start!important}
}
@media(max-width:380px){
  body.ss26-page footer.ss27-footer-compact .ss27-footer-column>a{font-size:14px!important}
}


/* ========= assets/css/editorial-community-admin-mockup-2027.css ========= */
:root{
  --ss27-visual-panel:#0e1934;
  --ss27-visual-line:#354675;
  --ss27-visual-copy:#c3d0e9;
}

/* Shared premium geometry on the remaining editorial and account surfaces. */
body.ss26-page-news .ss26-content-wrap,
body.ss26-page-community .ss26-content-wrap,
body.ss26-page-profile .ss26-content-wrap,
body.ss26-page-team:has(.member-page) .ss26-content-wrap,
body.ss26-admin-route .ss26-content-wrap{
  width:calc(100% - 48px)!important;
  max-width:1750px!important;
  min-width:0;
  margin-inline:auto!important;
}
body.ss26-page-news .ss26-content-wrap>:is(.ssnews26,.ssna26),
body.ss26-page-community .ss26-content-wrap>.ssc1,
body.ss26-page-team .ss26-content-wrap>.member-page{
  width:100%!important;
  max-width:none!important;
  min-width:0;
}

/* News hub: readable stories, clear filters and a proportionate sidebar. */
body.ss26-page-news .ssnews26{
  max-width:none!important;
  padding:18px 0 55px!important;
}
body.ss26-page-news .ssnews26-hero{
  min-height:315px!important;
  border-radius:20px!important;
  border:1px solid #7550c7!important;
  box-shadow:0 22px 65px #0008, inset 0 0 90px #7b3bf51a!important;
}
body.ss26-page-news .ssnews26-hero-copy{max-width:850px;padding:clamp(27px,4vw,60px)!important}
body.ss26-page-news .ssnews26-hero h1{font-size:clamp(34px,3.6vw,56px)!important;line-height:1.12!important}
body.ss26-page-news .ssnews26-kicker{color:#d3a3ff!important;font-size:14px!important}
body.ss26-page-news .ssnews26-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(285px,340px)!important;
  gap:23px!important;
  align-items:start;
}
body.ss26-page-news .ssnews26-main,
body.ss26-page-news .ssnews26-layout>*{min-width:0}
body.ss26-page-news .ssnews26-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:17px!important;
}
body.ss26-page-news .ssnews26-card,
body.ss26-page-news .ssnews26-sidecard,
body.ss26-page-news .ssna26-card,
body.ss26-page-news .ssna26-related-card{
  min-width:0;
  background:linear-gradient(150deg,#111c39,#0a142a)!important;
  border:1px solid var(--ss27-visual-line)!important;
  border-radius:15px!important;
}
body.ss26-page-news .ssnews26-card-img{height:185px!important}
body.ss26-page-news .ssnews26-card-body{padding:17px!important}
body.ss26-page-news .ssnews26-card h3{font-size:18px!important;line-height:1.35!important}
body.ss26-page-news .ssnews26-card p{font-size:16px!important;line-height:1.55!important;color:var(--ss27-visual-copy)!important}
body.ss26-page-news :is(.ssnews26-sidehead,.ssnews26-titlebar h2,.ssna26-cardhead){color:#f7f7ff!important}
body.ss26-page-news :is(.ssnews26-trend b,.ssna26-rel-item b,.ssna26-related-body b){font-size:16px!important;line-height:1.4!important}
body.ss26-page-news :is(.ssnews26-trend small,.ssnews26-card-foot,.ssna26-rel-item small,.ssna26-related-body small,.ssna26-meta){font-size:14px!important;color:#aebfdb!important}
body.ss26-page-news .ssnews26-search :is(input,button){min-height:46px!important;font-size:16px!important}
body.ss26-page-news .ssnews26-search button{padding:0 18px!important;border-radius:10px!important}
body.ss26-page-news .ssnews26-cats a{min-height:42px;display:inline-flex;align-items:center;font-size:15px!important}
body.ss26-page-news .ssnews26-sidecard{padding:20px!important}
body.ss26-page-news .ssnews26-side{top:88px!important}
body.ss26-page-news .ssnews26-mail :is(input,button){min-height:46px!important;font-size:16px!important}
body.ss26-page-news .ssnews26-pagination a{min-height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center}

/* News article: make long-form reading spacious while preserving related content. */
body.ss26-page-news .ssna26{max-width:none!important;padding:18px 0 60px!important}
body.ss26-page-news .ssna26-pagegrid{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,345px)!important;
  gap:24px!important;
}
body.ss26-page-news .ssna26-title{font-size:clamp(34px,3.1vw,52px)!important;line-height:1.16!important}
body.ss26-page-news .ssna26-main{min-width:0}
body.ss26-page-news .ssna26-body{font-size:17px!important;line-height:1.8!important;color:#dce4f8!important;overflow-wrap:anywhere}
body.ss26-page-news .ssna26-body :is(p,li){font-size:inherit!important;line-height:inherit!important}
body.ss26-page-news .ssna26-excerpt{font-size:18px!important;line-height:1.6!important}
body.ss26-page-news .ssna26-card{padding:19px!important}
body.ss26-page-news .ssna26-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
body.ss26-page-news .ssna26-related-body{padding:14px!important}
body.ss26-page-news .ssna26-about-row{gap:10px;overflow-wrap:anywhere}

/* Community: keep the graphic hero, give cards the width and space of the MockUp. */
body.ss26-page-community.ss27-mockup .ss26-content-wrap{
  width:calc(100% - 48px)!important;
  max-width:1750px!important;
  padding:14px 0 42px!important;
}
body.ss26-page-community .ssc1{color:#f4f6ff}
body.ss26-page-community .ssc1-hero{
  min-height:365px!important;
  border:1px solid #7951c8!important;
  border-radius:20px!important;
  background-position:center!important;
  box-shadow:0 25px 70px #0008!important;
}
body.ss26-page-community .ssc1-hero-copy{padding:clamp(28px,4vw,60px)!important;max-width:850px}
body.ss26-page-community .ssc1-hero h1{font-size:clamp(34px,3.8vw,58px)!important;line-height:1.1!important}
body.ss26-page-community .ssc1-hero p{font-size:17px!important;line-height:1.6!important}
body.ss26-page-community .ssc1-stats{gap:16px!important;margin:20px 0!important}
body.ss26-page-community .ssc1-stat,
body.ss26-page-community .ssc1-card,
body.ss26-page-community .ssc1-section{
  background:linear-gradient(145deg,#111c3a,#0b142c)!important;
  border:1px solid #354675!important;
  border-radius:15px!important;
  min-width:0;
}
body.ss26-page-community .ssc1-stat{padding:19px!important}
body.ss26-page-community .ssc1-stat span{color:#e8edfb!important;font-size:16px!important}
body.ss26-page-community .ssc1-stat small{font-size:14px!important;color:#aabbd8!important}
body.ss26-page-community .ssc1-duo{gap:17px!important}
body.ss26-page-community .ssc1-card{padding:21px!important}
body.ss26-page-community .ssc1-section{padding:22px!important;margin-top:18px!important}
body.ss26-page-community .ssc1-section-head h2{font-size:clamp(23px,2.1vw,30px)!important}
body.ss26-page-community .ssc1-game,
body.ss26-page-community .ssc1-partner,
body.ss26-page-community .ssc1-person{min-width:0}
body.ss26-page-community .ssc1-games{gap:12px!important}
body.ss26-page-community .ssc1-actions{gap:10px}
body.ss26-page-community .ssc1-btn{min-height:45px!important;font-size:15px!important;padding:11px 16px!important}
body.ss26-page-community .ssc1-form-grid{gap:14px!important}
body.ss26-page-community .ssc1-form :is(input,select,textarea){max-width:100%;min-width:0;min-height:46px;font-size:16px!important}

/* Own profile + public member: aligned dashboards, readable inputs and actions. */
body.ss26-page-profile .ssp26{width:100%;min-width:0}
body.ss26-page-profile .ssp-shell{grid-template-columns:300px minmax(0,1fr)!important;gap:20px!important}
body.ss26-page-profile .ssp-main{min-width:0}
body.ss26-page-profile .ssp-card{
  background:linear-gradient(155deg,#111b38,#0b142a)!important;
  border-color:#374a78!important;
  border-radius:15px!important;
}
body.ss26-page-profile .ssp-card.ssp-identity{border-color:#8552cc!important}
body.ss26-page-profile .ssp-name{font-size:25px!important}
body.ss26-page-profile .ssp-bio{max-width:none;font-size:16px!important;color:#c5cce0!important}
body.ss26-page-profile .ssp-section-head h2{font-size:clamp(21px,1.6vw,27px)!important}
body.ss26-page-profile .ssp-section-head p{font-size:15px!important;color:#b8c7e1!important}
body.ss26-page-profile :is(.ssp-card,.ssp-server,.ssp-stat){min-width:0}
body.ss26-page-profile .ssp-server-grid{gap:14px!important}
body.ss26-page-profile .ssp-server-body{padding:15px!important}
body.ss26-page-profile .ssp-server-name a{font-size:17px!important}
body.ss26-page-profile .ssp-server-sub{overflow-wrap:anywhere}
body.ss26-page-profile .ssp-server-actions a{min-height:43px!important;height:auto!important;padding:9px 6px!important;font-size:14px!important}
body.ss26-page-profile .ssp-form-grid{gap:15px!important}
body.ss26-page-profile .ssp-field{min-width:0;gap:8px!important}
body.ss26-page-profile .ssp-field label{font-size:14px!important;color:#c5d1e8!important}
body.ss26-page-profile .ssp26 :is(input[type=text],input[type=url],input[type=file],textarea){min-height:48px!important;font-size:16px!important;line-height:1.5!important;border-radius:10px!important}
body.ss26-page-profile .ssp26 textarea{min-height:110px!important}
body.ss26-page-profile .ssp-btn{min-height:43px!important;font-size:15px!important}
body.ss26-page-team:has(.member-page) .member-page{max-width:none!important;padding-bottom:55px!important}
body.ss26-page-team .member-page .member-hero{border-radius:19px!important}
body.ss26-page-team .member-page :is(.member-btn,.member-actions a){min-height:44px;font-size:15px}

/* Admin tools use a wide, responsive control panel rather than a narrow public page. */
body.ss26-admin-route .ss26-content-wrap{padding-top:22px!important;padding-bottom:45px!important}
body.ss26-admin-route :is(.card,.st26-card,.bw-panel,.sv-panel){
  background:linear-gradient(145deg,#111b38,#0b142a)!important;
  border-color:#374a78!important;
  border-radius:14px!important;
}
body.ss26-admin-route :is(.ssnm-wrap,.st26,.bw,.sv){max-width:none!important;min-width:0}
body.ss26-admin-route .ssnm-wrap{width:100%;padding-bottom:50px!important}
body.ss26-admin-route .ssnm-top{border:1px solid #7551bf;border-radius:17px;padding:27px;background:radial-gradient(circle at 90% 10%,#833af433,transparent 30%),linear-gradient(115deg,#192347,#0c142c)}
body.ss26-admin-route :is(.ssnm-top h1,.st26-hero h1){font-size:clamp(28px,2.5vw,42px)!important;line-height:1.2!important}
body.ss26-admin-route :is(.ssnm-top p,.st26-hero p){font-size:16px!important;line-height:1.6!important;color:#c6d3ea!important}
body.ss26-admin-route .st26-shell{grid-template-columns:245px minmax(0,1fr)!important;gap:20px!important}
body.ss26-admin-route .st26-side{min-width:0;top:85px}
body.ss26-admin-route .st26-side a{font-size:15px!important;min-height:43px}
body.ss26-admin-route :is(.st26-field,.bw-panel form,.ssnm-wrap form){min-width:0}
body.ss26-admin-route :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;min-width:0;min-height:45px;font-size:16px!important}
body.ss26-admin-route :is(.btn,.chip,button){font-size:14px;min-height:39px}
body.ss26-admin-route .chip{display:inline-flex;align-items:center;margin:3px 3px 3px 0;padding:9px 13px;border:1px solid #405385!important;border-radius:10px!important;white-space:normal}
body.ss26-admin-route .chip.on{background:linear-gradient(105deg,#712de0,#445cf5)!important;border-color:#a47cff!important;color:#fff!important}
body.ss26-admin-route .stats-grid{gap:14px!important}
body.ss26-admin-route .grid2{gap:17px!important}
body.ss26-admin-route :is(.table-wrap,.fda-wrap,.sv-table-wrap){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
body.ss26-admin-route th,body.ss26-admin-route td{font-size:14px!important;line-height:1.55!important}
body.ss26-admin-route :is(.muted,.small){font-size:14px!important}

@media(max-width:1300px){
  body.ss26-page-news .ssnews26-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss26-page-community .ssc1-games{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.ss26-page-profile .ssp-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1050px){
  body.ss26-page-news .ssnews26-layout,
  body.ss26-page-news .ssna26-pagegrid{grid-template-columns:minmax(0,1fr)!important}
  body.ss26-page-news .ssnews26-side,
  body.ss26-page-news .ssna26-side{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss26-page-community .ssc1-duo{grid-template-columns:minmax(0,1fr)!important}
  body.ss26-page-profile .ssp-shell{grid-template-columns:260px minmax(0,1fr)!important}
  body.ss26-admin-route .st26-shell{grid-template-columns:minmax(0,1fr)!important}
  body.ss26-admin-route .st26-side{position:static!important;display:flex!important;overflow-x:auto!important;max-width:100%;flex-wrap:nowrap}
  body.ss26-admin-route .st26-side a{white-space:nowrap}
}
@media(max-width:800px){
  body.ss26-page-news .ssnews26-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss26-page-news .ssna26-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss26-page-community .ssc1-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss26-page-profile .ssp-shell{grid-template-columns:minmax(0,1fr)!important}
  body.ss26-page-profile .ssp-side{position:static!important}
  body.ss26-page-profile .ssp-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  body.ss26-page-news .ss26-content-wrap,
  body.ss26-page-profile .ss26-content-wrap,
  body.ss26-page-team:has(.member-page) .ss26-content-wrap,
  body.ss26-admin-route .ss26-content-wrap{width:calc(100% - 24px)!important}
  body.ss26-page-community.ss27-mockup .ss26-content-wrap{width:calc(100% - 24px)!important;padding-top:12px!important}
  body.ss26-page-news .ssnews26{padding:10px 0 35px!important}
  body.ss26-page-news .ssnews26-hero{min-height:290px!important}
  body.ss26-page-news .ssnews26-hero-copy{padding:28px 20px!important}
  body.ss26-page-news .ssnews26-layout{gap:15px!important}
  body.ss26-page-news .ssnews26-grid,
  body.ss26-page-news .ssnews26-side,
  body.ss26-page-news .ssna26-side,
  body.ss26-page-news .ssna26-related-grid{grid-template-columns:minmax(0,1fr)!important}
  body.ss26-page-news .ssna26-title{font-size:clamp(28px,7.7vw,38px)!important}
  body.ss26-page-news .ssnews26-cats{overflow-x:auto;display:flex;flex-wrap:nowrap;max-width:100%}
  body.ss26-page-community .ssc1-hero{min-height:345px!important}
  body.ss26-page-community .ssc1-hero-copy{padding:26px 19px!important}
  body.ss26-page-community .ssc1-stats{gap:10px!important}
  body.ss26-page-community .ssc1-stat{padding:13px!important}
  body.ss26-page-community .ssc1-section,body.ss26-page-community .ssc1-card{padding:15px!important}
  body.ss26-page-community .ssc1-games,
  body.ss26-page-community .ssc1-people,
  body.ss26-page-community .ssc1-partners{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss26-page-community .ssc1-form-grid{grid-template-columns:minmax(0,1fr)!important}
  body.ss26-page-profile .ssp-server-grid,
  body.ss26-page-profile .ssp-form-grid{grid-template-columns:minmax(0,1fr)!important}
  body.ss26-page-profile .ssp-quick-grid,body.ss26-page-profile .ssp-admin-grid{grid-template-columns:minmax(0,1fr)!important}
  body.ss26-admin-route .ssnm-top{padding:21px 16px}
  body.ss26-admin-route .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss26-admin-route .grid2{grid-template-columns:minmax(0,1fr)!important}
  body.ss26-admin-route .st26-card{padding:16px!important}
}
@media(max-width:400px){
  body.ss26-page-community .ssc1-stats{grid-template-columns:minmax(0,1fr)!important}
  body.ss26-page-news .ssnews26-hero h1{font-size:34px!important}
  body.ss26-admin-route .stats-grid{grid-template-columns:minmax(0,1fr)!important}
}


/* ========= assets/css/unified-footer-2027.css ========= */
footer.ssu-footer {
  --ssu-line: rgba(139,160,222,.2);
  position: relative !important;
  width: 100% !important;
  margin: 22px 0 0 !important;
  padding: 38px 0 18px !important;
  border: 0 !important;
  border-top: 1px solid rgba(154,86,255,.55) !important;
  border-radius: 0 !important;
  background: radial-gradient(ellipse 45% 80% at 0% 0%,rgba(112,49,195,.18),transparent 74%),radial-gradient(ellipse 32% 80% at 100% 0%,rgba(48,84,215,.12),transparent 80%),linear-gradient(180deg,#0b1530,#070d1e) !important;
  color: #eef1ff !important;
  font-family: Inter,Manrope,system-ui,sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}
footer.ssu-footer * { box-sizing: border-box !important; }
footer.ssu-footer::before { content:"";position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#b466ff,transparent);pointer-events:none; }
footer.ssu-footer .ssu-container { width:min(1760px,calc(100% - 64px)) !important;max-width:1760px !important;margin:0 auto !important;padding:0 !important; }
footer.ssu-footer .ssu-main { display:grid !important;grid-template-columns:minmax(245px,1.4fr) repeat(5,minmax(132px,1fr)) !important;gap:clamp(18px,1.9vw,40px) !important;align-items:start !important;margin:0 !important;padding:0 0 30px !important;background:none !important;border:0 !important; }
footer.ssu-footer .ssu-main>* { min-width:0 !important;max-width:100% !important;margin:0 !important; }
footer.ssu-footer .ssu-logo { display:inline-flex !important;align-items:center !important;max-width:210px !important;text-decoration:none !important; }
footer.ssu-footer .ssu-logo img { display:block !important;width:100% !important;max-width:210px !important;height:auto !important;max-height:53px !important;object-fit:contain !important;object-position:left center !important; }
footer.ssu-footer .ssu-brand p { max-width:300px !important;margin:14px 0 !important;color:#bdc9e4 !important;font-size:16px !important;line-height:1.6 !important; }
footer.ssu-footer .ssu-socials { display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:9px !important; }
footer.ssu-footer .ssu-socials a { display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:42px !important;padding:9px 12px !important;border:1px solid #3d4f84 !important;border-radius:10px !important;background:#132143 !important;color:#f1f2ff !important;font-size:14px !important;font-weight:700 !important;line-height:1.4 !important;text-decoration:none !important; }
footer.ssu-footer .ssu-socials a[href*="whatsapp"] { background:#103a32 !important;border-color:#258e72 !important;color:#c5ffe6 !important; }
footer.ssu-footer .ssu-links { display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:9px !important;border:0 !important;padding:0 !important; }
footer.ssu-footer .ssu-links h4 { font-size:16px !important;font-weight:800 !important;letter-spacing:.02em !important;line-height:1.4 !important;color:#e4dcff !important;margin:0 0 8px !important;padding:0 !important;text-transform:uppercase !important; }
footer.ssu-footer .ssu-links a { display:inline-block !important;max-width:100% !important;margin:0 !important;padding:2px 0 !important;min-height:0 !important;color:#bdc9e3 !important;font-size:16px !important;line-height:1.5 !important;text-decoration:none !important;overflow-wrap:break-word !important; }
footer.ssu-footer .ssu-links a:hover,footer.ssu-footer .ssu-bottom a:hover,footer.ssu-footer .ssu-partners a:hover { color:#e3baff !important; }
footer.ssu-footer .ssu-socials a:hover { background:#292455 !important;border-color:#b46bff !important; }
footer.ssu-footer .ssu-partners { display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:10px 13px !important;margin:0 !important;padding:18px 0 !important;border-top:1px solid var(--ssu-line) !important;font-size:14px !important; }
footer.ssu-footer .ssu-partners strong { color:#cdb9ff !important;font-size:14px !important;letter-spacing:.035em !important;margin-right:12px !important; }
footer.ssu-footer .ssu-partners a { display:inline-block !important;padding:8px 13px !important;background:#142140 !important;border:1px solid #334971 !important;border-radius:9px !important;color:#d6e1f9 !important;font-size:14px !important;text-decoration:none !important; }
footer.ssu-footer .ssu-newsletter-row { display:flex !important;justify-content:space-between !important;align-items:center !important;gap:24px !important;padding:22px 0 !important;margin:0 !important;border-top:1px solid var(--ssu-line) !important; }
footer.ssu-footer .ssu-newsletter-copy { flex:1 1 auto !important;min-width:0 !important; }
footer.ssu-footer .ssu-newsletter-copy h4 { color:#f4f3ff !important;font-size:18px !important;line-height:1.35 !important;margin:0 0 5px !important;font-weight:800 !important; }
footer.ssu-footer .ssu-newsletter-copy p { color:#aebfdd !important;font-size:15px !important;margin:0 !important; }
footer.ssu-footer .ssu-newsletter { flex:0 1 440px !important;max-width:100% !important;width:440px !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important; }
footer.ssu-footer .ssu-newsletter form { display:flex !important;width:100% !important;max-width:440px !important;min-height:48px !important;gap:0 !important;margin:0 !important;padding:0 !important;border:0 !important; }
footer.ssu-footer .ssu-newsletter input[type=email] { flex:1 1 auto !important;min-width:0 !important;width:100% !important;min-height:48px !important;height:48px !important;border:1px solid #425a8b !important;border-right:0 !important;border-radius:10px 0 0 10px !important;background:#09152d !important;color:#f5f4ff !important;padding:10px 14px !important;font-size:16px !important; }
footer.ssu-footer .ssu-newsletter input::placeholder { color:#a4b4d0 !important;opacity:1 !important; }
footer.ssu-footer .ssu-newsletter button[type=submit] { flex:0 0 55px !important;width:55px !important;min-width:55px !important;height:48px !important;min-height:48px !important;border:0 !important;border-radius:0 10px 10px 0 !important;background:linear-gradient(135deg,#963bff,#4262f2) !important;color:#fff !important;font-size:24px !important;font-weight:800 !important;cursor:pointer !important; }
footer.ssu-footer .ssu-bottom { display:flex !important;justify-content:space-between !important;align-items:center !important;flex-wrap:wrap !important;gap:14px 25px !important;padding:17px 0 0 !important;border-top:1px solid var(--ssu-line) !important;color:#a9bad6 !important;font-size:14px !important; }
footer.ssu-footer .ssu-bottom>span { color:#a9bad6 !important;font-size:14px !important;line-height:1.5 !important; }
footer.ssu-footer .ssu-bottom nav { display:flex !important;flex-wrap:wrap !important;gap:8px 22px !important; }
footer.ssu-footer .ssu-bottom nav a { color:#d4dcf3 !important;font-size:14px !important;line-height:1.5 !important;text-decoration:none !important; }
footer.ssu-footer .ssu-sr-only { position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important; }
footer.ssu-footer a:focus-visible,footer.ssu-footer button:focus-visible,footer.ssu-footer input:focus-visible { outline:2px solid #c08bff !important;outline-offset:3px !important; }
@media(max-width:1440px) { footer.ssu-footer .ssu-main { grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(160px,1fr)) !important;row-gap:30px !important; } footer.ssu-footer .ssu-brand { grid-row:span 2 !important; } }
@media(max-width:1050px) { footer.ssu-footer .ssu-main { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } footer.ssu-footer .ssu-brand { grid-row:auto !important;grid-column:1/-1 !important; } footer.ssu-footer .ssu-brand p { max-width:520px !important; } }
@media(max-width:730px) { footer.ssu-footer .ssu-container { width:calc(100% - 32px) !important; } footer.ssu-footer .ssu-main { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:23px 18px !important; } footer.ssu-footer .ssu-newsletter-row { align-items:stretch !important;flex-direction:column !important;gap:14px !important; } footer.ssu-footer .ssu-newsletter { flex:1 1 auto !important;width:100% !important; } }
@media(max-width:390px) { footer.ssu-footer .ssu-main { grid-template-columns:1fr !important; } footer.ssu-footer .ssu-container { width:calc(100% - 28px) !important; } }


/* ========= assets/css/cookie-consent-2027.css ========= */

#ss-cookie-panel[hidden],#ss-cookie-choices[hidden],#ss-cookie-panel [hidden]{display:none!important}
#ss-cookie-panel{box-sizing:border-box;position:fixed;inset:auto 16px 16px 16px;z-index:99999;margin:0 auto;max-width:1120px;background:#0d1731;color:#edf0ff;border:1px solid #9865fb;box-shadow:0 12px 50px #000c;border-radius:16px;padding:20px 23px;font-family:Inter,Manrope,system-ui,sans-serif;line-height:1.55}
#ss-cookie-panel *{box-sizing:border-box}
#ss-cookie-panel strong{color:#f7efff;font-size:20px;line-height:1.35;display:block;margin:0 0 7px}
#ss-cookie-panel p{color:#d2d9ef;font-size:16px;margin:0}
#ss-cookie-panel a{color:#d6abff;text-decoration:underline}
#ss-cookie-panel .ss-cookie-inner{display:flex;align-items:center;gap:20px;justify-content:space-between}
#ss-cookie-panel .ss-cookie-copy{min-width:0;flex:1}
#ss-cookie-panel .ss-cookie-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 280px}
#ss-cookie-panel button{min-height:44px;border-radius:9px;cursor:pointer;padding:10px 12px;font-size:15px;font-weight:750}
#ss-cookie-panel .ss-cookie-secondary{background:#172441;border:1px solid #7080ac;color:#f6f4ff}
#ss-cookie-panel .ss-cookie-primary{background:linear-gradient(115deg,#8239f2,#4065ee);border:1px solid #a888ff;color:white}
#ss-cookie-panel .ss-cookie-choices{margin:14px 0 4px;padding:12px;border:1px solid #46547e;border-radius:10px}
#ss-cookie-panel .ss-cookie-choices legend{font-size:16px;color:#eedcff}
#ss-cookie-panel .ss-cookie-choices label{display:block;margin:7px 0;color:#f3f2ff;font-size:16px}
#ss-cookie-panel input[type=checkbox]{width:18px;height:18px;vertical-align:middle;accent-color:#9763f1}
footer.ssu-footer .ssu-bottom nav .ss-cookie-open{border:0;background:transparent;color:#d4dcf3;font:inherit;font-size:14px;cursor:pointer;padding:0;text-align:left}
footer.ssu-footer .ssu-bottom nav .ss-cookie-open:hover{color:#e3baff}
footer.ssu-footer .ssu-bottom nav .ss-cookie-open:focus-visible,#ss-cookie-panel button:focus-visible{outline:2px solid #dfadff;outline-offset:3px}
@media(max-width:760px){#ss-cookie-panel{inset:auto 10px 10px 10px;max-height:85vh;overflow:auto;padding:16px}#ss-cookie-panel .ss-cookie-inner{flex-direction:column;align-items:stretch;gap:15px}#ss-cookie-panel .ss-cookie-actions{flex:0 0 auto;justify-content:stretch}#ss-cookie-panel .ss-cookie-actions button{flex:1 1 125px}#ss-cookie-panel p{font-size:16px}}


/* ========= assets/home-2026.css ========= */
:is(body.ss-route-index){--bg:#050711;--bg2:#080b17;--panel:#0a1020;--panel2:#0d1426;--line:#26304d;--line2:#5f2aa7;--text:#f8f9ff;--muted:#98a2bb;--purple:#8b2cff;--purple2:#c24cff;--green:#20d67b;--gold:#f2b84b;--silver:#b8c1d4}
:is(body.ss-route-index) *{box-sizing:border-box}html:has(> :is(body.ss-route-index)){scroll-behavior:smooth}:is(body.ss-route-index){margin:0;background:radial-gradient(circle at 50% 0,#14072d 0,#070912 28%,#050711 60%);color:var(--text);font-family:Inter,Arial,sans-serif}:is(body.ss-route-index) .ss26-body{min-height:100vh;background-color:#050711}:is(body.ss-route-index) .ss26-home-legacy-header{position:sticky;top:0;z-index:50;background:rgba(5,7,17,.94);border-bottom:1px solid #1c2340;backdrop-filter:blur(14px)}:is(body.ss-route-index) .ss26-home-legacy-headerin{max-width:1370px;margin:auto;height:66px;padding:0 22px;display:flex;align-items:center;gap:26px}:is(body.ss-route-index) .ss26-home .ss26-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:220px}:is(body.ss-route-index) .ss26-home .ss26-brand img{width:34px;height:34px;object-fit:cover;border-radius:8px}:is(body.ss-route-index) .ss26-home .ss26-brand span{display:flex;flex-direction:column;line-height:1}:is(body.ss-route-index) .ss26-home .ss26-brand b{font-size:15px;letter-spacing:.05em}:is(body.ss-route-index) .ss26-home .ss26-brand small{font-size:14px;color:#bc63ff;letter-spacing:.08em;margin-top:5px}:is(body.ss-route-index) .ss26-home-legacy-nav{display:flex;gap:26px;align-items:center;flex:1}:is(body.ss-route-index) .ss26-nav a,
:is(body.ss-route-index) .ss26-headtools a{color:#eef1fb;text-decoration:none;font-size:14px;font-weight:600}:is(body.ss-route-index) .ss26-nav a:hover{color:#c25cff}:is(body.ss-route-index) .ss26-home-legacy-headtools{display:flex;align-items:center;gap:12px}:is(body.ss-route-index) .ss26-headtools .search{font-size:23px;color:#fff}:is(body.ss-route-index) .ss26-headtools .login{padding:9px 16px;border:1px solid #5b308e;border-radius:8px}:is(body.ss-route-index) .ss26-headtools .add{padding:10px 16px;background:linear-gradient(90deg,#8b20ff,#6e24ff);border:1px solid #b047ff;border-radius:8px;font-size:14px;font-weight:800;box-shadow:0 0 18px #8b20ff44}:is(body.ss-route-index) .ss26-home{max-width:1370px;margin:0 auto;padding:0 22px 20px}:is(body.ss-route-index) .ss26-hero{height:430px;margin-top:0;border:1px solid #7134c8;border-top:0;border-radius:0 0 15px 15px;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 48%,rgba(102,19,190,.45),transparent 34%),linear-gradient(90deg,#13051f 0,#111021 48%,#090b18 100%)}:is(body.ss-route-index) .ss26-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,18,.98) 0%,rgba(7,8,18,.88) 34%,rgba(7,8,18,.2) 56%,rgba(7,8,18,.2) 100%);pointer-events:none}:is(body.ss-route-index) .ss26-hero-copy{position:absolute;z-index:5;left:34px;top:42px;width:520px}:is(body.ss-route-index) .ss26-kicker{font-size:14px;font-weight:800;color:#c05aff;margin-bottom:20px}:is(body.ss-route-index) .ss26-hero h1{font-size:54px;line-height:.95;margin:0;font-weight:900;letter-spacing:-.04em}:is(body.ss-route-index) .ss26-hero h1 span{color:#8f2eff}:is(body.ss-route-index) .ss26-hero p{font-size:17px;color:#f1f1fb;margin:14px 0 14px}:is(body.ss-route-index) .ss26-game-inline{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:#d9dcec;margin:14px 0 18px}:is(body.ss-route-index) .ss26-game-inline span{display:inline-flex;align-items:center;gap:5px}:is(body.ss-route-index) .ss26-hero-actions{display:flex;gap:12px}:is(body.ss-route-index) .ss26-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;border-radius:8px;font-size:14px;font-weight:800;height:48px;padding:0 24px}:is(body.ss-route-index) .ss26-btn.primary{background:linear-gradient(90deg,#8c28ff,#6f25ff);border:1px solid #ad50ff;box-shadow:0 0 20px #7c2cff44}:is(body.ss-route-index) .ss26-btn.outline{border:1px solid #7a3db7;background:#0b0c19}:is(body.ss-route-index) .ss26-mini{font-size:14px;color:#adb2c5;margin-top:14px}:is(body.ss-route-index) .ss26-hero-art{position:absolute;z-index:1;right:0;top:0;width:68%;height:100%;background-image:url("/assets/soulshive-hero-2026.webp");background-repeat:no-repeat;background-position:center right;background-size:cover;filter:saturate(1.15) contrast(1.05)}:is(body.ss-route-index) .ss26-campaign{position:absolute;z-index:7;right:31px;top:52px;width:292px;min-height:118px;border:2px solid #bd3dff;border-radius:12px;background:linear-gradient(135deg,rgba(74,15,126,.85),rgba(18,10,40,.92));padding:18px 20px;text-decoration:none;color:#fff;box-shadow:0 0 24px #8f20ff55}:is(body.ss-route-index) .ss26-campaign-top{font-size:14px;color:#f7e239;font-weight:800}:is(body.ss-route-index) .ss26-campaign-main{display:flex;align-items:center;gap:14px;margin-top:10px}:is(body.ss-route-index) .ss26-campaign-main .gift{font-size:34px}:is(body.ss-route-index) .ss26-campaign-main strong{font-size:24px;line-height:1}:is(body.ss-route-index) .ss26-campaign-main b{font-size:20px;color:#eee}:is(body.ss-route-index) .ss26-progress{position:absolute;z-index:8;right:33px;bottom:48px;width:290px;font-size:14px;color:#eef1ff}:is(body.ss-route-index) .ss26-progress>div{height:7px;background:#232942;border-radius:999px;margin-top:8px;overflow:hidden}:is(body.ss-route-index) .ss26-progress span{display:block;height:100%;background:linear-gradient(90deg,#8d26ff,#a72dff);border-radius:999px}:is(body.ss-route-index) .ss26-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}:is(body.ss-route-index) .ss26-benefits>div{height:78px;border:1px solid #25304c;border-radius:10px;background:linear-gradient(180deg,#0b1020,#09101c);display:flex;align-items:center;gap:14px;padding:14px 18px}:is(body.ss-route-index) .ss26-benefits i{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#4d176f,#2a1249);font-style:normal;font-size:22px;color:#c95cff}:is(body.ss-route-index) .ss26-benefits p{margin:0;display:flex;flex-direction:column;gap:6px}:is(body.ss-route-index) .ss26-benefits b{font-size:14px}:is(body.ss-route-index) .ss26-benefits small{font-size:14px;color:#9ca6bd}:is(body.ss-route-index) .ss26-panel{border:1px solid #26324f;border-radius:12px;background:linear-gradient(180deg,#09101f,#08101c);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}:is(body.ss-route-index) .ss26-title{font-size:17px;font-weight:800;padding:17px 18px 6px}:is(body.ss-route-index) .ss26-title span{color:#d050ff}:is(body.ss-route-index) .ss26-steps{padding-bottom:16px}:is(body.ss-route-index) .ss26-stepgrid{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;gap:12px;padding:4px 18px}:is(body.ss-route-index) .ss26-stepgrid>div{border:1px solid #202b45;border-radius:9px;background:#0c1222;display:flex;align-items:center;gap:14px;padding:15px}:is(body.ss-route-index) .ss26-stepgrid i{width:42px;height:42px;display:grid;place-items:center;background:#4a176f;border-radius:10px;font-style:normal}:is(body.ss-route-index) .ss26-stepgrid p{margin:0;display:flex;flex-direction:column;gap:4px}:is(body.ss-route-index) .ss26-stepgrid em{color:#c84dff;font-style:normal;font-weight:800}:is(body.ss-route-index) .ss26-stepgrid b{font-size:14px}:is(body.ss-route-index) .ss26-stepgrid small{font-size:14px;color:#98a2b8}:is(body.ss-route-index) .ss26-stepcta{display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(90deg,#8b2dff,#6926f5);text-decoration:none;color:#fff;font-size:14px;font-weight:800}:is(body.ss-route-index) .ss26-servers,
:is(body.ss-route-index) .ss26-games{margin-top:12px;padding:15px}:is(body.ss-route-index) .ss26-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}:is(body.ss-route-index) .ss26-head h2{font-size:18px;margin:0}:is(body.ss-route-index) .ss26-head p{font-size:14px;color:#9da7bd;margin:5px 0 0}:is(body.ss-route-index) .ss26-head a{font-size:14px;color:#d94fff;text-decoration:none;font-weight:800}:is(body.ss-route-index) .ss26-servergrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}:is(body.ss-route-index) .ss26-servercard{overflow:hidden;border:1px solid #334261;border-radius:10px;background:#0b1220}:is(body.ss-route-index) .ss26-serverimg{height:116px;background-size:cover;background-position:center;position:relative}:is(body.ss-route-index) .ss26-serverimg .online,
:is(body.ss-route-index) .ss26-serverimg .players{position:absolute;top:8px;border-radius:999px;font-size:14px;font-weight:800;padding:4px 7px;background:#0b7d49;color:#fff}:is(body.ss-route-index) .ss26-serverimg .online{left:8px}:is(body.ss-route-index) .ss26-serverimg .players{right:8px;background:rgba(3,8,18,.65)}:is(body.ss-route-index) .ss26-serverimg .gamebadge{position:absolute;left:10px;bottom:10px;width:44px;height:44px;border-radius:8px;background:#070911dd;display:grid;place-items:center;font-weight:900;font-size:19px}:is(body.ss-route-index) .ss26-serverbody{padding:10px}:is(body.ss-route-index) .ss26-serverbody h3{font-size:14px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(body.ss-route-index) .ss26-serverbody p{font-size:14px;color:#c4c9d8;margin:3px 0}:is(body.ss-route-index) .ss26-tags{display:flex;gap:6px;margin:8px 0}:is(body.ss-route-index) .ss26-tags span,
:is(body.ss-route-index) .boostmini span{font-size:14px;padding:3px 7px;border-radius:999px;font-weight:800}:is(body.ss-route-index) .ss26-tags .ok{background:#0f6d48;color:#49f39f}:is(body.ss-route-index) .gold{background:#6b4b14!important;color:#ffd66b!important}:is(body.ss-route-index) .platinum{background:#5f287d!important;color:#f3b1ff!important}:is(body.ss-route-index) .silver{background:#485064!important;color:#e3e7ee!important}:is(body.ss-route-index) .bronze{background:#61361e!important;color:#ffbd83!important}:is(body.ss-route-index) .ss26-cardactions{display:grid;grid-template-columns:1fr 1fr;gap:7px}:is(body.ss-route-index) .ss26-cardactions a{text-decoration:none;text-align:center;color:#fff;background:linear-gradient(90deg,#8a25ff,#6c25ff);border-radius:6px;padding:7px 5px;font-size:14px;font-weight:800}:is(body.ss-route-index) .ss26-cardactions .ghost{background:#0b0e19;border:1px solid #56318d}:is(body.ss-route-index) .ss26-empty{grid-column:1/-1;padding:30px;text-align:center;color:#9da7bd}:is(body.ss-route-index) .ss26-gamegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}:is(body.ss-route-index) .ss26-gamegrid a{height:64px;border:1px solid #28344f;border-radius:9px;background:#0d1423;display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:8px 12px}:is(body.ss-route-index) .ss26-gamegrid img{width:42px;height:42px;border-radius:8px;object-fit:cover}:is(body.ss-route-index) .ss26-gamegrid span{display:flex;flex-direction:column;gap:5px}:is(body.ss-route-index) .ss26-gamegrid b{font-size:14px}:is(body.ss-route-index) .ss26-gamegrid small{font-size:14px;color:#9ca7bd}:is(body.ss-route-index) .ss26-gamegrid .allgames i{width:42px;height:42px;background:#39125d;border-radius:8px;display:grid;place-items:center;font-style:normal}:is(body.ss-route-index) .ss26-two{display:grid;grid-template-columns:1.05fr 1fr;gap:12px;margin-top:12px}:is(body.ss-route-index) .ss26-boostinfo{padding:17px;display:flex;gap:16px;border-color:#6c2da2}:is(body.ss-route-index) .ss26-boostinfo .rocket{width:50px;height:50px;border-radius:12px;background:#4a176d;display:grid;place-items:center;font-size:27px;flex:none}:is(body.ss-route-index) .ss26-boostinfo h2,
:is(body.ss-route-index) .ss26-boosted h2{font-size:14px;margin:0 0 6px}:is(body.ss-route-index) .ss26-boostinfo h3{font-size:14px;color:#d859ff;margin:0 0 9px}:is(body.ss-route-index) .ss26-boostinfo p{font-size:14px;color:#c3c9d8;line-height:1.45;margin:0 0 8px}:is(body.ss-route-index) .ss26-boostinfo small{font-size:14px;color:#bfc5d4}:is(body.ss-route-index) .ss26-boosted{padding:14px}:is(body.ss-route-index) .ss26-head.compact{margin-bottom:9px;align-items:center}:is(body.ss-route-index) .ss26-head.compact h2{font-size:14px}:is(body.ss-route-index) .boostmini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}:is(body.ss-route-index) .boostmini a{height:73px;background-size:cover;background-position:center;border:1px solid #31415c;border-radius:8px;padding:8px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:5px}:is(body.ss-route-index) .boostmini b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(body.ss-route-index) .boostmini span{align-self:flex-start}:is(body.ss-route-index) .ss26-partners{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}:is(body.ss-route-index) .ss26-partners a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;border:1px solid #26334c;border-radius:8px;background:#0d1421;padding:9px}:is(body.ss-route-index) .picon{width:38px;height:38px;border-radius:8px;background:#09101e;display:grid;place-items:center;overflow:hidden}:is(body.ss-route-index) .picon img{width:100%;height:100%;object-fit:contain}:is(body.ss-route-index) .ss26-partners b{font-size:14px;display:block}:is(body.ss-route-index) .ss26-partners small{font-size:14px;color:#9ca7bd}:is(body.ss-route-index) .ss26-addons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 12px 12px}:is(body.ss-route-index) .ss26-addons a{display:flex;gap:7px;align-items:center;text-decoration:none;color:#fff}:is(body.ss-route-index) .ss26-addons i{width:30px;height:30px;border-radius:7px;background:#23123f;display:grid;place-items:center;font-style:normal}:is(body.ss-route-index) .ss26-addons b{font-size:14px;display:block}:is(body.ss-route-index) .ss26-addons small{font-size:14px;color:#c969ff}:is(body.ss-route-index) .ss26-bottomrow{display:grid;grid-template-columns:1fr 1.2fr 1.4fr;gap:12px;margin-top:12px}:is(body.ss-route-index) .ss26-community,
:is(body.ss-route-index) .ss26-radio,
:is(body.ss-route-index) .ss26-finalcta{min-height:86px;border:1px solid #5b258b;border-radius:10px;background:linear-gradient(90deg,#1d0b31,#0b0e1b);display:flex;align-items:center;padding:14px;text-decoration:none;color:#fff;gap:12px}:is(body.ss-route-index) .ss26-community>i,
:is(body.ss-route-index) .ss26-radio>i{width:42px;height:42px;border-radius:10px;background:#4a176d;display:grid;place-items:center;font-style:normal}:is(body.ss-route-index) .ss26-community span,
:is(body.ss-route-index) .ss26-radio span,
:is(body.ss-route-index) .ss26-finalcta span{display:flex;flex-direction:column;gap:4px}:is(body.ss-route-index) .ss26-community b,
:is(body.ss-route-index) .ss26-radio b,
:is(body.ss-route-index) .ss26-finalcta b{font-size:14px}:is(body.ss-route-index) .ss26-community small,
:is(body.ss-route-index) .ss26-radio small,
:is(body.ss-route-index) .ss26-finalcta small{font-size:14px;color:#c4cada}:is(body.ss-route-index) .ss26-community em{font-size:14px;font-style:normal;color:#d5a1ff}:is(body.ss-route-index) .ss26-radio a,
:is(body.ss-route-index) .ss26-finalcta a{margin-left:auto;text-decoration:none;color:#fff;background:linear-gradient(90deg,#8b2cff,#6f26f8);padding:10px 18px;border-radius:7px;font-size:14px;font-weight:800}:is(body.ss-route-index) .ss26-footer{border-top:1px solid #1d2640;margin-top:14px;background:#050812}:is(body.ss-route-index) .ss26-footerin{max-width:1370px;margin:auto;padding:26px 22px 18px;display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:28px}:is(body.ss-route-index) .ss26-footbrand p,
:is(body.ss-route-index) .ss26-footerin p{font-size:14px;color:#98a2b7}:is(body.ss-route-index) .ss26-footbrand>small{font-size:14px;color:#68728b}:is(body.ss-route-index) .ss26-footerin>div:not(.ss26-footbrand){display:flex;flex-direction:column;gap:7px}:is(body.ss-route-index) .ss26-footerin b{font-size:14px}:is(body.ss-route-index) .ss26-footerin a{font-size:14px;color:#bfc7d8;text-decoration:none}:is(body.ss-route-index) .ss26-newsletter{display:flex}:is(body.ss-route-index) .ss26-newsletter input{flex:1;background:#0a0f1c;border:1px solid #263451;color:#fff;border-radius:6px 0 0 6px;padding:9px;font-size:14px}:is(body.ss-route-index) .ss26-newsletter button{width:34px;border:0;background:#7f29ff;color:#fff;border-radius:0 6px 6px 0}:is(body.ss-route-index) .ss26-social{font-size:14px;color:#a73cff;margin-top:6px}:is(body.ss-route-index) .ss26-legal{max-width:1370px;margin:auto;padding:0 22px 16px;display:flex;justify-content:flex-end;gap:18px;color:#737d95;font-size:14px}
@media (max-width:1100px){:is(body.ss-route-index) .ss26-home-legacy-nav{display:none}:is(body.ss-route-index) .ss26-home-legacy-headerin{justify-content:space-between}:is(body.ss-route-index) .ss26-servergrid{grid-template-columns:repeat(3,1fr)}:is(body.ss-route-index) .ss26-benefits{grid-template-columns:repeat(2,1fr)}:is(body.ss-route-index) .ss26-stepgrid{grid-template-columns:1fr 1fr}:is(body.ss-route-index) .ss26-two,
:is(body.ss-route-index) .ss26-bottomrow{grid-template-columns:1fr}:is(body.ss-route-index) .ss26-gamegrid{grid-template-columns:repeat(2,1fr)}:is(body.ss-route-index) .ss26-footerin{grid-template-columns:repeat(2,1fr)}:is(body.ss-route-index) .ss26-hero-art{width:72%;opacity:.8}:is(body.ss-route-index) .ss26-campaign{right:18px}:is(body.ss-route-index) .ss26-progress{right:20px}}
@media (max-width:700px){:is(body.ss-route-index) .ss26-home{padding:0 10px}:is(body.ss-route-index) .ss26-home-legacy-headerin{height:58px;padding:0 10px}:is(body.ss-route-index) .ss26-home .ss26-brand{min-width:auto}:is(body.ss-route-index) .ss26-home .ss26-brand span{display:none}:is(body.ss-route-index) .ss26-headtools .search,
:is(body.ss-route-index) .ss26-headtools .login{display:none}:is(body.ss-route-index) .ss26-headtools .add{font-size:14px;padding:9px 10px}:is(body.ss-route-index) .ss26-hero{height:610px;border-radius:0 0 12px 12px}:is(body.ss-route-index) .ss26-hero-copy{left:18px;top:25px;width:calc(100% - 36px)}:is(body.ss-route-index) .ss26-hero h1{font-size:44px}:is(body.ss-route-index) .ss26-hero p{font-size:14px}:is(body.ss-route-index) .ss26-hero-art{top:220px;width:100%;height:390px;background-position:center;opacity:.9}:is(body.ss-route-index) .ss26-hero:after{background:linear-gradient(180deg,rgba(7,8,18,.97) 0,rgba(7,8,18,.88) 38%,rgba(7,8,18,.15) 75%)}:is(body.ss-route-index) .ss26-campaign{top:365px;right:18px;width:230px;transform:scale(.88);transform-origin:right top}:is(body.ss-route-index) .ss26-progress{bottom:28px;right:22px;width:220px}:is(body.ss-route-index) .ss26-benefits{grid-template-columns:1fr}:is(body.ss-route-index) .ss26-stepgrid{grid-template-columns:1fr}:is(body.ss-route-index) .ss26-stepcta{min-height:56px}:is(body.ss-route-index) .ss26-servergrid{grid-template-columns:1fr 1fr}:is(body.ss-route-index) .ss26-gamegrid{grid-template-columns:1fr 1fr}:is(body.ss-route-index) .ss26-two,
:is(body.ss-route-index) .ss26-bottomrow{grid-template-columns:1fr}:is(body.ss-route-index) .ss26-partners{grid-template-columns:1fr}:is(body.ss-route-index) .ss26-addons{grid-template-columns:1fr 1fr}:is(body.ss-route-index) .ss26-footerin{grid-template-columns:1fr}:is(body.ss-route-index) .ss26-mini{line-height:1.5}}

/* global header/footer are handled by theme-2026.css */
:is(body.ss-route-index) .ss26-home-page .ss26-site-header{display:block!important}


/* ==========================================================
   SOULSHIVE 2026 — NEW WIDE HOMEPAGE ART
   Purpose-built wide visual. No separate cropped soldier.
   ========================================================== */
:is(body.ss-route-index) .ss26-home .ss26-hero{
    position:relative !important;
    overflow:hidden !important;
    background:
      linear-gradient(90deg,
        rgba(4,5,12,.95) 0%,
        rgba(4,5,12,.86) 26%,
        rgba(4,5,12,.54) 43%,
        rgba(4,5,12,.16) 65%,
        rgba(4,5,12,.05) 100%
      ),
      url("/assets/soulshive-home-hero-new.webp") center center / cover no-repeat !important;
}
:is(body.ss-route-index) .ss26-home .ss26-hero-art{
    display:none !important;
}
:is(body.ss-route-index) .ss26-home .ss26-hero:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,
      rgba(4,5,12,.86) 0%,
      rgba(4,5,12,.63) 30%,
      rgba(4,5,12,.16) 58%,
      rgba(4,5,12,.02) 100%
    ) !important;
}
:is(body.ss-route-index) .ss26-home .ss26-hero-copy,
:is(body.ss-route-index) .ss26-home .ss26-campaign,
:is(body.ss-route-index) .ss26-home .ss26-progress{
    z-index:7 !important;
}
@media (max-width:1100px){
    :is(body.ss-route-index) .ss26-home .ss26-hero{
        background-position:58% center !important;
    }
}
@media (max-width:700px){
    :is(body.ss-route-index) .ss26-home .ss26-hero{
        background-position:62% center !important;
    }
}

:is(body.ss-route-index) .ss26-community-card{cursor:default!important}
:is(body.ss-route-index) .ss26-community-card em{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:7px!important}
:is(body.ss-route-index) .ss26-community-card em a{font-style:normal!important;color:#b8c1d2!important;font-size:14px!important}
:is(body.ss-route-index) .ss26-community-card em a.ss26-wa-link{
  color:#64e892!important;
  background:rgba(37,211,102,.09)!important;
  border:1px solid rgba(37,211,102,.25)!important;
  padding:3px 7px!important;
  border-radius:999px!important;
}
:is(body.ss-route-index) .ss26-community-card em a.ss26-wa-link:hover{background:rgba(37,211,102,.16)!important}


/* ============================================================
   SOULSHIVE HOME — COMMUNITY + ESPORTS 2026
   ============================================================ */
:is(body.ss-route-index).ss26-home-page .ss26-content-wrap.wrap{
  width:min(1580px,calc(100% - 24px))!important;
  max-width:1580px!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:0!important;padding-right:0!important;
}
:is(body.ss-route-index).ss26-home-page .ss26-home-community{
  max-width:1580px!important;width:100%!important;
  margin:0 auto!important;padding:0 0 22px!important;
}
:is(body.ss-route-index) .ss26-community-hero{
  min-height:250px;position:relative;overflow:hidden;
  border:1px solid #44216f;border-top:0;border-radius:0 0 12px 12px;
  background:#050817;
}
:is(body.ss-route-index) .ss26-community-hero-art{
  position:absolute;right:0;top:0;bottom:0;width:71%;
  background:url("/assets/soulshive2026/home-community-hero.webp") center right/cover no-repeat;
  filter:saturate(1.08) contrast(1.05);
}
:is(body.ss-route-index) .ss26-community-hero:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#050817 0%,#050817 29%,rgba(5,8,23,.91) 40%,rgba(5,8,23,.30) 70%,rgba(5,8,23,.08));
}
:is(body.ss-route-index) .ss26-community-hero-copy{position:relative;z-index:2;width:600px;padding:29px 30px}
:is(body.ss-route-index) .ss26-community-kicker{font-size:14px!important;letter-spacing:.22em;font-weight:950;color:#aeb9d1;margin-bottom:8px}
:is(body.ss-route-index) .ss26-community-hero h1{font-size:42px!important;line-height:.96;margin:0;font-weight:950;letter-spacing:-.035em;font-style:italic}
:is(body.ss-route-index) .ss26-community-hero h1 span{background:linear-gradient(90deg,#9a2cff,#3ea8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(body.ss-route-index) .ss26-community-hero p{font-size:14px!important;color:#b8c4d8;line-height:1.45;max-width:500px;margin:10px 0 13px}
:is(body.ss-route-index) .ss26-community-actions{display:flex;gap:9px;flex-wrap:wrap}
:is(body.ss-route-index) .ss26-community-actions .ss26-btn{height:41px!important;font-size:14px!important}
:is(body.ss-route-index) .ss26-community-trust{display:flex;gap:13px;flex-wrap:wrap;margin-top:12px;color:#7f91ac;font-size:14px}:is(body.ss-route-index) .ss26-community-trust span:first-child{color:#49e8a3}

:is(body.ss-route-index) .ss26-community-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #253963;border-radius:9px;margin:9px 0;padding:0;background:linear-gradient(180deg,#081428,#07101f);overflow:hidden}
:is(body.ss-route-index) .ss26-community-stats>div{min-height:64px;padding:9px 18px;display:flex;align-items:center;gap:12px;border-right:1px solid #25324f}:is(body.ss-route-index) .ss26-community-stats>div:last-child{border-right:0}
:is(body.ss-route-index) .ss26-community-stats i{font-style:normal;font-size:27px;color:#6967ff}:is(body.ss-route-index) .ss26-community-stats>div:nth-child(2) i{color:#43edb0}:is(body.ss-route-index) .ss26-community-stats>div:nth-child(3) i{color:#df54ff}:is(body.ss-route-index) .ss26-community-stats>div:nth-child(4) i{color:#9c79ff}
:is(body.ss-route-index) .ss26-community-stats p{margin:0;display:flex;flex-direction:column}:is(body.ss-route-index) .ss26-community-stats strong{font-size:20px}:is(body.ss-route-index) .ss26-community-stats span{font-size:14px;color:#c1cbdb}:is(body.ss-route-index) .ss26-community-stats em{margin-left:auto;font-style:normal;color:#36e89e;font-size:14px}

:is(body.ss-route-index) .ss26-esports{margin-top:10px;border-color:#7a2bd6!important;box-shadow:0 0 22px rgba(112,38,222,.10)!important;overflow:hidden;background:radial-gradient(circle at 63% 0,rgba(56,63,232,.13),transparent 26%),linear-gradient(180deg,#08152b,#071020)!important}
:is(body.ss-route-index) .ss26-esports-titlebar{min-height:72px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(90deg,rgba(11,18,37,.95),rgba(9,21,45,.80)),url("/assets/soulshive2026/home-esports-strip.webp") center right/cover no-repeat;border-bottom:1px solid rgba(255,255,255,.05)}
:is(body.ss-route-index) .ss26-esports-title{font-size:25px;font-weight:950;font-style:italic;letter-spacing:-.025em}:is(body.ss-route-index) .ss26-esports-title span{color:#b83dff}:is(body.ss-route-index) .ss26-esports-title b{font-style:normal;font-size:14px;margin-left:8px;padding:5px 8px;border-radius:5px;color:#fff;background:#ca183b;box-shadow:0 0 14px rgba(240,24,64,.25)}
:is(body.ss-route-index) .ss26-esports-titlebar p{margin:4px 0 0;color:#98a7bd;font-size:14px}:is(body.ss-route-index) .ss26-esports-titlebar>a{height:34px;padding:0 12px;border:1px solid #314a7a;border-radius:6px;display:flex;align-items:center;color:#49c9ff!important;font-size:14px;font-weight:950}
:is(body.ss-route-index) .ss26-esports-grid{display:grid;grid-template-columns:1.3fr 1fr .82fr;gap:8px;padding:8px}
:is(body.ss-route-index) .ss26-live-match,
:is(body.ss-route-index) .ss26-next-matches,
:is(body.ss-route-index) .ss26-active-tournament{border:1px solid #2d4677;border-radius:8px;background:rgba(7,16,35,.92);overflow:hidden}
:is(body.ss-route-index) .ss26-live-match{padding:10px;border-color:#6c42e4;background:radial-gradient(circle at 50% 100%,rgba(133,31,200,.20),transparent 35%),linear-gradient(150deg,#151024,#081429)}
:is(body.ss-route-index) .ss26-live-top{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}:is(body.ss-route-index) .ss26-live-top>span{padding:4px 7px;border-radius:5px;background:#17223b;color:#aebbd0;font-size:14px;font-weight:950}:is(body.ss-route-index) .ss26-live-top>span.live{background:#e71947;color:#fff}:is(body.ss-route-index) .ss26-live-top b{text-align:center;font-size:14px}:is(body.ss-route-index) .ss26-live-top em{font-style:normal;font-size:14px;padding:4px 6px;border-radius:5px;background:#101c35}
:is(body.ss-route-index) .ss26-versus{display:grid;grid-template-columns:1fr 105px 1fr;gap:8px;align-items:center;margin:14px 0 11px}:is(body.ss-route-index) .ss26-team{text-align:center}:is(body.ss-route-index) .ss26-teamlogo{width:70px;height:70px;margin:auto;display:grid;place-items:center}:is(body.ss-route-index) .ss26-teamlogo img{max-width:66px;max-height:66px;object-fit:contain}:is(body.ss-route-index) .ss26-team b{display:block;font-size:14px;margin-top:5px}:is(body.ss-route-index) .ss26-score{text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}:is(body.ss-route-index) .ss26-score strong{font-size:32px;color:#ee355e}:is(body.ss-route-index) .ss26-score strong:nth-of-type(2){color:#46a8ff}:is(body.ss-route-index) .ss26-score strong.vs{font-size:22px;color:#dce4f4}:is(body.ss-route-index) .ss26-score span{font-size:23px}:is(body.ss-route-index) .ss26-score small{width:100%;font-size:14px;color:#a8b2c5}
:is(body.ss-route-index) .ss26-watch{height:34px;max-width:160px;margin:auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#eb1552,#ff3d84);border-radius:6px;color:white!important;font-size:14px;font-weight:950}
:is(body.ss-route-index) .ss26-esports-cardhead{height:48px;padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:center}:is(body.ss-route-index) .ss26-esports-cardhead b{font-size:14px}:is(body.ss-route-index) .ss26-esports-cardhead small{font-size:14px;color:#8090a8;margin-top:2px}
:is(body.ss-route-index) .ss26-next-matches>a{display:grid;grid-template-columns:58px 1fr 66px 12px;gap:7px;align-items:center;padding:9px;border-bottom:1px solid rgba(255,255,255,.05);color:#eef3fc!important}:is(body.ss-route-index) .ss26-next-matches>a:last-child{border-bottom:0}:is(body.ss-route-index) .ss26-next-matches .logos{display:flex}:is(body.ss-route-index) .ss26-next-matches .logos img{width:28px;height:28px;object-fit:contain;margin-right:-4px}:is(body.ss-route-index) .ss26-next-matches b{display:block;font-size:14px}:is(body.ss-route-index) .ss26-next-matches b i{font-style:normal;color:#74869f;margin:0 4px}:is(body.ss-route-index) .ss26-next-matches small{display:block;font-size:14px;color:#8ea0b8;margin-top:2px}:is(body.ss-route-index) .ss26-next-matches time{font-size:14px;text-align:right;color:#c4d3e8}:is(body.ss-route-index) .ss26-next-matches em{font-style:normal;font-size:15px;color:#7f91ac}
:is(body.ss-route-index) .ss26-active-tournament{padding-bottom:10px;text-align:center;background:radial-gradient(circle at 80% 20%,rgba(128,44,220,.18),transparent 32%),#081327}:is(body.ss-route-index) .ss26-trophy{font-size:38px;margin:14px 0 4px}:is(body.ss-route-index) .ss26-active-tournament h3{font-size:14px;margin:0 10px 4px}:is(body.ss-route-index) .ss26-active-tournament p{font-size:14px;color:#9eabc0;margin:0 10px}:is(body.ss-route-index) .ss26-active-tournament>small{display:block;font-size:14px;color:#7789a3;margin-top:6px}:is(body.ss-route-index) .ss26-active-tournament>a{display:inline-flex;margin-top:10px;padding:7px 10px;border:1px solid #5a2faa;border-radius:5px;color:#ce77ff!important;font-size:14px;font-weight:950}
:is(body.ss-route-index) .ss26-esports-empty{display:flex;align-items:center;gap:12px;padding:20px}:is(body.ss-route-index) .ss26-esports-empty .icon{font-size:34px}:is(body.ss-route-index) .ss26-esports-empty b{font-size:14px}:is(body.ss-route-index) .ss26-esports-empty p{margin:3px 0 0;color:#8fa0b8;font-size:14px}:is(body.ss-route-index) .ss26-esports-empty a{margin-left:auto;color:#d167ff!important;font-size:14px;font-weight:950}

:is(body.ss-route-index) .ss26-recommended{margin-top:10px}:is(body.ss-route-index) .ss26-recommended-head{display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px 7px}:is(body.ss-route-index) .ss26-recommended-head h2{font-size:14px;margin:0}:is(body.ss-route-index) .ss26-recommended-head p{font-size:14px;color:#8fa0b6;margin:2px 0 0}:is(body.ss-route-index) .ss26-recommended-head a{color:#49caff!important;font-size:14px}
:is(body.ss-route-index) .ss26-recommended-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}:is(body.ss-route-index) .ss26-rec-card{min-height:72px;border:1px solid #2b416b;border-radius:8px;background:linear-gradient(180deg,#0a162b,#071122);display:grid;grid-template-columns:56px 1fr auto;gap:8px;align-items:center;padding:8px;color:#f3f6fd!important}:is(body.ss-route-index) .ss26-rec-game{width:54px;height:54px;border-radius:7px;background:#0d1a30;border:1px solid #314a74;display:grid;place-items:center;overflow:hidden}:is(body.ss-route-index) .ss26-rec-main{min-width:0}:is(body.ss-route-index) .ss26-rec-main small{display:block;font-size:14px;color:#7f92ad}:is(body.ss-route-index) .ss26-rec-main b{display:block;font-size:14px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(body.ss-route-index) .ss26-rec-main em{display:block;font-size:14px;color:#a1aec1;font-style:normal}:is(body.ss-route-index) .ss26-rec-right{text-align:right}:is(body.ss-route-index) .ss26-rec-right>b{display:block;font-size:14px;color:#46e3ad}:is(body.ss-route-index) .ss26-rec-right em{display:inline-flex;margin-top:6px;padding:3px 6px;border-radius:999px;font-size:14px;font-style:normal;font-weight:950}

:is(body.ss-route-index) .ss26-community-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border-top:1px solid #24334f;border-bottom:1px solid #24334f;background:#07101f}:is(body.ss-route-index) .ss26-community-benefits>div{min-height:65px;padding:11px 18px;display:flex;align-items:center;gap:12px;border-right:1px solid #24334f}:is(body.ss-route-index) .ss26-community-benefits>div:last-child{border-right:0}:is(body.ss-route-index) .ss26-community-benefits i{font-style:normal;font-size:26px}:is(body.ss-route-index) .ss26-community-benefits b{display:block;font-size:14px}:is(body.ss-route-index) .ss26-community-benefits small{display:block;font-size:14px;color:#8899b2;margin-top:2px}



@media (max-width:1120px){
  :is(body.ss-route-index) .ss26-esports-grid{grid-template-columns:1fr 1fr}:is(body.ss-route-index) .ss26-active-tournament{grid-column:1/-1}
  :is(body.ss-route-index) .ss26-recommended-grid{grid-template-columns:1fr 1fr}
  :is(body.ss-route-index) .ss26-community-stats,
:is(body.ss-route-index) .ss26-community-benefits{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  :is(body.ss-route-index).ss26-home-page .ss26-content-wrap.wrap{width:100%!important;padding:0 8px!important}
  :is(body.ss-route-index) .ss26-community-hero{min-height:470px}:is(body.ss-route-index) .ss26-community-hero-art{width:100%;height:260px;top:auto;bottom:0;opacity:.78}:is(body.ss-route-index) .ss26-community-hero:after{background:linear-gradient(180deg,#050817 0%,rgba(5,8,23,.94) 48%,rgba(5,8,23,.28) 100%)}:is(body.ss-route-index) .ss26-community-hero-copy{width:auto;padding:22px 18px}:is(body.ss-route-index) .ss26-community-hero h1{font-size:33px!important}:is(body.ss-route-index) .ss26-community-hero p{font-size:14px!important}:is(body.ss-route-index) .ss26-community-trust{display:none}
  :is(body.ss-route-index) .ss26-community-stats,
:is(body.ss-route-index) .ss26-community-benefits,
:is(body.ss-route-index) .ss26-esports-grid,
:is(body.ss-route-index) .ss26-recommended-grid{grid-template-columns:1fr}
  :is(body.ss-route-index) .ss26-community-stats>div,
:is(body.ss-route-index) .ss26-community-benefits>div{border-right:0;border-bottom:1px solid #24334f}:is(body.ss-route-index) .ss26-community-stats>div:last-child,
:is(body.ss-route-index) .ss26-community-benefits>div:last-child{border-bottom:0}
  :is(body.ss-route-index) .ss26-esports-titlebar{align-items:flex-start;flex-direction:column}:is(body.ss-route-index) .ss26-esports-title{font-size:20px}
  :is(body.ss-route-index) .ss26-versus{grid-template-columns:1fr 78px 1fr}:is(body.ss-route-index) .ss26-teamlogo{width:54px;height:54px}:is(body.ss-route-index) .ss26-teamlogo img{max-width:50px;max-height:50px}
  :is(body.ss-route-index) .ss26-next-matches>a{grid-template-columns:48px 1fr 60px 10px}
  
}


/* ============================================================
   OWNER CAMPAIGN — WOW CARD FIX 2026
   ============================================================ */
:is(body.ss-route-index) .ss26-owner-campaign{
  position:relative;
  margin-top:10px;
  padding:14px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  overflow:hidden;

  border:1px solid rgba(156,71,255,.65);
  border-radius:11px;

  background:
    radial-gradient(circle at 8% 50%,rgba(245,74,204,.13),transparent 22%),
    radial-gradient(circle at 76% 0,rgba(99,48,230,.13),transparent 30%),
    linear-gradient(90deg,#120b28 0%,#0b1327 55%,#0b1022 100%);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 0 24px rgba(110,44,229,.08);
}

:is(body.ss-route-index) .ss26-owner-campaign:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:24px 24px;
}

:is(body.ss-route-index) .ss26-owner-campaign-left,
:is(body.ss-route-index) .ss26-owner-campaign-actions{
  position:relative;
  z-index:2;
}

:is(body.ss-route-index) .ss26-owner-campaign-left{
  display:flex;
  align-items:center;
  gap:13px;
  flex:1 1 650px;
  min-width:0;
}

:is(body.ss-route-index) .ss26-owner-campaign .gift{
  width:48px;
  height:48px;
  flex:0 0 48px;

  display:grid;
  place-items:center;

  border:1px solid rgba(244,84,205,.28);
  border-radius:12px;

  background:
    radial-gradient(circle at 35% 30%,rgba(255,116,221,.22),transparent 35%),
    rgba(108,31,119,.15);

  font-size:26px;
  line-height:1;

  box-shadow:0 0 20px rgba(236,58,192,.10);
}

:is(body.ss-route-index) .ss26-owner-campaign-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}

:is(body.ss-route-index) .ss26-owner-campaign-topline{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}

:is(body.ss-route-index) .ss26-owner-campaign-topline small{
  display:block;
  margin:0;

  color:#e06cff!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:950;
  letter-spacing:.055em;
}

:is(body.ss-route-index) .ss26-owner-slots{
  display:inline-flex;
  align-items:center;

  min-height:23px;
  padding:0 8px;

  border:1px solid rgba(255,175,62,.24);
  border-radius:999px;

  background:rgba(255,151,30,.07);

  color:#ffca67!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900;
  letter-spacing:.025em;
}

:is(body.ss-route-index) .ss26-owner-campaign-text>b{
  display:block;

  margin:0;
  color:#f8f9ff;

  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800;
}

:is(body.ss-route-index) .ss26-owner-campaign-text mark{
  display:inline-block;

  margin-left:3px;
  padding:2px 7px;

  border:1px solid rgba(204,91,255,.24);
  border-radius:5px;

  background:linear-gradient(90deg,rgba(145,43,239,.18),rgba(215,67,255,.12));
  color:#dda1ff;

  font-weight:950;
}

:is(body.ss-route-index) .ss26-owner-campaign-text em{
  display:block;
  margin:0;

  color:#8799b4!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-style:normal;
}

:is(body.ss-route-index) .ss26-owner-campaign-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}

:is(body.ss-route-index) .ss26-owner-campaign-actions>a{
  min-height:38px;
  padding:0 13px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid #35507b;
  border-radius:7px;

  background:rgba(8,18,36,.68);
  color:#dbe6f6!important;

  font-size:14px!important;
  line-height:1!important;
  font-weight:900;

  white-space:nowrap;
  transition:.16s ease;
}

:is(body.ss-route-index) .ss26-owner-campaign-actions>a:hover{
  transform:translateY(-1px);
  border-color:#6783ad;
  color:#fff!important;
}

:is(body.ss-route-index) .ss26-owner-campaign-actions>a.primary{
  border-color:#ad51ff;
  background:linear-gradient(90deg,#812cf0,#ad35ff);
  color:#fff!important;

  box-shadow:0 0 18px rgba(150,48,255,.17);
}

:is(body.ss-route-index) .ss26-owner-campaign-actions>a.primary:hover{
  border-color:#ca82ff;
  box-shadow:0 0 25px rgba(150,48,255,.25);
}

@media (max-width:920px){
  :is(body.ss-route-index) .ss26-owner-campaign{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  :is(body.ss-route-index) .ss26-owner-campaign-left{
    flex:1 1 100%;
  }

  :is(body.ss-route-index) .ss26-owner-campaign-actions{
    width:100%;
    justify-content:flex-start;
    padding-left:61px;
  }
}

@media (max-width:620px){
  :is(body.ss-route-index) .ss26-owner-campaign{
    padding:13px;
    gap:13px;
  }

  :is(body.ss-route-index) .ss26-owner-campaign-left{
    align-items:flex-start;
  }

  :is(body.ss-route-index) .ss26-owner-campaign .gift{
    width:42px;
    height:42px;
    flex-basis:42px;
    font-size:23px;
  }

  :is(body.ss-route-index) .ss26-owner-campaign-topline{
    gap:6px;
  }

  :is(body.ss-route-index) .ss26-owner-campaign-topline small{
    font-size:14px!important;
  }

  :is(body.ss-route-index) .ss26-owner-slots{
    font-size:14px!important;
  }

  :is(body.ss-route-index) .ss26-owner-campaign-text>b{
    font-size:14px!important;
  }

  :is(body.ss-route-index) .ss26-owner-campaign-text em{
    font-size:14px!important;
  }

  :is(body.ss-route-index) .ss26-owner-campaign-actions{
    padding-left:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }

  :is(body.ss-route-index) .ss26-owner-campaign-actions>a{
    min-width:0;
    padding:0 8px;
    font-size:14px!important;
  }
}


/* ========= assets/css/home.css ========= */
/* SoulShive 2027 — page CSS extracted without changing rule order. */
:is(body.ss-route-index) .ss26-owner-verify-home{
        display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;
        padding:20px 22px!important;border-color:rgba(34,197,94,.20)!important;
        background:radial-gradient(circle at 88% 20%,rgba(34,197,94,.08),transparent 34%),linear-gradient(135deg,#0a1019,#080c14)!important;
      }
      :is(body.ss-route-index) .ss26-owner-verify-copy{display:flex;align-items:flex-start;gap:14px;min-width:0}
      :is(body.ss-route-index) .ss26-owner-verify-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:grid;place-items:center;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.22);color:#22c55e;font-size:20px;font-weight:900}
      :is(body.ss-route-index) .ss26-owner-verify-copy h2{margin:0 0 5px;font-size:15px}
      :is(body.ss-route-index) .ss26-owner-verify-copy p{margin:0;color:#7f8ba0;font-size:14px;line-height:1.65}
      :is(body.ss-route-index) .ss26-owner-verify-copy strong{color:#22c55e}
      :is(body.ss-route-index) .ss26-owner-verify-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
      :is(body.ss-route-index) .ss26-owner-count{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(34,197,94,.20);background:rgba(34,197,94,.055);border-radius:999px;color:#22c55e;font-size:14px;font-weight:900}
      @media (max-width:760px){:is(body.ss-route-index) .ss26-owner-verify-home{grid-template-columns:1fr}:is(body.ss-route-index) .ss26-owner-verify-actions{justify-content:flex-start}}
:is(body.ss-route-index) .ss26-radio-player{
        position:relative;
        display:flex!important;
        align-items:center!important;
        gap:14px!important;
        padding:18px 20px!important;
        min-height:104px;
        overflow:hidden;
        cursor:default!important;
      }
      :is(body.ss-route-index) .ss26-radio-player:before{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:
          radial-gradient(circle at 78% 20%,rgba(138,43,226,.18),transparent 34%),
          linear-gradient(135deg,rgba(225,29,72,.04),transparent 45%);
      }
      :is(body.ss-route-index) .ss26-radio-icon{
        position:relative;
        z-index:2;
        flex:0 0 48px;
        width:48px;height:48px;
        border-radius:13px;
        display:grid;place-items:center;
        font-size:25px;
        background:rgba(145,47,255,.12);
        border:1px solid rgba(167,75,255,.28);
      }
      :is(body.ss-route-index) .ss26-radio-meta{
        position:relative;
        z-index:2;
        flex:1 1 auto;
        min-width:0;
      }
      :is(body.ss-route-index) .ss26-radio-meta b{
        display:block;
        margin-top:6px;
        font-size:14px;
        color:#fff;
      }
      :is(body.ss-route-index) .ss26-radio-meta small{
        display:block;
        margin-top:3px;
        color:#9ba5b8;
        font-size:14px;
      }
      :is(body.ss-route-index) .ss26-radio-badges{
        display:flex;
        gap:5px;
        flex-wrap:wrap;
      }
      :is(body.ss-route-index) .ss26-radio-badges span{
        display:inline-flex;
        align-items:center;
        min-height:19px;
        padding:0 7px;
        border-radius:999px;
        font-size:14px;
        font-weight:900;
        letter-spacing:.04em;
      }
      :is(body.ss-route-index) .ss26-radio-live{
        background:#e11d48;
        color:#fff;
      }
      :is(body.ss-route-index) .ss26-radio-partner{
        color:#d5c4ff;
        background:rgba(124,58,237,.13);
        border:1px solid rgba(151,83,255,.28);
      }
      :is(body.ss-route-index) .ss26-radio-play{
        position:relative;
        z-index:3;
        flex:0 0 auto;
        border:1px solid rgba(184,92,255,.55);
        border-radius:10px;
        min-width:96px;
        height:42px;
        padding:0 15px;
        color:#fff;
        background:linear-gradient(135deg,#6f28ff,#9a2fff);
        font-size:14px;
        font-weight:900;
        cursor:pointer;
        box-shadow:0 7px 18px rgba(113,40,255,.2);
      }
      :is(body.ss-route-index) .ss26-radio-play:hover{filter:brightness(1.08)}
      :is(body.ss-route-index) .ss26-radio-eq{
        position:relative;
        z-index:2;
        display:flex;
        align-items:center;
        gap:2px;
        height:24px;
      }
      :is(body.ss-route-index) .ss26-radio-eq i{
        display:block;
        width:3px;
        height:7px;
        border-radius:2px;
        background:#a855f7;
        animation:ss26eq .72s ease-in-out infinite alternate;
      }
      :is(body.ss-route-index) .ss26-radio-eq i:nth-child(2){animation-delay:.12s}
      :is(body.ss-route-index) .ss26-radio-eq i:nth-child(3){animation-delay:.24s}
      :is(body.ss-route-index) .ss26-radio-eq i:nth-child(4){animation-delay:.36s}
      :is(body.ss-route-index) .ss26-radio-eq.off i{animation:none;height:4px;opacity:.3}
      @keyframes ss26eq{
        from{height:5px}
        to{height:22px}
      }
      @media (max-width:700px){
        :is(body.ss-route-index) .ss26-radio-player{
          display:grid!important;
          grid-template-columns:44px minmax(0,1fr) auto!important;
          gap:10px!important;
          padding:14px!important;
        }
        :is(body.ss-route-index) .ss26-radio-icon{
          width:44px;height:44px;flex-basis:44px;
        }
        :is(body.ss-route-index) .ss26-radio-eq{display:none}
        :is(body.ss-route-index) .ss26-radio-play{
          min-width:82px;
          height:40px;
          padding:0 11px;
          font-size:14px;
        }
        :is(body.ss-route-index) .ss26-radio-partner{font-size:14px!important}
      }

/* Home — premium clarity pass (isolated to Home; no Servers selectors). */
:is(body.ss-route-index).ss26-home-page .ss26-community-stats>div{position:relative;isolation:isolate;overflow:hidden}
:is(body.ss-route-index).ss26-home-page .ss26-community-stats>div::after{content:"";pointer-events:none;position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#8a39ff,#348dff);opacity:.6}
:is(body.ss-route-index).ss26-home-page .ss26-community-stats span{line-height:1.45!important;overflow-wrap:anywhere}
:is(body.ss-route-index).ss26-home-page :is(.ss26-recommended-grid,.ss26-servergrid,.ss26-gamegrid)>*{min-width:0}
:is(body.ss-route-index).ss26-home-page :is(.ss26-rec-card,.ss26-servercard) :is(b,strong){overflow-wrap:anywhere}
:is(body.ss-route-index).ss26-home-page :is(.ss26-btn,.ss26-rec-card,.ss26-servercard,a):focus-visible{outline:3px solid #7cdaff;outline-offset:3px}
@media (max-width:700px){
 :is(body.ss-route-index).ss26-home-page .ss26-community-stats>div{padding:14px!important}
 :is(body.ss-route-index).ss26-home-page .ss26-community-hero-copy{max-width:100%!important}
 :is(body.ss-route-index).ss26-home-page .ss26-community-actions{max-width:100%}
 :is(body.ss-route-index).ss26-home-page .ss26-community-actions>a{min-width:0;overflow-wrap:anywhere}
}
@media (prefers-reduced-motion:reduce){:is(body.ss-route-index).ss26-home-page :is(.ss26-rec-card,.ss26-servercard){transition:none!important;transform:none!important}}

/* SoulShive 2027 — homepage hero matching the supplied mockup.
 * Scoped to Home only. The original site-wide header/Servers styles remain untouched. */
:is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-hero{
  min-height:285px!important;
  height:auto!important;
  display:flex;
  align-items:center;
}
:is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-hero-copy{
  width:min(100%,640px)!important;
  max-width:640px!important;
  padding:clamp(18px,2.3vw,30px)!important;
}
:is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-hero h1{
  font-size:clamp(29px,3.3vw,48px)!important;
  font-style:normal!important;
  font-weight:950!important;
  line-height:1.05!important;
  letter-spacing:-.048em!important;
}
:is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-hero p{
  max-width:600px!important;
  margin:9px 0 12px!important;
  color:#d7e4fc!important;
  line-height:1.55!important;
  font-size:16px!important;
}
:is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-kicker{font-size:14px!important;color:#bf9dff!important}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search{
  max-width:570px;
  width:100%;
  margin:0 0 16px;
}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search label{
  display:block;
  font-size:14px;
  font-weight:750;
  color:#cfdbf4;
  margin:0 0 7px;
}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search-field{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:48px;
  padding:4px 5px 4px 10px;
  gap:10px;
  background:rgba(5,12,30,.89);
  border:1px solid #6275a8;
  border-radius:12px;
  box-shadow:0 10px 28px rgba(0,0,0,.26);
  transition:border-color .18s,box-shadow .18s;
}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search-field:focus-within{
  border-color:#a778ff;
  box-shadow:0 0 0 3px rgba(152,100,245,.25);
}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search-icon{
  color:#a8bded;
  font-size:27px;
  line-height:1;
  flex:0 0 auto;
}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search-field input{
  width:100%;min-width:0;flex:1 1 auto;
  height:38px;min-height:38px;
  background:transparent!important;
  color:#f5f7ff!important;
  border:0!important;
  border-radius:0;
  box-shadow:none!important;
  padding:0 2px!important;
  font-size:16px!important;
  font-family:inherit;
}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search-field input::placeholder{color:#abb9d0;opacity:1}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search-field input:focus{outline:none!important}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search-field button{
  flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  min-width:101px;min-height:40px;padding:10px 13px;
  color:#fff;
  border:1px solid #b274ff;
  border-radius:9px;
  background:linear-gradient(120deg,#7b35f6,#9f43ff);
  font-size:15px;font-weight:900;
  cursor:pointer;
}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search-field button:hover{filter:brightness(1.12)}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search-field button:focus-visible{outline:3px solid #76deff;outline-offset:2px}
:is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-actions{gap:10px!important}
:is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-actions .ss26-btn{
  min-height:46px!important;height:auto!important;
  padding:10px 15px!important;
  font-size:15px!important;line-height:1.3!important;
}
:is(body.ss-route-index).ss26-home-page .ss26-owner-verify-copy h2,
:is(body.ss-route-index).ss26-home-page .ss26-recommended-head h2{font-size:18px!important}
:is(body.ss-route-index).ss26-home-page .ss26-rec-main b,
:is(body.ss-route-index).ss26-home-page .ss26-serverbody h3{font-size:16px!important}
@media (max-width:900px){
  :is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-hero{min-height:300px!important}
  :is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-hero-copy{padding:20px!important}
}
@media (max-width:640px){
  :is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-hero{min-height:310px!important;align-items:flex-start}
  :is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-hero-copy{padding:18px 16px 20px!important;width:100%!important}
  :is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-hero h1{font-size:clamp(29px,7.6vw,38px)!important}
  :is(body.ss-route-index).ss26-home-page .ss26-hero-search{max-width:none;margin-bottom:8px}
  :is(body.ss-route-index).ss26-home-page .ss26-hero-search-field{gap:5px;padding:4px 5px 4px 9px}
  :is(body.ss-route-index).ss26-home-page .ss26-hero-search-field button{min-width:54px;padding-inline:9px;font-size:20px}
  :is(body.ss-route-index).ss26-home-page .ss26-hero-search-field button span{display:none}
  :is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-actions .ss26-btn{
    flex:1 1 100%!important;width:100%!important;font-size:16px!important;
    min-height:44px!important;
  }
  :is(body.ss-route-index).ss26-home-page .ss26-community-hero-art{opacity:.35!important}
}
@media (prefers-reduced-motion:reduce){
  :is(body.ss-route-index).ss26-home-page .ss26-hero-search-field{transition:none}
}


/* ========= assets/css/home-donations.css ========= */

:is(body.ss-route-index) .ss26-home .ss-donation{display:grid;grid-template-columns:minmax(240px,29%) minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,40px);margin:28px 0;padding:0 28px 0 0;overflow:hidden;border:1px solid #8144d8;border-radius:20px;background:radial-gradient(circle at 72% 0%,rgba(139,63,245,.2),transparent 46%),linear-gradient(116deg,#080f26,#11132d 78%,#070c1f);box-shadow:0 15px 45px #06031780,0 0 22px #8d40e12c;color:#f7f6ff}
:is(body.ss-route-index) .ss26-home .ss-donation-picture{align-self:stretch;min-height:210px;position:relative}
:is(body.ss-route-index) .ss26-home .ss-donation-picture img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
:is(body.ss-route-index) .ss26-home .ss-donation-copy{min-width:0;padding:24px 0}
:is(body.ss-route-index) .ss26-home .ss-donation-eyebrow{display:block;margin-bottom:8px;color:#c9a8ff;font-size:14px;font-weight:850;letter-spacing:.08em}
:is(body.ss-route-index) .ss26-home .ss-donation h2{margin:0 0 12px;font-size:clamp(26px,3vw,40px);line-height:1.14;color:#fff}
:is(body.ss-route-index) .ss26-home .ss-donation p{margin:0 0 12px;font-size:17px;line-height:1.65;color:#d6d5ee}
:is(body.ss-route-index) .ss26-home .ss-donation-note{font-size:14px;color:#acbad9;line-height:1.45}
:is(body.ss-route-index) .ss26-home .ss-donation-action{padding:25px 0}
:is(body.ss-route-index) .ss26-home .ss-donation-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:12px 20px;border-radius:13px;font-size:17px;font-weight:850;white-space:nowrap;color:#fff;background:linear-gradient(110deg,#b11ee6,#2876ec);box-shadow:0 0 20px #7e44f680;text-decoration:none;transition:transform .18s,filter .18s}
:is(body.ss-route-index) .ss26-home .ss-donation-button:hover{transform:translateY(-2px);filter:brightness(1.15)}
:is(body.ss-route-index) .ss26-home .ss-donation-button:focus-visible{outline:3px solid #e6d9ff;outline-offset:4px}
@media (max-width:1120px){:is(body.ss-route-index) .ss26-home .ss-donation{grid-template-columns:32% minmax(0,1fr);padding-right:24px}:is(body.ss-route-index) .ss26-home .ss-donation-action{grid-column:2;padding:0 0 25px}}
@media (max-width:700px){:is(body.ss-route-index) .ss26-home .ss-donation{grid-template-columns:minmax(0,1fr);padding:0;gap:0}:is(body.ss-route-index) .ss26-home .ss-donation-picture{min-height:190px;max-height:260px}:is(body.ss-route-index) .ss26-home .ss-donation-copy{padding:22px 21px 6px}:is(body.ss-route-index) .ss26-home .ss-donation-action{grid-column:1;padding:10px 21px 24px}:is(body.ss-route-index) .ss26-home .ss-donation-button{width:100%;white-space:normal}:is(body.ss-route-index) .ss26-home .ss-donation p{font-size:16px}}


/* ========= assets/css/boost.css ========= */
/* SoulShive 2027 — page CSS extracted without changing rule order. */
/* ==========================================================================
   SOULSHIVE BOOST — 1:1 PREMIUM FINAL
   ========================================================================== */
:is(body.ss-route-boost).ss26-page-boost{background:#02070d!important}
:is(body.ss-route-boost).ss26-page-boost .ss26-page-masthead{display:none!important}
:is(body.ss-route-boost).ss26-page-boost .ss26-content-wrap{
    width:min(1380px,calc(100% - 26px))!important;
    max-width:1380px!important;
    padding:0 0 34px!important;
}
:is(body.ss-route-boost) .ssbx{
    --panel:#071521;
    --panel2:#0a1928;
    --line:#294b67;
    --muted:#8295ab;
    --purple:#8f35ff;
    --cyan:#29c7ff;
    color:#eef6ff;
    position:relative;
}
:is(body.ss-route-boost) .ssbx *{box-sizing:border-box}
:is(body.ss-route-boost) .ssbx a{text-decoration:none}
:is(body.ss-route-boost) .ssbx:before,
:is(body.ss-route-boost) .ssbx:after{
    content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(110px);pointer-events:none
}
:is(body.ss-route-boost) .ssbx:before{width:520px;height:520px;left:-220px;top:230px;background:rgba(99,41,205,.18)}
:is(body.ss-route-boost) .ssbx:after{width:460px;height:460px;right:-190px;top:600px;background:rgba(19,113,219,.12)}

:is(body.ss-route-boost) .ssbx-hero{
    position:relative;overflow:hidden;min-height:430px;
    border:1px solid rgba(111,59,225,.78);border-top:0;border-radius:0 0 16px 16px;
    background:
      linear-gradient(90deg,rgba(3,8,16,.99) 0%,rgba(4,9,18,.91) 35%,rgba(4,9,18,.34) 58%,rgba(3,7,16,.03) 82%),
      url("/assets/boost/boost-hero-premium.webp?v=1") 69% center/cover no-repeat;
    box-shadow:0 28px 70px rgba(0,0,0,.40),inset 0 -65px 110px rgba(40,15,92,.15)
}
:is(body.ss-route-boost) .ssbx-hero:before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
      radial-gradient(circle at 78% 42%,rgba(143,47,255,.24),transparent 28%),
      linear-gradient(180deg,transparent 66%,rgba(2,6,12,.82))
}
:is(body.ss-route-boost) .ssbx-hero-in{position:relative;z-index:2;max-width:780px;padding:44px 38px 38px}
:is(body.ss-route-boost) .ssbx-kicker{font-size:14px;font-weight:950;letter-spacing:.18em;color:#c86dff}
:is(body.ss-route-boost) .ssbx-hero h1{
    margin:8px 0 5px;font-size:64px;line-height:.90;font-weight:950;
    letter-spacing:-.055em;text-transform:uppercase
}
:is(body.ss-route-boost) .ssbx-hero h1 span{
    background:linear-gradient(90deg,#b24eff,#ef73ff);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 0 19px rgba(185,63,255,.32))
}
:is(body.ss-route-boost) .ssbx-hero h2{font-size:22px;line-height:1.15;margin:0 0 8px}
:is(body.ss-route-boost) .ssbx-hero p{font-size:14px;line-height:1.55;color:#d7dfe9;max-width:690px;margin:0}
:is(body.ss-route-boost) .ssbx-hero-points{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px}
:is(body.ss-route-boost) .ssbx-hp{display:flex;align-items:center;gap:9px}
:is(body.ss-route-boost) .ssbx-hp i{
    font-style:normal;width:38px;height:38px;border-radius:50%;
    display:grid;place-items:center;border:1px solid #3d789f;
    background:rgba(7,22,36,.88);font-size:18px;box-shadow:0 0 18px rgba(48,163,255,.14)
}
:is(body.ss-route-boost) .ssbx-hp b{display:block;font-size:14px}:is(body.ss-route-boost) .ssbx-hp small{display:block;font-size:14px;color:#8396ac;margin-top:2px}
:is(body.ss-route-boost) .ssbx-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px}
:is(body.ss-route-boost) .ssbx-btn{
    min-height:43px;padding:0 17px;border:1px solid #506580;border-radius:7px;
    background:#081522;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;
    gap:7px;font-size:14px;font-weight:950;cursor:pointer;transition:.18s
}
:is(body.ss-route-boost) .ssbx-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
:is(body.ss-route-boost) .ssbx-btn.primary{
    background:linear-gradient(90deg,#7d2df5,#693aff);
    border-color:#a353ff;box-shadow:0 0 26px rgba(128,44,255,.28)
}

:is(body.ss-route-boost) .ssbx-promo{
    margin:11px 0 12px;min-height:45px;border:1px solid #4c3bac;border-radius:8px;
    background:linear-gradient(90deg,#061522,#0b1329);
    display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 14px;
    font-size:14px;box-shadow:inset 0 0 28px rgba(91,46,175,.05)
}
:is(body.ss-route-boost) .ssbx-promo strong{color:#63dcff}:is(body.ss-route-boost) .ssbx-promo em{font-style:normal;color:#d969ff}

:is(body.ss-route-boost) .ssbx-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0}
:is(body.ss-route-boost) .ssbx-head-l{display:flex;align-items:center;gap:10px}
:is(body.ss-route-boost) .ssbx-head-icon{
    width:34px;height:34px;border-radius:8px;display:grid;place-items:center;
    border:1px solid #7d47d4;background:linear-gradient(145deg,#2b1550,#7031bf);
    font-size:17px;box-shadow:0 0 18px rgba(114,48,193,.22)
}
:is(body.ss-route-boost) .ssbx-head h2{margin:0;font-size:14px}:is(body.ss-route-boost) .ssbx-head p{margin:2px 0 0;color:#8395ab;font-size:14px}

:is(body.ss-route-boost) .ssbx-packages{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
:is(body.ss-route-boost) .ssbx-tier{
    --tc:#8b5cf6;position:relative;overflow:hidden;
    border:1px solid var(--tc);border-radius:12px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 10%,#091827),#061420 35%);
    box-shadow:0 14px 34px rgba(0,0,0,.23);transition:.22s
}
:is(body.ss-route-boost) .ssbx-tier:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.32),0 0 30px color-mix(in srgb,var(--tc) 24%,transparent)}
:is(body.ss-route-boost) .ssbx-tier.pop{box-shadow:0 0 34px color-mix(in srgb,var(--tc) 32%,transparent)}
:is(body.ss-route-boost) .ssbx-ribbon{
    position:absolute;top:0;right:9px;z-index:5;padding:5px 9px;border-radius:0 0 8px 8px;
    background:var(--tc);color:#070a0f;font-size:14px;font-weight:950
}
:is(body.ss-route-boost) .ssbx-cover{position:relative;height:140px;background-size:cover;background-position:center;overflow:hidden}
:is(body.ss-route-boost) .ssbx-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,14,.02),#071522 96%)}
:is(body.ss-route-boost) .ssbx-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--tc) 28%,transparent),transparent 29%)}
:is(body.ss-route-boost) .ssbx-title{position:absolute;z-index:2;left:13px;bottom:10px;display:flex;align-items:center;gap:9px}
:is(body.ss-route-boost) .ssbx-title i{font-style:normal;font-size:26px;filter:drop-shadow(0 0 10px var(--tc))}
:is(body.ss-route-boost) .ssbx-title b{display:block;font-size:15px}:is(body.ss-route-boost) .ssbx-title small{display:block;color:#a8b6c6;font-size:14px;margin-top:2px}
:is(body.ss-route-boost) .ssbx-durations{
    display:grid;grid-template-columns:repeat(3,1fr);
    border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)
}
:is(body.ss-route-boost) .ssbx-dur{
    position:relative;text-align:center;padding:10px 4px;cursor:pointer;
    border-right:1px solid rgba(255,255,255,.05);background:#071522
}
:is(body.ss-route-boost) .ssbx-dur:last-child{border-right:0}:is(body.ss-route-boost) .ssbx-dur input{position:absolute;opacity:0}
:is(body.ss-route-boost) .ssbx-dur span{display:block;font-size:14px;font-weight:900}
:is(body.ss-route-boost) .ssbx-dur b{display:block;font-size:14px;margin-top:4px}
:is(body.ss-route-boost) .ssbx-dur small{display:block;font-size:14px;color:#8395aa;margin-top:2px}
:is(body.ss-route-boost) .ssbx-dur.active{background:color-mix(in srgb,var(--tc) 26%,#071522);box-shadow:inset 0 0 0 1px var(--tc)}
:is(body.ss-route-boost) .ssbx-tier-body{padding:12px}
:is(body.ss-route-boost) .ssbx-feats{list-style:none;margin:0 0 13px;padding:0;min-height:148px}
:is(body.ss-route-boost) .ssbx-feats li{font-size:14px;color:#bac5d2;margin:6px 0;display:flex;gap:5px;line-height:1.35}
:is(body.ss-route-boost) .ssbx-feats li:before{content:"✓";font-weight:950;color:var(--tc)}
:is(body.ss-route-boost) .ssbx-choose{
    width:100%;height:39px;border:1px solid var(--tc);border-radius:7px;
    background:color-mix(in srgb,var(--tc) 14%,#081522);color:#fff;
    font-size:14px;font-weight:950;cursor:pointer;box-shadow:0 0 18px color-mix(in srgb,var(--tc) 12%,transparent)
}
:is(body.ss-route-boost) .ssbx-save{text-align:center;color:var(--tc);font-size:14px;margin-top:8px}

:is(body.ss-route-boost) .ssbx-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
:is(body.ss-route-boost) .ssbx-benefit{
    min-height:92px;border:1px solid #2c4c67;border-radius:9px;
    background:linear-gradient(145deg,#0a1a29,#071522);padding:11px;
    display:flex;align-items:center;gap:10px
}
:is(body.ss-route-boost) .ssbx-benefit i{font-style:normal;font-size:25px;filter:drop-shadow(0 0 8px rgba(70,160,255,.20))}
:is(body.ss-route-boost) .ssbx-benefit b{display:block;font-size:14px}:is(body.ss-route-boost) .ssbx-benefit small{display:block;font-size:14px;color:#8497ac;margin-top:3px}

:is(body.ss-route-boost) .ssbx-partner{
    position:relative;overflow:hidden;
    display:grid;grid-template-columns:285px 1fr 300px;gap:22px;align-items:center;padding:20px;
    border:1px solid rgba(245,193,77,.88);border-radius:12px;
    background:
      linear-gradient(90deg,rgba(5,12,20,.94) 0%,rgba(5,12,20,.84) 35%,rgba(5,12,20,.38) 68%,rgba(5,12,20,.75) 100%),
      url("/assets/boost/boost-elitecs-premium.webp?v=1") center/cover no-repeat;
    box-shadow:0 0 34px rgba(236,178,53,.16),0 18px 45px rgba(0,0,0,.25)
}
:is(body.ss-route-boost) .ssbx-partner:after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(circle at 78% 25%,rgba(243,185,52,.12),transparent 28%)
}
:is(body.ss-route-boost) .ssbx-partner>*{position:relative;z-index:2}
:is(body.ss-route-boost) .ssbx-partner-logo{
    height:150px;border:1px solid rgba(245,193,77,.30);border-radius:9px;
    background:rgba(4,12,20,.68);backdrop-filter:blur(3px);
    display:grid;place-items:center;overflow:hidden;position:relative
}
:is(body.ss-route-boost) .ssbx-partner-logo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(20,112,205,.18),transparent 35%)}
:is(body.ss-route-boost) .ssbx-partner-logo img{position:relative;z-index:2;max-width:84%;max-height:78%;object-fit:contain}
:is(body.ss-route-boost) .ssbx-partner-copy h3{font-size:22px;margin:3px 0 6px}
:is(body.ss-route-boost) .ssbx-partner-copy p{font-size:14px;line-height:1.52;color:#9aacbe;margin:0}
:is(body.ss-route-boost) .ssbx-partner-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px;color:#bbcad7;font-size:14px}
:is(body.ss-route-boost) .ssbx-partner-offer{
    border:1px solid rgba(245,193,77,.28);border-radius:9px;background:rgba(16,17,15,.78);
    padding:13px;text-align:center
}
:is(body.ss-route-boost) .ssbx-partner-offer .pct{font-size:20px;color:#ffd66e;font-weight:950}
:is(body.ss-route-boost) .ssbx-partner-offer .sub{font-size:14px;color:#c7b98f}
:is(body.ss-route-boost) .ssbx-code{
    height:36px;margin:8px 0;border:1px solid #50617a;border-radius:7px;
    background:#06111c;display:flex;align-items:center;justify-content:center;
    font-size:14px;font-weight:950;letter-spacing:.05em
}

:is(body.ss-route-boost) .ssbx-how-wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px}
:is(body.ss-route-boost) .ssbx-how{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
:is(body.ss-route-boost) .ssbx-how-card{min-height:145px;border:1px solid #2c4c67;border-radius:9px;background:#091827;padding:14px}
:is(body.ss-route-boost) .ssbx-how-card i{font-style:normal;font-size:26px}
:is(body.ss-route-boost) .ssbx-how-card b{display:block;font-size:14px;margin-top:8px}
:is(body.ss-route-boost) .ssbx-how-card p{font-size:14px;line-height:1.5;color:#8699ae;margin:5px 0 0}
:is(body.ss-route-boost) .ssbx-how-card.bad{border-color:#783f5f;background:linear-gradient(145deg,rgba(124,39,80,.12),#091827)}
:is(body.ss-route-boost) .ssbx-quote{
    position:relative;overflow:hidden;min-height:145px;border:1px solid #6d42be;border-radius:9px;
    background:
      linear-gradient(90deg,rgba(9,6,22,.82),rgba(9,6,22,.34)),
      url("/assets/boost/boost-quote-premium.webp?v=1") 72% center/cover no-repeat;
    padding:16px;display:flex;flex-direction:column;justify-content:center;
    box-shadow:0 0 24px rgba(105,53,193,.15)
}
:is(body.ss-route-boost) .ssbx-quote:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,22,.06),rgba(8,6,22,.34));pointer-events:none}
:is(body.ss-route-boost) .ssbx-quote>*{position:relative;z-index:2}
:is(body.ss-route-boost) .ssbx-quote .q{font-size:35px;color:#aa5eff;line-height:.5}
:is(body.ss-route-boost) .ssbx-quote b{font-size:14px;line-height:1.14;margin:8px 0;color:#d4a9ff}
:is(body.ss-route-boost) .ssbx-quote small{font-size:14px;color:#8295aa}

:is(body.ss-route-boost) .ssbx-why-wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px}
:is(body.ss-route-boost) .ssbx-why{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
:is(body.ss-route-boost) .ssbx-why div{min-height:88px;border:1px solid #2c4c67;border-radius:9px;background:#091827;padding:11px;display:flex;gap:9px;align-items:center}
:is(body.ss-route-boost) .ssbx-why i{font-style:normal;font-size:23px}
:is(body.ss-route-boost) .ssbx-why b{display:block;font-size:14px}:is(body.ss-route-boost) .ssbx-why small{display:block;font-size:14px;color:#8497ac;margin-top:3px}
:is(body.ss-route-boost) .ssbx-faq{
    border:1px solid #5b3d9b;border-radius:9px;background:linear-gradient(145deg,#100a20,#071522);
    padding:13px;text-align:center;display:flex;flex-direction:column;justify-content:center
}
:is(body.ss-route-boost) .ssbx-faq b{font-size:14px}:is(body.ss-route-boost) .ssbx-faq small{display:block;font-size:14px;color:#8497ac;margin:4px 0 9px}

:is(body.ss-route-boost) .ssbx-alert{margin:9px 0;padding:9px 11px;border-radius:8px;font-size:14px;border:1px solid #2d506c;background:#091827}
:is(body.ss-route-boost) .ssbx-alert.err{border-color:#813f4c;color:#ffaaaa}

/* checkout modal */
:is(body.ss-route-boost) .ssbx-modal{
    position:fixed;inset:0;z-index:3000;background:rgba(2,5,10,.82);backdrop-filter:blur(8px);
    display:none;align-items:center;justify-content:center;padding:18px
}
:is(body.ss-route-boost) .ssbx-modal.open{display:flex}
:is(body.ss-route-boost) .ssbx-modal-box{width:min(630px,100%);max-height:92vh;overflow:auto;border:1px solid #6240a8;border-radius:14px;background:#081522;box-shadow:0 35px 90px rgba(0,0,0,.58)}
:is(body.ss-route-boost) .ssbx-modal-head{height:52px;padding:0 14px;border-bottom:1px solid #29445e;display:flex;align-items:center;justify-content:space-between}
:is(body.ss-route-boost) .ssbx-modal-head b{font-size:14px}:is(body.ss-route-boost) .ssbx-close{width:30px;height:30px;border:1px solid #31516d;border-radius:7px;background:#0b1927;color:#fff;cursor:pointer}
:is(body.ss-route-boost) .ssbx-form{padding:14px}:is(body.ss-route-boost) .ssbx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}:is(body.ss-route-boost) .ssbx-full{grid-column:1/-1}
:is(body.ss-route-boost) .ssbx-form label{display:block;color:#8193a9;font-size:14px;font-weight:900;margin-bottom:4px}
:is(body.ss-route-boost) .ssbx-form input,
:is(body.ss-route-boost) .ssbx-form select{width:100%;font-size:14px!important}
:is(body.ss-route-boost) .ssbx-summary{margin-top:10px;border:1px solid #2d4b66;border-radius:9px;padding:10px;background:#07131f}
:is(body.ss-route-boost) .ssbx-summary-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}
:is(body.ss-route-boost) .ssbx-summary-row:last-child{border-bottom:0}:is(body.ss-route-boost) .ssbx-total{font-size:14px!important;color:#c270ff!important}
:is(body.ss-route-boost) .ssbx-submit{width:100%;height:40px;margin-top:10px;border:0;border-radius:8px;background:linear-gradient(90deg,#7e2df4,#2d67ef);color:#fff;font-size:14px;font-weight:950;cursor:pointer}

@media (max-width:1120px){
  :is(body.ss-route-boost) .ssbx-packages{grid-template-columns:repeat(2,1fr)}
  :is(body.ss-route-boost) .ssbx-benefits{grid-template-columns:repeat(3,1fr)}
  :is(body.ss-route-boost) .ssbx-partner{grid-template-columns:200px 1fr}
  :is(body.ss-route-boost) .ssbx-partner-offer{grid-column:1/-1}
  :is(body.ss-route-boost) .ssbx-how-wrap,
:is(body.ss-route-boost) .ssbx-why-wrap{grid-template-columns:1fr}
}
@media (max-width:740px){
  :is(body.ss-route-boost) .ssbx-hero h1{font-size:42px}
  :is(body.ss-route-boost) .ssbx-benefits,
:is(body.ss-route-boost) .ssbx-how,
:is(body.ss-route-boost) .ssbx-why{grid-template-columns:1fr 1fr}
  :is(body.ss-route-boost) .ssbx-partner{grid-template-columns:1fr}
}
@media (max-width:520px){
  :is(body.ss-route-boost).ss26-page-boost .ss26-content-wrap{width:min(100% - 16px,1380px)!important}
  :is(body.ss-route-boost) .ssbx-hero-in{padding:28px 17px}:is(body.ss-route-boost) .ssbx-hero h1{font-size:35px}
  :is(body.ss-route-boost) .ssbx-packages,
:is(body.ss-route-boost) .ssbx-benefits,
:is(body.ss-route-boost) .ssbx-how,
:is(body.ss-route-boost) .ssbx-why{grid-template-columns:1fr}
  :is(body.ss-route-boost) .ssbx-form-grid{grid-template-columns:1fr}:is(body.ss-route-boost) .ssbx-full{grid-column:auto}
  :is(body.ss-route-boost) .ssbx-promo{align-items:flex-start;flex-direction:column;padding:9px 11px}
}

/* ASSET-LOCKED 1:1 CARD TUNING */
:is(body.ss-route-boost) .ssbx-cover{height:155px!important;background-position:center 32%!important}
:is(body.ss-route-boost) .ssbx-tier{border-width:1.25px!important}
:is(body.ss-route-boost) .ssbx-tier:nth-child(1){box-shadow:0 0 26px rgba(243,125,41,.14),0 18px 38px rgba(0,0,0,.26)!important}
:is(body.ss-route-boost) .ssbx-tier:nth-child(2){box-shadow:0 0 26px rgba(76,174,255,.13),0 18px 38px rgba(0,0,0,.26)!important}
:is(body.ss-route-boost) .ssbx-tier:nth-child(3){box-shadow:0 0 35px rgba(255,200,32,.26),0 20px 44px rgba(0,0,0,.28)!important}
:is(body.ss-route-boost) .ssbx-tier:nth-child(4){box-shadow:0 0 35px rgba(182,67,255,.28),0 20px 44px rgba(0,0,0,.28)!important}
:is(body.ss-route-boost) .ssbx-title i{font-size:30px!important}
:is(body.ss-route-boost) .ssbx-title b{font-size:16px!important}
:is(body.ss-route-boost) .ssbx-dur.active b{filter:drop-shadow(0 0 8px var(--tc))}
:is(body.ss-route-boost) .ssbx-choose{height:41px!important}
:is(body.ss-route-boost) .ssbx-partner-copy h3{font-size:24px!important}
:is(body.ss-route-boost) .ssbx-partner-offer{backdrop-filter:blur(4px);background:rgba(9,11,14,.72)!important}


/* ===== Seasonal offer + readability fix ===== */
:is(body.ss-route-boost) .ssbx-promo{
  min-height:58px!important;
  padding:10px 16px!important;
  font-size:14px!important;
}
:is(body.ss-route-boost) .ssbx-promo strong{font-size:14px!important}
:is(body.ss-route-boost) .ssbx-promo em{font-size:14px!important}

:is(body.ss-route-boost) .ssbx-seasonal{
  --promo:#A855F7;
  position:relative;overflow:hidden;
  margin:0 0 14px;padding:16px 18px;
  border:1px solid var(--promo);border-radius:11px;
  background:
    radial-gradient(circle at 88% 28%,color-mix(in srgb,var(--promo) 22%,transparent),transparent 30%),
    linear-gradient(90deg,#081522,#0c1327);
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  box-shadow:0 0 28px color-mix(in srgb,var(--promo) 14%,transparent);
}
:is(body.ss-route-boost) .ssbx-seasonal-main{display:flex;align-items:center;gap:13px;min-width:0}
:is(body.ss-route-boost) .ssbx-seasonal-icon{
  flex:0 0 50px;width:50px;height:50px;border-radius:12px;
  display:grid;place-items:center;font-size:25px;
  border:1px solid color-mix(in srgb,var(--promo) 45%,#334155);
  background:color-mix(in srgb,var(--promo) 12%,#071522)
}
:is(body.ss-route-boost) .ssbx-seasonal-kicker{font-size:14px;font-weight:950;letter-spacing:.13em;color:var(--promo)}
:is(body.ss-route-boost) .ssbx-seasonal h3{font-size:17px;line-height:1.18;margin:3px 0 4px}
:is(body.ss-route-boost) .ssbx-seasonal p{font-size:14px;line-height:1.5;color:#a7b6c7;margin:0}
:is(body.ss-route-boost) .ssbx-seasonal-side{text-align:right;flex:0 0 auto}
:is(body.ss-route-boost) .ssbx-seasonal-pct{font-size:26px;line-height:1;font-weight:950;color:var(--promo)}
:is(body.ss-route-boost) .ssbx-seasonal-until{font-size:14px;color:#9aabba;margin-top:5px}

/* Mai lizibil în secțiunile cerute */
:is(body.ss-route-boost) .ssbx-head h2{font-size:17px!important}
:is(body.ss-route-boost) .ssbx-head p{font-size:14px!important;line-height:1.45!important}

:is(body.ss-route-boost) .ssbx-benefit{min-height:112px!important;padding:15px!important;gap:12px!important}
:is(body.ss-route-boost) .ssbx-benefit i{font-size:28px!important}
:is(body.ss-route-boost) .ssbx-benefit b{font-size:14px!important;line-height:1.25!important}
:is(body.ss-route-boost) .ssbx-benefit small{font-size:14px!important;line-height:1.4!important;margin-top:5px!important}

:is(body.ss-route-boost) .ssbx-how-card{min-height:170px!important;padding:17px!important}
:is(body.ss-route-boost) .ssbx-how-card i{font-size:29px!important}
:is(body.ss-route-boost) .ssbx-how-card b{font-size:14px!important;line-height:1.3!important;margin-top:10px!important}
:is(body.ss-route-boost) .ssbx-how-card p{font-size:14px!important;line-height:1.55!important;margin-top:7px!important}

:is(body.ss-route-boost) .ssbx-quote{min-height:170px!important}
:is(body.ss-route-boost) .ssbx-quote b{font-size:16px!important;line-height:1.18!important}
:is(body.ss-route-boost) .ssbx-quote small{font-size:14px!important}

:is(body.ss-route-boost) .ssbx-why div{min-height:110px!important;padding:14px!important;gap:11px!important}
:is(body.ss-route-boost) .ssbx-why i{font-size:26px!important}
:is(body.ss-route-boost) .ssbx-why b{font-size:14px!important}
:is(body.ss-route-boost) .ssbx-why small{font-size:14px!important;line-height:1.4!important;margin-top:5px!important}

:is(body.ss-route-boost) .ssbx-faq{padding:16px!important}
:is(body.ss-route-boost) .ssbx-faq b{font-size:14px!important}
:is(body.ss-route-boost) .ssbx-faq small{font-size:14px!important;line-height:1.45!important;margin:6px 0 11px!important}

:is(body.ss-route-boost) .ssbx-feats li{font-size:14px!important;line-height:1.45!important}
:is(body.ss-route-boost) .ssbx-title small{font-size:14px!important}
:is(body.ss-route-boost) .ssbx-dur span{font-size:14px!important}
:is(body.ss-route-boost) .ssbx-dur b{font-size:14px!important}
:is(body.ss-route-boost) .ssbx-dur small{font-size:14px!important}
:is(body.ss-route-boost) .ssbx-choose{font-size:14px!important}
:is(body.ss-route-boost) .ssbx-save{font-size:14px!important}

:is(body.ss-route-boost) .ssbx-price-old{
  display:block;
  margin-top:2px;
  font-size:14px!important;
  color:#7f91a5!important;
  text-decoration:line-through;
}
:is(body.ss-route-boost) .ssbx-price-badge{
  display:inline-block!important;
  margin-top:4px!important;
  padding:3px 5px!important;
  border-radius:999px;
  font-size:14px!important;
  font-weight:950;
  color:var(--tc)!important;
  border:1px solid color-mix(in srgb,var(--tc) 35%,transparent);
  background:color-mix(in srgb,var(--tc) 12%,transparent);
}
:is(body.ss-route-boost) .ssbx-price-save{
  display:block!important;
  margin-top:4px!important;
  font-size:14px!important;
  font-weight:800!important;
  color:#7ee7a8!important;
}

@media (max-width:740px){
  :is(body.ss-route-boost) .ssbx-seasonal{flex-direction:column;align-items:flex-start}
  :is(body.ss-route-boost) .ssbx-seasonal-side{text-align:left}
}

/* Checkout Stripe: accessible payment badge */
:is(body.ss-route-boost) .ssbx-stripe-brand{display:flex;align-items:center;min-height:50px;padding:12px 15px;border-radius:10px;border:1px solid #5547a1;background:rgba(92,61,185,.16);color:#f3f0ff;font-size:16px;font-weight:700;line-height:1.5}
:is(body.ss-route-boost) .ssbx-submit:disabled{opacity:.58;cursor:not-allowed;filter:grayscale(.4)}


/* ========= assets/css/servers-page.css ========= */
:is(body.sl-page){
  --bg:#050817;--bg2:#071020;--panel:#0a1429;--panel2:#0c1831;
  --line:#263c6b;--line2:#7130e8;--txt:#f7f8ff;--mut:#93a0b8;
  --purple:#8f2cff;--violet:#d63cff;--cyan:#35deff;--green:#25e39c;
  --gold:#ffc73d;--red:#ff4f78;--blue:#4f85ff;
}
:is(body.sl-page) *{box-sizing:border-box}
html:has(> :is(body.sl-page)){background:var(--bg);scroll-behavior:smooth}
:is(body.sl-page){margin:0;background:
 radial-gradient(circle at 10% 0,rgba(84,34,187,.10),transparent 22%),
 radial-gradient(circle at 90% 10%,rgba(35,66,193,.08),transparent 22%),
 var(--bg);color:var(--txt);font-family:Manrope,Arial,sans-serif}
:is(body.sl-page) a{color:inherit;text-decoration:none}
:is(body.sl-page) img{display:block;max-width:100%}
:is(body.sl-page) button,
:is(body.sl-page) input,
:is(body.sl-page) select{font:inherit}
:is(body.sl-page) .sl-page{width:min(1580px,calc(100% - 40px));margin:0 auto}

/* TOPBAR — matched to reference */
:is(body.sl-page) .sl-top{height:60px;border-bottom:1px solid #5724ba;background:rgba(5,8,23,.97);box-shadow:0 4px 25px rgba(0,0,0,.18);position:relative;z-index:30}
:is(body.sl-page) .sl-topin{height:60px;display:flex;align-items:center;gap:26px}
:is(body.sl-page) .sl-logo{width:282px;flex:0 0 282px}:is(body.sl-page) .sl-logo img{width:270px;height:52px;object-fit:contain;object-position:left center}
:is(body.sl-page) .sl-nav{display:flex;align-items:center;gap:31px;flex:1;height:60px}
:is(body.sl-page) .sl-nav a{height:60px;display:flex;align-items:center;font-size:14px;color:#d8deec;font-weight:700;position:relative}
:is(body.sl-page) .sl-nav a.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#b037ff;box-shadow:0 0 14px #a934ff}
:is(body.sl-page) .sl-topsearch{width:270px;height:36px;border:1px solid #304b7f;border-radius:7px;background:#071122;color:#a5b4cc;padding:0 12px;font-size:14px}
:is(body.sl-page) .sl-auth{display:flex;gap:10px;align-items:center}:is(body.sl-page) .sl-auth a{height:36px;padding:0 16px;border:1px solid #3b4d7d;border-radius:7px;background:#091327;display:flex;align-items:center;font-size:14px;font-weight:800}:is(body.sl-page) .sl-auth .create{background:linear-gradient(90deg,#7427ec,#a62fff);border-color:#b34fff;box-shadow:0 0 18px rgba(148,42,255,.28)}

/* HERO */
:is(body.sl-page) .sl-hero{height:179px;position:relative;overflow:hidden;border-bottom:1px solid #7829ed;background:#050817}
:is(body.sl-page) .sl-hero-art{position:absolute;right:0;top:0;bottom:0;width:67%;background:url("/assets/serverlist2026/server-list-hero.webp") center right/cover no-repeat;filter:saturate(1.06) contrast(1.03)}
:is(body.sl-page) .sl-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050817 0%,#050817 34%,rgba(5,8,23,.91) 45%,rgba(5,8,23,.20) 75%,rgba(5,8,23,.03) 100%)}
:is(body.sl-page) .sl-heroin{position:relative;z-index:2;padding:16px 25px;width:680px}
:is(body.sl-page) .sl-crumb{font-size:14px;font-weight:900;letter-spacing:.17em;color:#37dbff}:is(body.sl-page) .sl-crumb b{color:#da41ff}
:is(body.sl-page) .sl-title{font-size:56px;line-height:.93;font-weight:900;font-style:italic;letter-spacing:-.045em;margin:8px 0 4px;text-shadow:0 5px 20px #000}:is(body.sl-page) .sl-title span{background:linear-gradient(90deg,#a72cff,#df3fff);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(body.sl-page) .sl-sub{font-size:14px;color:#eadfff;line-height:1.25}:is(body.sl-page) .sl-sub b{font-weight:800}
:is(body.sl-page) .sl-facts{display:flex;gap:27px;margin-top:12px}:is(body.sl-page) .sl-fact{display:flex;gap:8px;align-items:center}:is(body.sl-page) .sl-fact i{font-style:normal;font-size:19px;color:#d836ff}:is(body.sl-page) .sl-fact b{display:block;font-size:14px;line-height:1.1}:is(body.sl-page) .sl-fact span{display:block;color:#9aa8bd;font-size:14px;margin-top:2px}

/* SHARED CARD */
:is(body.sl-page) .sl-card{background:linear-gradient(180deg,#0b1630,#081124);border:1px solid #2a3c6b;border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
:is(body.sl-page) .sl-filter{margin-top:0;padding:10px 12px;border-color:#6d2adb}
:is(body.sl-page) .sl-filtertabs{display:flex;gap:7px;align-items:center;margin-bottom:9px}
:is(body.sl-page) .sl-tab{height:34px;padding:0 18px;border:1px solid #2d3f6e;border-radius:6px;background:#0a1428;color:#cdd5e5;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:850;cursor:pointer}
:is(body.sl-page) .sl-tab.on{background:linear-gradient(180deg,#a02cff,#7623e7);border-color:#c25aff;box-shadow:0 0 18px rgba(145,41,255,.35);color:#fff}
:is(body.sl-page) .sl-tab.vip{color:#ffd456}:is(body.sl-page) .sl-reset{margin-left:auto;color:#8ebeff;font-size:14px}
:is(body.sl-page) .sl-filtergrid{display:grid;grid-template-columns:1.55fr .86fr .86fr .86fr .86fr .86fr 1.05fr 1.05fr;gap:8px}
:is(body.sl-page) .sl-filtergrid input,
:is(body.sl-page) .sl-filtergrid select{height:36px;border:1px solid #304b7b;border-radius:6px;background:#071122;color:#dfe7f5;padding:0 10px;font-size:14px;min-width:0}
:is(body.sl-page) .sl-viptoggle{height:36px;border:1px solid #304b7b;border-radius:6px;background:#071122;color:#f4d95a;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:14px;font-weight:850}
:is(body.sl-page) .sl-switch{width:42px;height:22px;border-radius:50px;background:#232e4b;border:1px solid #435a86;padding:2px;display:flex;justify-content:flex-start;transition:.2s}:is(body.sl-page) .sl-switch i{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;display:block}:is(body.sl-page) .sl-viptoggle.on .sl-switch{background:#6d25e4;justify-content:flex-end;border-color:#b441ff}

/* STATS */
:is(body.sl-page) .sl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:9px}:is(body.sl-page) .sl-stat{height:63px;padding:9px 14px;display:flex;align-items:center;gap:12px;border-color:#5630bf}:is(body.sl-page) .sl-stat>i{font-style:normal;font-size:28px;color:#7470ff}:is(body.sl-page) .sl-stat strong{display:block;color:#56efdc;font-size:22px;line-height:1}:is(body.sl-page) .sl-stat span{font-size:14px;color:#cfd8e7}:is(body.sl-page) .sl-stat .right{margin-left:auto;color:#32e1a0;font-size:14px}:is(body.sl-page) .sl-spark{width:90px;height:30px;margin-left:auto}

/* FEATURED */
:is(body.sl-page) .sl-section{margin-top:9px}:is(body.sl-page) .sl-sectionhead{height:34px;padding:0 11px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.05)}:is(body.sl-page) .sl-sectionhead b{font-size:14px;color:#ffd248;letter-spacing:.04em}:is(body.sl-page) .sl-sectionhead span{font-size:14px;color:#9ba9bd}:is(body.sl-page) .sl-sectionhead a{margin-left:auto;font-size:14px;color:#e260ff;text-decoration:underline}
:is(body.sl-page) .sl-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:8px}
:is(body.sl-page) .sl-feature{height:103px;border-radius:8px;border:1px solid var(--tc);position:relative;overflow:hidden;background:#0b1220;box-shadow:0 0 17px color-mix(in srgb,var(--tc) 17%,transparent)}
:is(body.sl-page) .sl-feature-bg{position:absolute;inset:0;background-size:cover;background-position:right center;filter:saturate(1.1) contrast(1.05)}:is(body.sl-page) .sl-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,17,.96),rgba(4,8,17,.72) 60%,rgba(4,8,17,.18)),linear-gradient(180deg,transparent 35%,rgba(3,6,13,.88))}
:is(body.sl-page) .sl-featurein{position:relative;z-index:2;padding:8px 9px}:is(body.sl-page) .sl-ftop{display:flex;align-items:center;justify-content:space-between}:is(body.sl-page) .sl-rank{padding:3px 8px;border-radius:6px;background:#e9efff;color:#1b2741;font-size:14px;font-weight:950}:is(body.sl-page) .sl-badge{padding:3px 7px;border-radius:5px;border:1px solid var(--tc);background:#24142f;color:#ffd24b;font-size:14px;font-weight:950}
:is(body.sl-page) .sl-fmain{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;margin-top:8px}:is(body.sl-page) .sl-ficon{width:35px;height:35px;border-radius:6px;background:#101a2b;display:grid;place-items:center;border:1px solid #2a3e67;overflow:hidden}:is(body.sl-page) .sl-fname{font-size:14px;font-weight:950;color:#53efff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(body.sl-page) .sl-fgame{font-size:14px;color:#a6b3c5;margin-top:1px}:is(body.sl-page) .sl-fmeta{display:flex;gap:8px;margin-top:6px;font-size:14px;color:#d5deea}:is(body.sl-page) .sl-join{height:29px;padding:0 13px;border-radius:6px;background:linear-gradient(90deg,#7525ed,#a62fff);color:#fff;font-size:14px;font-weight:950;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(143,41,255,.34)}

/* ALL SERVERS */
:is(body.sl-page) .sl-list{margin-top:9px;overflow:hidden}:is(body.sl-page) .sl-listtop{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.05)}:is(body.sl-page) .sl-listtop h2{font-size:14px;margin:0}:is(body.sl-page) .sl-listtop p{font-size:14px;color:#8796ae;margin:2px 0 0}:is(body.sl-page) .sl-views{display:flex;gap:5px}:is(body.sl-page) .sl-view{height:28px;padding:0 10px;border:1px solid #2c406d;border-radius:5px;background:#091326;color:#ccd6e7;font-size:14px;cursor:pointer}:is(body.sl-page) .sl-view.on{background:#7d27ef;border-color:#ae4aff;color:#fff}
:is(body.sl-page) .sl-tablewrap{overflow:auto}:is(body.sl-page) .sl-table{width:100%;min-width:1380px;border-collapse:collapse}:is(body.sl-page) .sl-table th,
:is(body.sl-page) .sl-table td{padding:6px 9px;border-bottom:1px solid rgba(255,255,255,.055);text-align:left;vertical-align:middle;font-size:14px}:is(body.sl-page) .sl-table th{font-size:14px;color:#7d8da5;letter-spacing:.06em}:is(body.sl-page) .sl-table tbody tr:hover td{background:rgba(107,45,228,.04)}
:is(body.sl-page) .sl-star{font-size:15px;color:#8393ac;cursor:pointer}:is(body.sl-page) .sl-star.on{color:#ff4673}:is(body.sl-page) .sl-server{display:flex;align-items:center;gap:7px;min-width:260px}:is(body.sl-page) .sl-serverico{width:28px;height:28px;border-radius:5px;background:#101a2a;border:1px solid #273c65;display:grid;place-items:center;overflow:hidden}:is(body.sl-page) .sl-server b{display:block;font-size:14px;color:#f1f5fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}:is(body.sl-page) .sl-server small{display:block;font-size:14px;color:#8494aa;margin-top:1px}:is(body.sl-page) .sl-gamecell{display:flex;align-items:center;gap:5px;white-space:nowrap}:is(body.sl-page) .sl-gamecell .gi{width:25px;height:25px;border-radius:5px;background:#101a2b;display:grid;place-items:center;overflow:hidden}:is(body.sl-page) .sl-players{font-weight:750}:is(body.sl-page) .sl-ping.good{color:#31e39b}:is(body.sl-page) .sl-ping.mid{color:#ffd14a}:is(body.sl-page) .sl-tier{display:inline-flex;padding:3px 7px;border-radius:5px;border:1px solid #6f2ee2;background:#25103e;color:#dd91ff;font-size:14px;font-weight:950}:is(body.sl-page) .sl-tier.gold{color:#ffd34b;border-color:#d29312;background:#261b05}:is(body.sl-page) .sl-tier.none{border-color:transparent;background:transparent;color:#71819a}:is(body.sl-page) .sl-action{display:flex;align-items:center;gap:8px}:is(body.sl-page) .sl-heart{font-size:14px;color:#8c9bb1;cursor:pointer}:is(body.sl-page) .sl-heart.on{color:#ff416c}
:is(body.sl-page) .sl-gridmode .sl-table thead{display:none}:is(body.sl-page) .sl-gridmode .sl-table,
:is(body.sl-page) .sl-gridmode .sl-table tbody{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;min-width:0}:is(body.sl-page) .sl-gridmode .sl-table tr{display:block;border:1px solid #293d68;border-radius:8px;background:#091426;padding:9px}:is(body.sl-page) .sl-gridmode .sl-table td{display:flex;justify-content:space-between;border:0;padding:4px 0}:is(body.sl-page) .sl-gridmode .sl-table td:before{font-size:14px;color:#74859f}:is(body.sl-page) .sl-gridmode .sl-table td:nth-child(1):before{content:"FAVORIT"}:is(body.sl-page) .sl-gridmode .sl-table td:nth-child(2):before{content:"RANK"}:is(body.sl-page) .sl-gridmode .sl-table td:nth-child(3):before{content:"SERVER"}:is(body.sl-page) .sl-gridmode .sl-table td:nth-child(4):before{content:"JOC"}:is(body.sl-page) .sl-gridmode .sl-table td:nth-child(5):before{content:"IP"}:is(body.sl-page) .sl-gridmode .sl-table td:nth-child(6):before{content:"HARTĂ"}:is(body.sl-page) .sl-gridmode .sl-table td:nth-child(7):before{content:"JUCĂTORI"}:is(body.sl-page) .sl-gridmode .sl-table td:nth-child(8):before{content:"PING"}:is(body.sl-page) .sl-gridmode .sl-table td:nth-child(9):before{content:"ȚARĂ"}:is(body.sl-page) .sl-gridmode .sl-table td:nth-child(10):before{content:"BOOST"}:is(body.sl-page) .sl-gridmode .sl-table td:nth-child(11):before{content:"ACȚIUNI"}:is(body.sl-page) .sl-gridmode .sl-server{min-width:0}:is(body.sl-page) .sl-gridmode .sl-server b{max-width:150px}
:is(body.sl-page) .sl-compactmode .sl-table th,
:is(body.sl-page) .sl-compactmode .sl-table td{padding-top:3px;padding-bottom:3px}:is(body.sl-page) .sl-compactmode .sl-serverico,
:is(body.sl-page) .sl-compactmode .sl-gamecell .gi{width:20px;height:20px}:is(body.sl-page) .sl-compactmode .sl-server small{display:none}
:is(body.sl-page) .sl-pages{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 10px;color:#8797ae;font-size:14px}:is(body.sl-page) .sl-pages>span:last-child{text-align:right}:is(body.sl-page) .sl-pagination{display:flex;gap:4px}:is(body.sl-page) .sl-pagination a,
:is(body.sl-page) .sl-pagination span{width:28px;height:27px;border:1px solid #2b406b;border-radius:5px;display:grid;place-items:center;color:#bbc8db}:is(body.sl-page) .sl-pagination .on{background:#7627eb;border-color:#9f43ff;color:#fff}

/* FOOTER to match reference */
:is(body.sl-page) .sl-foot{height:52px;display:flex;align-items:center;gap:22px;border-top:1px solid #2c2356;margin-top:7px;padding:0 7px}:is(body.sl-page) .sl-footlogo{width:180px}:is(body.sl-page) .sl-footlogo img{height:43px;width:auto}:is(body.sl-page) .sl-footnav{display:flex;gap:26px;flex:1;font-size:14px;color:#aab6c8}:is(body.sl-page) .sl-social{display:flex;gap:13px;padding:6px 15px;border:1px solid #273b68;border-radius:7px;font-size:14px}:is(body.sl-page) .sl-copy{font-size:14px;color:#8391a6}:is(body.sl-page) .sl-slogan{font-size:16px;color:#df52ff;font-style:italic;transform:rotate(-5deg);line-height:1;text-align:right}

/* Mobile: keeps all sections; table rows become readable cards instead din losing columns. */
@media (max-width:900px){
  :is(body.sl-page) .sl-page{width:calc(100% - 18px)}
  :is(body.sl-page) .sl-top{height:auto}:is(body.sl-page) .sl-topin{height:auto;min-height:55px;gap:10px;flex-wrap:wrap;padding:7px 0}:is(body.sl-page) .sl-logo{width:115px;flex-basis:115px}:is(body.sl-page) .sl-logo img{width:112px;height:34px}:is(body.sl-page) .sl-nav{order:3;width:100%;height:33px;overflow-x:auto;gap:18px}:is(body.sl-page) .sl-nav a{height:33px;white-space:nowrap;font-size:14px}:is(body.sl-page) .sl-topsearch{display:none}:is(body.sl-page) .sl-auth{margin-left:auto}:is(body.sl-page) .sl-auth a{height:30px;padding:0 9px;font-size:14px}
  :is(body.sl-page) .sl-hero{height:194px}:is(body.sl-page) .sl-hero-art{width:100%;opacity:.64}:is(body.sl-page) .sl-hero:after{background:linear-gradient(90deg,rgba(5,8,23,.94),rgba(5,8,23,.55))}:is(body.sl-page) .sl-heroin{padding:15px;width:100%}:is(body.sl-page) .sl-title{font-size:36px}:is(body.sl-page) .sl-sub{font-size:14px;max-width:390px}:is(body.sl-page) .sl-facts{gap:11px}:is(body.sl-page) .sl-fact i{font-size:15px}:is(body.sl-page) .sl-fact b{font-size:14px}:is(body.sl-page) .sl-fact span{font-size:14px}
  :is(body.sl-page) .sl-filtergrid{grid-template-columns:1fr 1fr}:is(body.sl-page) .sl-filtertabs{overflow:auto}:is(body.sl-page) .sl-reset{white-space:nowrap}
  :is(body.sl-page) .sl-stats{grid-template-columns:1fr 1fr}:is(body.sl-page) .sl-featured{grid-template-columns:1fr}:is(body.sl-page) .sl-feature{height:91px}
  :is(body.sl-page) .sl-listtop{align-items:flex-end}:is(body.sl-page) .sl-tablewrap{overflow:visible}:is(body.sl-page) .sl-table,
:is(body.sl-page) .sl-table tbody{display:block!important;min-width:0!important;padding:7px!important}:is(body.sl-page) .sl-table thead{display:none!important}:is(body.sl-page) .sl-table tr{display:grid!important;grid-template-columns:34px 1fr auto!important;gap:5px 8px!important;border:1px solid #293e69!important;border-radius:8px!important;background:#081326!important;padding:9px!important;margin-bottom:7px!important}:is(body.sl-page) .sl-table td{display:block!important;border:0!important;padding:0!important;font-size:14px!important}:is(body.sl-page) .sl-table td:nth-child(1){grid-column:1;grid-row:1}:is(body.sl-page) .sl-table td:nth-child(2){display:none!important}:is(body.sl-page) .sl-table td:nth-child(3){grid-column:2;grid-row:1}:is(body.sl-page) .sl-table td:nth-child(11){grid-column:3;grid-row:1;align-self:center}:is(body.sl-page) .sl-table td:nth-child(4){grid-column:1/3;grid-row:2}:is(body.sl-page) .sl-table td:nth-child(5){grid-column:1/3;grid-row:3;color:#95a6bf}:is(body.sl-page) .sl-table td:nth-child(6){grid-column:1;grid-row:4}:is(body.sl-page) .sl-table td:nth-child(7){grid-column:2;grid-row:4}:is(body.sl-page) .sl-table td:nth-child(8){grid-column:3;grid-row:4}:is(body.sl-page) .sl-table td:nth-child(9){grid-column:1;grid-row:5}:is(body.sl-page) .sl-table td:nth-child(10){grid-column:2;grid-row:5}:is(body.sl-page) .sl-server{min-width:0}:is(body.sl-page) .sl-server b{max-width:270px;font-size:14px}:is(body.sl-page) .sl-gamecell{justify-content:flex-start}:is(body.sl-page) .sl-action .sl-heart{display:none}:is(body.sl-page) .sl-join{height:28px;padding:0 10px}
  :is(body.sl-page) .sl-gridmode .sl-table,
:is(body.sl-page) .sl-gridmode .sl-table tbody{display:block!important}:is(body.sl-page) .sl-pages{grid-template-columns:1fr}:is(body.sl-page) .sl-pagination{justify-content:center;margin:8px 0}:is(body.sl-page) .sl-pages>span{text-align:center!important}
  :is(body.sl-page) .sl-foot{height:auto;flex-wrap:wrap;padding:12px 0}:is(body.sl-page) .sl-footnav{order:3;width:100%;flex-basis:100%;gap:14px;flex-wrap:wrap}:is(body.sl-page) .sl-slogan{display:none}
}
@media (max-width:520px){
  :is(body.sl-page) .sl-filtergrid,
:is(body.sl-page) .sl-stats{grid-template-columns:1fr}:is(body.sl-page) .sl-facts{display:grid;grid-template-columns:1fr 1fr}:is(body.sl-page) .sl-title{font-size:32px}
}

/* Rezultate zero: opțiuni clare, text normal și butoane responsive. */
:is(body.sl-page) .sl-empty-results{padding:28px 20px!important;white-space:normal!important;color:#cedbf3;font-size:15px;line-height:1.6;text-align:left}
:is(body.sl-page) .sl-empty-results strong{display:block;color:#f3f7ff;font-size:18px}
:is(body.sl-page) .sl-empty-results p{margin:8px 0 16px;font-size:15px;color:#aab9d1}
:is(body.sl-page) .sl-empty-actions{display:flex;gap:10px;flex-wrap:wrap}
:is(body.sl-page) .sl-empty-actions a{display:inline-flex;min-height:44px;padding:10px 15px;align-items:center;border:1px solid #42608e;border-radius:9px;color:#f2f5ff;background:#172849;font-size:14px;font-weight:850}
@media (max-width:600px){:is(body.sl-page) .sl-empty-actions{flex-direction:column}:is(body.sl-page) .sl-empty-actions a{justify-content:center}}


/* ========= assets/css/servers.css ========= */
/* SoulShive 2027 — dedicated server directory cards. No legacy table dependency. */
:is(body.sl-page) #serverListBox .ss-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
:is(body.sl-page) #serverListBox .ss-server-card{display:grid;grid-template-columns:148px minmax(0,1fr);height:184px;min-height:0;border:1px solid #294269;border-radius:14px;overflow:hidden;background:linear-gradient(115deg,#101c39 0%,#0a132b 100%);transition:border-color .2s,box-shadow .2s,transform .2s}
:is(body.sl-page) #serverListBox .ss-server-card:hover{border-color:#9262ff;box-shadow:0 10px 32px #502ab72d;transform:translateY(-2px)}
:is(body.sl-page) #serverListBox .ss-server-map{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;isolation:isolate;background:#091024}
:is(body.sl-page) #serverListBox .ss-server-map img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;display:block;transition:transform .25s}
:is(body.sl-page) #serverListBox .ss-server-card:hover .ss-server-map img{transform:scale(1.05)}
:is(body.sl-page) #serverListBox .ss-server-map:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#060b1bd9,transparent 55%);pointer-events:none}
:is(body.sl-page) #serverListBox .ss-map-label{position:absolute;z-index:1;bottom:10px;left:10px;right:6px;font-size:14px;font-weight:700;color:#fff;overflow-wrap:anywhere;text-shadow:0 1px 5px #000}
:is(body.sl-page) #serverListBox .ss-server-main{min-width:0;display:flex;flex-direction:column;gap:9px;padding:12px 13px 11px}
:is(body.sl-page) #serverListBox .ss-server-heading{display:flex;align-items:flex-start;gap:9px;min-width:0}
:is(body.sl-page) #serverListBox .ss-server-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;background:#172e54}
:is(body.sl-page) #serverListBox .ss-server-identity{min-width:0;flex:1}
:is(body.sl-page) #serverListBox .ss-server-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:16px;line-height:1.4;color:#f8f9ff;text-decoration:none}
:is(body.sl-page) #serverListBox .ss-server-title:hover{color:#bf9dff}
:is(body.sl-page) #serverListBox .ss-server-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}
:is(body.sl-page) #serverListBox .ss-server-tags span{font-size:14px;color:#b6c7e7}
:is(body.sl-page) #serverListBox .ss-server-tags span+span:before{content:"•";color:#576b8f;margin-right:6px}
:is(body.sl-page) #serverListBox .ss-server-tags .verified{color:#65efae}
:is(body.sl-page) #serverListBox .ss-favourite{border:0;background:transparent;color:#aebde0;cursor:pointer;font-size:25px;padding:1px 4px;line-height:1}
:is(body.sl-page) #serverListBox .ss-favourite.on{color:#fd78ac}
:is(body.sl-page) #serverListBox .ss-server-data{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
:is(body.sl-page) #serverListBox .ss-stat{display:flex;gap:5px;align-items:baseline;white-space:nowrap;font-size:14px}
:is(body.sl-page) #serverListBox .ss-stat small{font-size:14px;color:#91a8ce}
:is(body.sl-page) #serverListBox .ss-stat b{font-size:14px;font-weight:800;color:#f2f6ff}
:is(body.sl-page) #serverListBox .ss-server-status{margin-left:auto;font-size:14px;font-weight:800;white-space:nowrap}
:is(body.sl-page) #serverListBox .ss-server-status.online{color:#46e3a4}
:is(body.sl-page) #serverListBox .ss-server-status.offline{color:#b1b8c9}
:is(body.sl-page) #serverListBox .ss-player-track{height:5px;border-radius:99px;background:#1d2d4a;overflow:hidden}
:is(body.sl-page) #serverListBox .ss-player-track span{display:block;height:100%;background:linear-gradient(90deg,#9150ff,#2ccffb);border-radius:99px}
:is(body.sl-page) #serverListBox .ss-server-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;min-width:0}
:is(body.sl-page) #serverListBox .ss-ip{background:#0b1831;border:1px solid #223a62;border-radius:7px;padding:7px;font-size:14px;color:#cad9f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:45%;cursor:pointer}
:is(body.sl-page) #serverListBox .ss-ip span:first-child{color:#9b76ff;font-weight:800}
:is(body.sl-page) #serverListBox .ss-tier{font-size:14px;font-weight:900;color:#ffd47c;white-space:nowrap}
:is(body.sl-page) #serverListBox .ss-tier.platinum{color:#bedcfc}
:is(body.sl-page) #serverListBox .ss-tier.silver{color:#c9d4e5}
:is(body.sl-page) #serverListBox .ss-tier.bronze{color:#dda16a}
:is(body.sl-page) #serverListBox .ss-server-actions{margin-left:auto;display:flex;gap:6px;align-items:center}
:is(body.sl-page) #serverListBox .ss-detail-link,
:is(body.sl-page) #serverListBox .ss-connect-link{min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:7px 11px;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
:is(body.sl-page) #serverListBox .ss-detail-link{color:#d7e2f7;border:1px solid #375178;background:#101e39}
:is(body.sl-page) #serverListBox .ss-connect-link{color:white;background:linear-gradient(110deg,#8038ef,#4c66f8);border:1px solid #9369fd}
:is(body.sl-page) #serverListBox .ss-no-servers{grid-column:1/-1;text-align:center;padding:45px 20px;color:#b1c4df;min-height:140px}
:is(body.sl-page) #serverListBox .ss-no-servers strong{font-size:19px;color:white}
:is(body.sl-page) #serverListBox .ss-no-servers p{margin:10px 0 18px}
:is(body.sl-page) #serverListBox .ss-no-servers a{color:#d8b5ff}
:is(body.sl-page) #serverListBox .ss-no-servers[hidden]{display:none!important}
:is(body.sl-page) #serverListBox.sl-compactmode .ss-card-grid{grid-template-columns:1fr}
:is(body.sl-page) #serverListBox.sl-compactmode .ss-server-card{height:126px;grid-template-columns:110px minmax(0,1fr)}
:is(body.sl-page) #serverListBox.sl-compactmode .ss-server-main{gap:5px;padding:8px 12px}
:is(body.sl-page) #serverListBox.sl-compactmode .ss-player-track{display:none}
:is(body.sl-page) #serverListBox.sl-gridmode .ss-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(body.sl-page) #serverListBox.sl-gridmode .ss-server-card{height:218px;grid-template-columns:1fr;grid-template-rows:70px minmax(0,1fr)}
:is(body.sl-page) #serverListBox.sl-gridmode .ss-map-label{font-size:14px}
:is(body.sl-page) #serverListBox.sl-gridmode .ss-server-main{gap:5px;padding:7px 10px}
:is(body.sl-page) #serverListBox.sl-gridmode .ss-stat small{display:none}
:is(body.sl-page) #serverListBox.sl-gridmode .ss-server-data{gap:7px}
@media (max-width:1250px){:is(body.sl-page) #serverListBox .ss-card-grid{grid-template-columns:1fr}:is(body.sl-page) #serverListBox.sl-gridmode .ss-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:710px){:is(body.sl-page) #serverListBox .ss-card-grid,
:is(body.sl-page) #serverListBox.sl-gridmode .ss-card-grid{grid-template-columns:1fr;padding:10px}:is(body.sl-page) #serverListBox .ss-server-card,
:is(body.sl-page) #serverListBox.sl-gridmode .ss-server-card{height:auto;min-height:205px;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto}:is(body.sl-page) #serverListBox .ss-server-main{gap:8px;padding:10px}:is(body.sl-page) #serverListBox .ss-server-data{gap:6px 10px}:is(body.sl-page) #serverListBox .ss-server-status{margin-left:0}:is(body.sl-page) #serverListBox .ss-server-bottom{flex-wrap:wrap}:is(body.sl-page) #serverListBox .ss-ip{max-width:100%;flex:1 1 100%}:is(body.sl-page) #serverListBox .ss-server-actions{width:100%}:is(body.sl-page) #serverListBox .ss-detail-link,
:is(body.sl-page) #serverListBox .ss-connect-link{flex:1}:is(body.sl-page) #serverListBox.sl-gridmode .ss-map-label{font-size:14px}}

/* Narrow phones: prevent a 100px map column from crushing controls or protruding. */
@media (max-width:520px){:is(body.sl-page) #serverListBox .ss-server-card,
:is(body.sl-page) #serverListBox.sl-gridmode .ss-server-card,
:is(body.sl-page) #serverListBox.sl-compactmode .ss-server-card{grid-template-columns:minmax(0,1fr);grid-template-rows:118px minmax(0,auto);height:auto;min-height:0}:is(body.sl-page) #serverListBox .ss-server-map{min-height:118px;max-height:118px}:is(body.sl-page) #serverListBox .ss-server-main{padding:12px 13px;gap:10px;min-width:0}:is(body.sl-page) #serverListBox .ss-server-bottom{gap:8px}:is(body.sl-page) #serverListBox .ss-ip{max-width:100%}:is(body.sl-page) #serverListBox .ss-server-actions{margin-left:0}:is(body.sl-page) #serverListBox .ss-server-data{row-gap:8px}}


/* ========= assets/css/master-server-page.css ========= */
:is(body.ms-page){
 --bg:#050817;--panel:#091429;--panel2:#0d1830;--line:#293d6b;--line2:#6b2fe0;
 --txt:#f7f8ff;--mut:#92a0b8;--purple:#942cff;--violet:#da3fff;
 --cyan:#35dfff;--green:#24e39c;--gold:#ffc63d;--red:#ff5b77;--blue:#4e85ff
}
:is(body.ms-page) *{box-sizing:border-box}
html:has(> :is(body.ms-page)){background:var(--bg);scroll-behavior:smooth}
:is(body.ms-page){margin:0;background:
 radial-gradient(circle at 15% 3%,rgba(99,34,205,.10),transparent 22%),
 radial-gradient(circle at 86% 9%,rgba(20,75,208,.08),transparent 20%),
 var(--bg);color:var(--txt);font-family:Manrope,Arial,sans-serif}
:is(body.ms-page) a{color:inherit;text-decoration:none}
:is(body.ms-page) img{display:block;max-width:100%}
:is(body.ms-page) button,
:is(body.ms-page) input,
:is(body.ms-page) select{font:inherit}
:is(body.ms-page) .ms-page{width:min(1585px,calc(100% - 38px));margin:auto}
:is(body.ms-page) .ms-card{background:linear-gradient(180deg,#0b1630,#071020);border:1px solid #2a3e6d;border-radius:9px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
:is(body.ms-page) .ms-head{height:38px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.055)}
:is(body.ms-page) .ms-head b{font-size:14px;letter-spacing:.04em}:is(body.ms-page) .ms-head small{font-size:14px;color:#8797ae}:is(body.ms-page) .ms-head a{font-size:14px;color:#e25cff;text-decoration:underline}

/* TOPBAR */
:is(body.ms-page) .ms-top{height:60px;border-bottom:1px solid #5925bf;background:rgba(5,8,23,.97);position:relative;z-index:30}
:is(body.ms-page) .ms-topin{height:60px;display:flex;align-items:center;gap:26px}
:is(body.ms-page) .ms-logo{width:280px;flex:0 0 280px}:is(body.ms-page) .ms-logo img{width:270px;height:52px;object-fit:contain;object-position:left center}
:is(body.ms-page) .ms-nav{display:flex;align-items:center;gap:30px;flex:1;height:60px}:is(body.ms-page) .ms-nav a{height:60px;display:flex;align-items:center;font-size:14px;font-weight:700;color:#d6deed;position:relative}:is(body.ms-page) .ms-nav a.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#ac35ff;box-shadow:0 0 14px #a630ff}
:is(body.ms-page) .ms-search{width:270px;height:36px;border:1px solid #304a7b;border-radius:7px;background:#071121;color:#9fb0c9;padding:0 12px;font-size:14px}
:is(body.ms-page) .ms-auth{display:flex;gap:9px}:is(body.ms-page) .ms-auth a{height:36px;padding:0 15px;border:1px solid #3b4e7a;border-radius:7px;background:#091326;display:flex;align-items:center;font-size:14px;font-weight:900}:is(body.ms-page) .ms-auth .create{background:linear-gradient(90deg,#7626ee,#a62fff);border-color:#b44fff;box-shadow:0 0 18px rgba(145,41,255,.28)}

/* HERO — matched to approved mockup */
:is(body.ms-page) .ms-hero{height:178px;position:relative;overflow:hidden;border-bottom:1px solid #7529eb;background:#050817}
:is(body.ms-page) .ms-hero-art{position:absolute;right:0;top:0;bottom:0;width:69%;background:url("/assets/masterserver2026/master-hero.webp") center right/cover no-repeat;filter:saturate(1.07) contrast(1.03)}
:is(body.ms-page) .ms-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050817 0%,#050817 35%,rgba(5,8,23,.92) 45%,rgba(5,8,23,.22) 76%,rgba(5,8,23,.02) 100%)}
:is(body.ms-page) .ms-heroin{position:relative;z-index:2;padding:15px 25px;width:720px}
:is(body.ms-page) .ms-title{font-size:55px;line-height:.92;font-weight:950;font-style:italic;letter-spacing:-.047em;margin:0 0 5px;text-shadow:0 5px 20px #000}:is(body.ms-page) .ms-title span{background:linear-gradient(90deg,#a52dff,#dd40ff);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(body.ms-page) .ms-sub{font-size:14px;color:#e4d8ff;line-height:1.26;max-width:610px}:is(body.ms-page) .ms-sub b{font-size:14px;color:#fff}
:is(body.ms-page) .ms-actions{display:flex;gap:9px;margin-top:10px}:is(body.ms-page) .ms-btn{height:32px;padding:0 18px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:950}:is(body.ms-page) .ms-btn.primary{background:linear-gradient(90deg,#7725ed,#a72fff);border:1px solid #bc55ff;box-shadow:0 0 17px rgba(150,41,255,.28)}:is(body.ms-page) .ms-btn.secondary{background:#091326;border:1px solid #34507e;color:#dbe6f5}

/* TOP STATS */
:is(body.ms-page) .ms-topstats{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:7px 0}:is(body.ms-page) .ms-stat{height:60px;padding:8px 11px;display:flex;align-items:center;gap:9px;border-color:#5630bb}:is(body.ms-page) .ms-stat i{font-style:normal;font-size:26px;color:#7673ff}:is(body.ms-page) .ms-stat strong{display:block;font-size:20px;color:#55f0dc;line-height:1}:is(body.ms-page) .ms-stat span{font-size:14px;color:#d0d8e8}:is(body.ms-page) .ms-stat.gold{border-color:#80611b}:is(body.ms-page) .ms-stat.green{border-color:#1b7459}

/* FIRST ROW */
:is(body.ms-page) .ms-row1{display:grid;grid-template-columns:1.06fr 1.08fr 1fr;gap:8px}
:is(body.ms-page) .ms-mapbody{display:grid;grid-template-columns:112px 1fr;gap:7px;padding:8px}:is(body.ms-page) .ms-mapstats{display:flex;flex-direction:column;gap:6px}:is(body.ms-page) .ms-mapstat{padding:8px;border:1px solid #263d6c;border-radius:6px;background:#081225}:is(body.ms-page) .ms-mapstat b{display:block;color:#57f0dd;font-size:14px}:is(body.ms-page) .ms-mapstat span{display:block;font-size:14px;color:#97a6ba;margin-top:2px}:is(body.ms-page) .ms-mapart{height:306px;border:1px solid #273d6c;border-radius:7px;background:url("/assets/masterserver2026/network-map.webp") center/cover no-repeat;position:relative}:is(body.ms-page) .ms-livenow{position:absolute;right:8px;top:8px;padding:4px 7px;border:1px solid #23725b;border-radius:5px;background:#071e1a;color:#52eda7;font-size:14px;font-weight:950}

/* GAME CARDS */
:is(body.ms-page) .ms-games{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px}:is(body.ms-page) .ms-game{height:137px;border:1px solid #2a3d68;border-radius:7px;background:#091426;overflow:hidden;color:#fff}:is(body.ms-page) .ms-gameart{height:77px;background:#101a2d center/cover no-repeat}:is(body.ms-page) .ms-gameinfo{padding:6px 7px;text-align:center}:is(body.ms-page) .ms-gameinfo b{font-size:14px;display:block}:is(body.ms-page) .ms-gameinfo span{font-size:14px;color:#a0aec1;display:block;margin-top:2px}:is(body.ms-page) .ms-more{height:137px;border:1px solid #2a3d68;border-radius:7px;display:grid;place-items:center;text-align:center;background:#091426}:is(body.ms-page) .ms-more i{font-style:normal;font-size:23px;color:#7e73ff}:is(body.ms-page) .ms-more b{font-size:14px}:is(body.ms-page) .ms-more span{font-size:14px;color:#9aa8bc}

/* LIVE STATS */
:is(body.ms-page) .ms-livebody{padding:8px}:is(body.ms-page) .ms-livegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}:is(body.ms-page) .ms-livebox{min-height:132px;border:1px solid #273c69;border-radius:6px;background:#081225;padding:7px}:is(body.ms-page) .ms-livebox span{display:block;font-size:14px;color:#899ab1}:is(body.ms-page) .ms-livebox strong{display:block;font-size:18px;color:#55efdc;margin:3px 0}:is(body.ms-page) .ms-growth{font-size:14px!important;color:#29e29c!important}:is(body.ms-page) .ms-chart{width:100%;height:79px}:is(body.ms-page) .ms-bars{height:78px;display:flex;gap:4px;align-items:flex-end;padding-top:5px}:is(body.ms-page) .ms-bars i{display:block;flex:1;min-height:4px;border-radius:2px 2px 0 0;background:linear-gradient(#be3cff,#5e2de2)}

/* NETWORK FEED */
:is(body.ms-page) .ms-feed{padding:5px 9px}:is(body.ms-page) .ms-feedrow{display:grid;grid-template-columns:20px 27px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}:is(body.ms-page) .ms-feedrow:last-child{border-bottom:0}:is(body.ms-page) .ms-feedrow .num{font-size:14px}:is(body.ms-page) .ms-feedrow .ico{width:25px;height:25px;border-radius:5px;background:#101a2c;display:grid;place-items:center;overflow:hidden}:is(body.ms-page) .ms-feedrow b{font-size:14px}:is(body.ms-page) .ms-feedrow small{display:block;font-size:14px;color:#8293a9;margin-top:1px}:is(body.ms-page) .ms-feedrow time{font-size:14px;color:#7688a1}

/* SECOND ROW */
:is(body.ms-page) .ms-row2{display:grid;grid-template-columns:.74fr .8fr .88fr 1.08fr;gap:8px;margin-top:8px}
:is(body.ms-page) .ms-country{display:grid;grid-template-columns:18px 1fr auto 72px;gap:6px;align-items:center;padding:7px 9px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}:is(body.ms-page) .ms-country:last-child{border-bottom:0}:is(body.ms-page) .ms-cbar{height:5px;border-radius:20px;background:#111e37;overflow:hidden}:is(body.ms-page) .ms-cbar i{height:100%;display:block;background:linear-gradient(90deg,#742ae9,#c43aff)}
:is(body.ms-page) .ms-trending{padding:5px 8px}:is(body.ms-page) .ms-trend{display:grid;grid-template-columns:20px 27px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}:is(body.ms-page) .ms-trend:last-child{border-bottom:0}:is(body.ms-page) .ms-trend .ico{width:25px;height:25px;border-radius:5px;overflow:hidden;background:#101a2c;display:grid;place-items:center}:is(body.ms-page) .ms-trend b{font-size:14px}:is(body.ms-page) .ms-trend small{display:block;font-size:14px;color:#8293a9}:is(body.ms-page) .ms-trend em{font-style:normal;font-size:14px;color:#d8e2ee}
:is(body.ms-page) .ms-reviews{padding:5px 9px}:is(body.ms-page) .ms-review{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}:is(body.ms-page) .ms-review:last-child{border-bottom:0}:is(body.ms-page) .ms-review b{font-size:14px}:is(body.ms-page) .ms-stars{color:#ffc640;font-size:14px}:is(body.ms-page) .ms-review p{font-size:14px;color:#8999ae;line-height:1.3;margin:2px 0 0}
:is(body.ms-page) .ms-community{padding:10px;background:radial-gradient(circle at 12% 10%,rgba(134,45,229,.20),transparent 40%),linear-gradient(135deg,#10102d,#080e22)}:is(body.ms-page) .ms-community h3{font-size:14px;margin:0 0 3px}:is(body.ms-page) .ms-community p{font-size:14px;color:#9ba8bd}:is(body.ms-page) .ms-avatars{display:flex;margin:10px 0}:is(body.ms-page) .ms-avatar{width:31px;height:31px;border-radius:50%;overflow:hidden;border:2px solid #15142d;background:linear-gradient(145deg,#902fff,#342093);margin-left:-6px;display:grid;place-items:center;font-size:14px;font-weight:950}:is(body.ms-page) .ms-avatar:first-child{margin-left:0}:is(body.ms-page) .ms-avatar img{width:100%;height:100%;object-fit:cover}:is(body.ms-page) .ms-community ul{list-style:none;padding:0;margin:8px 0}:is(body.ms-page) .ms-community li{font-size:14px;color:#cdd6e5;margin:5px 0}:is(body.ms-page) .ms-community li:before{content:"✓";color:#cf55ff;margin-right:6px}

/* STATUS BAR + FOOTER */
:is(body.ms-page) .ms-statusbar{display:grid;grid-template-columns:1.15fr repeat(5,.75fr) 1.05fr;gap:6px;margin-top:8px}:is(body.ms-page) .ms-status{height:46px;padding:6px 9px;display:flex;gap:7px;align-items:center}:is(body.ms-page) .ms-status i{font-style:normal;font-size:17px;color:#30e4a2}:is(body.ms-page) .ms-status b{display:block;font-size:14px}:is(body.ms-page) .ms-status span{display:block;font-size:14px;color:#58dda8}
:is(body.ms-page) .ms-foot{height:54px;border-top:1px solid #282b54;margin-top:8px;display:flex;align-items:center;gap:22px;padding:0 7px}:is(body.ms-page) .ms-footlogo{width:190px}:is(body.ms-page) .ms-footlogo img{height:43px;width:auto}:is(body.ms-page) .ms-footnav{display:flex;gap:24px;flex:1;font-size:14px;color:#a8b5c7}:is(body.ms-page) .ms-social{display:flex;gap:12px;padding:6px 15px;border:1px solid #273b69;border-radius:7px;font-size:14px}:is(body.ms-page) .ms-copy{font-size:14px;color:#8391a6}:is(body.ms-page) .ms-slogan{font-size:16px;color:#e252ff;font-style:italic;line-height:1;transform:rotate(-5deg);text-align:right}

@media (max-width:1120px){
 :is(body.ms-page) .ms-search{display:none}:is(body.ms-page) .ms-topstats{grid-template-columns:repeat(3,1fr)}:is(body.ms-page) .ms-row1{grid-template-columns:1fr 1fr}:is(body.ms-page) .ms-row1>section:first-child{grid-column:1/-1}:is(body.ms-page) .ms-row1>div{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}:is(body.ms-page) .ms-row2{grid-template-columns:1fr 1fr}:is(body.ms-page) .ms-statusbar{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
 :is(body.ms-page) .ms-page{width:calc(100% - 18px)}:is(body.ms-page) .ms-top{height:auto}:is(body.ms-page) .ms-topin{min-height:55px;height:auto;gap:10px;flex-wrap:wrap;padding:7px 0}:is(body.ms-page) .ms-logo{width:115px;flex-basis:115px}:is(body.ms-page) .ms-logo img{width:112px;height:34px}:is(body.ms-page) .ms-nav{order:3;width:100%;height:33px;overflow:auto;gap:18px}:is(body.ms-page) .ms-nav a{height:33px;font-size:14px;white-space:nowrap}:is(body.ms-page) .ms-auth{margin-left:auto}:is(body.ms-page) .ms-auth a{height:30px;padding:0 9px;font-size:14px}
 :is(body.ms-page) .ms-hero{height:215px}:is(body.ms-page) .ms-hero-art{width:100%;opacity:.58}:is(body.ms-page) .ms-hero:after{background:linear-gradient(90deg,rgba(5,8,23,.96),rgba(5,8,23,.55))}:is(body.ms-page) .ms-heroin{width:100%;padding:18px 15px}:is(body.ms-page) .ms-title{font-size:37px}:is(body.ms-page) .ms-sub{font-size:14px;max-width:430px}:is(body.ms-page) .ms-topstats,
:is(body.ms-page) .ms-row1,
:is(body.ms-page) .ms-row2,
:is(body.ms-page) .ms-statusbar{grid-template-columns:1fr}:is(body.ms-page) .ms-row1>section:first-child,
:is(body.ms-page) .ms-row1>div{grid-column:auto}:is(body.ms-page) .ms-row1>div{display:grid;grid-template-columns:1fr}:is(body.ms-page) .ms-mapbody{grid-template-columns:1fr}:is(body.ms-page) .ms-mapstats{display:grid;grid-template-columns:repeat(2,1fr)}:is(body.ms-page) .ms-games{grid-template-columns:repeat(2,1fr)}:is(body.ms-page) .ms-livegrid{grid-template-columns:1fr}:is(body.ms-page) .ms-foot{height:auto;flex-wrap:wrap;padding:12px 0}:is(body.ms-page) .ms-footnav{order:3;width:100%;flex-basis:100%;gap:13px;flex-wrap:wrap}:is(body.ms-page) .ms-slogan{display:none}
}


/* ========= assets/css/master-server-refined.css ========= */
/* Master Server — consolidated refinements for the actual page layout. */
:is(body.ms-page) .ms-page .ms-row2{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
:is(body.ms-page) .ms-page .ms-row2 > .ms-card{min-width:0;overflow:hidden;border-radius:16px}
:is(body.ms-page) .ms-page .ms-row2 .ms-head{height:auto!important;min-height:88px;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding:16px!important;flex-wrap:wrap;border-bottom:1px solid rgba(134,165,220,.12)}
:is(body.ms-page) .ms-page .ms-row2 .ms-head>div{display:flex!important;flex:1 1 180px;flex-direction:column!important;align-items:flex-start!important;gap:7px!important;min-width:0}
:is(body.ms-page) .ms-page .ms-row2 .ms-head b{font-size:16px!important;line-height:1.3!important;letter-spacing:0!important;color:#f3f5ff}
:is(body.ms-page) .ms-page .ms-row2 .ms-head small{font-size:14px!important;line-height:1.5!important;color:#a5b8dc;display:block!important;white-space:normal!important}
:is(body.ms-page) .ms-page .ms-row2 .ms-head a{font-size:14px!important;font-weight:700!important;line-height:1.45!important;white-space:nowrap!important;text-decoration:none!important;color:#c3a0ff!important;flex-shrink:0}
:is(body.ms-page) .ms-page .ms-country{grid-template-columns:26px minmax(0,1fr) auto!important;gap:10px!important;min-height:62px;padding:10px 14px!important;font-size:14px!important}
:is(body.ms-page) .ms-page .ms-country .ms-cbar{grid-column:2/-1;width:100%;height:6px!important}
:is(body.ms-page) .ms-page .ms-country>span:nth-child(2){min-width:0;overflow-wrap:break-word;font-weight:650;color:#e2eaff}
:is(body.ms-page) .ms-page .ms-trending{padding:8px!important}
:is(body.ms-page) .ms-page .ms-trend{display:grid!important;grid-template-columns:22px 30px minmax(0,1fr)!important;gap:8px!important;align-items:center;min-height:80px!important;padding:12px 8px!important}
:is(body.ms-page) .ms-page .ms-trend>span:nth-child(3){min-width:0}
:is(body.ms-page) .ms-page .ms-trend b{font-size:14px!important;line-height:1.4!important;display:block;white-space:normal!important;overflow-wrap:anywhere}
:is(body.ms-page) .ms-page .ms-trend small{font-size:14px!important;line-height:1.5!important;display:block;color:#aabddc}
:is(body.ms-page) .ms-page .ms-trend em{grid-column:3;text-align:left;font-size:14px!important;font-style:normal;color:#70eab9}
:is(body.ms-page) .ms-page .ms-reviews{padding:12px!important}
:is(body.ms-page) .ms-page .ms-review{padding:14px!important;border:1px solid rgba(126,155,210,.16);border-radius:12px;background:#0b1933}
:is(body.ms-page) .ms-page .ms-review p{line-height:1.55!important;font-size:14px!important;margin-top:6px}
/* Responsive: panel contents do not collapse into narrow vertical text. */
@media (max-width:1280px){:is(body.ms-page) .ms-page .ms-row2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:700px){:is(body.ms-page) .ms-page .ms-row2{grid-template-columns:1fr!important}:is(body.ms-page) .ms-page .ms-row2 .ms-head{min-height:0!important}:is(body.ms-page) .ms-page .ms-country{grid-template-columns:24px minmax(0,1fr) auto!important}}


/* ========= assets/css/master-server-mockup-2027.css ========= */
:is(body.ms-page).ms-page{background:radial-gradient(ellipse at 92% 2%,#5222a21d,transparent 34%),#050817!important;color:#f5f7ff;font-size:16px;line-height:1.55}
:is(body.ms-page).ms-page>.ms-hero,
:is(body.ms-page).ms-page>.ssg-header{width:100%;min-width:0}
:is(body.ms-page).ms-page>.ms-hero>.ms-page,
:is(body.ms-page).ms-page>main.ms-page{width:calc(100% - 48px);max-width:1700px;margin-inline:auto;min-width:0}
:is(body.ms-page).ms-page .ms-hero{height:auto;min-height:268px;border-bottom-color:#48357e;background:#081029}
:is(body.ms-page).ms-page .ms-hero-art{width:72%;opacity:.94;background-position:center right}
:is(body.ms-page).ms-page .ms-hero:after{background:linear-gradient(90deg,#050817 0%,#050817e8 30%,#060a1bbd 52%,#080d2033 100%)}
:is(body.ms-page).ms-page .ms-heroin{min-height:268px;max-width:770px;width:min(100%,770px);padding:36px 20px 30px 6px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
:is(body.ms-page).ms-page .ms-title{font-size:clamp(40px,4.6vw,70px);font-style:normal;letter-spacing:-.055em;line-height:1.05;margin:0 0 12px}
:is(body.ms-page).ms-page .ms-sub,
:is(body.ms-page).ms-page .ms-sub b{font-size:16px;line-height:1.5;color:#dce4fb}
:is(body.ms-page).ms-page .ms-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
:is(body.ms-page).ms-page .ms-btn{min-height:45px;height:auto;border-radius:10px;padding:10px 18px;font-size:15px;line-height:1.35;white-space:normal;text-align:center}
:is(body.ms-page).ms-page .ms-btn.primary{background:linear-gradient(115deg,#8a38f8,#604df8 55%,#427cff);border-color:#b28bff;box-shadow:0 7px 24px #6835e43f}
:is(body.ms-page).ms-page .ms-card{background:linear-gradient(155deg,#101b39,#081226)!important;border:1px solid #334876;border-radius:15px;min-width:0;box-shadow:0 12px 30px #0004}
:is(body.ms-page).ms-page .ms-topstats{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px;padding:22px 0 14px}
:is(body.ms-page).ms-page .ms-stat{height:auto;min-height:96px;padding:16px 13px;gap:12px}
:is(body.ms-page).ms-page .ms-stat i{font-size:28px;flex:0 0 auto}
:is(body.ms-page).ms-page .ms-stat strong{font-size:clamp(22px,1.6vw,30px);line-height:1.2;color:#8fe9ff;overflow-wrap:anywhere}
:is(body.ms-page).ms-page .ms-stat span{font-size:14px;line-height:1.5;color:#bbcbeb}
:is(body.ms-page).ms-page .ms-row1{gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}
:is(body.ms-page).ms-page .ms-row1>*,
:is(body.ms-page).ms-page .ms-row2>*,
:is(body.ms-page).ms-page .ms-statusbar>*{min-width:0}
:is(body.ms-page).ms-page .ms-head{height:auto;min-height:70px;padding:15px 18px;gap:12px;flex-wrap:wrap}
:is(body.ms-page).ms-page .ms-head>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
:is(body.ms-page).ms-page .ms-head b{font-size:17px;line-height:1.3;letter-spacing:0;color:#f5f7ff}
:is(body.ms-page).ms-page .ms-head small{font-size:14px;line-height:1.5;color:#aec0de}
:is(body.ms-page).ms-page .ms-head a{font-size:15px;text-decoration:none;color:#cbabff;line-height:1.45}
:is(body.ms-page).ms-page .ms-mapbody{grid-template-columns:136px minmax(0,1fr);gap:10px;padding:12px}
:is(body.ms-page).ms-page .ms-mapstats{gap:8px}
:is(body.ms-page).ms-page .ms-mapstat{padding:11px;border-radius:10px;background:#0b1933;border-color:#2b416f}
:is(body.ms-page).ms-page .ms-mapstat b{font-size:20px;line-height:1.3}
:is(body.ms-page).ms-page .ms-mapstat span{font-size:14px;line-height:1.45;color:#c0cdea}
:is(body.ms-page).ms-page .ms-mapart{height:340px;border-radius:11px;background-size:cover}
:is(body.ms-page).ms-page .ms-games{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;gap:9px;padding:12px}
:is(body.ms-page).ms-page .ms-game,
:is(body.ms-page).ms-page .ms-more{height:auto;min-height:160px;border-radius:11px;border-color:#2f4775;background:#0b1933}
:is(body.ms-page).ms-page .ms-gameart{height:84px}
:is(body.ms-page).ms-page .ms-gameinfo{padding:10px 7px}
:is(body.ms-page).ms-page .ms-gameinfo b{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
:is(body.ms-page).ms-page .ms-gameinfo span,
:is(body.ms-page).ms-page .ms-more span{font-size:14px;line-height:1.45;color:#bed0e9}
:is(body.ms-page).ms-page .ms-more{padding:10px}
:is(body.ms-page).ms-page .ms-more b{font-size:15px}
:is(body.ms-page).ms-page .ms-livebody{padding:12px}
:is(body.ms-page).ms-page .ms-livegrid{gap:10px}
:is(body.ms-page).ms-page .ms-livebox{min-height:158px;padding:13px;border-radius:10px}
:is(body.ms-page).ms-page .ms-livebox>span{font-size:14px;line-height:1.45;color:#bfd0e9}
:is(body.ms-page).ms-page .ms-livebox strong{font-size:24px;line-height:1.3}
:is(body.ms-page).ms-page .ms-feed{padding:8px 15px}
:is(body.ms-page).ms-page .ms-feedrow{grid-template-columns:26px 30px minmax(0,1fr) auto;gap:10px;padding:11px 0}
:is(body.ms-page).ms-page .ms-feedrow>span:nth-child(3){min-width:0;overflow-wrap:anywhere}
:is(body.ms-page).ms-page .ms-feedrow b{font-size:15px;line-height:1.4}
:is(body.ms-page).ms-page .ms-feedrow small,
:is(body.ms-page).ms-page .ms-feedrow time{font-size:14px;line-height:1.5;color:#b0c0dc}
:is(body.ms-page).ms-page .ms-row2{margin-top:15px;gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))}
:is(body.ms-page).ms-page .ms-statusbar{gap:12px;margin-top:15px}
:is(body.ms-page).ms-page .ms-status{min-width:0}
:is(body.ms-page).ms-page .ms-status :is(b,span){overflow-wrap:anywhere}
:is(body.ms-page).ms-page :is(.ms-btn,.ms-game,.ms-trend,.ms-more,a):focus-visible{outline:3px solid #70ceff;outline-offset:3px}
:is(body.ms-page).ms-page .ms-foot{margin-top:24px;padding:20px 0;height:auto;min-height:88px;gap:18px;flex-wrap:wrap;border-top-color:#34477b}
:is(body.ms-page).ms-page .ms-footnav{display:flex;flex:1 1 420px;flex-wrap:wrap;gap:12px 19px}
:is(body.ms-page).ms-page .ms-footnav a,
:is(body.ms-page).ms-page .ms-copy{font-size:14px;line-height:1.5;color:#b5c5e3}
:is(body.ms-page).ms-page .ms-footlogo{flex:0 0 160px}
:is(body.ms-page).ms-page .ms-footlogo img{max-width:160px;height:auto;max-height:50px;object-fit:contain}
:is(body.ms-page).ms-page .ms-slogan{font-size:16px}
@media (max-width:1510px){
 :is(body.ms-page).ms-page .ms-topstats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 :is(body.ms-page).ms-page .ms-row1{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(body.ms-page).ms-page .ms-row1>div:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:stretch}
 :is(body.ms-page).ms-page .ms-mapbody{grid-template-columns:130px minmax(0,1fr)}
}
@media (max-width:1280px){:is(body.ms-page).ms-page .ms-row2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
 :is(body.ms-page).ms-page>.ms-hero>.ms-page,
:is(body.ms-page).ms-page>main.ms-page{width:calc(100% - 28px)}
 :is(body.ms-page).ms-page .ms-hero-art{width:100%;opacity:.5}
 :is(body.ms-page).ms-page .ms-hero:after{background:linear-gradient(90deg,#050817f7,#050817b0)}
 :is(body.ms-page).ms-page .ms-topstats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 :is(body.ms-page).ms-page .ms-row1{grid-template-columns:minmax(0,1fr)}
 :is(body.ms-page).ms-page .ms-row1>section:first-child,
:is(body.ms-page).ms-page .ms-row1>div:nth-child(3){grid-column:auto}
 :is(body.ms-page).ms-page .ms-mapbody{grid-template-columns:140px minmax(0,1fr)}
 :is(body.ms-page).ms-page .ms-row1>div:nth-child(3){grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
 :is(body.ms-page).ms-page>.ms-hero>.ms-page,
:is(body.ms-page).ms-page>main.ms-page{width:calc(100% - 24px)}
 :is(body.ms-page).ms-page .ms-heroin{min-height:280px;padding:25px 4px}
 :is(body.ms-page).ms-page .ms-title{font-size:clamp(34px,9vw,47px)}
 :is(body.ms-page).ms-page .ms-sub,
:is(body.ms-page).ms-page .ms-sub b{font-size:15px;line-height:1.55}
 :is(body.ms-page).ms-page .ms-actions{gap:8px}
 :is(body.ms-page).ms-page .ms-btn{flex:1 1 145px;min-height:47px;font-size:14px;padding:10px}
 :is(body.ms-page).ms-page .ms-stat{padding:13px 11px;min-height:89px}
 :is(body.ms-page).ms-page .ms-stat strong{font-size:23px}
 :is(body.ms-page).ms-page .ms-mapbody{grid-template-columns:minmax(0,1fr)}
 :is(body.ms-page).ms-page .ms-mapstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(body.ms-page).ms-page .ms-mapart{height:230px}
 :is(body.ms-page).ms-page .ms-games{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(body.ms-page).ms-page .ms-livegrid{grid-template-columns:minmax(0,1fr)}
 :is(body.ms-page).ms-page .ms-row2{grid-template-columns:minmax(0,1fr)}
 :is(body.ms-page).ms-page .ms-head{padding:14px}
 :is(body.ms-page).ms-page .ms-statusbar{grid-template-columns:minmax(0,1fr)}
 :is(body.ms-page).ms-page .ms-footlogo{flex-basis:110px}
}
@media (max-width:360px){:is(body.ms-page).ms-page .ms-topstats{grid-template-columns:minmax(0,1fr)!important}}
@media (prefers-reduced-motion:reduce){:is(body.ms-page).ms-page a,
:is(body.ms-page).ms-page button{transition:none!important;animation:none!important}}

/* Master Server — verifiable monitoring state, compact responsive cards. */
:is(body.ms-page).ms-page .ms-data-freshness{display:inline-flex;align-items:center;min-height:33px;padding:6px 11px;border:1px solid #4c6583;border-radius:999px;background:#10213a;color:#d5e4f6;font-size:14px;font-weight:850;line-height:1.4}
:is(body.ms-page).ms-page .ms-data-note{display:block;color:#b0c5df;font-size:14px;line-height:1.45;margin-top:3px}
:is(body.ms-page).ms-page .ms-livebox{min-width:0;overflow:hidden}
:is(body.ms-page).ms-page .ms-livebox :is(strong,span,small){overflow-wrap:anywhere}
:is(body.ms-page).ms-page .ms-chart{display:block;max-width:100%;height:auto;margin-top:8px}
:is(body.ms-page).ms-page .ms-topstats .ms-stat{min-width:0}
:is(body.ms-page).ms-page .ms-stat strong{font-variant-numeric:tabular-nums}
@media (max-width:620px){
 :is(body.ms-page).ms-page .ms-head{align-items:flex-start}
 :is(body.ms-page).ms-page .ms-data-freshness{font-size:14px;max-width:100%}
 :is(body.ms-page).ms-page .ms-livebox{min-height:150px}
}


/* ========= assets/css/server-detail-2027.css ========= */
/* Base Server Info styles from server_info.php, followed by existing premium overrides. */
:is(body.ss-route-server_info) .ss26-page-masthead{display:none!important}
:is(body.ss-route-server_info).ss26-page-servers .ss26-content-wrap.wrap,
:is(body.ss-route-server_info).ss26-page-server .ss26-content-wrap.wrap{
  width:min(1540px,calc(100% - 24px))!important;
  max-width:1540px!important;
}
:is(body.ss-route-server_info) .sv26{
  --bg:#050817;--panel:#091428;--panel2:#0d1930;--line:#263d69;
  --txt:#f6f8ff;--mut:#8695ad;--purple:#8d31ff;--violet:#bd3cff;
  --cyan:#37ddff;--green:#2ce69b;--gold:#ffc64a;--red:#ff5572;
  color:var(--txt);margin:8px auto 28px
}
:is(body.ss-route-server_info) .sv26 *{box-sizing:border-box}:is(body.ss-route-server_info) .sv26 a{text-decoration:none}:is(body.ss-route-server_info) .sv-card{background:linear-gradient(180deg,#0a1730,#071120);border:1px solid var(--line);border-radius:10px;overflow:hidden}
:is(body.ss-route-server_info) .sv-bc{font-size:14px;color:#7a8aa4;margin:7px 0 10px}:is(body.ss-route-server_info) .sv-bc a{color:#b0bdd0}
:is(body.ss-route-server_info) .sv-hero{position:relative;overflow:hidden;border:1px solid rgba(134,56,255,.58);border-radius:12px;min-height:226px;background:#07101f}
:is(body.ss-route-server_info) .sv-hero-bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(4,8,18,.98) 0%,rgba(5,10,21,.95) 48%,rgba(32,8,60,.62) 100%),
  var(--ss-map-image) center/cover no-repeat}
:is(body.ss-route-server_info) .sv-hero-bg:after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
  linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:28px 28px;opacity:.34}
:is(body.ss-route-server_info) .sv-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:145px minmax(0,1fr) 400px 250px;gap:14px;align-items:center;padding:14px}
:is(body.ss-route-server_info) .sv-game{height:176px;border:1px solid rgba(197,116,255,.28);border-radius:10px;background:linear-gradient(145deg,rgba(96,40,173,.35),rgba(6,13,29,.93));display:grid;place-items:center;text-align:center}:is(body.ss-route-server_info) .sv-game .ico{height:105px;display:grid;place-items:center}:is(body.ss-route-server_info) .sv-game b{display:block;font-size:14px}:is(body.ss-route-server_info) .sv-game small{display:block;color:#8c9bb2;font-size:14px;margin-top:4px}
:is(body.ss-route-server_info) .sv-badges{display:flex;gap:6px;flex-wrap:wrap}:is(body.ss-route-server_info) .sv-pill{height:24px;padding:0 8px;border-radius:999px;border:1px solid #315078;background:#071225;color:#cdd8e9;display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:950}:is(body.ss-route-server_info) .sv-pill.on{color:#58efa9;border-color:#21805b;background:rgba(34,156,104,.08)}:is(body.ss-route-server_info) .sv-pill.boost{color:#eca0ff;border-color:#8a3fbb;background:rgba(148,45,179,.08)}:is(body.ss-route-server_info) .sv-pill.verify{color:#72e7ff;border-color:#35748d;background:rgba(46,183,220,.08)}
:is(body.ss-route-server_info) .sv-title{font-size:30px;line-height:1.04;letter-spacing:-.03em;margin:8px 0 6px;font-weight:950}:is(body.ss-route-server_info) .sv-sub{font-size:14px;color:#b9c4d6}:is(body.ss-route-server_info) .sv-facts{display:flex;gap:19px;flex-wrap:wrap;margin-top:13px}:is(body.ss-route-server_info) .sv-fact b{display:block;font-size:14px}:is(body.ss-route-server_info) .sv-fact small{display:block;color:#7d8da6;font-size:14px;margin-top:2px}
:is(body.ss-route-server_info) .sv-trust{border:1px solid rgba(54,213,255,.65);border-radius:10px;padding:10px;background:rgba(5,13,30,.86);box-shadow:0 0 25px rgba(42,207,255,.07)}:is(body.ss-route-server_info) .sv-trust-main{display:grid;grid-template-columns:1fr 82px;gap:10px;align-items:center}:is(body.ss-route-server_info) .sv-trust-name{display:flex;align-items:center;gap:7px;color:#43dcff;font-size:14px;font-weight:950}:is(body.ss-route-server_info) .sv-shield{width:31px;height:34px;border:2px solid #49e2ff;border-radius:9px 9px 13px 13px;display:grid;place-items:center}:is(body.ss-route-server_info) .sv-fresh{font-size:14px;color:#8395ad;margin:4px 0 0 38px}:is(body.ss-route-server_info) .sv-trustscore{margin-top:8px;padding:7px;border:1px solid #20375c;border-radius:6px;background:#061022}:is(body.ss-route-server_info) .sv-trustscore span{font-size:14px;color:#8797ad}:is(body.ss-route-server_info) .sv-trustscore b{display:block;color:#49ecaa;font-size:14px;margin-top:2px}
:is(body.ss-route-server_info) .sv-gauge{--p:0;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#38e7d1 calc(var(--p)*1%),#6537ee calc(var(--p)*1%),#162239 0);position:relative}:is(body.ss-route-server_info) .sv-gauge:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#071120}:is(body.ss-route-server_info) .sv-gauge div{position:relative;text-align:center}:is(body.ss-route-server_info) .sv-gauge strong{display:block;font-size:20px}:is(body.ss-route-server_info) .sv-gauge small{font-size:14px;color:#9aa9bd}
:is(body.ss-route-server_info) .sv-trust-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px}:is(body.ss-route-server_info) .sv-trust-mini>div{padding:6px 4px;border:1px solid #203658;border-radius:5px;background:#061022;text-align:center}:is(body.ss-route-server_info) .sv-trust-mini b{display:block;font-size:14px}:is(body.ss-route-server_info) .sv-trust-mini small{font-size:14px;color:#8291a7}:is(body.ss-route-server_info) .sv-boostnote{font-size:14px;color:#9b8db8;margin-top:6px}
:is(body.ss-route-server_info) .sv-owner{display:flex;flex-direction:column;gap:9px}:is(body.ss-route-server_info) .sv-ownerline{display:flex;align-items:center;gap:8px}:is(body.ss-route-server_info) .sv-avatar{width:46px;height:46px;border-radius:50%;border:1px solid #d7def0;background:#14122d;display:grid;place-items:center;overflow:hidden}:is(body.ss-route-server_info) .sv-avatar img{width:100%;height:100%;object-fit:cover}:is(body.ss-route-server_info) .sv-ownerline b{font-size:14px}:is(body.ss-route-server_info) .sv-ownerline small{display:block;color:#8292a9;font-size:14px;margin-top:2px}:is(body.ss-route-server_info) .sv-joinrow{display:grid;grid-template-columns:42px 1fr;gap:7px}:is(body.ss-route-server_info) .sv-fav{height:42px;border:1px solid #2b426d;border-radius:7px;background:#071326;color:#fff;font-size:17px}:is(body.ss-route-server_info) .sv-fav.on{color:#ff6f9c;border-color:#ff6f9c}:is(body.ss-route-server_info) .sv-join{height:42px;border-radius:7px;background:linear-gradient(90deg,#7f2ced,#b135ff);display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:14px;font-weight:950}
:is(body.ss-route-server_info) .sv-tabs{display:flex;overflow:auto;margin-top:9px;border:1px solid #293e69;border-radius:8px;background:#071120}:is(body.ss-route-server_info) .sv-tabs a{padding:10px 15px;color:#9cabbe;font-size:14px;white-space:nowrap}:is(body.ss-route-server_info) .sv-tabs a:first-child{color:#fff;background:linear-gradient(180deg,#7928e7,#5620b5)}
:is(body.ss-route-server_info) .sv-grid{display:grid;grid-template-columns:1.13fr 1.13fr 1fr 1.04fr;gap:10px;margin-top:10px;align-items:start}:is(body.ss-route-server_info) .sv-head{height:36px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;font-weight:950}:is(body.ss-route-server_info) .sv-body{padding:10px}:is(body.ss-route-server_info) .sv-muted{font-size:14px;color:#8291a8}
:is(body.ss-route-server_info) .sv-status{display:flex;align-items:center;gap:7px;color:#4be7a4;font-size:14px;font-weight:950}:is(body.ss-route-server_info) .sv-status i{width:8px;height:8px;border-radius:50%;background:#2ce69b;box-shadow:0 0 10px #2ce69b}:is(body.ss-route-server_info) .sv-mini4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}:is(body.ss-route-server_info) .sv-mini{padding:8px 4px;border:1px solid #21385c;border-radius:6px;text-align:center;background:#071225}:is(body.ss-route-server_info) .sv-mini b{display:block;font-size:14px}:is(body.ss-route-server_info) .sv-mini small{display:block;font-size:14px;color:#7d8ea6;margin-top:2px}:is(body.ss-route-server_info) .sv-chart{width:100%;height:95px;margin-top:7px}
:is(body.ss-route-server_info) .sv-map{height:185px;border:1px solid #263d68;border-radius:7px;overflow:hidden;position:relative;background:#111b2d}:is(body.ss-route-server_info) .sv-map img{width:100%;height:100%;object-fit:cover}:is(body.ss-route-server_info) .sv-map:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,8,16,.9))}:is(body.ss-route-server_info) .sv-maplabel{position:absolute;z-index:2;left:11px;bottom:9px}:is(body.ss-route-server_info) .sv-maplabel b{display:block;font-size:16px}:is(body.ss-route-server_info) .sv-maplabel small{font-size:14px;color:#c3cedd}
:is(body.ss-route-server_info) .sv-details{width:100%;border-collapse:collapse}:is(body.ss-route-server_info) .sv-details td{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}:is(body.ss-route-server_info) .sv-details td:first-child{color:#7b8ca5;width:40%}:is(body.ss-route-server_info) .sv-details td:last-child{font-weight:800}
:is(body.ss-route-server_info) .sv-support{border-color:rgba(170,70,255,.52);background:radial-gradient(circle at 82% 0,rgba(255,191,65,.12),transparent 28%),linear-gradient(145deg,#10102a,#091224)}:is(body.ss-route-server_info) .sv-support .cup{font-size:28px}:is(body.ss-route-server_info) .sv-vote{width:100%;height:39px;border:0;border-radius:7px;background:linear-gradient(90deg,#8a30f3,#b637ff);color:#fff;font-size:14px;font-weight:950;margin-top:9px;cursor:pointer}:is(body.ss-route-server_info) .sv-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}:is(body.ss-route-server_info) .sv-action{height:38px;border:1px solid #2c426c;border-radius:7px;background:#071326;color:#dfe7f4!important;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}:is(body.ss-route-server_info) .sv-action.purple{border-color:#6d2fc6;color:#dcaaff!important}
:is(body.ss-route-server_info) .sv-event{display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:14px}:is(body.ss-route-server_info) .sv-event:last-child{border-bottom:0}:is(body.ss-route-server_info) .sv-event time{color:#7687a0;font-size:14px}
:is(body.ss-route-server_info) .sv-health{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}:is(body.ss-route-server_info) .sv-health>div{padding:8px 4px;border:1px solid #22456b;border-radius:6px;text-align:center;background:#061428}:is(body.ss-route-server_info) .sv-health>div.good{border-color:#1d775e}:is(body.ss-route-server_info) .sv-health b{display:block;font-size:14px;color:#4be5a9}:is(body.ss-route-server_info) .sv-health small{display:block;font-size:14px;color:#8292aa;margin-top:2px}:is(body.ss-route-server_info) .sv-ranges{display:flex;gap:6px;margin:9px 0 2px}:is(body.ss-route-server_info) .sv-ranges button{height:25px;padding:0 20px;border:1px solid #283f69;border-radius:5px;background:#0a1730;color:#c8d4e6;font-size:14px}:is(body.ss-route-server_info) .sv-ranges button.on{background:#7c2bea;border-color:#a44fff;color:#fff}
:is(body.ss-route-server_info) .sv-reviews{display:grid;grid-template-columns:72px 1fr;gap:8px}:is(body.ss-route-server_info) .sv-reviewscore{text-align:center}:is(body.ss-route-server_info) .sv-reviewscore strong{font-size:22px}:is(body.ss-route-server_info) .sv-stars{color:#ffc640;font-size:14px;letter-spacing:1px}:is(body.ss-route-server_info) .sv-reviewrow{padding:7px 0;border-top:1px solid rgba(255,255,255,.05)}:is(body.ss-route-server_info) .sv-reviewrow:first-child{border-top:0}:is(body.ss-route-server_info) .sv-reviewrow b{font-size:14px}:is(body.ss-route-server_info) .sv-reviewrow p{margin:3px 0 0;font-size:14px;color:#93a2b7;line-height:1.35}
:is(body.ss-route-server_info) .sv-sim a{display:grid;grid-template-columns:66px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.045);color:#edf2fb!important}:is(body.ss-route-server_info) .sv-sim a:last-child{border-bottom:0}:is(body.ss-route-server_info) .sv-simimg{width:66px;height:39px;border-radius:5px;overflow:hidden;background:#101b2e}:is(body.ss-route-server_info) .sv-simimg img{width:100%;height:100%;object-fit:cover}:is(body.ss-route-server_info) .sv-sim b{font-size:14px}:is(body.ss-route-server_info) .sv-sim small{display:block;font-size:14px;color:#8191aa;margin-top:2px}:is(body.ss-route-server_info) .sv-sim em{font-style:normal;font-size:14px;color:#35e9a0;text-align:right}
:is(body.ss-route-server_info) .sv-trustbar{margin-top:10px;padding:10px 12px;border:1px solid rgba(82,80,255,.78);border-radius:10px;background:linear-gradient(90deg,rgba(4,33,60,.96),rgba(8,15,38,.97),rgba(56,9,89,.8));display:grid;grid-template-columns:280px 110px repeat(5,1fr);gap:7px;align-items:center}:is(body.ss-route-server_info) .sv-trustbrand{display:flex;align-items:center;gap:9px}:is(body.ss-route-server_info) .sv-bigshield{width:46px;height:46px;border:2px solid #45ddff;border-radius:11px 11px 16px 16px;display:grid;place-items:center;color:#4ae9ff;font-size:22px}:is(body.ss-route-server_info) .sv-trustbrand b{font-size:14px;color:#d774ff}:is(body.ss-route-server_info) .sv-trustbrand small{display:block;font-size:14px;color:#9aa9bc;margin-top:3px}:is(body.ss-route-server_info) .sv-trustbar-score{text-align:center;color:#4cedaa;font-size:14px;font-weight:950}:is(body.ss-route-server_info) .sv-trustcell{padding:7px;border:1px solid #24466d;border-radius:6px;background:rgba(4,18,35,.72);text-align:center}:is(body.ss-route-server_info) .sv-trustcell b{display:block;font-size:14px}:is(body.ss-route-server_info) .sv-trustcell small{font-size:14px;color:#8d9eb5}
/* Pașaportul public: date reale, fără badge-uri cumpărate. */
:is(body.ss-route-server_info) .sv-clan-link{margin:12px 0 0!important;font-size:16px!important;line-height:1.5;color:#d9d1fa;overflow-wrap:anywhere}:is(body.ss-route-server_info) .sv-clan-link a{font-size:16px!important;color:#c4a9ff!important;font-weight:800}
:is(body.ss-route-server_info) .sv-passport{margin-top:14px;overflow:hidden}
:is(body.ss-route-server_info) .sv-passport-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;padding:17px 20px;border-bottom:1px solid #283a5a}
:is(body.ss-route-server_info) .sv-passport-title h2{margin:0;font-size:22px;line-height:1.3;color:#f4f7ff}
:is(body.ss-route-server_info) .sv-passport-title p{margin:4px 0 0;color:#b0bfda;font-size:15px;line-height:1.55}
:is(body.ss-route-server_info) .sv-passport-state{border:1px solid #42749c;border-radius:999px;padding:7px 12px;color:#a8eaff;background:#0a2237;font-size:14px;font-weight:850}
:is(body.ss-route-server_info) .sv-passport-data{padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:is(body.ss-route-server_info) .sv-passport-field{border:1px solid #314568;border-radius:11px;padding:14px;background:#08162c;min-width:0}
:is(body.ss-route-server_info) .sv-passport-field span{display:block;color:#a8b9d2;font-size:14px;line-height:1.4}
:is(body.ss-route-server_info) .sv-passport-field strong{display:block;margin-top:5px;color:#edf7ff;font-size:18px;line-height:1.4;overflow-wrap:anywhere}
:is(body.ss-route-server_info) .sv-passport-info{padding:0 19px 17px;color:#9aabc4;font-size:14px;line-height:1.6}
@media (max-width:820px){:is(body.ss-route-server_info) .sv-passport-data{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){:is(body.ss-route-server_info) .sv-passport-data{grid-template-columns:1fr}:is(body.ss-route-server_info) .sv-passport-title{padding:15px}:is(body.ss-route-server_info) .sv-passport-field{padding:14px}}
:is(body.ss-route-server_info) .sv-players{margin-top:10px}:is(body.ss-route-server_info) .sv-table{width:100%;border-collapse:collapse}:is(body.ss-route-server_info) .sv-table th,
:is(body.ss-route-server_info) .sv-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.045);font-size:14px;text-align:left}:is(body.ss-route-server_info) .sv-table th{color:#7687a0}
@media (max-width:1220px){:is(body.ss-route-server_info) .sv-hero-grid{grid-template-columns:120px 1fr 360px}:is(body.ss-route-server_info) .sv-owner{grid-column:1/-1;display:grid;grid-template-columns:1fr 340px}:is(body.ss-route-server_info) .sv-grid{grid-template-columns:1fr 1fr}:is(body.ss-route-server_info) .sv-trustbar{grid-template-columns:1fr 1fr 1fr}:is(body.ss-route-server_info) .sv-trustbrand{grid-column:1/-1}}
@media (max-width:760px){:is(body.ss-route-server_info) .sv-hero-grid{grid-template-columns:1fr}:is(body.ss-route-server_info) .sv-game{display:none}:is(body.ss-route-server_info) .sv-title{font-size:24px}:is(body.ss-route-server_info) .sv-owner{grid-template-columns:1fr}:is(body.ss-route-server_info) .sv-grid{grid-template-columns:1fr}:is(body.ss-route-server_info) .sv-trust-mini{grid-template-columns:1fr 1fr}:is(body.ss-route-server_info) .sv-mini4,
:is(body.ss-route-server_info) .sv-health{grid-template-columns:1fr 1fr}:is(body.ss-route-server_info) .sv-trustbar{grid-template-columns:1fr 1fr}:is(body.ss-route-server_info) .sv-trustbrand{grid-column:1/-1}}
/* SoulShive Server Info refresh — accessible typography and spacious premium cards */
:is(body.ss-route-server_info) .sv26{max-width:1460px;padding:0 4px;color:#f4f5ff;font-size:16px;line-height:1.55}
:is(body.ss-route-server_info) .sv26 .sv-card{background:linear-gradient(145deg,#10142c 0%,#0a152b 66%,#120b28 100%);border:1px solid #34446b;border-radius:16px;box-shadow:0 12px 35px rgba(0,0,0,.20);min-width:0}
:is(body.ss-route-server_info) .sv26 .sv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
:is(body.ss-route-server_info) .sv26 .sv-grid>*{min-width:0}
/* Visual ordering keeps the large analytics and discovery cards balanced on desktop. */
:is(body.ss-route-server_info) .sv26 #live{order:1}:is(body.ss-route-server_info) .sv26 #map{order:2}
:is(body.ss-route-server_info) .sv26 .sv-grid>section:nth-child(3){order:3}
:is(body.ss-route-server_info) .sv26 #health{order:4;grid-column:span 2}
:is(body.ss-route-server_info) .sv26 .sv-grid>div:nth-child(4){order:5}
:is(body.ss-route-server_info) .sv26 #similar{order:6;grid-column:span 2}
:is(body.ss-route-server_info) .sv26 #activity{order:7}
:is(body.ss-route-server_info) .sv26 #reviews{order:8;grid-column:1/-1}
:is(body.ss-route-server_info) .sv26 .sv-hero{border-radius:18px;box-shadow:0 16px 40px rgba(64,9,110,.14)}
:is(body.ss-route-server_info) .sv26 .sv-hero-grid{grid-template-columns:138px minmax(0,1fr) minmax(285px,335px);padding:22px;gap:22px}
:is(body.ss-route-server_info) .sv26 .sv-title{font-size:clamp(27px,2.35vw,38px);line-height:1.18;overflow-wrap:anywhere;letter-spacing:-.025em}
:is(body.ss-route-server_info) .sv26 .sv-owner{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:13px 16px;border:1px solid rgba(165,92,255,.3);border-radius:12px;background:rgba(8,12,30,.75)}
:is(body.ss-route-server_info) .sv26 .sv-ownerline{flex:1 1 230px}:is(body.ss-route-server_info) .sv26 .sv-joinrow{flex:0 1 290px;width:min(100%,300px)}
:is(body.ss-route-server_info) .sv26 .sv-owner p{margin:0!important}
:is(body.ss-route-server_info) .sv26 .sv-head{height:auto;min-height:57px;padding:12px 18px;gap:12px;flex-wrap:wrap;font-size:18px;line-height:1.35;letter-spacing:.01em}
:is(body.ss-route-server_info) .sv26 .sv-body{padding:18px}
:is(body.ss-route-server_info) .sv26 .sv-sub,
:is(body.ss-route-server_info) .sv26 .sv-fact b,
:is(body.ss-route-server_info) .sv26 .sv-fact small,
:is(body.ss-route-server_info) .sv26 .sv-pill,
:is(body.ss-route-server_info) .sv26 .sv-game b,
:is(body.ss-route-server_info) .sv26 .sv-game small,
:is(body.ss-route-server_info) .sv26 .sv-fresh,
:is(body.ss-route-server_info) .sv26 .sv-trustscore b,
:is(body.ss-route-server_info) .sv26 .sv-trustscore span,
:is(body.ss-route-server_info) .sv26 .sv-trust-mini b,
:is(body.ss-route-server_info) .sv26 .sv-trust-mini small,
:is(body.ss-route-server_info) .sv26 .sv-ownerline b,
:is(body.ss-route-server_info) .sv26 .sv-ownerline small,
:is(body.ss-route-server_info) .sv26 .sv-boostnote,
:is(body.ss-route-server_info) .sv26 .sv-muted,
:is(body.ss-route-server_info) .sv26 .sv-status,
:is(body.ss-route-server_info) .sv26 .sv-mini small,
:is(body.ss-route-server_info) .sv26 .sv-details td,
:is(body.ss-route-server_info) .sv26 .sv-event,
:is(body.ss-route-server_info) .sv26 .sv-reviewrow b,
:is(body.ss-route-server_info) .sv26 .sv-reviewrow p,
:is(body.ss-route-server_info) .sv26 .sv-sim b,
:is(body.ss-route-server_info) .sv26 .sv-sim small,
:is(body.ss-route-server_info) .sv26 .sv-sim em,
:is(body.ss-route-server_info) .sv26 .sv-table th,
:is(body.ss-route-server_info) .sv26 .sv-table td,
:is(body.ss-route-server_info) .sv26 .sv-passport-info,
:is(body.ss-route-server_info) .sv26 .sv-trustcell small,
:is(body.ss-route-server_info) .sv26 .sv-trustbrand small{font-size:16px;line-height:1.5}
:is(body.ss-route-server_info) .sv26 .sv-fact small,
:is(body.ss-route-server_info) .sv26 .sv-details td:first-child,
:is(body.ss-route-server_info) .sv26 .sv-reviewrow p,
:is(body.ss-route-server_info) .sv26 .sv-sim small,
:is(body.ss-route-server_info) .sv26 .sv-muted{color:#b4c2dc}
:is(body.ss-route-server_info) .sv26 .sv-trust-name,
:is(body.ss-route-server_info) .sv26 .sv-trustbrand b{font-size:17px}
:is(body.ss-route-server_info) .sv26 .sv-trust-mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
:is(body.ss-route-server_info) .sv26 .sv-trust-mini>div{padding:9px 6px}
:is(body.ss-route-server_info) .sv26 .sv-mini4,
:is(body.ss-route-server_info) .sv26 .sv-health{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:is(body.ss-route-server_info) .sv26 .sv-mini,
:is(body.ss-route-server_info) .sv26 .sv-health>div{padding:12px 9px;min-width:0;border-radius:10px}
:is(body.ss-route-server_info) .sv26 .sv-mini b,
:is(body.ss-route-server_info) .sv26 .sv-health b{font-size:22px;line-height:1.25;overflow-wrap:anywhere}
:is(body.ss-route-server_info) .sv26 .sv-health small{font-size:15px;line-height:1.4;color:#b4c2dc}
:is(body.ss-route-server_info) .sv26 .sv-mini b{color:#f3ebff}:is(body.ss-route-server_info) .sv26 .sv-tabs{border-radius:12px;margin-top:14px;gap:2px}
:is(body.ss-route-server_info) .sv26 .sv-tabs a{font-size:16px;padding:14px 16px;min-height:48px}
:is(body.ss-route-server_info) .sv26 .sv-join,
:is(body.ss-route-server_info) .sv26 .sv-vote,
:is(body.ss-route-server_info) .sv26 .sv-action,
:is(body.ss-route-server_info) .sv26 .sv-fav{min-height:46px;height:auto;font-size:16px;line-height:1.35;padding:11px 13px;border-radius:10px}
:is(body.ss-route-server_info) .sv26 .sv-bc{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
:is(body.ss-route-server_info) .sv26 .sv-hero .sv-pill{min-height:32px;height:auto;padding:5px 10px}
:is(body.ss-route-server_info) .sv26 .sv-status.is-pending{color:#f8c67b}:is(body.ss-route-server_info) .sv26 .sv-status.is-pending i{background:#f6bd6a;box-shadow:none}
:is(body.ss-route-server_info) .sv26 .sv-event{grid-template-columns:22px minmax(0,1fr) auto;gap:12px;padding:10px 0}
:is(body.ss-route-server_info) .sv26 .sv-map{height:260px;border-radius:11px}:is(body.ss-route-server_info) .sv26 .sv-maplabel small{font-size:15px}
:is(body.ss-route-server_info) .sv26 .sv-details td{padding:10px 6px;overflow-wrap:anywhere}
:is(body.ss-route-server_info) .sv26 .sv-ranges{margin:14px 0;gap:10px;flex-wrap:wrap}
:is(body.ss-route-server_info) .sv26 .sv-ranges button{min-height:46px;height:auto;padding:10px 22px;cursor:pointer;font-size:16px;font-weight:800;border-radius:9px}
:is(body.ss-route-server_info) .sv26 .sv-ranges button.on{background:linear-gradient(130deg,#852df3,#bd3bff);box-shadow:0 0 18px rgba(149,44,243,.19)}
:is(body.ss-route-server_info) .sv26 .sv-ranges button:focus-visible,
:is(body.ss-route-server_info) .sv26 a:focus-visible{outline:3px solid #66e6ff;outline-offset:2px}
:is(body.ss-route-server_info) .sv26 .sv-healthchart{padding:14px;border:1px solid #304268;border-radius:12px;background:linear-gradient(180deg,#091832,#10102c)}
:is(body.ss-route-server_info) .sv26 .sv-healthchart[hidden]{display:none!important}
:is(body.ss-route-server_info) .sv26 .sv-history-intro{margin:14px 0 8px;color:#c3cce2;font-size:16px}
:is(body.ss-route-server_info) .sv26 .sv-period-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:16px}
:is(body.ss-route-server_info) .sv26 .sv-period-top strong{font-size:18px}:is(body.ss-route-server_info) .sv26 .sv-period-top span{color:#bac9df}
:is(body.ss-route-server_info) .sv26 .sv-healthchart .sv-chart{width:100%;height:160px;margin:18px 0 12px;display:block;overflow:visible}
:is(body.ss-route-server_info) .sv26 .sv-history-summary{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid #334466;padding-top:12px}
:is(body.ss-route-server_info) .sv26 .sv-history-summary span{font-size:16px;color:#b8c7dd}:is(body.ss-route-server_info) .sv26 .sv-history-summary strong{color:#e6f9ff}
:is(body.ss-route-server_info) .sv26 .sv-history-note{font-size:14px;color:#aebbd4;margin:10px 0 0}
:is(body.ss-route-server_info) .sv26 .sv-no-data{background:rgba(122,71,200,.09);border:1px dashed rgba(177,114,240,.38);border-radius:10px;padding:20px;margin:13px 0;color:#c3cee8;font-size:16px;line-height:1.6}
:is(body.ss-route-server_info) .sv26 .sv-more{color:#d7aaff;font-size:15px;font-weight:800;text-wrap:nowrap}
:is(body.ss-route-server_info) .sv26 .sv-sim{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:is(body.ss-route-server_info) .sv26 .sv-sim a.sv-simitem{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:13px!important;border:1px solid #344569!important;border-radius:12px;background:#0c1932;min-width:0;transition:border-color .15s,transform .15s}
:is(body.ss-route-server_info) .sv26 .sv-sim a.sv-simitem:hover{border-color:#9850ed!important;transform:translateY(-2px)}
:is(body.ss-route-server_info) .sv26 .sv-siminfo{min-width:0}:is(body.ss-route-server_info) .sv26 .sv-siminfo b{font-size:17px;display:block;overflow-wrap:anywhere}
:is(body.ss-route-server_info) .sv26 .sv-siminfo small{font-size:15px}:is(body.ss-route-server_info) .sv26 .sv-simimg{width:72px;height:61px;border-radius:9px;grid-row:span 2}
:is(body.ss-route-server_info) .sv26 .sv-simmeta{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
:is(body.ss-route-server_info) .sv26 .sv-simmeta>span{font-size:15px;font-weight:800}:is(body.ss-route-server_info) .sv26 .sv-simmeta small{font-size:14px;color:#b5c7dd}
:is(body.ss-route-server_info) .sv26 .sv-is-online{color:#5bf0ad}:is(body.ss-route-server_info) .sv26 .sv-is-unverified{color:#f7c87c}
:is(body.ss-route-server_info) .sv26 .sv-trustbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:16px;margin-top:16px;border-radius:14px}
:is(body.ss-route-server_info) .sv26 .sv-trustbrand{grid-column:span 2}:is(body.ss-route-server_info) .sv26 .sv-trustcell{padding:12px}:is(body.ss-route-server_info) .sv26 .sv-trustcell b{font-size:18px}
:is(body.ss-route-server_info) .sv26 .sv-passport{margin-top:16px}
@media (max-width:1160px){
 :is(body.ss-route-server_info) .sv26 .sv-hero-grid{grid-template-columns:120px minmax(0,1fr);gap:14px}
 :is(body.ss-route-server_info) .sv26 .sv-trust{grid-column:1/-1}:is(body.ss-route-server_info) .sv26 .sv-owner{grid-column:1/-1}
 :is(body.ss-route-server_info) .sv26 .sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(body.ss-route-server_info) .sv26 #health,
:is(body.ss-route-server_info) .sv26 #similar{grid-column:span 2}
}
@media (max-width:720px){
 :is(body.ss-route-server_info) .sv26 .sv-hero-grid{grid-template-columns:1fr;padding:16px}
 :is(body.ss-route-server_info) .sv26 .sv-game{display:none}:is(body.ss-route-server_info) .sv26 .sv-trust,
:is(body.ss-route-server_info) .sv26 .sv-owner{grid-column:auto}
 :is(body.ss-route-server_info) .sv26 .sv-owner{flex-direction:column;align-items:stretch}:is(body.ss-route-server_info) .sv26 .sv-ownerline{flex:none}:is(body.ss-route-server_info) .sv26 .sv-joinrow{flex:none;width:100%}
 :is(body.ss-route-server_info) .sv26 .sv-grid{grid-template-columns:minmax(0,1fr)}
 :is(body.ss-route-server_info) .sv26 #health,
:is(body.ss-route-server_info) .sv26 #similar,
:is(body.ss-route-server_info) .sv26 #reviews{grid-column:auto}
 :is(body.ss-route-server_info) .sv26 .sv-title{font-size:26px}
 :is(body.ss-route-server_info) .sv26 .sv-sim{grid-template-columns:minmax(0,1fr)}
 :is(body.ss-route-server_info) .sv26 .sv-trustbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(body.ss-route-server_info) .sv26 .sv-trustbrand{grid-column:1/-1}
 :is(body.ss-route-server_info) .sv26 .sv-head{font-size:17px;padding:14px}
 :is(body.ss-route-server_info) .sv26 .sv-healthchart .sv-chart{height:145px}
}
@media (max-width:385px){:is(body.ss-route-server_info) .sv26 .sv-trust-mini{grid-template-columns:repeat(2,minmax(0,1fr))}:is(body.ss-route-server_info) .sv26 .sv-history-summary{flex-direction:column}}

/* Existing premium overrides retain their cascade order. */
/* SoulShive 2027 — server detail: data-first two-column layout */
:is(body.ss-route-server_info) .sv26{width:100%!important;max-width:none!important;margin-inline:auto!important;color:#eef3ff}
:is(body.ss-route-server_info) .sv26 .sv-bc{padding:7px 2px 14px;color:#adbbd6}
:is(body.ss-route-server_info) .sv26 .sv-hero{background:linear-gradient(118deg,#111c3c,#0a1025 60%,#170e38);border:1px solid #554284;border-radius:18px;overflow:hidden}
:is(body.ss-route-server_info) .sv26 .sv-hero-grid{grid-template-columns:minmax(90px,130px) minmax(0,1fr) minmax(290px,350px)!important;gap:20px!important;padding:24px!important}
:is(body.ss-route-server_info) .sv26 .sv-title{font-size:clamp(28px,2.8vw,45px)!important;line-height:1.14!important;margin:12px 0!important}
:is(body.ss-route-server_info) .sv26 .sv-owner{grid-column:1/-1!important;background:rgba(5,10,24,.84)!important;border:1px solid #324a72!important;padding:14px!important}
:is(body.ss-route-server_info) .sv26 .sv-facts{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
:is(body.ss-route-server_info) .sv26 .sv-fact{min-width:115px!important;flex:1 1 120px!important;border:1px solid #354572;background:#0a152b;border-radius:10px;padding:11px!important}
:is(body.ss-route-server_info) .sv26 .sv-fact b{font-size:17px!important;overflow-wrap:anywhere}
:is(body.ss-route-server_info) .sv26 .sv-trust{background:#0b172e!important;border:1px solid #344870!important;border-radius:14px}
:is(body.ss-route-server_info) .sv26 .sv-tabs{display:flex;gap:6px;flex-wrap:wrap;overflow:visible;padding:9px;border:1px solid #304466;background:#08142a}
:is(body.ss-route-server_info) .sv26 .sv-tabs a{font-size:15px!important;min-height:42px!important;padding:9px 12px!important;border-radius:8px}
/* One dashboard grid: every optional statistics card gets a deliberate width. */
:is(body.ss-route-server_info) .sv26 .sv-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;margin-top:14px!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > *{min-width:0!important;grid-column:auto!important;order:initial!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > #live{grid-column:span 7!important;order:1!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > #map{grid-column:span 5!important;order:2!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > #health{grid-column:span 7!important;order:3!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > #rank-history{grid-column:span 5!important;order:4!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > #players{grid-column:span 7!important;order:5!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > section:nth-child(3){grid-column:span 5!important;order:6!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > #similar{grid-column:span 8!important;order:7!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > div:has(> #vote){grid-column:span 4!important;order:8!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > #reviews{grid-column:span 8!important;order:9!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > #activity{grid-column:span 4!important;order:10!important}
:is(body.ss-route-server_info) .sv26 .sv-grid > .ss-player-alias-history{grid-column:1/-1!important;order:11!important}
:is(body.ss-route-server_info) .sv26 .sv-card{border:1px solid #2d426d!important;background:linear-gradient(155deg,#0c1833,#091429)!important;border-radius:14px!important;overflow:hidden}
:is(body.ss-route-server_info) .sv26 .sv-card .sv-head{background:linear-gradient(90deg,rgba(110,60,227,.19),transparent)!important;border-bottom:1px solid #2a3d60;font-size:17px!important;font-weight:850;min-height:54px!important}
:is(body.ss-route-server_info) .sv26 .sv-card .sv-body{padding:16px!important}
:is(body.ss-route-server_info) .sv26 #map .sv-map{height:270px!important;overflow:hidden;border-radius:10px;border:1px solid #41557a}
:is(body.ss-route-server_info) .sv26 #map .sv-map img{object-fit:cover;width:100%;height:100%}
:is(body.ss-route-server_info) .sv26 .sv-table{width:100%;border-collapse:collapse}
:is(body.ss-route-server_info) .sv26 .sv-table td,
:is(body.ss-route-server_info) .sv26 .sv-table th{padding:10px 12px!important;text-align:left;border-bottom:1px solid #253757;font-size:15px!important}
:is(body.ss-route-server_info) .sv26 .sv-table thead{background:#152448}
:is(body.ss-route-server_info) .sv26 .sv-mini4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
:is(body.ss-route-server_info) .sv26 .sv-mini{padding:12px 8px!important}
:is(body.ss-route-server_info) .sv26 .sv-mini b{font-size:20px!important}
:is(body.ss-route-server_info) .sv26 .sv-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(body.ss-route-server_info) .sv26 .sv-action{min-width:0!important;white-space:normal!important}
:is(body.ss-route-server_info) .sv26 .sv-trustbar,
:is(body.ss-route-server_info) .sv26 .sv-passport{margin-top:16px}
@media (max-width:1150px){
 :is(body.ss-route-server_info) .sv26 .sv-hero-grid{grid-template-columns:110px minmax(0,1fr)!important}
 :is(body.ss-route-server_info) .sv26 .sv-hero-grid > .sv-trust{grid-column:1/-1!important}
 :is(body.ss-route-server_info) .sv26 .sv-grid > #similar{grid-column:span 7!important}
 :is(body.ss-route-server_info) .sv26 .sv-grid > div:has(> #vote){grid-column:span 5!important}
 :is(body.ss-route-server_info) .sv26 .sv-mini4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:780px){
 :is(body.ss-route-server_info) .sv26 .sv-hero-grid{grid-template-columns:minmax(0,1fr)!important;padding:16px!important}
 :is(body.ss-route-server_info) .sv26 .sv-game{display:none!important}
 :is(body.ss-route-server_info) .sv26 .sv-hero-grid > .sv-trust,
:is(body.ss-route-server_info) .sv26 .sv-owner{grid-column:1/-1!important}
 :is(body.ss-route-server_info) .sv26 .sv-grid > *,
:is(body.ss-route-server_info) .sv26 .sv-grid > #live,
:is(body.ss-route-server_info) .sv26 .sv-grid > #map,
:is(body.ss-route-server_info) .sv26 .sv-grid > #players,
:is(body.ss-route-server_info) .sv26 .sv-grid > #health,
:is(body.ss-route-server_info) .sv26 .sv-grid > #rank-history,
:is(body.ss-route-server_info) .sv26 .sv-grid > #activity,
:is(body.ss-route-server_info) .sv26 .sv-grid > #similar,
:is(body.ss-route-server_info) .sv26 .sv-grid > #reviews,
:is(body.ss-route-server_info) .sv26 .sv-grid > section:nth-child(3),
:is(body.ss-route-server_info) .sv26 .sv-grid > div:has(> #vote){grid-column:1/-1!important}
 :is(body.ss-route-server_info) .sv26 .sv-mini4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 :is(body.ss-route-server_info) .sv26 .sv-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 :is(body.ss-route-server_info) .sv26 .sv-actions{grid-template-columns:1fr!important}
 :is(body.ss-route-server_info) .sv26 .sv-card .sv-body{padding:13px!important}
}

:is(body.ss-route-server_info).ss26-page-servers .ss26-content-wrap.wrap,
:is(body.ss-route-server_info).ss26-page-server .ss26-content-wrap.wrap{width:calc(100% - 52px)!important;max-width:1700px!important;min-width:0!important}
:is(body.ss-route-server_info).ss26-page-servers .sv26,
:is(body.ss-route-server_info).ss26-page-server .sv26{width:100%!important;max-width:none!important;margin:12px auto 32px!important}
:is(body.ss-route-server_info).ss26-page-servers .sv26 .sv-hero,
:is(body.ss-route-server_info).ss26-page-server .sv26 .sv-hero{border-color:#6752a7!important;box-shadow:0 18px 43px #0005!important}
:is(body.ss-route-server_info).ss26-page-servers .sv26 .sv-tabs a,
:is(body.ss-route-server_info).ss26-page-server .sv26 .sv-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:47px!important;font-size:16px!important}
@media (max-width:900px){:is(body.ss-route-server_info).ss26-page-servers .ss26-content-wrap.wrap,
:is(body.ss-route-server_info).ss26-page-server .ss26-content-wrap.wrap{width:calc(100% - 28px)!important}}
@media (max-width:600px){:is(body.ss-route-server_info).ss26-page-servers .ss26-content-wrap.wrap,
:is(body.ss-route-server_info).ss26-page-server .ss26-content-wrap.wrap{width:calc(100% - 24px)!important}:is(body.ss-route-server_info).ss26-page-servers .sv26 .sv-title,
:is(body.ss-route-server_info).ss26-page-server .sv26 .sv-title{overflow-wrap:anywhere}:is(body.ss-route-server_info).ss26-page-servers .sv26 .sv-tabs,
:is(body.ss-route-server_info).ss26-page-server .sv26 .sv-tabs{flex-wrap:nowrap;overflow-x:auto}}

/* Server Detail — readable real-data charts with visible time endpoints. */
:is(body.ss-route-server_info) .sv26 .sv-chart-dates{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 1px 12px;color:#b4c8e5;font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
:is(body.ss-route-server_info) .sv26 .sv-chart-dates span:last-child{text-align:right;margin-left:auto}
:is(body.ss-route-server_info) .sv26 .sv-healthchart{min-width:0}
:is(body.ss-route-server_info) .sv26 .sv-ranges button{min-width:112px}
:is(body.ss-route-server_info) .sv26 .sv-ranges button:focus-visible{outline:3px solid #6ce4ff;outline-offset:3px}
:is(body.ss-route-server_info) .sv26 .sv-healthchart .sv-chart{max-width:100%}
@media (max-width:600px){
 :is(body.ss-route-server_info) .sv26 .sv-ranges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 :is(body.ss-route-server_info) .sv26 .sv-ranges button{min-width:0;padding:10px 5px;font-size:15px}
 :is(body.ss-route-server_info) .sv26 .sv-chart-dates{gap:6px;font-size:14px}
}


/* ========= assets/css/latest-servers-mockup-2027.css ========= */
/* Styles of latest-servers.php; kept separate from HTML and scoped to this existing page. */
:is(body.ls-page,body.ss-route-latest-servers){--bg:#050817;--panel:#0a1429;--line:#293e6d;--text:#f7f8ff;--mut:#91a0b8;--purple:#9631ff;--cyan:#39ddff;--green:#2be3a0}
:is(body.ls-page,body.ss-route-latest-servers) *{box-sizing:border-box}:is(body.ls-page,body.ss-route-latest-servers){margin:0;background:radial-gradient(circle at 85% 5%,rgba(139,45,255,.17),transparent 30%),#050817;color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}:is(body.ls-page,body.ss-route-latest-servers) .wrap{width:min(1180px,calc(100% - 22px));margin:auto}:is(body.ls-page,body.ss-route-latest-servers) a{text-decoration:none;color:inherit}
:is(body.ls-page,body.ss-route-latest-servers) .top{height:62px;border-bottom:1px solid #4f2b9b;background:rgba(5,8,23,.94);display:flex;align-items:center}:is(body.ls-page,body.ss-route-latest-servers) .topin{display:flex;align-items:center;justify-content:space-between;gap:16px}:is(body.ls-page,body.ss-route-latest-servers) .logo img{height:37px}:is(body.ls-page,body.ss-route-latest-servers) .nav{display:flex;gap:8px}:is(body.ls-page,body.ss-route-latest-servers) .btn{height:37px;padding:0 15px;border:1px solid #36507d;border-radius:7px;background:#0a1428;color:#eef4ff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}:is(body.ls-page,body.ss-route-latest-servers) .btn.primary{background:linear-gradient(90deg,#7527ed,#a832ff);border-color:#bd5cff}
:is(body.ls-page,body.ss-route-latest-servers) .hero{padding:34px 0 24px;border-bottom:1px solid #5d2fc3;background:linear-gradient(90deg,rgba(5,8,23,.98),rgba(12,14,39,.9)),radial-gradient(circle at 80% 30%,rgba(144,46,255,.32),transparent 28%)}:is(body.ls-page,body.ss-route-latest-servers) .k{color:#d47bff;font-size:14px;letter-spacing:.17em;font-weight:950}:is(body.ls-page,body.ss-route-latest-servers) .hero h1{font-size:42px;line-height:1;margin:8px 0 9px;letter-spacing:-.04em}:is(body.ls-page,body.ss-route-latest-servers) .hero h1 span{color:#54e8ff}:is(body.ls-page,body.ss-route-latest-servers) .hero p{max-width:720px;color:#aebbd0;font-size:14px;line-height:1.55}:is(body.ls-page,body.ss-route-latest-servers) .chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}:is(body.ls-page,body.ss-route-latest-servers) .chip{padding:6px 9px;border-radius:999px;border:1px solid #334a75;background:#0a1428;color:#cfdaea;font-size:14px;font-weight:850}
:is(body.ls-page,body.ss-route-latest-servers) .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:18px 0}:is(body.ls-page,body.ss-route-latest-servers) .srv{min-height:176px;border:1px solid #2a3f6d;border-radius:12px;overflow:hidden;background:#091427;position:relative}:is(body.ls-page,body.ss-route-latest-servers) .map{height:76px;background:#10192b center/cover no-repeat;position:relative}:is(body.ls-page,body.ss-route-latest-servers) .map:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,20,.05),#091427)}:is(body.ls-page,body.ss-route-latest-servers) .srvbody{padding:12px}:is(body.ls-page,body.ss-route-latest-servers) .srvtop{display:flex;align-items:center;justify-content:space-between;gap:10px}:is(body.ls-page,body.ss-route-latest-servers) .srv h2{font-size:15px;margin:0;color:#55e9ff}:is(body.ls-page,body.ss-route-latest-servers) .game{font-size:14px;color:#a6b5ca;margin-top:3px}:is(body.ls-page,body.ss-route-latest-servers) .meta{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}:is(body.ls-page,body.ss-route-latest-servers) .meta div{padding:8px;border:1px solid #273d68;border-radius:7px;background:#07111f}:is(body.ls-page,body.ss-route-latest-servers) .meta b{display:block;font-size:14px}:is(body.ls-page,body.ss-route-latest-servers) .meta span{font-size:14px;color:#8394aa}:is(body.ls-page,body.ss-route-latest-servers) .actions{display:flex;gap:7px;margin-top:10px}:is(body.ls-page,body.ss-route-latest-servers) .join{background:linear-gradient(90deg,#7527ee,#a42fff);border-color:#b74fff}:is(body.ls-page,body.ss-route-latest-servers) .online{color:#38e7a0}:is(body.ls-page,body.ss-route-latest-servers) .footer{border-top:1px solid #242f55;padding:18px 0 28px;margin-top:4px;color:#72849e;font-size:14px}:is(body.ls-page,body.ss-route-latest-servers) .empty{padding:50px 20px;text-align:center;color:#8a9ab1}
:is(body.ls-page,body.ss-route-latest-servers) .sharebox{margin:0 0 18px;padding:12px;border:1px solid #6634b5;border-radius:10px;background:linear-gradient(135deg,#11132f,#091020);display:flex;align-items:center;gap:10px;justify-content:space-between}:is(body.ls-page,body.ss-route-latest-servers) .sharebox b{font-size:14px}:is(body.ls-page,body.ss-route-latest-servers) .sharebox span{display:block;color:#90a0b8;font-size:14px;margin-top:3px}
@media (max-width:740px){:is(body.ls-page,body.ss-route-latest-servers) .grid{grid-template-columns:1fr}:is(body.ls-page,body.ss-route-latest-servers) .hero h1{font-size:31px}:is(body.ls-page,body.ss-route-latest-servers) .meta{grid-template-columns:1fr 1fr}:is(body.ls-page,body.ss-route-latest-servers) .sharebox{align-items:flex-start;flex-direction:column}}

/* Final 2027 wide directory sizing and touch access. */
:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .wrap{width:min(1660px,calc(100% - 44px));}
:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .srv{min-width:0;}
:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .hero p,
:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .game,
:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .sharebox span{font-size:16px;line-height:1.6}
:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .srv h2{font-size:18px;line-height:1.4;overflow-wrap:anywhere}
:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .meta b{font-size:16px;overflow-wrap:anywhere}
:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .btn{font-size:15px;min-height:46px;height:auto;padding:10px 14px}
:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .srv .actions{flex-wrap:wrap}
:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));}
:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .map{min-height:105px}
@media (max-width:790px){:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .grid{grid-template-columns:1fr}:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .wrap{width:calc(100% - 24px)}:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .nav{flex-wrap:wrap;justify-content:flex-end}:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .top{height:auto;min-height:74px;padding:10px 0}:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .topin{gap:10px}:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .logo img{height:30px}}
@media (max-width:420px){:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .nav .btn{font-size:13px;min-height:40px;padding:8px}:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .meta{grid-template-columns:repeat(2,minmax(0,1fr))}:is(body.ls-page,body.ss-route-latest-servers) .ss27-latest .hero h1{font-size:clamp(26px,8vw,34px)}}


/* ========= assets/css/marketplace.css ========= */
:is(body.ss-route-shop) .shop-card:hover{transform:translateY(-3px);border-color:var(--line2)}
:is(body.ss-route-shop) .shop-feat::-webkit-scrollbar{height:6px}
:is(body.ss-route-shop) .shop-feat::-webkit-scrollbar-thumb{background:var(--line2);border-radius:3px}
@media (max-width:1000px){ :is(body.ss-route-shop) .shop-stats{gap:16px!important} :is(body.ss-route-shop) .shop-stats > div{flex:1 0 40%} }

:is(body.ss-route-shop).ss26-page-shop .ss27-market-hero{width:100%;border:1px solid rgba(155,89,255,.46);border-radius:18px;box-shadow:0 20px 55px rgba(0,0,0,.23)}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-hero p,
:is(body.ss-route-shop).ss26-page-shop .ss27-market-hero .small,
:is(body.ss-route-shop).ss26-page-shop .ss27-market-featured .small,
:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid .small{font-size:16px!important;line-height:1.55}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters{border:1px solid rgba(132,90,220,.40);background:linear-gradient(145deg,#101a35,#0a1125);border-radius:16px;padding:18px}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters input,
:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters select,
:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters button,
:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters .btn{min-height:48px;font-size:16px!important}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters .chip{font-size:14px!important;min-height:38px;display:inline-flex;align-items:center}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid>.shop-card{min-width:0;overflow:hidden;border-radius:15px;background:linear-gradient(160deg,#101a35,#080e20)}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid>.shop-card:hover{box-shadow:0 12px 32px rgba(74,34,152,.24)}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-featured>a,
:is(body.ss-route-shop).ss26-page-shop .shop-feat>a{border-radius:14px}
@media (max-width:1180px){:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid{grid-template-columns:minmax(0,1fr)}:is(body.ss-route-shop).ss26-page-shop .ss27-market-hero>div:last-child{padding:22px 18px!important}:is(body.ss-route-shop).ss26-page-shop .ss27-market-hero h1{font-size:clamp(27px,8vw,36px)!important}:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters form input{min-width:0!important;width:100%}:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters form .btn{width:100%;justify-content:center}:is(body.ss-route-shop).ss26-page-shop .shop-stats{gap:12px!important}}

:is(body.ss-route-shop).ss26-page-shop .shop-feature-title,
:is(body.ss-route-shop).ss26-page-shop .shop-card-title{font-size:16px;font-weight:800;line-height:1.45;overflow-wrap:anywhere}
:is(body.ss-route-shop).ss26-page-shop .shop-feature-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid .btn{font-size:16px!important;min-height:38px;display:inline-flex;align-items:center}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid .badge{font-size:14px!important}

@media (min-width:1181px){
  :is(body.ss-route-shop).ss26-page-shop .ss27-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid .shop-card>div:first-child :is(img,div){min-height:0}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid .shop-card>div:first-child img{height:clamp(145px,14vw,220px)!important;aspect-ratio:16 / 9}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid .shop-card>div:first-child>div{height:clamp(145px,14vw,220px)!important}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters form{align-items:stretch!important}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters form select{min-width:160px;max-width:280px}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid .shop-card{outline-offset:3px}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-grid .shop-card:focus-visible{outline:3px solid #c68cff}
:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters .chip:focus-visible{outline:3px solid #c68cff;outline-offset:2px}
@media (max-width:800px){:is(body.ss-route-shop).ss26-page-shop .ss27-market-filters form select{max-width:none}}
@media (max-width:560px){
  :is(body.ss-route-shop).ss26-page-shop .ss27-market-grid .shop-card>div:first-child :is(img,div){height:180px!important}
  :is(body.ss-route-shop).ss26-page-shop .ss27-market-filters form select{width:100%!important;max-width:none}
}


/* ========= assets/css/addon-detail.css ========= */
/* SoulShive 2027 — Marketplace resource profile.
 * Loaded on addon.php only, after shared theme styles.
 * Does not change review, entitlement, or payment logic. */
:is(body.ss-route-addon) .ss-addon-detail{width:min(100%,1780px);margin:0 auto;padding:clamp(16px,2.5vw,38px);color:#edf2ff;font-size:16px;line-height:1.6}
:is(body.ss-route-addon) .ss-addon-detail *{box-sizing:border-box}
:is(body.ss-route-addon) .ss-addon-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,3.3vw,50px);border-radius:24px;border:1px solid rgba(160,115,255,.35);background:radial-gradient(circle at 80% -10%,rgba(118,63,216,.28),transparent 47%),linear-gradient(112deg,#101a34,#161038 76%,#0c1935);box-shadow:0 14px 38px rgba(0,0,0,.2);margin-bottom:22px}
:is(body.ss-route-addon) .ss-addon-hero::after{content:"";position:absolute;right:3%;bottom:-60%;width:min(35vw,390px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(146,111,252,.3);box-shadow:0 0 0 42px rgba(122,82,239,.045),0 0 0 88px rgba(122,82,239,.03);pointer-events:none;z-index:-1}
:is(body.ss-route-addon) .ss-addon-eyebrow{display:block;color:#c29cff;font-size:14px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}
:is(body.ss-route-addon) .ss-addon-hero h1{font-size:clamp(30px,3.6vw,52px);line-height:1.14;margin:0 0 12px;color:#fff;letter-spacing:-.025em}
:is(body.ss-route-addon) .ss-addon-hero p{max-width:860px;color:#c6cfe6;font-size:clamp(16px,1.45vw,18px);line-height:1.55;margin:0}
:is(body.ss-route-addon) .ss-addon-body-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:clamp(14px,1.8vw,26px);align-items:start;margin:0 0 22px}
:is(body.ss-route-addon) .ss-addon-body-grid>div{min-width:0}
:is(body.ss-route-addon) .ss-addon-detail .card{background:linear-gradient(145deg,rgba(18,28,54,.98),rgba(16,21,45,.98));border:1px solid #314268;border-radius:19px;box-shadow:0 12px 30px rgba(0,0,0,.14);padding:clamp(17px,2vw,28px)}
:is(body.ss-route-addon) .ss-addon-detail .card h2,
:is(body.ss-route-addon) .ss-addon-detail .card h1{line-height:1.2;color:#fff;overflow-wrap:anywhere}
:is(body.ss-route-addon) .ss-addon-detail .card a{overflow-wrap:anywhere}
:is(body.ss-route-addon) .ss-addon-detail .btn{min-height:46px;border-radius:12px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:750;text-decoration:none}
:is(body.ss-route-addon) .ss-addon-detail input,
:is(body.ss-route-addon) .ss-addon-detail select,
:is(body.ss-route-addon) .ss-addon-detail textarea{background:#0b132b;border:1px solid #465879;border-radius:11px;color:#fff;font-size:16px;min-height:42px}
:is(body.ss-route-addon) .ss-addon-detail input:focus-visible,
:is(body.ss-route-addon) .ss-addon-detail select:focus-visible,
:is(body.ss-route-addon) .ss-addon-detail textarea:focus-visible,
:is(body.ss-route-addon) .ss-addon-detail .btn:focus-visible{outline:2px solid #c8a6ff;outline-offset:3px}
:is(body.ss-route-addon) .ss-addon-detail .small,
:is(body.ss-route-addon) .ss-addon-detail .muted,
:is(body.ss-route-addon) .ss-addon-detail .badge{font-size:14px;line-height:1.5}
:is(body.ss-route-addon) .ss-addon-detail .card p{overflow-wrap:anywhere}
:is(body.ss-route-addon) .ss-addon-detail .card img{max-width:100%}
:is(body.ss-route-addon) .ss-addon-detail #reviews{margin-top:24px!important}
:is(body.ss-route-addon) .ss-addon-detail #reviews form{display:block}
:is(body.ss-route-addon) .ss-addon-detail #reviews .flex{gap:12px}
:is(body.ss-route-addon) .ss-addon-detail #reviews button{white-space:normal}
:is(body.ss-route-addon) .ss-addon-detail .ss-market-direct-warning{padding:14px 16px;border-radius:12px;background:rgba(112,80,190,.1);border:1px solid rgba(138,111,213,.25);margin:14px 0;color:#c8d2ea;font-size:15px;line-height:1.6}
@media (max-width:880px){:is(body.ss-route-addon) .ss-addon-body-grid{grid-template-columns:minmax(0,1fr)}:is(body.ss-route-addon) .ss-addon-detail{padding:16px}:is(body.ss-route-addon) .ss-addon-hero{padding:24px}:is(body.ss-route-addon) .ss-addon-detail .card{padding:20px}}
@media (max-width:490px){:is(body.ss-route-addon) .ss-addon-detail #reviews .flex{align-items:stretch}:is(body.ss-route-addon) .ss-addon-detail #reviews input[name="comment"]{width:100%;min-width:0!important;flex-basis:100%!important}:is(body.ss-route-addon) .ss-addon-detail #reviews button{width:100%}}

/* Resource presentation: creator profile, gallery and comparable addons. */
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(100px,10vw,155px);gap:11px;margin:0 0 22px}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery-item{display:block;min-width:0;min-height:0;overflow:hidden;border:1px solid #42528a;border-radius:14px;background:#09142a;transition:border-color .18s ease,transform .18s ease}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery-item.is-cover{grid-column:span 2;grid-row:span 2}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery-item:hover,
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery-item:focus-visible{border-color:#b88aff;outline-offset:3px}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery-item:hover img{transform:scale(1.03)}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery-empty{height:clamp(180px,23vw,340px);display:grid;place-items:center;font-weight:950;font-size:clamp(64px,9vw,130px);color:#ca9aff;border-radius:16px;border:1px solid #374a83;background:radial-gradient(circle at 70% 25%,rgba(130,67,244,.35),transparent 45%),linear-gradient(135deg,#182b54,#0e102b);margin-bottom:20px}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-resource-title{font-size:clamp(23px,2.1vw,34px);font-weight:850;letter-spacing:-.02em;margin:16px 0 5px;line-height:1.25}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-meta{color:#b9c8e3;font-size:15px;margin-bottom:18px;overflow-wrap:anywhere}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-meta a,
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-seller-name{color:#dbbfff;font-weight:850;text-decoration:none}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-meta a:hover,
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-seller-name:hover{text-decoration:underline}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-seller-copy{min-width:0;overflow-wrap:anywhere}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-seller-contact{width:100%;margin-top:18px;border-color:#8660bf}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related{margin:26px 0 0}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 16px}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-heading h2{font-size:clamp(21px,2.1vw,28px);margin:0}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-heading a{color:#d5afff;text-decoration:none;font-weight:800;font-size:16px}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-item{min-width:0;overflow:hidden;text-decoration:none;color:#eef2ff;background:#101b36;border:1px solid #344670;border-radius:15px;transition:border-color .18s ease,transform .18s ease}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-item:hover{border-color:#a774fb;transform:translateY(-2px)}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-art{height:clamp(145px,14vw,220px);background:linear-gradient(135deg,#141e45,#3d216d);display:grid;place-items:center}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-art img{width:100%;height:100%;object-fit:cover;display:block}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-art span{font-weight:950;font-size:70px;color:#c9a3ff}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-copy{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-copy strong{font-size:17px;line-height:1.35;overflow-wrap:anywhere}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-copy span{font-size:15px;color:#b3bfdc;overflow-wrap:anywhere}
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-copy b{font-size:17px;color:#d8aeff}
@media (max-width:900px){:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px}:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery-item.is-cover{grid-column:span 2;grid-row:span 2}:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-grid{grid-template-columns:minmax(0,1fr)}:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-art{height:180px}}
@media (prefers-reduced-motion:reduce){:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery-item,
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-gallery-item img,
:is(body.ss-route-addon) .ss-addon-detail .ss-addon-related-item{transition:none}}

:is(body.ss-route-addon) .ss-addon-detail .ss-addon-owner-note{margin-top:14px;padding:12px 14px;border:1px solid #4b5985;border-radius:11px;color:#cad3ea;font-size:15px}


/* ========= assets/css/market-messages.css ========= */
:is(body.ss-route-market-messages) .ss-market-msg{max-width:1460px;margin:24px auto 64px;padding:0 clamp(14px,2.2vw,30px);color:#eef3ff;font-size:16px;line-height:1.6}
:is(body.ss-route-market-messages) .ss-market-msg *{box-sizing:border-box}
:is(body.ss-route-market-messages) .ss-market-msg-hero,
:is(body.ss-route-market-messages) .ss-market-inbox,
:is(body.ss-route-market-messages) .ss-market-chat{background:linear-gradient(140deg,#10182f 0%,#0d1430 75%,#160f36 100%);border:1px solid #34416b;border-radius:20px;box-shadow:0 12px 35px rgba(0,0,0,.2)}
:is(body.ss-route-market-messages) .ss-market-msg-hero{padding:clamp(22px,3vw,42px);margin-bottom:20px;background:radial-gradient(circle at 80% 20%,rgba(119,65,214,.25),transparent 45%),linear-gradient(125deg,#101a36,#1b1044)}
:is(body.ss-route-market-messages) .ss-market-msg-hero h1{font-size:clamp(28px,3vw,42px);line-height:1.18;margin:6px 0 14px;color:#fff}
:is(body.ss-route-market-messages) .ss-market-msg-hero p{max-width:780px;margin:0 0 20px;color:#c4cde4}
:is(body.ss-route-market-messages) .ss-market-kicker{color:#b790ff;font-size:14px;font-weight:800;letter-spacing:.1em}
:is(body.ss-route-market-messages) .ss-market-link{color:#d9c3ff;text-decoration:none;font-weight:750}
:is(body.ss-route-market-messages) .ss-market-msg-grid{display:grid;grid-template-columns:minmax(250px,350px) minmax(0,1fr);gap:18px}
:is(body.ss-route-market-messages) .ss-market-inbox,
:is(body.ss-route-market-messages) .ss-market-chat{padding:clamp(18px,2.2vw,26px);min-height:390px}
:is(body.ss-route-market-messages) .ss-market-inbox h2,
:is(body.ss-route-market-messages) .ss-market-chat h2{font-size:21px;margin:0 0 12px;color:#fff}
:is(body.ss-route-market-messages) .ss-market-thread-link{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #344368;border-radius:13px;color:#efeaff;text-decoration:none;margin:10px 0;background:#131e38}
:is(body.ss-route-market-messages) .ss-market-thread-link:hover{border-color:#a07cff;background:#1c2446}
:is(body.ss-route-market-messages) .ss-market-thread-link span,
:is(body.ss-route-market-messages) .ss-market-muted{color:#aebfda;font-size:14px}
:is(body.ss-route-market-messages) .ss-market-feed{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow-y:auto;padding:12px 0;margin:12px 0}
:is(body.ss-route-market-messages) .ss-market-bubble{width:fit-content;max-width:min(82%,630px);padding:12px 16px;border-radius:14px;background:#17233e;border:1px solid #384666;overflow-wrap:anywhere}
:is(body.ss-route-market-messages) .ss-market-bubble.own{align-self:flex-end;background:#302050;border-color:#7548c0}
:is(body.ss-route-market-messages) .ss-market-bubble p{margin:0 0 6px;white-space:normal}:is(body.ss-route-market-messages) .ss-market-bubble small{color:#9cb0d0;font-size:14px}
:is(body.ss-route-market-messages) .ss-market-form{display:flex;flex-direction:column;gap:10px;border-top:1px solid #394568;padding-top:18px}
:is(body.ss-route-market-messages) .ss-market-form label{font-weight:750}:is(body.ss-route-market-messages) .ss-market-form textarea{width:100%;min-height:120px;background:#090f24;border:1px solid #485580;border-radius:12px;color:#fff;padding:14px;font:inherit;resize:vertical}
:is(body.ss-route-market-messages) .ss-market-form button{align-self:flex-start;padding:12px 24px;border:0;border-radius:12px;color:#fff;background:linear-gradient(90deg,#8542e9,#4f6ded);font:inherit;font-weight:750;cursor:pointer}
:is(body.ss-route-market-messages) .ss-market-error{padding:16px;background:#392039;border:1px solid #b64b78;border-radius:12px}
@media (max-width:800px){:is(body.ss-route-market-messages) .ss-market-msg-grid{grid-template-columns:1fr}:is(body.ss-route-market-messages) .ss-market-inbox,
:is(body.ss-route-market-messages) .ss-market-chat{min-height:0}:is(body.ss-route-market-messages) .ss-market-bubble{max-width:94%}}

/* Recognisable resource and participant names rather than numeric-only threads. */
:is(body.ss-route-market-messages) .ss-market-thread-link{gap:7px;min-width:0;transition:background .18s ease,border-color .18s ease}
:is(body.ss-route-market-messages) .ss-market-thread-link.is-selected{background:linear-gradient(120deg,#24204b,#172744);border-color:#a675f6;box-shadow:inset 3px 0 #ad78fa}
:is(body.ss-route-market-messages) .ss-market-thread-link:focus-visible,
:is(body.ss-route-market-messages) .ss-market-resource-link:focus-visible,
:is(body.ss-route-market-messages) .ss-market-chat-meta a:focus-visible{outline:3px solid #89d4ff;outline-offset:3px}
:is(body.ss-route-market-messages) .ss-market-thread-heading{display:flex;gap:9px;align-items:center;justify-content:space-between;min-width:0}
:is(body.ss-route-market-messages) .ss-market-thread-heading strong{min-width:0;overflow-wrap:anywhere;line-height:1.3;font-size:16px}
:is(body.ss-route-market-messages) .ss-market-unread{flex-shrink:0;border-radius:999px;min-width:28px;text-align:center;padding:1px 7px;background:#8d45e7;color:#fff;font-size:14px;font-weight:850}
:is(body.ss-route-market-messages) .ss-market-thread-link .ss-market-thread-partner{font-size:15px;color:#d6c3f6}
:is(body.ss-route-market-messages) .ss-market-thread-link .ss-market-thread-preview{font-size:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;overflow-wrap:anywhere;color:#c1cde0}
:is(body.ss-route-market-messages) .ss-market-thread-link .ss-market-thread-date{font-size:14px;color:#9daed0}
:is(body.ss-route-market-messages) .ss-market-chat-meta{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:1px solid #374669;margin-bottom:14px;padding:0 0 14px}
:is(body.ss-route-market-messages) .ss-market-chat-meta p{margin:0}
:is(body.ss-route-market-messages) .ss-market-chat-meta a{color:#e2c6ff;font-weight:850;text-decoration:none}
:is(body.ss-route-market-messages) .ss-market-resource-link{display:inline-flex;align-items:center;min-height:40px;border-radius:10px;border:1px solid #5c478d;padding:8px 13px;font-size:15px}
@media (max-width:560px){:is(body.ss-route-market-messages) .ss-market-chat-meta{align-items:stretch}:is(body.ss-route-market-messages) .ss-market-resource-link{width:100%;justify-content:center}}


/* ========= assets/css/profile.css ========= */
/* SoulShive 2027 — page CSS extracted without changing rule order. */
/* ============================================================
   SOULSHIVE PROFILE 2026 — matches the approved neon dashboard
   ============================================================ */
:is(body.ss-route-profile).ss26-page-profile .ss26-content-wrap{padding-top:12px!important}
:is(body.ss-route-profile).ss26-page-profile .ss26-page-masthead{min-height:145px!important}
:is(body.ss-route-profile).ss26-page-profile .ss26-page-masthead-inner{min-height:145px!important}
:is(body.ss-route-profile).ss26-page-profile .ss26-page-masthead-copy h1{font-size:32px!important;letter-spacing:-.03em!important}

:is(body.ss-route-profile) .ssp26{--p:#8b2dff;--p2:#b43cff;--c:#31d9ff;--g:#38e5a1;--y:#ffc94e;--r:#ff617e;--bg:#07101e;--panel:#0a1426;--panel2:#0d182b;--line:#263b67;--mut:#8798b0;--txt:#f5f7ff;margin:0 0 28px}
:is(body.ss-route-profile) .ssp26 *{box-sizing:border-box}
:is(body.ss-route-profile) .ssp26 a{text-decoration:none}
:is(body.ss-route-profile) .ssp-notice{margin:0 0 10px;padding:11px 13px;border-radius:9px;font-size:14px;font-weight:850}
:is(body.ss-route-profile) .ssp-notice.ok{border:1px solid rgba(56,229,161,.35);background:rgba(56,229,161,.07);color:#6df0b7}
:is(body.ss-route-profile) .ssp-notice.bad{border:1px solid rgba(255,97,126,.35);background:rgba(255,97,126,.07);color:#ff8fa4}

:is(body.ss-route-profile) .ssp-shell{display:grid;grid-template-columns:292px minmax(0,1fr);gap:12px;align-items:start}
:is(body.ss-route-profile) .ssp-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(155deg,#0b172b,#08111f);box-shadow:0 18px 50px rgba(0,0,0,.16)}
:is(body.ss-route-profile) .ssp-side{position:sticky;top:78px}
:is(body.ss-route-profile) .ssp-identity{padding:18px;text-align:center;border-color:#7335cc;background:
  radial-gradient(circle at 50% 20%,rgba(127,39,255,.16),transparent 30%),
  radial-gradient(circle at 100% 100%,rgba(38,205,255,.08),transparent 26%),
  linear-gradient(150deg,#10152e,#08111f 66%)}
:is(body.ss-route-profile) .ssp-avatar-wrap{position:relative;width:116px;height:116px;margin:0 auto 12px}
:is(body.ss-route-profile) .ssp-avatar{width:116px;height:116px;border-radius:50%;padding:4px;background:conic-gradient(from 180deg,#23dcff,#7d31ff,#e145ff,#23dcff);box-shadow:0 0 28px rgba(120,49,255,.32)}
:is(body.ss-route-profile) .ssp-avatar img,
:is(body.ss-route-profile) .ssp-avatar .ssp-initial{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #08111f;display:grid;place-items:center;background:linear-gradient(135deg,#151e36,#2a1250);font-size:34px;font-weight:950;color:#fff}
:is(body.ss-route-profile) .ssp-online-dot{position:absolute;right:8px;bottom:11px;width:18px;height:18px;border-radius:50%;background:#2ee698;border:4px solid #091020;box-shadow:0 0 12px rgba(46,230,152,.7)}
:is(body.ss-route-profile) .ssp-status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid rgba(56,229,161,.35);border-radius:6px;background:rgba(56,229,161,.09);color:#61efb1;font-size:14px;font-weight:950}
:is(body.ss-route-profile) .ssp-name{font-size:21px;font-weight:950;margin:8px 0 6px;color:#fff}
:is(body.ss-route-profile) .ssp-badges{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}
:is(body.ss-route-profile) .ssp-role,
:is(body.ss-route-profile) .ssp-sub,
:is(body.ss-route-profile) .ssp-founder,
:is(body.ss-route-profile) .ssp-verified{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;font-size:14px;font-weight:950;border:1px solid #3b4d70}
:is(body.ss-route-profile) .ssp-role{color:#d69aff;border-color:#7740b6;background:rgba(139,45,255,.09)}
:is(body.ss-route-profile) .ssp-sub{color:#a9b7ca}
:is(body.ss-route-profile) .ssp-founder{color:#ffd36a;border-color:#8a6724;background:rgba(255,201,78,.08)}
:is(body.ss-route-profile) .ssp-verified{color:#5deeb2;border-color:#247459;background:rgba(56,229,161,.07)}
:is(body.ss-route-profile) .ssp-bio{color:#9eacc0;font-size:14px;line-height:1.55;margin:11px auto 0;max-width:245px}
:is(body.ss-route-profile) .ssp-member{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.06);color:#7f90a7;font-size:14px}
:is(body.ss-route-profile) .ssp-level{margin-top:14px;text-align:left}
:is(body.ss-route-profile) .ssp-level-head{display:flex;justify-content:space-between;gap:10px;color:#bac5d5;font-size:14px}:is(body.ss-route-profile) .ssp-level-head b{color:#fff}
:is(body.ss-route-profile) .ssp-progress{height:7px;margin-top:6px;border-radius:99px;background:#1a2039;overflow:hidden}:is(body.ss-route-profile) .ssp-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4c5cff,#8d31ff,#dc43ff);box-shadow:0 0 13px rgba(142,51,255,.45)}
:is(body.ss-route-profile) .ssp-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:14px;border:1px solid rgba(255,255,255,.055);border-radius:9px;overflow:hidden;background:rgba(255,255,255,.055)}
:is(body.ss-route-profile) .ssp-mini-stat{padding:10px 4px;background:#091426}:is(body.ss-route-profile) .ssp-mini-stat strong{display:block;font-size:14px}:is(body.ss-route-profile) .ssp-mini-stat span{font-size:14px;color:#8293a9;text-transform:uppercase}
:is(body.ss-route-profile) .ssp-withdraw{margin-top:10px;padding:10px;border:1px solid rgba(56,229,161,.25);border-radius:8px;background:rgba(56,229,161,.06)}:is(body.ss-route-profile) .ssp-withdraw span{font-size:14px;color:#82a89d}:is(body.ss-route-profile) .ssp-withdraw b{display:block;color:#5feeb1;font-size:16px;margin-top:2px}
:is(body.ss-route-profile) .ssp-side-btns{display:grid;gap:6px;margin-top:8px}:is(body.ss-route-profile) .ssp-btn{height:34px;padding:0 12px;border:1px solid #38517d;border-radius:7px;background:#0a1428;color:#edf3fd;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:950;cursor:pointer}:is(body.ss-route-profile) .ssp-btn.primary{background:linear-gradient(90deg,#7427ee,#a833ff);border-color:#b955ff;box-shadow:0 0 17px rgba(144,43,255,.17)}:is(body.ss-route-profile) .ssp-btn.green{border-color:#237457;color:#5debad;background:rgba(49,208,144,.06)}:is(body.ss-route-profile) .ssp-btn.danger{color:#ff8ea3;border-color:#693643;background:rgba(255,74,107,.04)}

:is(body.ss-route-profile) .ssp-founder-card{margin-top:10px;padding:12px;border:1px solid #76562b;border-radius:10px;background:radial-gradient(circle at 100% 0,rgba(255,194,57,.12),transparent 33%),linear-gradient(145deg,#17140d,#091020)}
:is(body.ss-route-profile) .ssp-founder-card .k{color:#ffd365;font-size:14px;font-weight:950;letter-spacing:.08em}:is(body.ss-route-profile) .ssp-founder-card strong{display:block;margin:5px 0;color:#fff;font-size:14px}:is(body.ss-route-profile) .ssp-founder-card p{margin:0;color:#8f9fb4;font-size:14px;line-height:1.5}
:is(body.ss-route-profile) .ssp-founder-progress{height:5px;border-radius:99px;background:#281f2f;overflow:hidden;margin:8px 0 4px}:is(body.ss-route-profile) .ssp-founder-progress i{display:block;height:100%;background:linear-gradient(90deg,#ffd056,#a238ff)}

:is(body.ss-route-profile) .ssp-main{min-width:0}
:is(body.ss-route-profile) .ssp-topstats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:10px}
:is(body.ss-route-profile) .ssp-stat{min-height:68px;padding:13px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#0c1729,#08111f);display:flex;align-items:center;gap:11px}
:is(body.ss-route-profile) .ssp-stat-icon{width:39px;height:39px;border-radius:8px;display:grid;place-items:center;font-size:18px;border:1px solid rgba(139,45,255,.28);background:rgba(139,45,255,.10)}
:is(body.ss-route-profile) .ssp-stat:nth-child(2) .ssp-stat-icon{color:#c678ff}:is(body.ss-route-profile) .ssp-stat:nth-child(3) .ssp-stat-icon{color:#ffd15c;border-color:rgba(255,201,78,.28);background:rgba(255,201,78,.08)}:is(body.ss-route-profile) .ssp-stat:nth-child(4) .ssp-stat-icon{color:#51dbff;border-color:rgba(49,217,255,.28);background:rgba(49,217,255,.08)}
:is(body.ss-route-profile) .ssp-stat strong{display:block;font-size:19px;line-height:1}:is(body.ss-route-profile) .ssp-stat span{display:block;margin-top:4px;color:#8798af;font-size:14px}

:is(body.ss-route-profile) .ssp-tabs{display:flex;gap:2px;overflow:auto;margin-bottom:10px;border:1px solid #24385f;border-radius:9px;background:#091426;padding:3px}
:is(body.ss-route-profile) .ssp-tab{height:36px;padding:0 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:#9aa9bd;font-size:14px;font-weight:900;white-space:nowrap;cursor:pointer}:is(body.ss-route-profile) .ssp-tab.on{background:linear-gradient(180deg,rgba(137,43,255,.16),rgba(137,43,255,.04));color:#fff;border-bottom-color:#aa3cff}
:is(body.ss-route-profile) .ssp-panel{display:none}:is(body.ss-route-profile) .ssp-panel.on{display:block}

:is(body.ss-route-profile) .ssp-section{padding:14px}:is(body.ss-route-profile) .ssp-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}:is(body.ss-route-profile) .ssp-section-head h2{font-size:14px;margin:0}:is(body.ss-route-profile) .ssp-section-head p{font-size:14px;color:#8192a9;margin:3px 0 0}
:is(body.ss-route-profile) .ssp-server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
:is(body.ss-route-profile) .ssp-server{border:1px solid #283d67;border-radius:10px;overflow:hidden;background:#07111f}
:is(body.ss-route-profile) .ssp-server-art{height:92px;background:#10182a center/cover no-repeat;position:relative}:is(body.ss-route-profile) .ssp-server-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#07111f)}
:is(body.ss-route-profile) .ssp-server-logo{position:absolute;left:10px;bottom:8px;z-index:2;width:31px;height:31px;border:1px solid #667698;border-radius:6px;background:#0a1427;object-fit:cover}
:is(body.ss-route-profile) .ssp-server-body{padding:10px}:is(body.ss-route-profile) .ssp-server-name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:950;color:#fff;min-width:0}:is(body.ss-route-profile) .ssp-server-name a{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(body.ss-route-profile) .ssp-verified-chip{padding:3px 5px;border-radius:5px;border:1px solid #2f8062;color:#61ebb2;background:rgba(46,220,149,.06);font-size:14px;font-weight:950;white-space:nowrap}
:is(body.ss-route-profile) .ssp-server-sub{margin-top:4px;color:#7f90a7;font-size:14px}:is(body.ss-route-profile) .ssp-server-live{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}:is(body.ss-route-profile) .ssp-server-live div{padding:6px;border:1px solid #23365c;border-radius:6px;background:#091426}:is(body.ss-route-profile) .ssp-server-live b{display:block;font-size:14px}:is(body.ss-route-profile) .ssp-server-live span{display:block;font-size:14px;color:#7688a0;margin-top:2px}
:is(body.ss-route-profile) .ssp-server-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}:is(body.ss-route-profile) .ssp-server-actions a{height:30px;border:1px solid #30466f;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#dce6f5}:is(body.ss-route-profile) .ssp-server-actions a:first-child{background:linear-gradient(90deg,#7227e9,#9e32ff);border-color:#ae50ff;color:#fff}

:is(body.ss-route-profile) .ssp-overview-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:10px;margin-top:10px}
:is(body.ss-route-profile) .ssp-activity,
:is(body.ss-route-profile) .ssp-achievements,
:is(body.ss-route-profile) .ssp-completion,
:is(body.ss-route-profile) .ssp-quick,
:is(body.ss-route-profile) .ssp-orders,
:is(body.ss-route-profile) .ssp-admin,
:is(body.ss-route-profile) .ssp-testimonial,
:is(body.ss-route-profile) .ssp-security,
:is(body.ss-route-profile) .ssp-settings,
:is(body.ss-route-profile) .ssp-boostpanel{padding:14px}
:is(body.ss-route-profile) .ssp-activity-row{display:grid;grid-template-columns:72px 26px 1fr;gap:7px;align-items:start;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}:is(body.ss-route-profile) .ssp-activity-row:last-child{border-bottom:0}:is(body.ss-route-profile) .ssp-activity-time{font-size:14px;color:#71839b}:is(body.ss-route-profile) .ssp-activity-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:rgba(139,45,255,.10);border:1px solid rgba(139,45,255,.24)}:is(body.ss-route-profile) .ssp-activity-row b{font-size:14px;display:block}:is(body.ss-route-profile) .ssp-activity-row span{font-size:14px;color:#8192a8;display:block;margin-top:2px}
:is(body.ss-route-profile) .ssp-ach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}:is(body.ss-route-profile) .ssp-ach{padding:10px 5px;text-align:center;border:1px solid #283d66;border-radius:8px;background:#081326}:is(body.ss-route-profile) .ssp-ach .ico{font-size:22px}:is(body.ss-route-profile) .ssp-ach b{display:block;margin-top:5px;font-size:14px}:is(body.ss-route-profile) .ssp-ach span{font-size:14px;color:#778aa2}
:is(body.ss-route-profile) .ssp-complete-row{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}:is(body.ss-route-profile) .ssp-ring{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#9432ff calc(var(--pct)*1%),#18233b 0);position:relative}:is(body.ss-route-profile) .ssp-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0a1427}:is(body.ss-route-profile) .ssp-ring b{position:relative;z-index:1;font-size:14px}:is(body.ss-route-profile) .ssp-checks{display:grid;gap:5px}:is(body.ss-route-profile) .ssp-check{font-size:14px;color:#9aa9bd}:is(body.ss-route-profile) .ssp-check.ok{color:#58e9aa}

:is(body.ss-route-profile) .ssp-admin-grid,
:is(body.ss-route-profile) .ssp-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}:is(body.ss-route-profile) .ssp-admin-link,
:is(body.ss-route-profile) .ssp-quick-item{padding:9px;border:1px solid #263c65;border-radius:7px;background:#081326;color:#dce6f3;font-size:14px}:is(body.ss-route-profile) .ssp-admin-link{display:flex;align-items:center;gap:7px}:is(body.ss-route-profile) .ssp-quick-item b{display:block;font-size:14px}:is(body.ss-route-profile) .ssp-quick-item span{display:block;color:#7d8fa6;font-size:14px;margin-top:3px}
:is(body.ss-route-profile) .ssp-order{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 9px;border:1px solid #253a63;border-radius:7px;background:#081326;margin-top:6px}:is(body.ss-route-profile) .ssp-order b{font-size:14px}:is(body.ss-route-profile) .ssp-order span{font-size:14px;color:#8192aa}

:is(body.ss-route-profile) .ssp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}:is(body.ss-route-profile) .ssp-field{display:grid;gap:4px}:is(body.ss-route-profile) .ssp-field.full{grid-column:1/-1}:is(body.ss-route-profile) .ssp-field label{font-size:14px;color:#8496ad;font-weight:850}:is(body.ss-route-profile) .ssp26 input[type=text],
:is(body.ss-route-profile) .ssp26 input[type=url],
:is(body.ss-route-profile) .ssp26 input[type=file],
:is(body.ss-route-profile) .ssp26 textarea{width:100%;border:1px solid #293f69!important;border-radius:7px!important;background:#06101e!important;color:#e9eff8!important;padding:10px!important;font-size:14px!important}:is(body.ss-route-profile) .ssp26 textarea{resize:vertical}:is(body.ss-route-profile) .ssp-save{margin-top:10px}
:is(body.ss-route-profile) .ssp-security-row{display:flex;justify-content:space-between;gap:9px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}:is(body.ss-route-profile) .ssp-security-row:last-child{border-bottom:0}:is(body.ss-route-profile) .ssp-security-row .ok{color:#55eaa9}:is(body.ss-route-profile) .ssp-security-row .bad{color:#ff718b}:is(body.ss-route-profile) .ssp-security-row .mut{color:#74869e}
:is(body.ss-route-profile) .ssp-logo-list{display:grid;gap:7px}:is(body.ss-route-profile) .ssp-logo-row{padding:10px;border:1px solid #263b64;border-radius:8px;background:#081326}:is(body.ss-route-profile) .ssp-logo-row-top{display:flex;justify-content:space-between;gap:9px;align-items:center}:is(body.ss-route-profile) .ssp-logo-row-top b{font-size:14px}:is(body.ss-route-profile) .ssp-logo-row-top span{font-size:14px;color:#8192aa}:is(body.ss-route-profile) .ssp-logo-form{display:flex;gap:6px;margin-top:7px}:is(body.ss-route-profile) .ssp-logo-form input{flex:1}:is(body.ss-route-profile) .ssp-logo-form button{flex:0 0 auto}
:is(body.ss-route-profile) .ssp-stars{display:flex;gap:3px}:is(body.ss-route-profile) .ssp-star{background:0;border:0;color:#ffc94d;font-size:18px;cursor:pointer;padding:0}

:is(body.ss-route-profile) .ssp-empty{padding:24px;text-align:center;color:#8192a8;font-size:14px}
:is(body.ss-route-profile) .ssp-footnote{margin-top:8px;color:#71839a;font-size:14px;line-height:1.45}

@media (max-width:1120px){
  :is(body.ss-route-profile) .ssp-shell{grid-template-columns:250px minmax(0,1fr)}
  :is(body.ss-route-profile) .ssp-server-grid{grid-template-columns:1fr 1fr}
  :is(body.ss-route-profile) .ssp-topstats{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  :is(body.ss-route-profile) .ssp-shell{grid-template-columns:1fr}
  :is(body.ss-route-profile) .ssp-side{position:static}
  :is(body.ss-route-profile) .ssp-identity{display:grid;grid-template-columns:110px 1fr;text-align:left;gap:14px;align-items:center}
  :is(body.ss-route-profile) .ssp-avatar-wrap{margin:0}:is(body.ss-route-profile) .ssp-badges{justify-content:flex-start}:is(body.ss-route-profile) .ssp-bio{margin-left:0}:is(body.ss-route-profile) .ssp-level,
:is(body.ss-route-profile) .ssp-mini-stats,
:is(body.ss-route-profile) .ssp-withdraw,
:is(body.ss-route-profile) .ssp-side-btns,
:is(body.ss-route-profile) .ssp-founder-card{grid-column:1/-1}
  :is(body.ss-route-profile) .ssp-overview-grid{grid-template-columns:1fr}
}
@media (max-width:590px){
  :is(body.ss-route-profile) .ssp-topstats{grid-template-columns:1fr}
  :is(body.ss-route-profile) .ssp-server-grid{grid-template-columns:1fr}
  :is(body.ss-route-profile) .ssp-form-grid{grid-template-columns:1fr}:is(body.ss-route-profile) .ssp-field.full{grid-column:auto}
  :is(body.ss-route-profile) .ssp-admin-grid,
:is(body.ss-route-profile) .ssp-quick-grid{grid-template-columns:1fr}
  :is(body.ss-route-profile) .ssp-ach-grid{grid-template-columns:1fr 1fr}
  :is(body.ss-route-profile) .ssp-identity{display:block;text-align:center}:is(body.ss-route-profile) .ssp-avatar-wrap{margin:0 auto}:is(body.ss-route-profile) .ssp-badges{justify-content:center}:is(body.ss-route-profile) .ssp-bio{margin-left:auto}
  :is(body.ss-route-profile) .ssp-activity-row{grid-template-columns:60px 24px 1fr}
}

/* 2027 finish pass: clear text and touch targets, scoped only to Profile. */
:is(body.ss-route-profile) .ssp26{font-size:16px;line-height:1.55;max-width:1600px;margin-inline:auto}
:is(body.ss-route-profile) .ssp26 :is(.ssp-bio,.ssp-member,.ssp-activity-row b,.ssp-activity-row span,.ssp-quick-item b,.ssp-quick-item span,.ssp-admin-link,.ssp-server-name,.ssp-server-sub,.ssp-server-live b,.ssp-server-live span,.ssp-order b,.ssp-order span,.ssp-security-row,.ssp-check,.ssp-empty,.ssp-footnote,.ssp-field label){font-size:16px}
:is(body.ss-route-profile) .ssp26 :is(.ssp-section-head p,.ssp-activity-time,.ssp-stat span,.ssp-mini-stat span,.ssp-role,.ssp-sub,.ssp-founder,.ssp-verified){font-size:14px}
:is(body.ss-route-profile) .ssp26 .ssp-section-head h2{font-size:clamp(20px,2vw,26px);line-height:1.3}
:is(body.ss-route-profile) .ssp26 :is(input[type=text],input[type=url],input[type=file],textarea){font-size:16px!important;min-height:48px}
:is(body.ss-route-profile) .ssp26 :is(.ssp-btn,.ssp-tab,.ssp-server-actions a,.ssp-admin-link,.ssp-quick-item){min-height:46px;height:auto;padding:10px 14px;line-height:1.4}
:is(body.ss-route-profile) .ssp26 :is(a,button,input,textarea):focus-visible{outline:3px solid #b58bff;outline-offset:3px}
:is(body.ss-route-profile) .ssp26 .ssp-shell,
:is(body.ss-route-profile) .ssp26 .ssp-overview-grid,
:is(body.ss-route-profile) .ssp26 .ssp-server-grid{min-width:0}
:is(body.ss-route-profile) .ssp26 .ssp-card,
:is(body.ss-route-profile) .ssp26 .ssp-server,
:is(body.ss-route-profile) .ssp26 .ssp-identity{min-width:0}
@media (max-width:820px){:is(body.ss-route-profile) .ssp26 .ssp-shell{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){:is(body.ss-route-profile) .ssp26 .ssp-identity{padding:15px}:is(body.ss-route-profile) .ssp26 .ssp-topstats{gap:8px}}

/* Profile account editor: accessible ratings and readable feedback. */
:is(body.ss-route-profile) .ssp26 .ssp-stars .ssp-star{opacity:.38;transition:opacity .15s ease,transform .15s ease}
:is(body.ss-route-profile) .ssp26 .ssp-stars .ssp-star.on{opacity:1}
:is(body.ss-route-profile) .ssp26 .ssp-stars .ssp-star:focus-visible{outline:3px solid #b58bff;outline-offset:3px;opacity:1}
:is(body.ss-route-profile) .ssp26 .ssp-notice{font-size:16px;line-height:1.5}
:is(body.ss-route-profile) .ssp26 .ssp-stars .ssp-star{min-width:44px;min-height:44px}


/* ========= assets/css/messages.css ========= */
:is(body.ss-route-messages) .m26{
  --m-bg:#050914;
  --m-panel:#091426;
  --m-panel2:#0b1830;
  --m-line:#203957;
  --m-muted:#8091a8;
  --m-text:#f4f7ff;
  --m-purple:#8c35ff;
  --m-purple2:#b45dff;
  --m-cyan:#2cd4ff;
  --m-green:#2ade8c;
  --m-red:#ff6078;
  color:var(--m-text);
  padding-bottom:24px;
}
:is(body.ss-route-messages) .m26 *{box-sizing:border-box}
:is(body.ss-route-messages) .m26 a{text-decoration:none}
:is(body.ss-route-messages) .m26-shell{max-width:1460px;margin:0 auto;padding:0 18px}

:is(body.ss-route-messages) .m26-hero{
  min-height:150px;
  margin:12px 0 14px;
  padding:22px 26px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  border:1px solid rgba(132,50,229,.5);
  border-radius:14px;
  position:relative;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(4,8,17,.97),rgba(8,10,24,.75),rgba(16,7,34,.42)),
    url("/assets/boost/boost-hero-premium.webp") center 42%/cover no-repeat,
    radial-gradient(circle at 76% 35%,rgba(143,46,255,.24),transparent 34%),
    #080d18;
}
:is(body.ss-route-messages) .m26-hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:30px 30px
}
:is(body.ss-route-messages) .m26-hero-left,
:is(body.ss-route-messages) .m26-hero-stats{position:relative;z-index:2}
:is(body.ss-route-messages) .m26-kicker{font-size:14px;font-weight:950;letter-spacing:.16em;color:#d18bff}
:is(body.ss-route-messages) .m26-hero h1{font-size:32px;margin:7px 0 3px;letter-spacing:-.03em}
:is(body.ss-route-messages) .m26-hero p{font-size:14px;color:#9caabd;margin:0}
:is(body.ss-route-messages) .m26-hero-stats{
  display:grid;grid-template-columns:repeat(2,120px);gap:8px
}
:is(body.ss-route-messages) .m26-hero-stat{
  padding:11px;border:1px solid rgba(146,65,246,.3);border-radius:10px;
  background:rgba(8,14,27,.7);backdrop-filter:blur(8px)
}
:is(body.ss-route-messages) .m26-hero-stat b{font-size:16px;display:block}:is(body.ss-route-messages) .m26-hero-stat span{display:block;font-size:14px;color:#8b9bb0;margin-top:3px}

:is(body.ss-route-messages) .m26-top{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px
}
:is(body.ss-route-messages) .m26-top h2{margin:0;font-size:23px}:is(body.ss-route-messages) .m26-top p{margin:4px 0 0;color:#8191a7;font-size:14px}
:is(body.ss-route-messages) .m26-actions{display:flex;gap:6px;flex-wrap:wrap}
:is(body.ss-route-messages) .m26-actions a,
:is(body.ss-route-messages) .m26-actions button{
  min-height:34px;padding:0 10px;border-radius:8px;border:1px solid #2e4562;background:#0a1627;color:#c7d4e2;
  display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:900;cursor:pointer
}
:is(body.ss-route-messages) .m26-actions .on{background:linear-gradient(135deg,#7d2dec,#9d3eff);border-color:#ad67ff;color:#fff}

:is(body.ss-route-messages) .m26-grid{
  display:grid;
  grid-template-columns:300px minmax(0,1fr) 280px;
  gap:10px;
  align-items:stretch;
}
:is(body.ss-route-messages) .m26-panel{
  border:1px solid var(--m-line);
  border-radius:13px;
  background:
    radial-gradient(circle at 100% 0,rgba(137,48,237,.07),transparent 30%),
    linear-gradient(155deg,#0b1728,#07111f);
  box-shadow:0 18px 52px rgba(0,0,0,.18);
  overflow:hidden;
}


:is(body.ss-route-messages) .m26-list-head{padding:11px;border-bottom:1px solid rgba(255,255,255,.05)}
:is(body.ss-route-messages) .m26-search{position:relative}
:is(body.ss-route-messages) .m26-search input{
  width:100%!important;height:37px!important;margin:0!important;padding-left:32px!important;
  border:1px solid #314b69!important;border-radius:8px!important;background:#07111e!important;color:#eef4fc!important;font-size:14px!important
}
:is(body.ss-route-messages) .m26-search span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#71839a;font-size:14px}
:is(body.ss-route-messages) .m26-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}
:is(body.ss-route-messages) .m26-filter{
  min-height:31px;border-radius:7px;border:1px solid #293f5b;background:#091523;color:#96a6b8;font-size:14px;font-weight:900;cursor:pointer
}
:is(body.ss-route-messages) .m26-filter.on{background:linear-gradient(135deg,#7b2ce9,#9d3fff);border-color:#a65aff;color:#fff}
:is(body.ss-route-messages) .m26-convos{max-height:600px;overflow:auto}
:is(body.ss-route-messages) .m26-convo{
  display:flex;align-items:center;gap:8px;padding:10px 11px;color:#dfe7f2!important;
  border-bottom:1px solid rgba(255,255,255,.04);transition:.16s
}
:is(body.ss-route-messages) .m26-convo:hover{background:rgba(255,255,255,.015)}
:is(body.ss-route-messages) .m26-convo.on{
  background:linear-gradient(90deg,rgba(130,44,226,.22),rgba(69,32,124,.08));
  box-shadow:inset 3px 0 0 #963fff
}
:is(body.ss-route-messages) .m26-avatar{
  width:38px;height:38px;flex:0 0 38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(145deg,#7d31ed,#3f207d);border:1px solid rgba(179,93,255,.42);font-size:14px;font-weight:950
}
:is(body.ss-route-messages) .m26-avatar img{width:100%;height:100%;object-fit:cover}
:is(body.ss-route-messages) .m26-convo-main{min-width:0;flex:1}
:is(body.ss-route-messages) .m26-convo-top{display:flex;justify-content:space-between;gap:6px}
:is(body.ss-route-messages) .m26-convo-top b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(body.ss-route-messages) .m26-convo-top time{font-size:14px;color:#6f8198}
:is(body.ss-route-messages) .m26-convo-last{display:flex;justify-content:space-between;gap:6px;margin-top:3px}
:is(body.ss-route-messages) .m26-convo-last span:first-child{font-size:14px;color:#7f90a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(body.ss-route-messages) .m26-unread{min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#8e35ff;color:#fff;font-size:14px;font-weight:950;display:grid;place-items:center}
:is(body.ss-route-messages) .m26-new-btn{padding:10px}:is(body.ss-route-messages) .m26-new-btn a{width:100%;justify-content:center}


:is(body.ss-route-messages) .m26-chat{display:flex;flex-direction:column;min-height:650px}
:is(body.ss-route-messages) .m26-chat-head{
  min-height:70px;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.05);
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
:is(body.ss-route-messages) .m26-chat-user{display:flex;align-items:center;gap:9px}
:is(body.ss-route-messages) .m26-chat-user h3{margin:0;font-size:14px}:is(body.ss-route-messages) .m26-chat-user p{margin:3px 0 0;color:#52e69e;font-size:14px}
:is(body.ss-route-messages) .m26-chat-head-actions{display:flex;gap:5px}:is(body.ss-route-messages) .m26-iconbtn{width:31px;height:31px;border-radius:7px;border:1px solid #314861;background:#091523;color:#bfcddd;cursor:pointer}
:is(body.ss-route-messages) .m26-thread{
  flex:1;min-height:430px;max-height:610px;overflow:auto;padding:15px;
  display:flex;flex-direction:column;gap:9px;
  background:
    radial-gradient(circle at 50% 45%,rgba(101,37,178,.06),transparent 38%),
    #050c16
}
:is(body.ss-route-messages) .m26-date{text-align:center;font-size:14px;color:#71839a;margin:2px 0 5px}
:is(body.ss-route-messages) .m26-bubble-row{display:flex;gap:7px;align-items:flex-end}
:is(body.ss-route-messages) .m26-bubble-row.mine{justify-content:flex-end}
:is(body.ss-route-messages) .m26-mini-avatar{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:#111d2e;border:1px solid #334a68;font-size:14px;font-weight:950}
:is(body.ss-route-messages) .m26-bubble{
  max-width:72%;padding:9px 11px;border-radius:11px;
  background:#101c2d;border:1px solid #1f334d;color:#e4ebf4;font-size:14px;line-height:1.45;
  box-shadow:0 8px 24px rgba(0,0,0,.12)
}
:is(body.ss-route-messages) .m26-bubble.mine{
  background:linear-gradient(135deg,#7225d9,#9136ef);
  border-color:#9f55ff;color:#fff
}
:is(body.ss-route-messages) .m26-bubble-meta{font-size:14px;opacity:.6;margin-top:4px;text-align:right}
:is(body.ss-route-messages) .m26-emptychat{margin:auto;text-align:center;color:#71839a;font-size:14px}
:is(body.ss-route-messages) .m26-emptychat i{display:block;font-style:normal;font-size:32px;margin-bottom:7px}
:is(body.ss-route-messages) .m26-compose{
  padding:10px;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:7px;background:#081321
}
:is(body.ss-route-messages) .m26-compose input{
  flex:1;height:40px!important;margin:0!important;border:1px solid #314b69!important;border-radius:8px!important;background:#07111e!important;color:#edf4fb!important;font-size:14px!important
}
:is(body.ss-route-messages) .m26-compose button{min-width:90px}
:is(body.ss-route-messages) .m26-compose-tools{display:flex;gap:5px}:is(body.ss-route-messages) .m26-compose-tools button{min-width:36px;width:36px;padding:0}


:is(body.ss-route-messages) .m26-new{padding:16px}
:is(body.ss-route-messages) .m26-new h3{margin:0;font-size:14px}:is(body.ss-route-messages) .m26-new p{font-size:14px;color:#8191a7}
:is(body.ss-route-messages) .m26-staff{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 12px}:is(body.ss-route-messages) .m26-staff a{padding:7px 9px;border:1px solid #30445f;border-radius:8px;background:#091523;color:#d7e1ec;font-size:14px}
:is(body.ss-route-messages) .m26-form label{display:block;font-size:14px;color:#8293a8;margin-bottom:4px}:is(body.ss-route-messages) .m26-form input,
:is(body.ss-route-messages) .m26-form textarea{width:100%!important;margin:0!important;font-size:14px!important}:is(body.ss-route-messages) .m26-form input{height:38px!important}:is(body.ss-route-messages) .m26-form textarea{min-height:120px!important}
:is(body.ss-route-messages) .m26-check{font-size:14px;margin:6px 0 9px;color:#72849b}
:is(body.ss-route-messages) .m26-users{margin-top:12px}:is(body.ss-route-messages) .m26-users input{width:100%!important;height:36px!important;margin:0 0 7px!important;font-size:14px!important}:is(body.ss-route-messages) .m26-userchips{display:flex;gap:5px;flex-wrap:wrap;max-height:170px;overflow:auto}:is(body.ss-route-messages) .m26-userchips button{padding:6px 8px!important;font-size:14px!important}
:is(body.ss-route-messages) .m26-access-card{
  min-height:480px;padding:26px;display:grid;place-items:center;text-align:center;
  background:
    radial-gradient(circle at 50% 20%,rgba(138,48,236,.11),transparent 35%),
    linear-gradient(155deg,#0b1728,#07111f)
}
:is(body.ss-route-messages) .m26-access-inner{max-width:530px}
:is(body.ss-route-messages) .m26-access-icon{
  width:76px;height:76px;margin:0 auto 13px;border-radius:19px;display:grid;place-items:center;
  font-size:31px;background:rgba(139,53,255,.12);border:1px solid rgba(139,53,255,.28);
  box-shadow:0 0 30px rgba(139,53,255,.14)
}
:is(body.ss-route-messages) .m26-access-card h3{font-size:18px;margin:0}:is(body.ss-route-messages) .m26-access-card p{font-size:14px;color:#8a9ab0;line-height:1.6;margin:8px auto 14px}
:is(body.ss-route-messages) .m26-ticket-btn{display:inline-flex!important;min-height:42px!important;padding:0 16px!important;align-items:center;justify-content:center}
:is(body.ss-route-messages) .m26-online-only{
  display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;
  border:1px solid rgba(36,215,132,.3);color:#52e9a1;background:rgba(36,215,132,.06);font-size:14px;font-weight:950
}


:is(body.ss-route-messages) .m26-side{display:grid;gap:10px;align-content:start}
:is(body.ss-route-messages) .m26-usercard{padding:13px;text-align:center}
:is(body.ss-route-messages) .m26-usercard .m26-avatar{width:70px;height:70px;margin:0 auto 7px;font-size:19px}
:is(body.ss-route-messages) .m26-usercard h3{font-size:14px;margin:0}:is(body.ss-route-messages) .m26-online{color:#45e49b;font-size:14px;margin-top:3px}
:is(body.ss-route-messages) .m26-role{display:inline-flex;margin-top:6px;padding:4px 7px;border-radius:999px;font-size:14px;font-weight:950;border:1px solid currentColor}
:is(body.ss-route-messages) .m26-userstats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:11px}
:is(body.ss-route-messages) .m26-userstat{padding:8px 5px;border:1px solid #263b56;border-radius:8px;background:#081321}:is(body.ss-route-messages) .m26-userstat b{font-size:14px;display:block}:is(body.ss-route-messages) .m26-userstat span{font-size:14px;color:#7e90a6}
:is(body.ss-route-messages) .m26-user-meta{display:grid;gap:6px;margin-top:10px;text-align:left}:is(body.ss-route-messages) .m26-user-meta div{font-size:14px;color:#8b9bb0}
:is(body.ss-route-messages) .m26-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}:is(body.ss-route-messages) .m26-side-actions a{font-size:14px!important;padding:7px!important;text-align:center}
:is(body.ss-route-messages) .m26-quick{padding:12px}:is(body.ss-route-messages) .m26-quick h3{margin:0 0 8px;font-size:14px}:is(body.ss-route-messages) .m26-quick a,
:is(body.ss-route-messages) .m26-quick button{width:100%;min-height:34px;margin-top:5px;border:1px solid #2b425e;border-radius:8px;background:#081321;color:#c3d0df;font-size:14px;text-align:left;padding:0 9px;display:flex;align-items:center;gap:6px}
:is(body.ss-route-messages) .m26-side-empty{padding:18px;text-align:center;color:#73849a;font-size:14px}


@media (max-width:1100px){
  :is(body.ss-route-messages) .m26-grid{grid-template-columns:270px minmax(0,1fr)}
  :is(body.ss-route-messages) .m26-side{grid-column:1/-1;grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  :is(body.ss-route-messages) .m26-shell{padding:0 10px}
  :is(body.ss-route-messages) .m26-hero{padding:17px;min-height:130px}:is(body.ss-route-messages) .m26-hero h1{font-size:25px}
  :is(body.ss-route-messages) .m26-hero-stats{display:none}
  :is(body.ss-route-messages) .m26-top{align-items:flex-start;flex-direction:column}
  :is(body.ss-route-messages) .m26-grid{grid-template-columns:1fr}
  :is(body.ss-route-messages) .m26-list-panel{display:none}
  :is(body.ss-route-messages) .m26-grid.show-list .m26-list-panel{display:block}
  :is(body.ss-route-messages) .m26-grid.show-list .m26-chat-panel{display:none}
  :is(body.ss-route-messages) .m26-side{grid-template-columns:1fr}
  :is(body.ss-route-messages) .m26-chat{min-height:600px}
  :is(body.ss-route-messages) .m26-thread{max-height:500px}
  :is(body.ss-route-messages) .m26-bubble{max-width:86%}
  :is(body.ss-route-messages) .m26-mobile-list{display:inline-flex!important}
}
@media (min-width:761px){:is(body.ss-route-messages) .m26-mobile-list{display:none!important}}

:is(body.ss-route-messages) .m26{font-size:16px;line-height:1.55;width:100%;max-width:100%}
:is(body.ss-route-messages) .m26 .m26-shell{max-width:1700px;width:100%;margin:0 auto;padding:0 clamp(12px,2vw,28px)}
:is(body.ss-route-messages) .m26 .m26-grid{min-width:0}
:is(body.ss-route-messages) .m26 .m26-panel{min-width:0;border-radius:16px}
:is(body.ss-route-messages) .m26 :is(input,select,textarea,button,.m26-filter,.m26-iconbtn){font-size:16px;min-height:44px}
:is(body.ss-route-messages) .m26 :is(.m26-convo-last,.m26-bubble-meta,.m26-convo-main,.m26-hero-stat span,.m26-staff,.m26-userstat span){font-size:14px;line-height:1.5}
:is(body.ss-route-messages) .m26 .m26-bubble{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
:is(body.ss-route-messages) .m26 .m26-convo{min-height:65px}
:is(body.ss-route-messages) .m26 .m26-list-panel,
:is(body.ss-route-messages) .m26 .m26-chat-panel{min-width:0}
:is(body.ss-route-messages) .m26 .m26-compose textarea,
:is(body.ss-route-messages) .m26 .m26-form textarea{min-height:52px}
@media (max-width:950px){:is(body.ss-route-messages) .m26 .m26-hero{flex-wrap:wrap;padding:22px 18px}:is(body.ss-route-messages) .m26 .m26-hero-stats{width:100%;justify-content:flex-start}:is(body.ss-route-messages) .m26 .m26-grid{grid-template-columns:minmax(0,1fr)}:is(body.ss-route-messages) .m26 .m26-side{min-width:0}}
@media (max-width:600px){:is(body.ss-route-messages) .m26 .m26-shell{padding:0 10px}:is(body.ss-route-messages) .m26 .m26-hero{margin:8px 0 14px}:is(body.ss-route-messages) .m26 .m26-top{flex-wrap:wrap}:is(body.ss-route-messages) .m26 .m26-actions{width:100%;flex-wrap:wrap}:is(body.ss-route-messages) .m26 .m26-compose{min-width:0}:is(body.ss-route-messages) .m26 .m26-chat-head{flex-wrap:wrap}:is(body.ss-route-messages) .m26 .m26-hero h1{font-size:clamp(26px,7vw,35px)}}


/* ========= assets/css/public-user-mockup-2027.css ========= */
/* Public profile; all rules isolated from the logged-in user header. */
:is(body.ss-route-u) .ss27-public-user{width:min(1460px,calc(100% - 24px));margin:24px auto 48px;font-size:16px;color:#f1f5ff}
:is(body.ss-route-u) .ss27-public-user-hero,
:is(body.ss-route-u) .ss27-public-user-servers{position:relative;border-radius:17px;overflow:hidden;border:1px solid #334777;background:linear-gradient(140deg,#111a35,#081120);padding:clamp(22px,3vw,42px);margin-bottom:18px}
:is(body.ss-route-u) .ss27-public-user-art{position:absolute;right:-50px;top:-80px;width:300px;height:300px;border-radius:50%;background:var(--ss27-user-accent,#a855f7);opacity:.07;filter:blur(35px);pointer-events:none}
:is(body.ss-route-u) .ss27-public-user-info{display:flex;gap:25px;align-items:center;position:relative;min-width:0}
:is(body.ss-route-u) .ss27-public-user-avatar{flex:0 0 112px;width:112px;height:112px;border:3px solid var(--ss27-user-accent,#a855f7);border-radius:50%;object-fit:cover;background:#111c35}
:is(body.ss-route-u) .ss27-public-user-initials{display:grid;place-items:center;font-size:40px;font-weight:900;background:linear-gradient(135deg,var(--ss27-user-accent,#a855f7),#1e3a8a)}
:is(body.ss-route-u) .ss27-public-user-identity{min-width:0}:is(body.ss-route-u) .ss27-profile-kicker{color:#bba1ff;font-weight:800;font-size:14px;letter-spacing:.09em}
:is(body.ss-route-u) .ss27-public-user-identity h1{font-size:clamp(28px,3.5vw,44px);overflow-wrap:anywhere;margin:7px 0 12px}
:is(body.ss-route-u) .ss27-public-user-role{display:inline-flex;border:1px solid var(--ss27-user-accent,#a855f7);color:var(--ss27-user-accent,#a855f7);padding:5px 14px;border-radius:999px;font-size:14px;font-weight:800;background:#111c35}
:is(body.ss-route-u) .ss27-public-user-since{color:#b6c5de;font-size:15px;margin:12px 0 0}:is(body.ss-route-u) .ss27-public-user-bio{max-width:900px;font-size:17px;line-height:1.7;margin:24px 0;overflow-wrap:anywhere}
:is(body.ss-route-u) .ss27-public-user-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}:is(body.ss-route-u) .ss27-public-user-chip{border:1px solid #425686;background:#14223e;border-radius:9px;padding:11px 15px;font-size:16px;color:#f0f4ff;overflow-wrap:anywhere}
:is(body.ss-route-u) .ss27-section-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}:is(body.ss-route-u) .ss27-section-title h2{margin:0;font-size:25px}:is(body.ss-route-u) .ss27-section-title span,
:is(body.ss-route-u) .ss27-empty-state{color:#b1c1db;font-size:16px}
:is(body.ss-route-u) .ss27-user-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:is(body.ss-route-u) .ss27-user-server{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:78px;min-width:0;border:1px solid #334775;border-radius:11px;background:#0d1930;padding:18px;color:#f1f4ff;text-decoration:none}
:is(body.ss-route-u) .ss27-user-server:hover,
:is(body.ss-route-u) .ss27-user-server:focus-visible{border-color:#a267ff;background:#142244}:is(body.ss-route-u) .ss27-user-server-name{font-size:17px;font-weight:850;overflow-wrap:anywhere;min-width:0}:is(body.ss-route-u) .ss27-user-server-tier{margin-left:auto}
@media (max-width:760px){:is(body.ss-route-u) .ss27-user-server-grid{grid-template-columns:1fr}:is(body.ss-route-u) .ss27-public-user-info{gap:16px}:is(body.ss-route-u) .ss27-public-user-avatar{flex-basis:80px;width:80px;height:80px}}
@media (max-width:420px){:is(body.ss-route-u) .ss27-public-user-info{flex-direction:column;text-align:center}:is(body.ss-route-u) .ss27-public-user-since{font-size:14px}:is(body.ss-route-u) .ss27-public-user-social{justify-content:center}:is(body.ss-route-u) .ss27-public-user-servers,
:is(body.ss-route-u) .ss27-public-user-hero{padding:20px 16px}:is(body.ss-route-u) .ss27-user-server{padding:14px}}

/* Profile creator showcase: matches the Marketplace resources row from the approved MockUp. */
:is(body.ss-route-u) .ss27-public-user-resources{border:1px solid #334777;border-radius:17px;padding:clamp(22px,3vw,42px);margin-bottom:18px;background:linear-gradient(140deg,#10182e,#081120)}
:is(body.ss-route-u) .ss27-public-user-market-link{font-size:16px;font-weight:850;color:#d3b7ff;padding:10px 14px;border:1px solid #7154b8;border-radius:10px;text-decoration:none;background:#1b1940}
:is(body.ss-route-u) .ss27-public-user-market-link:focus-visible,
:is(body.ss-route-u) .ss27-public-user-resource:focus-visible{outline:3px solid #76d4ff;outline-offset:3px}
:is(body.ss-route-u) .ss27-public-user-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
:is(body.ss-route-u) .ss27-public-user-resource{display:flex;flex-direction:column;min-width:0;overflow:hidden;text-decoration:none;color:#f2f4ff;background:#0c1830;border:1px solid #344875;border-radius:13px;transition:border-color .18s,transform .18s}
:is(body.ss-route-u) .ss27-public-user-resource:hover{transform:translateY(-2px);border-color:#a76dff}
:is(body.ss-route-u) .ss27-public-user-resource-art{height:clamp(135px,14vw,210px);background:linear-gradient(130deg,#172e5a,#321d66);display:grid;place-items:center;overflow:hidden}
:is(body.ss-route-u) .ss27-public-user-resource-art img{display:block;width:100%;height:100%;object-fit:cover}
:is(body.ss-route-u) .ss27-public-user-resource-art span{font-weight:950;font-size:clamp(48px,8vw,86px);color:#bd8aff;text-shadow:0 0 28px #7f3dba}
:is(body.ss-route-u) .ss27-public-user-resource-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;min-width:0}
:is(body.ss-route-u) .ss27-public-user-resource-copy strong{font-size:18px;overflow-wrap:anywhere;line-height:1.35}
:is(body.ss-route-u) .ss27-public-user-resource-copy>span{font-size:15px;color:#adbed9;overflow-wrap:anywhere}
:is(body.ss-route-u) .ss27-public-user-resource-copy .ss27-public-user-resource-rating{color:#ffc35c;font-weight:850}
@media (max-width:820px){:is(body.ss-route-u) .ss27-public-user-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){:is(body.ss-route-u) .ss27-public-user-resource-grid{grid-template-columns:1fr}:is(body.ss-route-u) .ss27-public-user-resources{padding:20px 16px}:is(body.ss-route-u) .ss27-public-user-market-link{width:100%;text-align:center}:is(body.ss-route-u) .ss27-public-user-resource-art{height:170px}}
@media (prefers-reduced-motion:reduce){:is(body.ss-route-u) .ss27-public-user-resource{transition:none}}

:is(body.ss-route-u) .ss27-public-user-nav{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 14px;padding:10px;border:1px solid #303f6c;border-radius:12px;background:#0d1730}
:is(body.ss-route-u) .ss27-public-user-nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;min-height:44px;color:#d4dbf7;font-size:16px;font-weight:800;text-decoration:none;border:1px solid #40507a;background:#141f3d;border-radius:9px}
:is(body.ss-route-u) .ss27-public-user-nav a:hover{color:#fff;background:#4a2c92;border-color:#a366fa}
:is(body.ss-route-u) .ss27-public-user-nav a:focus-visible{outline:3px solid #79d4ff;outline-offset:3px}
:is(body.ss-route-u) .ss27-public-user :is(#ss27PublicAbout,#ss27PublicServers,#ss27PublicResources){scroll-margin-top:110px}
@media (max-width:420px){:is(body.ss-route-u) .ss27-public-user-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px}:is(body.ss-route-u) .ss27-public-user-nav a{padding:9px 4px;font-size:14px}}


/* ========= assets/css/community-dashboard-2027.css ========= */
/* SoulShive personal community dashboard — scoped to this page only. */
:is(body.ss-route-my-communities) .sscd{--cd-line:rgba(141,145,229,.27);--cd-text:#f4f3ff;--cd-muted:#abb9d6;width:min(1460px,calc(100% - 36px));margin:24px auto 72px;color:var(--cd-text);font-size:16px;line-height:1.55}
:is(body.ss-route-my-communities) .sscd *{box-sizing:border-box}
:is(body.ss-route-my-communities) .sscd a{color:#cbb7ff;text-decoration:none}
:is(body.ss-route-my-communities) .sscd a:hover{text-decoration:underline;color:#fff}
:is(body.ss-route-my-communities) .sscd-crumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--cd-muted);margin:0 0 20px;font-size:15px}
:is(body.ss-route-my-communities) .sscd-hero{min-height:250px;border:1px solid var(--cd-line);border-radius:18px;padding:clamp(24px,4vw,48px);background:radial-gradient(circle at 88% 15%,rgba(133,48,251,.31),transparent 34%),radial-gradient(circle at 50% 100%,rgba(26,91,214,.16),transparent 50%),linear-gradient(145deg,#11162d,#070b1d);display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}
:is(body.ss-route-my-communities) .sscd-hero>div:first-child{position:relative;z-index:1;max-width:820px}
:is(body.ss-route-my-communities) .sscd-kicker{color:#d39aff!important;font-weight:850;letter-spacing:.15em;font-size:14px;margin:0 0 12px!important}
:is(body.ss-route-my-communities) .sscd h1{font-size:clamp(32px,4.1vw,56px)!important;line-height:1.12;letter-spacing:-.03em;margin:0 0 14px!important;color:#fff!important}
:is(body.ss-route-my-communities) .sscd-intro{font-size:17px!important;color:#becce6!important;max-width:720px;line-height:1.65;margin:0 0 24px!important}
:is(body.ss-route-my-communities) .sscd-actions{display:flex;flex-wrap:wrap;gap:10px}
:is(body.ss-route-my-communities) .sscd .sscd-button{display:inline-flex;justify-content:center;align-items:center;padding:12px 18px;min-height:47px;color:#fff;font-size:15px;font-weight:800;border:1px solid #475c96;border-radius:9px;background:#111a35;text-decoration:none}
:is(body.ss-route-my-communities) .sscd .sscd-button.primary{background:linear-gradient(100deg,#7d2bea,#465eff);border-color:#8159f9}
:is(body.ss-route-my-communities) .sscd .sscd-button:hover{text-decoration:none;filter:brightness(1.15)}
:is(body.ss-route-my-communities) .sscd-hero-mark{font-weight:900;font-size:clamp(130px,19vw,280px);line-height:.8;opacity:.12;background:linear-gradient(135deg,#d87bff,#2482ff);color:transparent;background-clip:text;-webkit-background-clip:text;user-select:none}
:is(body.ss-route-my-communities) .sscd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 22px}
:is(body.ss-route-my-communities) .sscd-stats>div{padding:20px;border-radius:13px;border:1px solid var(--cd-line);background:linear-gradient(145deg,#101a33,#0b1027)}
:is(body.ss-route-my-communities) .sscd-stats span{display:block;font-size:15px;color:var(--cd-muted);margin-bottom:8px}
:is(body.ss-route-my-communities) .sscd-stats strong{display:block;font-size:30px;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
:is(body.ss-route-my-communities) .sscd-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
:is(body.ss-route-my-communities) .sscd-panel{border-radius:16px;border:1px solid var(--cd-line);background:#0d142b;padding:clamp(18px,2vw,28px);min-width:0}
:is(body.ss-route-my-communities) .sscd-section-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:19px;flex-wrap:wrap}
:is(body.ss-route-my-communities) .sscd-section-head h2{font-size:23px;line-height:1.3;font-weight:900;margin:0 0 7px;color:#fff}
:is(body.ss-route-my-communities) .sscd-section-head p{font-size:15px;color:var(--cd-muted);max-width:550px;margin:0}
:is(body.ss-route-my-communities) .sscd-section-head>a{font-size:15px;font-weight:800;white-space:nowrap}
:is(body.ss-route-my-communities) .sscd-entry{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid rgba(144,151,207,.17)}
:is(body.ss-route-my-communities) .sscd-entry-main{min-width:0}:is(body.ss-route-my-communities) .sscd-entry h3,
:is(body.ss-route-my-communities) .sscd-list-card h3{margin:5px 0 9px;font-size:18px;line-height:1.35;overflow-wrap:anywhere;color:#fff}
:is(body.ss-route-my-communities) .sscd-entry h3 a{color:#fff}
:is(body.ss-route-my-communities) .sscd-label{color:var(--cd-muted);font-size:14px}
:is(body.ss-route-my-communities) .sscd-state{display:inline-block;font-size:14px;font-weight:800;padding:4px 10px;border-radius:99px;border:1px solid #53618b;background:#17213c;color:#c2d1eb}
:is(body.ss-route-my-communities) .sscd-state.active{background:#0d302c;color:#77f2c5;border-color:#20745f}
:is(body.ss-route-my-communities) .sscd-state.pending{background:#342544;color:#ecc0ff;border-color:#80519f}
:is(body.ss-route-my-communities) .sscd-state.blocked,
:is(body.ss-route-my-communities) .sscd-state.closed{background:#351e30;color:#f5a9b7;border-color:#89435a}
:is(body.ss-route-my-communities) .sscd-waiting{color:#efc787!important;font-size:15px;margin:9px 0 0!important}
:is(body.ss-route-my-communities) .sscd-small-link{font-size:15px;font-weight:800;flex-shrink:0}
:is(body.ss-route-my-communities) .sscd-alert{padding:14px 18px;border:1px solid #967342;background:#2a231c;color:#f3d6a5;border-radius:10px;margin:18px 0;font-size:15px}
:is(body.ss-route-my-communities) .sscd-empty{font-size:16px;color:var(--cd-muted);padding:18px 0;margin:0}
:is(body.ss-route-my-communities) .sscd-listings{margin-top:16px}
:is(body.ss-route-my-communities) .sscd-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
:is(body.ss-route-my-communities) .sscd-list-card{border:1px solid #35466e;border-radius:12px;padding:19px;background:linear-gradient(140deg,#101f38,#0b1328);min-width:0}
:is(body.ss-route-my-communities) .sscd-list-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:14px;font-weight:800;color:#bca0ff}
:is(body.ss-route-my-communities) .sscd-list-card h3{margin:12px 0}:is(body.ss-route-my-communities) .sscd-list-card p{font-size:14px;color:var(--cd-muted);margin:0 0 12px}:is(body.ss-route-my-communities) .sscd-list-card a{font-size:15px;font-weight:850}
@media (max-width:980px){:is(body.ss-route-my-communities) .sscd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}:is(body.ss-route-my-communities) .sscd-columns{grid-template-columns:1fr}:is(body.ss-route-my-communities) .sscd-hero-mark{font-size:120px}}
@media (max-width:610px){:is(body.ss-route-my-communities) .sscd{width:calc(100% - 24px);margin:18px auto 46px}:is(body.ss-route-my-communities) .sscd-hero{padding:25px 19px;min-height:auto}:is(body.ss-route-my-communities) .sscd-hero-mark{display:none}:is(body.ss-route-my-communities) .sscd-stats{gap:9px}:is(body.ss-route-my-communities) .sscd-stats>div{padding:15px}:is(body.ss-route-my-communities) .sscd-stats strong{font-size:25px}:is(body.ss-route-my-communities) .sscd-stats span{font-size:14px}:is(body.ss-route-my-communities) .sscd-list-grid{grid-template-columns:1fr}:is(body.ss-route-my-communities) .sscd-entry{align-items:flex-start;flex-direction:column}:is(body.ss-route-my-communities) .sscd-actions .sscd-button{width:100%}:is(body.ss-route-my-communities) .sscd-section-head h2{font-size:21px}}


/* ========= assets/css/community-2027.css ========= */
:is(body.ss-route-community).ss26-page-community .ss26-page-masthead{display:none!important}
:is(body.ss-route-community).ss26-page-community .ss26-content-wrap{
  width:min(1240px,calc(100% - 28px))!important;
  max-width:1240px!important;
  padding:0 0 22px!important;
}
:is(body.ss-route-community) .ssc1{--bg:#06101a;--panel:#091826;--panel2:#0b1c2d;--line:#294761;--line2:#5f38bd;--muted:#8396ac;--purple:#8b35ff;--cyan:#2cc8ff;color:#eef5ff}
:is(body.ss-route-community) .ssc1 *{box-sizing:border-box}
:is(body.ss-route-community) .ssc1 a{text-decoration:none}
:is(body.ss-route-community) .ssc1-hero{
  position:relative;min-height:340px;overflow:hidden;
  border:1px solid rgba(119,69,220,.75);border-top:0;border-radius:0 0 15px 15px;
  background:
    linear-gradient(90deg,rgba(4,9,17,.98) 0%,rgba(5,11,21,.88) 38%,rgba(4,8,18,.20) 72%),
    url("/assets/soulshive-page-header-new.webp") 68% center/cover no-repeat;
  box-shadow:0 18px 45px rgba(0,0,0,.25)
}
:is(body.ss-route-community) .ssc1-hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 24% 34%,rgba(133,54,255,.24),transparent 31%),
    linear-gradient(180deg,transparent 65%,rgba(3,8,15,.78));
}
:is(body.ss-route-community) .ssc1-hero-copy{position:relative;z-index:2;padding:40px 32px 32px;max-width:690px}
:is(body.ss-route-community) .ssc1-kicker{font-size:14px;letter-spacing:.18em;font-weight:950;color:#c360ff}
:is(body.ss-route-community) .ssc1-hero h1{font-size:52px;line-height:.90;margin:9px 0 9px;font-weight:950;letter-spacing:-.05em}
:is(body.ss-route-community) .ssc1-hero h1 span{display:block;background:linear-gradient(90deg,#973cff,#36c9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(body.ss-route-community) .ssc1-hero p{font-size:16px;line-height:1.52;color:#e0e7f0;margin:0;max-width:650px}
:is(body.ss-route-community) .ssc1-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}
:is(body.ss-route-community) .ssc1-btn{
  min-height:40px;padding:0 14px;border:1px solid #4e6380;border-radius:7px;background:#081522;
  color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  font-size:14px;font-weight:950;cursor:pointer
}
:is(body.ss-route-community) .ssc1-btn.primary{background:linear-gradient(90deg,#7c2af4,#5c35ff);border-color:#a154ff;box-shadow:0 0 22px rgba(127,45,255,.23)}
:is(body.ss-route-community) .ssc1-btn.cyan{background:linear-gradient(90deg,#1a8cff,#18c6ef);border-color:#4bd4ff}
:is(body.ss-route-community) .ssc1-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px;color:#7d91a7;font-size:14px;font-weight:850}
:is(body.ss-route-community) .ssc1-trust span{display:flex;align-items:center;gap:5px}
:is(body.ss-route-community) .ssc1-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:13px 0}
:is(body.ss-route-community) .ssc1-stat{
  min-height:92px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,#0b1b2a,#08131f);
  display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center;padding:13px 15px
}
:is(body.ss-route-community) .ssc1-stat i{font-style:normal;width:45px;height:45px;display:grid;place-items:center;border-radius:10px;background:rgba(116,58,255,.12);font-size:25px}
:is(body.ss-route-community) .ssc1-stat:nth-child(2) i{background:rgba(71,112,255,.12)}
:is(body.ss-route-community) .ssc1-stat:nth-child(3) i{background:rgba(45,205,232,.12)}
:is(body.ss-route-community) .ssc1-stat:nth-child(4) i{background:rgba(42,155,255,.12)}
:is(body.ss-route-community) .ssc1-stat b{display:block;font-size:22px;line-height:1}
:is(body.ss-route-community) .ssc1-stat span{display:block;color:#dce6f1;font-size:14px;margin-top:4px}
:is(body.ss-route-community) .ssc1-stat small{display:block;color:#49e58f;font-size:14px;margin-top:4px}
:is(body.ss-route-community) .ssc1-duo{display:grid;grid-template-columns:.93fr 1.07fr;gap:10px}
:is(body.ss-route-community) .ssc1-card{border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,#091826,#07131f);overflow:hidden}
:is(body.ss-route-community) .ssc1-card-head{height:42px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}
:is(body.ss-route-community) .ssc1-card-head h3{font-size:18px;margin:0}:is(body.ss-route-community) .ssc1-card-head a{font-size:14px;color:#42c8ff;font-weight:900}
:is(body.ss-route-community) .ssc1-feed{padding:4px 12px}
:is(body.ss-route-community) .ssc1-feed a{
  min-height:50px;border-bottom:1px solid rgba(255,255,255,.05);
  display:grid;grid-template-columns:55px 18px 1fr;align-items:center;gap:7px;
  color:#b7c3d1;font-size:14px
}
:is(body.ss-route-community) .ssc1-feed a:last-child{border-bottom:0}:is(body.ss-route-community) .ssc1-feed time{font-size:14px;color:#76889e}:is(body.ss-route-community) .ssc1-feed strong{color:#c566ff}
:is(body.ss-route-community) .ssc1-spot{
  position:relative;min-height:250px;padding:18px 18px 14px;
  background:
    linear-gradient(90deg,rgba(7,15,25,.95),rgba(7,15,25,.63)),
    url("/assets/soulshive-home-hero-new.webp") right center/cover no-repeat
}
:is(body.ss-route-community) .ssc1-spot:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(69,24,125,.20))}
:is(body.ss-route-community) .ssc1-spot-in{position:relative;z-index:2;display:grid;grid-template-columns:88px 1fr;gap:17px;align-items:center}
:is(body.ss-route-community) .ssc1-spot-logo{width:88px;height:88px;border-radius:50%;border:2px solid #1a8ed8;background:#06101a;display:grid;place-items:center;overflow:hidden}
:is(body.ss-route-community) .ssc1-spot-logo img{width:100%;height:100%;object-fit:contain;padding:8px}:is(body.ss-route-community) .ssc1-spot-logo b{font-size:31px;color:#835cff}
:is(body.ss-route-community) .ssc1-spot h2{font-size:22px;margin:0 0 5px}:is(body.ss-route-community) .ssc1-spot p{font-size:16px;line-height:1.5;color:#9aabba;margin:0 0 8px;max-width:480px}
:is(body.ss-route-community) .ssc1-tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 10px}
:is(body.ss-route-community) .ssc1-tags span{font-size:14px;padding:4px 7px;border:1px solid #31506c;border-radius:999px;color:#b5c0cf}
:is(body.ss-route-community) .ssc1-section{margin-top:11px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,#091826,#07131f);padding:12px}
:is(body.ss-route-community) .ssc1-section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}
:is(body.ss-route-community) .ssc1-section-head h2{font-size:23px;margin:0}:is(body.ss-route-community) .ssc1-section-head p{font-size:16px;color:#778ba2;margin:2px 0 0}:is(body.ss-route-community) .ssc1-section-head a,
:is(body.ss-route-community) .ssc1-section-head button{font-size:14px;color:#48c9ff;font-weight:900;background:none;border:0;cursor:pointer}
:is(body.ss-route-community) .ssc1-games{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}
:is(body.ss-route-community) .ssc1-game{
  position:relative;min-height:160px;border:1px solid #2a4963;border-radius:8px;overflow:hidden;color:#fff;
  background:#0a1724
}
:is(body.ss-route-community) .ssc1-game-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.9)}
:is(body.ss-route-community) .ssc1-game:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,16,.05),rgba(5,11,19,.93) 70%)}
:is(body.ss-route-community) .ssc1-game-copy{position:absolute;z-index:2;left:9px;right:9px;bottom:8px}
:is(body.ss-route-community) .ssc1-game-copy b{display:block;font-size:14px;line-height:1.15}:is(body.ss-route-community) .ssc1-game-copy small{font-size:14px;color:#c0cad5;margin-top:4px;display:block}
:is(body.ss-route-community) #samp-clans .ssc1-section-head{gap:12px;flex-wrap:wrap}
:is(body.ss-route-community) #samp-clans .ssc1-section-head h2{font-size:clamp(22px,3vw,27px);line-height:1.25}
:is(body.ss-route-community) #samp-clans .ssc1-section-head p{font-size:16px;line-height:1.5;color:#d8d1eb;margin-top:6px}
:is(body.ss-route-community) #samp-clans .ssc1-section-head>a{font-size:16px;min-height:44px;display:inline-flex;align-items:center}
:is(body.ss-route-community) #samp-clans .ssc1-actions>.ssc1-btn{font-size:16px;min-height:44px}
:is(body.ss-route-community) .ssc1-clan-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-top:14px}
:is(body.ss-route-community) .ssc1-clan-card{padding:18px;border:1px solid #5b4b93;border-radius:14px;background:linear-gradient(145deg,#191737,#101c36);color:#f1edff;min-width:0;overflow-wrap:anywhere}
:is(body.ss-route-community) .ssc1-clan-card h3{font-size:20px;line-height:1.3;margin:0 0 8px}
:is(body.ss-route-community) .ssc1-clan-card p,
:is(body.ss-route-community) .ssc1-clan-note{font-size:16px;line-height:1.55;color:#ded8f2;margin:0 0 12px}
:is(body.ss-route-community) .ssc1-clan-card .ssc1-clan-meta{font-size:15px;color:#c8bdec;margin:0 0 14px}
:is(body.ss-route-community) .ssc1-clan-card a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:800;color:#d3beff;text-decoration:underline;text-underline-offset:4px}
:is(body.ss-route-community) .ssc1-clan-recruitments{margin-top:14px;padding:16px;border:1px solid #355579;border-radius:14px;background:#0b172a}
:is(body.ss-route-community) .ssc1-clan-recruitments h3{font-size:20px;margin:0 0 10px}
:is(body.ss-route-community) .ssc1-clan-recruitments ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
:is(body.ss-route-community) .ssc1-clan-recruitments li a{display:block;font-size:16px;color:#d9e6ff;padding:10px 12px;border:1px solid #304c75;border-radius:10px;overflow-wrap:anywhere}
:is(body.ss-route-community) .ssc1-clan-recruitments li a:hover,
:is(body.ss-route-community) .ssc1-clan-card a:hover{color:#fff;border-color:#9269ec}
:is(body.ss-route-community) .ssc1-clan-recruitments li strong{color:#d2b5ff}
:is(body.ss-route-community) .ssc1-collab-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
:is(body.ss-route-community) .ssc1-collab-head h2{font-size:23px;margin:0}:is(body.ss-route-community) .ssc1-collab-head p{font-size:16px;color:#8598ae;margin:3px 0 0}
:is(body.ss-route-community) .ssc1-collabtypes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}
:is(body.ss-route-community) .ssc1-type{min-height:86px;border:1px solid #2b4b67;border-radius:8px;background:#0a1928;padding:11px;display:flex;gap:10px;align-items:center;color:#fff}
:is(body.ss-route-community) .ssc1-type i{font-style:normal;font-size:25px}:is(body.ss-route-community) .ssc1-type b{display:block;font-size:16px}:is(body.ss-route-community) .ssc1-type small{display:block;color:#50e494;font-size:14px;margin-top:4px}
:is(body.ss-route-community) .ssc1-mini-actions{display:flex;gap:7px;flex-wrap:wrap}
:is(body.ss-route-community) .ssc1-people{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
:is(body.ss-route-community) .ssc1-person{min-height:89px;border:1px solid #2c4b67;border-radius:8px;background:#0a1928;padding:9px;display:flex;align-items:center;gap:10px;color:#fff}
:is(body.ss-route-community) .ssc1-person b{display:block;font-size:16px}:is(body.ss-route-community) .ssc1-person small{display:block;color:#8092a8;font-size:14px;margin-top:3px}
:is(body.ss-route-community) .ssc1-partners{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
:is(body.ss-route-community) .ssc1-partner{min-height:66px;border:1px solid #2b4a66;border-radius:8px;background:#0a1928;display:flex;align-items:center;justify-content:center;padding:8px;color:#e7eef7;font-size:14px;font-weight:900;text-align:center}
:is(body.ss-route-community) .ssc1-partner img{max-width:120px;max-height:40px;object-fit:contain}
:is(body.ss-route-community) .ssc1-final{
  margin-top:11px;min-height:150px;border:1px solid #334c67;border-radius:11px;
  background:
    linear-gradient(90deg,rgba(5,10,18,.96),rgba(5,10,18,.55)),
    url("/assets/soulshive-home-hero-new.webp") center 47%/cover no-repeat;
  display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px
}
:is(body.ss-route-community) .ssc1-final h2{font-size:26px;margin:0}:is(body.ss-route-community) .ssc1-final h2 span{color:#9455ff}:is(body.ss-route-community) .ssc1-final p{font-size:16px;color:#a0afbf;margin:5px 0 0}
:is(body.ss-route-community) .ssc1-final-actions{display:flex;gap:8px;flex-wrap:wrap}
:is(body.ss-route-community) .ssc1-alert{margin:10px 0;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:900}
:is(body.ss-route-community) .ssc1-alert.ok{border:1px solid rgba(36,211,105,.28);background:rgba(36,211,105,.08);color:#72e99f}
:is(body.ss-route-community) .ssc1-alert.bad{border:1px solid rgba(239,68,68,.25);background:rgba(239,68,68,.08);color:#ffaaa9}


:is(body.ss-route-community) .ssc1-modal{position:fixed;inset:0;z-index:2000;background:rgba(2,5,10,.76);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:18px}
:is(body.ss-route-community) .ssc1-modal.open{display:flex}
:is(body.ss-route-community) .ssc1-modal-box{width:min(650px,100%);max-height:90vh;overflow:auto;border:1px solid #6040a8;border-radius:13px;background:#081522;box-shadow:0 30px 80px rgba(0,0,0,.5)}
:is(body.ss-route-community) .ssc1-modal-head{height:50px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28445e}
:is(body.ss-route-community) .ssc1-modal-head b{font-size:14px}:is(body.ss-route-community) .ssc1-modal-head button{background:#0c1b2b;border:1px solid #31516f;color:#fff;width:30px;height:30px;border-radius:7px;cursor:pointer}
:is(body.ss-route-community) .ssc1-form{padding:14px}:is(body.ss-route-community) .ssc1-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}:is(body.ss-route-community) .ssc1-form-grid .full{grid-column:1/-1}
:is(body.ss-route-community) .ssc1-form label{display:block;color:#7f91a7;font-size:14px;font-weight:900;margin-bottom:4px}:is(body.ss-route-community) .ssc1-form input,
:is(body.ss-route-community) .ssc1-form textarea,
:is(body.ss-route-community) .ssc1-form select{width:100%;font-size:14px!important}
:is(body.ss-route-community) .ssc1-submit{width:100%;height:40px;margin-top:10px;border:0;border-radius:8px;background:linear-gradient(90deg,#7d2df5,#2b6bf0);color:#fff;font-size:14px;font-weight:950;cursor:pointer}
body.ss-community-modal-open{overflow:hidden!important}
:is(body.ss-route-community) .ssc1-modal{overscroll-behavior:contain}
:is(body.ss-route-community) .ssc1-modal-box{max-height:min(90dvh,900px);overscroll-behavior:contain}
:is(body.ss-route-community) .ssc1-modal-error{margin:12px 16px 0;font-size:15px;line-height:1.5}
:is(body.ss-route-community) .ssc1-modal-head{min-height:54px;height:auto;gap:12px}
:is(body.ss-route-community) .ssc1-modal-head b{font-size:16px;line-height:1.4}
:is(body.ss-route-community) .ssc1-modal-head button{min-width:44px;min-height:44px;font-size:24px}
:is(body.ss-route-community) .ssc1-form input,
:is(body.ss-route-community) .ssc1-form textarea,
:is(body.ss-route-community) .ssc1-form select{font-size:16px!important;max-width:100%;min-width:0}
:is(body.ss-route-community) .ssc1-submit{min-height:46px;height:auto;padding:10px 16px;font-size:16px}
:is(body.ss-route-community) .ssc1-modal :is(button,input,textarea,select):focus-visible{outline:2px solid #b99aff;outline-offset:2px}
@media (max-width:580px){
  :is(body.ss-route-community) .ssc1-modal{padding:10px;align-items:center}
  :is(body.ss-route-community) .ssc1-modal-box{max-height:calc(100dvh - 20px)}
}




:is(body.ss-route-community) .ssc1-hidden-live{display:none!important}

@media (max-width:1080px){
  :is(body.ss-route-community) .ssc1-games{grid-template-columns:repeat(4,1fr)}
  :is(body.ss-route-community) .ssc1-people{grid-template-columns:repeat(3,1fr)}
  :is(body.ss-route-community) .ssc1-partners{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
  :is(body.ss-route-community) .ssc1-duo{grid-template-columns:1fr}
  :is(body.ss-route-community) .ssc1-stats,
:is(body.ss-route-community) .ssc1-collabtypes{grid-template-columns:1fr 1fr}
  :is(body.ss-route-community) .ssc1-hero h1{font-size:44px}
}
@media (max-width:580px){
  :is(body.ss-route-community).ss26-page-community .ss26-content-wrap{width:min(100% - 18px,1240px)!important}
  :is(body.ss-route-community) .ssc1-hero{min-height:355px}:is(body.ss-route-community) .ssc1-hero-copy{padding:30px 19px}:is(body.ss-route-community) .ssc1-hero h1{font-size:38px}
  :is(body.ss-route-community) .ssc1-stats,
:is(body.ss-route-community) .ssc1-collabtypes,
:is(body.ss-route-community) .ssc1-games,
:is(body.ss-route-community) .ssc1-people,
:is(body.ss-route-community) .ssc1-partners{grid-template-columns:1fr 1fr}
  :is(body.ss-route-community) .ssc1-spot-in{grid-template-columns:70px 1fr}:is(body.ss-route-community) .ssc1-spot-logo{width:70px;height:70px}
  :is(body.ss-route-community) .ssc1-final{flex-direction:column;align-items:flex-start;padding:20px}
  :is(body.ss-route-community) .ssc1-form-grid{grid-template-columns:1fr}:is(body.ss-route-community) .ssc1-form-grid .full{grid-column:auto}
}


/* ========= assets/css/staff-recruitment.css ========= */

:is(body.ss-route-community) .ssc-staff{max-width:100%;margin:30px auto;padding:clamp(20px,3vw,34px);border:1px solid #5c3d98;border-radius:22px;background:radial-gradient(circle at 12% 5%,#5b229544,transparent 36%),linear-gradient(140deg,#0d132b,#080e1e);box-shadow:0 20px 50px #03061066;color:#f8f8ff}
:is(body.ss-route-community) .ssc-staff-kicker{display:block;font-size:14px;letter-spacing:.1em;font-weight:800;color:#c89bff}
:is(body.ss-route-community) .ssc-staff h2{margin:9px 0 8px;font-size:clamp(26px,3vw,38px);line-height:1.2;color:#fff}
:is(body.ss-route-community) .ssc-staff p{margin:0 0 22px;font-size:16px;line-height:1.6;color:#c7d0ed;max-width:840px}
:is(body.ss-route-community) .ssc-staff-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
:is(body.ss-route-community) .ssc-staff-role{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;min-height:180px;padding:20px;border:1px solid #3b4873;border-radius:15px;background:linear-gradient(165deg,#202044,#0a152e);text-decoration:none;color:#fff;transition:border-color .18s,transform .18s}
:is(body.ss-route-community) .ssc-staff-role:hover{border-color:#bb83ff;transform:translateY(-2px)}
:is(body.ss-route-community) .ssc-staff-role:focus-visible,
:is(body.ss-route-community) .ssc-staff-footer a:focus-visible{outline:3px solid #ddc5ff;outline-offset:3px}
:is(body.ss-route-community) .ssc-staff-role>span{font-size:30px;line-height:1.2}
:is(body.ss-route-community) .ssc-staff-role strong{font-size:19px;line-height:1.3}
:is(body.ss-route-community) .ssc-staff-role small{font-size:14px;color:#bac8ed;line-height:1.4}
:is(body.ss-route-community) .ssc-staff-role b{margin-top:auto;font-size:16px;color:#d7b8ff}
:is(body.ss-route-community) .ssc-staff-footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:23px}
:is(body.ss-route-community) .ssc-staff-footer a{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border-radius:11px;padding:10px 20px;text-decoration:none;font-size:16px;font-weight:800}
:is(body.ss-route-community) .ssc-staff-cta{background:linear-gradient(110deg,#9e31f2,#297cfa);color:#fff}
:is(body.ss-route-community) .ssc-staff-team{border:1px solid #6470aa;color:#e9e5ff}
@media (max-width:1024px){:is(body.ss-route-community) .ssc-staff-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){:is(body.ss-route-community) .ssc-staff{padding:20px 16px}:is(body.ss-route-community) .ssc-staff-roles{grid-template-columns:1fr}:is(body.ss-route-community) .ssc-staff-role{min-height:125px;padding:16px}:is(body.ss-route-community) .ssc-staff-footer{flex-direction:column;align-items:stretch}:is(body.ss-route-community) .ssc-staff-footer a{width:100%}}


/* ========= assets/css/community-post.css ========= */
:is(body.ss-route-community-post).ss26-page-community .ss26-page-masthead{display:none!important}
:is(body.ss-route-community-post) .sscp26{max-width:1050px;margin:0 auto;padding:22px 0 34px}
:is(body.ss-route-community-post) .sscp26-closed-notice{padding:14px 16px;background:#2b1b14;border:1px solid #a15d37;border-radius:10px;color:#ffddb4;font-size:14px;line-height:1.5;margin:0 0 12px}
:is(body.ss-route-community-post) .sscp26-back{display:inline-flex;align-items:center;gap:6px;color:#8799ae;font-size:14px;font-weight:900;margin-bottom:12px}
:is(body.ss-route-community-post) .sscp26-shell{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px}
:is(body.ss-route-community-post) .sscp26-card{border:1px solid #274761;border-radius:14px;background:linear-gradient(180deg,#091725,#07121e);overflow:hidden}
:is(body.ss-route-community-post) .sscp26-main{padding:22px}
:is(body.ss-route-community-post) .sscp26-user{display:flex;gap:12px;align-items:center}
:is(body.ss-route-community-post) .sscp26-user h1{margin:0;font-size:25px;line-height:1.12}
:is(body.ss-route-community-post) .sscp26-user small{display:block;color:#74869c;font-size:14px;margin-top:5px}
:is(body.ss-route-community-post) .sscp26-tags{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}
:is(body.ss-route-community-post) .sscp26-tag{padding:5px 8px;border-radius:999px;border:1px solid #31516e;background:#0a1928;color:#a8b6c7;font-size:14px;font-weight:900}
:is(body.ss-route-community-post) .sscp26-tag.hot{border-color:#8053d9;color:#d1a5ff;background:rgba(125,66,220,.10)}
:is(body.ss-route-community-post) .sscp26-desc{padding:16px;border:1px solid #233f58;border-radius:11px;background:#07131f;color:#c4cfdd;font-size:14px;line-height:1.75;white-space:pre-wrap}
:is(body.ss-route-community-post) .sscp26-action{margin-top:15px;display:inline-flex;min-height:38px;align-items:center;padding:0 13px;border-radius:8px;background:linear-gradient(90deg,#7d2cf4,#4e57f3);color:#fff!important;font-size:14px;font-weight:950}
:is(body.ss-route-community-post) .sscp26-side{padding:14px}
:is(body.ss-route-community-post) .sscp26-side h3{font-size:14px;margin:0 0 10px}
:is(body.ss-route-community-post) .sscp26-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;color:#7f91a7}
:is(body.ss-route-community-post) .sscp26-row:last-child{border-bottom:0}:is(body.ss-route-community-post) .sscp26-row b{color:#fff;text-align:right}
:is(body.ss-route-community-post) .sscp26-cta{margin-top:10px;padding:14px;border:1px solid #5e38a6;border-radius:12px;background:linear-gradient(135deg,rgba(105,42,204,.17),rgba(7,18,30,.96))}
:is(body.ss-route-community-post) .sscp26-cta b{display:block;font-size:14px}:is(body.ss-route-community-post) .sscp26-cta p{font-size:14px;color:#899bb0;line-height:1.5}
@media (max-width:760px){:is(body.ss-route-community-post) .sscp26-shell{grid-template-columns:1fr}:is(body.ss-route-community-post) .sscp26-main{padding:16px}:is(body.ss-route-community-post) .sscp26-user h1{font-size:21px}}

:is(body.ss-route-community-post) .sscp26{width:100%;max-width:1580px;margin:0 auto;padding:26px clamp(12px,2vw,28px) 50px;font-size:16px;line-height:1.6}
:is(body.ss-route-community-post) .sscp26 .sscp26-shell{grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:18px;align-items:start}
:is(body.ss-route-community-post) .sscp26 :is(.sscp26-card,.sscp26-cta){border-radius:16px}
:is(body.ss-route-community-post) .sscp26 .sscp26-desc{font-size:16px;line-height:1.75;overflow-wrap:anywhere}
:is(body.ss-route-community-post) .sscp26 :is(.sscp26-row,.sscp26-cta p,.sscp26-closed-notice,.sscp26-tag){font-size:14px;line-height:1.55}
:is(body.ss-route-community-post) .sscp26 :is(.sscp26-action,.sscp26-back){font-size:16px;min-height:46px;display:inline-flex;align-items:center;justify-content:center}
:is(body.ss-route-community-post) .sscp26 .sscp26-action{max-width:100%;text-align:center}
:is(body.ss-route-community-post) .sscp26 .sscp26-user h1{font-size:clamp(25px,2.5vw,36px);line-height:1.2;overflow-wrap:anywhere}
@media (max-width:850px){:is(body.ss-route-community-post) .sscp26 .sscp26-shell{grid-template-columns:minmax(0,1fr)}:is(body.ss-route-community-post) .sscp26 .sscp26-side{max-width:100%}}
@media (max-width:500px){:is(body.ss-route-community-post) .sscp26{padding:18px 10px 36px}:is(body.ss-route-community-post) .sscp26 .sscp26-main,
:is(body.ss-route-community-post) .sscp26 .sscp26-side{padding:18px 14px}:is(body.ss-route-community-post) .sscp26 .sscp26-action{width:100%}:is(body.ss-route-community-post) .sscp26 .sscp26-row{align-items:flex-start}:is(body.ss-route-community-post) .sscp26 .sscp26-tags{gap:8px}}


/* ========= assets/community-listings.css ========= */
/* Public community directory. All copy remains readable on small screens. */
:is(body.ss-route-community-listings).ss26-page-community-listings .ss26-page-masthead{display:none!important}
:is(body.ss-route-community-listings) .cm27{width:min(1240px,calc(100% - 28px));margin:0 auto 44px;color:#eef4ff;font-size:16px;line-height:1.6}
:is(body.ss-route-community-listings) .cm27 *{box-sizing:border-box}
:is(body.ss-route-community-listings) .cm27 a{color:inherit;text-decoration:none}
:is(body.ss-route-community-listings) .cm27-hero{padding:clamp(22px,4vw,48px);border:1px solid #52348a;border-radius:0 0 20px 20px;background:linear-gradient(105deg,rgba(8,15,32,.96),rgba(13,19,43,.88) 58%,rgba(53,22,106,.56)),url("/assets/soulshive-page-header-new.webp") center/cover;box-shadow:0 16px 50px #0004}
:is(body.ss-route-community-listings) .cm27-kicker{color:#78d9ff;font-size:14px;font-weight:900;letter-spacing:.08em}
:is(body.ss-route-community-listings) .cm27-hero h1{margin:12px 0 10px;font-size:clamp(30px,4vw,50px);line-height:1.14}:is(body.ss-route-community-listings) .cm27-hero h1 span{color:#af80ff}
:is(body.ss-route-community-listings) .cm27-hero p{max-width:740px;font-size:16px;color:#cad7e9;margin:0}
:is(body.ss-route-community-listings) .cm27-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
:is(body.ss-route-community-listings) .cm27-button,
:is(body.ss-route-community-listings) .cm27-fields button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid #b071ff;border-radius:10px;background:linear-gradient(95deg,#692ce4,#305dff);color:white!important;font-size:15px;font-weight:800;cursor:pointer}
:is(body.ss-route-community-listings) .cm27-button.muted{background:#0b152a;border-color:#3d567e}
:is(body.ss-route-community-listings) .cm27-filter,
:is(body.ss-route-community-listings) .cm27-results{margin-top:20px;border:1px solid #263b61;border-radius:16px;background:linear-gradient(180deg,#0b1529,#09121f)}
:is(body.ss-route-community-listings) .cm27-filter{padding:20px}
:is(body.ss-route-community-listings) .cm27-filter label{display:block;font-size:15px;font-weight:800;margin-bottom:10px}
:is(body.ss-route-community-listings) .cm27-fields{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,240px) auto auto;gap:10px;align-items:stretch}
:is(body.ss-route-community-listings) .cm27-fields input,
:is(body.ss-route-community-listings) .cm27-fields select{min-width:0;min-height:46px;padding:11px 14px;border:1px solid #314968;border-radius:10px;color:#eef4ff;background:#071020;font-size:16px}
:is(body.ss-route-community-listings) .cm27-reset{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;min-height:46px;border:1px solid #314968;border-radius:10px;color:#c7d7f3!important;font-size:15px}
:is(body.ss-route-community-listings) .cm27-results{padding:20px}:is(body.ss-route-community-listings) .cm27-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}:is(body.ss-route-community-listings) .cm27-top h2{margin:0;font-size:24px}:is(body.ss-route-community-listings) .cm27-top p{color:#a7b6cd;margin:3px 0 0;font-size:15px}:is(body.ss-route-community-listings) .cm27-top>a{color:#70d5ff;font-size:15px;font-weight:800}
:is(body.ss-route-community-listings) .cm27-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
:is(body.ss-route-community-listings) .cm27-card{min-width:0;display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid #2b436d;border-radius:13px;background:linear-gradient(155deg,#101c34,#081426);overflow-wrap:anywhere}
:is(body.ss-route-community-listings) .cm27-card h3{margin:0;font-size:20px;line-height:1.3}:is(body.ss-route-community-listings) .cm27-card h3 a:hover,
:is(body.ss-route-community-listings) .cm27-detail-link:hover{color:#83dafa}
:is(body.ss-route-community-listings) .cm27-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}:is(body.ss-route-community-listings) .cm27-meta time{color:#acbed8;font-size:14px;margin-left:auto}:is(body.ss-route-community-listings) .cm27-pill{font-size:14px;font-weight:800;padding:3px 9px;border:1px solid #344c72;border-radius:20px;color:#b5d8fa}:is(body.ss-route-community-listings) .cm27-collab{border-color:#8e65ed;color:#d7b4ff}:is(body.ss-route-community-listings) .cm27-request{border-color:#3faabf;color:#8be9ff}
:is(body.ss-route-community-listings) .cm27-description{font-size:15px;color:#c0d0e5;margin:0;white-space:pre-line;flex:1}:is(body.ss-route-community-listings) .cm27-detail{font-size:14px;margin:0;color:#aec4dd}:is(body.ss-route-community-listings) .cm27-detail b{color:white}
:is(body.ss-route-community-listings) .cm27-card-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:12px;margin-top:auto;border-top:1px solid #273b5c;font-size:15px}:is(body.ss-route-community-listings) .cm27-detail-link{font-weight:800;color:#79d9ff!important}
:is(body.ss-route-community-listings) .cm27-empty{text-align:center;padding:45px 20px;color:#bdcde5}:is(body.ss-route-community-listings) .cm27-empty h3{font-size:22px;color:white;margin:0 0 8px}:is(body.ss-route-community-listings) .cm27-empty p{font-size:16px}:is(body.ss-route-community-listings) .cm27-empty .cm27-button{margin-top:12px}
:is(body.ss-route-community-listings) .cm27-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:25px;font-size:15px}:is(body.ss-route-community-listings) .cm27-pagination a{padding:10px 14px;min-height:44px;border:1px solid #4d5f94;border-radius:9px;color:#dbdfff}
:is(body.ss-route-community-listings) .cm27 :is(a,button,input,select):focus-visible{outline:3px solid #70d9ff;outline-offset:3px}
@media (max-width:840px){:is(body.ss-route-community-listings) .cm27-fields{grid-template-columns:1fr 1fr}:is(body.ss-route-community-listings) .cm27-fields input{grid-column:1/-1}:is(body.ss-route-community-listings) .cm27-grid{grid-template-columns:1fr}}
@media (max-width:520px){:is(body.ss-route-community-listings) .cm27{width:calc(100% - 20px)}:is(body.ss-route-community-listings) .cm27-hero{padding:24px 18px}:is(body.ss-route-community-listings) .cm27-filter,
:is(body.ss-route-community-listings) .cm27-results{padding:14px}:is(body.ss-route-community-listings) .cm27-fields{grid-template-columns:1fr}:is(body.ss-route-community-listings) .cm27-fields input{grid-column:auto}:is(body.ss-route-community-listings) .cm27-card{padding:16px}:is(body.ss-route-community-listings) .cm27-card h3{font-size:19px}:is(body.ss-route-community-listings) .cm27-top h2{font-size:22px}}

:is(body.ss-route-community-listings) .cm27-published{padding:14px 18px;border:1px solid #357d6a;border-radius:11px;background:#12312b;color:#87ecc4;font-size:16px;margin-top:16px}


/* ========= assets/community-messages.css ========= */
:is(body.ss-route-community-messages).ss26-page-community-messages .ss26-page-masthead{display:none!important}
:is(body.ss-route-community-messages) .cmmsg{width:min(1000px,calc(100% - 24px));margin:30px auto 54px;color:#eef4ff;font-size:16px;line-height:1.6}:is(body.ss-route-community-messages) .cmmsg *{box-sizing:border-box}:is(body.ss-route-community-messages) .cmmsg a{color:#87d7ff;text-decoration:none}
:is(body.ss-route-community-messages) .cmmsg-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;font-size:14px;color:#c0cee5;margin-bottom:18px}:is(body.ss-route-community-messages) .cmmsg-breadcrumb span{color:#818fa8}
:is(body.ss-route-community-messages) .cmmsg-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:20px}:is(body.ss-route-community-messages) .cmmsg-top h1{font-size:clamp(28px,4vw,42px);line-height:1.2;margin:0 0 7px}:is(body.ss-route-community-messages) .cmmsg-top h1 span{color:#a78bfa}:is(body.ss-route-community-messages) .cmmsg-top p{max-width:720px;font-size:16px;color:#adc0d8;margin:0}
:is(body.ss-route-community-messages) .cmmsg-link{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 16px;border:1px solid #5065a3;border-radius:10px;font-size:15px;font-weight:800}
:is(body.ss-route-community-messages) .cmmsg-panel{padding:clamp(18px,3vw,30px);background:linear-gradient(145deg,#0e1c35,#081420);border:1px solid #30466e;border-radius:16px}:is(body.ss-route-community-messages) .cmmsg-panel h2{font-size:23px;margin:0 0 8px;overflow-wrap:anywhere}:is(body.ss-route-community-messages) .cmmsg-panel>p{color:#c2d1e6;font-size:16px}
:is(body.ss-route-community-messages) .cmmsg-thread{display:flex;flex-direction:column;gap:12px;margin:24px 0;padding:16px;min-height:150px;max-height:540px;overflow-y:auto;border:1px solid #26395e;border-radius:12px;background:#06101f}
:is(body.ss-route-community-messages) .cmmsg-bubble{max-width:min(80%,640px);align-self:flex-start;padding:12px 15px;background:#162949;border:1px solid #304d72;border-radius:12px;overflow-wrap:anywhere}:is(body.ss-route-community-messages) .cmmsg-bubble.mine{align-self:flex-end;background:#26215e;border-color:#7154bb}:is(body.ss-route-community-messages) .cmmsg-bubble p{font-size:16px;line-height:1.5;white-space:pre-wrap;margin:0 0 8px}:is(body.ss-route-community-messages) .cmmsg-bubble time{display:block;color:#bac6dd;font-size:14px;text-align:right}
:is(body.ss-route-community-messages) .cmmsg-form{display:flex;flex-direction:column;gap:10px}:is(body.ss-route-community-messages) .cmmsg-form label{font-size:15px;font-weight:800}:is(body.ss-route-community-messages) .cmmsg-form textarea{width:100%;padding:13px 15px;background:#07121f;border:1px solid #415878;border-radius:10px;color:#fff;font-size:16px;resize:vertical;line-height:1.5}:is(body.ss-route-community-messages) .cmmsg-form button{align-self:flex-start;border:1px solid #a179ff;background:linear-gradient(90deg,#7d2aea,#3068f1);color:#fff;min-height:46px;padding:12px 20px;font-size:15px;font-weight:800;border-radius:9px;cursor:pointer}
:is(body.ss-route-community-messages) .cmmsg-inbox{display:grid;gap:10px;margin-top:20px}:is(body.ss-route-community-messages) .cmmsg-inbox a{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid #2d476e;border-radius:12px;background:#0a192e}:is(body.ss-route-community-messages) .cmmsg-inbox strong{color:#f2f5ff;font-size:17px}:is(body.ss-route-community-messages) .cmmsg-inbox span,
:is(body.ss-route-community-messages) .cmmsg-inbox time{color:#a9bdd9;font-size:14px}
:is(body.ss-route-community-messages) .cmmsg-error{margin:10px 0;padding:13px;border-radius:10px;color:#ffd2dc;background:#551d31;border:1px solid #a54868;font-size:15px}:is(body.ss-route-community-messages) .cmmsg-success{color:#70eebf!important;font-size:15px!important}
:is(body.ss-route-community-messages) .cmmsg :is(a,button,textarea):focus-visible{outline:3px solid #6bddff;outline-offset:3px}
@media (max-width:600px){:is(body.ss-route-community-messages) .cmmsg{margin:18px auto 40px}:is(body.ss-route-community-messages) .cmmsg-bubble{max-width:93%}:is(body.ss-route-community-messages) .cmmsg-thread{padding:10px}:is(body.ss-route-community-messages) .cmmsg-top{align-items:stretch}:is(body.ss-route-community-messages) .cmmsg-form button{width:100%}}

/* SoulShive Inbox — unread indicators, accessible on mobile and desktop. */
:is(body.ss-route-community-messages) .cmmsg-inbox-title{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
:is(body.ss-route-community-messages) .cmmsg-inbox .cmmsg-unread{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#143d37;border:1px solid #287966;color:#8af8d8;font-size:14px!important;font-weight:800;line-height:1.4;white-space:nowrap}
:is(body.ss-route-community-messages) .cmmsg-inbox a:focus-visible{outline:3px solid #60e1ff;outline-offset:3px}

/* Conversation list pagination, sized for touch and keyboard navigation. */
:is(body.ss-route-community-messages) .cmmsg-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:14px}
:is(body.ss-route-community-messages) .cmmsg-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #4569a4;border-radius:10px;background:#122647;color:#d1e9ff;font-size:14px;font-weight:750}
:is(body.ss-route-community-messages) .cmmsg-pagination span{font-size:14px;color:#c9d9f0}
@media (max-width:600px){:is(body.ss-route-community-messages) .cmmsg-pagination{justify-content:center}:is(body.ss-route-community-messages) .cmmsg-pagination span{order:-1;width:100%;text-align:center}}


/* ========= assets/community-moderation.css ========= */
/* SoulShive community admin moderation: readable dark UI */
:is(body.ss-route-community-moderation) .cmadmin{max-width:1180px;padding:25px 16px 65px;margin:auto;color:#f3f6ff;font-size:16px;line-height:1.6}
:is(body.ss-route-community-moderation) .cmadmin *{box-sizing:border-box;min-width:0}
:is(body.ss-route-community-moderation) .cmadmin-crumb{display:flex;gap:11px;align-items:center;color:#adbfdb;font-size:14px;margin:0 0 24px}
:is(body.ss-route-community-moderation) .cmadmin-crumb a{color:#82dfff}
:is(body.ss-route-community-moderation) .cmadmin-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;margin-bottom:23px}
:is(body.ss-route-community-moderation) .cmadmin-head h1{margin:0 0 10px;font-size:clamp(30px,4.1vw,48px);line-height:1.14}
:is(body.ss-route-community-moderation) .cmadmin-head h1 span{color:#b181ff}
:is(body.ss-route-community-moderation) .cmadmin-head p{font-size:16px;color:#b8c7dc;max-width:700px;margin:0}
:is(body.ss-route-community-moderation) .cmadmin-link,
:is(body.ss-route-community-moderation) .cmadmin-actions a,
:is(body.ss-route-community-moderation) .cmadmin-actions button,
:is(body.ss-route-community-moderation) .cmadmin-searchrow button,
:is(body.ss-route-community-moderation) .cmadmin-searchrow>a,
:is(body.ss-route-community-moderation) .cmadmin-pagination a{display:inline-flex;min-height:44px;justify-content:center;align-items:center;padding:11px 16px;border-radius:11px;font-size:15px;font-weight:800;line-height:1.4;text-decoration:none;cursor:pointer}
:is(body.ss-route-community-moderation) .cmadmin-link,
:is(body.ss-route-community-moderation) .cmadmin-searchrow button{background:linear-gradient(115deg,#722bee,#236fee);border:1px solid #7d69e7;color:white!important}
:is(body.ss-route-community-moderation) .cmadmin-filter,
:is(body.ss-route-community-moderation) .cmadmin-card,
:is(body.ss-route-community-moderation) .cmadmin-empty{background:linear-gradient(145deg,#101d36,#071321);border:1px solid #30486a;border-radius:15px;padding:18px}
:is(body.ss-route-community-moderation) .cmadmin-filter label{display:block;font-size:15px;margin:0 0 10px;font-weight:750}
:is(body.ss-route-community-moderation) .cmadmin-searchrow{display:flex;gap:10px;flex-wrap:wrap}
:is(body.ss-route-community-moderation) .cmadmin-searchrow input,
:is(body.ss-route-community-moderation) .cmadmin-searchrow select{min-height:44px;background:#0a1628;border:1px solid #425a7e;border-radius:10px;padding:10px 14px;color:#eef5ff;font-size:16px}
:is(body.ss-route-community-moderation) .cmadmin-searchrow input{flex:1;min-width:220px}
:is(body.ss-route-community-moderation) .cmadmin-searchrow>a{color:#d6e6ff;border:1px solid #405879}
:is(body.ss-route-community-moderation) .cmadmin-total{font-size:14px;color:#b9cbe1;margin:24px 0 12px}
:is(body.ss-route-community-moderation) .cmadmin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:14px}
:is(body.ss-route-community-moderation) .cmadmin-card{display:flex;flex-direction:column;gap:11px}
:is(body.ss-route-community-moderation) .cmadmin-card h2{font-size:21px;margin:0;line-height:1.3;overflow-wrap:anywhere}
:is(body.ss-route-community-moderation) .cmadmin-card p{color:#b3c2db;font-size:14px;margin:0}
:is(body.ss-route-community-moderation) .cmadmin-meta{display:flex;gap:9px;flex-wrap:wrap}
:is(body.ss-route-community-moderation) .cmadmin-meta span{font-size:14px;border:1px solid #375278;border-radius:20px;padding:5px 10px}
:is(body.ss-route-community-moderation) .cmadmin-meta .on{border-color:#207c65;color:#73f1bf}:is(body.ss-route-community-moderation) .cmadmin-meta .off{border-color:#6b6472;color:#bac4d8}
:is(body.ss-route-community-moderation) .cmadmin-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto;padding-top:12px}
:is(body.ss-route-community-moderation) .cmadmin-actions a{color:#ecf5ff;border:1px solid #3a5279}
:is(body.ss-route-community-moderation) .cmadmin-actions button{border:1px solid #9d4b66;background:#2b1526;color:#ffe0e7}
:is(body.ss-route-community-moderation) .cmadmin-actions form{margin:0}:is(body.ss-route-community-moderation) .cmadmin-actions span{color:#b4c5dc;font-size:14px}
:is(body.ss-route-community-moderation) .cmadmin-empty{margin-top:18px}:is(body.ss-route-community-moderation) .cmadmin-empty h2{font-size:23px}:is(body.ss-route-community-moderation) .cmadmin-empty p{font-size:15px;color:#b7c8de}
:is(body.ss-route-community-moderation) .cmadmin-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px;color:#c4d2e8;font-size:14px}
:is(body.ss-route-community-moderation) .cmadmin-pagination a{color:#ebf3ff;border:1px solid #45608d}
:is(body.ss-route-community-moderation) .cmadmin-success,
:is(body.ss-route-community-moderation) .cmadmin-error{padding:12px 16px;border:1px solid #296b56;border-radius:12px;background:#10291f;color:#8af0b7;font-size:15px;margin:0 0 16px}
:is(body.ss-route-community-moderation) .cmadmin-error{background:#321725;border-color:#8d3659;color:#ffd1e0}
:is(body.ss-route-community-moderation) .cmadmin :is(a,button,input,select):focus-visible{outline:3px solid #78d6ff;outline-offset:3px}
@media (max-width:600px){:is(body.ss-route-community-moderation) .cmadmin{padding:18px 12px 45px}:is(body.ss-route-community-moderation) .cmadmin-searchrow>*{width:100%}:is(body.ss-route-community-moderation) .cmadmin-card,
:is(body.ss-route-community-moderation) .cmadmin-filter{padding:15px}:is(body.ss-route-community-moderation) .cmadmin-actions,
:is(body.ss-route-community-moderation) .cmadmin-actions form,
:is(body.ss-route-community-moderation) .cmadmin-actions button,
:is(body.ss-route-community-moderation) .cmadmin-actions a{width:100%}}

/* Premium Admin moderation layout: mirrors the wide, high-contrast gaming panels. */
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin{
  width:100%;max-width:1750px;margin:0 auto;padding:clamp(20px,3vw,42px) clamp(16px,2vw,34px) 76px;
  color:#f1f3ff;font-size:16px;line-height:1.65
}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-head{
  padding:clamp(22px,3vw,38px);margin:0 0 22px;border:1px solid #4a437c;
  border-radius:22px;box-shadow:0 20px 55px #0005;
  background:radial-gradient(ellipse at 90% 0%,#753df13b,transparent 58%),linear-gradient(125deg,#151731,#09152f)
}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-head h1{font-size:clamp(30px,3.8vw,52px);letter-spacing:-.025em}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-head p{max-width:880px;color:#d3d9ee}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-filter,
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-card,
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-empty{
  border:1px solid #3b4279;border-radius:18px;background:linear-gradient(145deg,#111d3b,#0a1026);
  box-shadow:0 12px 36px #0003
}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-filter{padding:clamp(18px,2.5vw,28px)}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-filter label{font-size:16px}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-searchrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,210px) auto auto;align-items:stretch;gap:12px}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-searchrow input,
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-searchrow select,
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-searchrow button,
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-searchrow>a{
  width:100%;min-width:0;min-height:52px;font-size:16px;line-height:1.4
}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-card{padding:24px;min-width:0}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-card h2{font-size:clamp(19px,1.8vw,23px)}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-actions{gap:10px}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-actions :is(a,button){font-size:16px;min-height:48px}
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-meta span,
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-total,
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-card p{font-size:14px}
@media (max-width:1199px){
  :is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:840px){
  :is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-searchrow{grid-template-columns:minmax(0,1fr) minmax(145px,200px)}
  :is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-searchrow>:is(button,a){width:100%}
}
@media (max-width:640px){
  :is(body.ss-route-community-moderation).ss26-admin-route .cmadmin{padding:16px 12px 50px}
  :is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-head{border-radius:16px;padding:20px 16px}
  :is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-grid,
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-searchrow{grid-template-columns:minmax(0,1fr)}
  :is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-card{padding:18px}
  :is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-actions,
:is(body.ss-route-community-moderation).ss26-admin-route .cmadmin-actions form{width:100%}
}


/* ========= assets/community-manage-2027.css ========= */
/* SoulShive public brand remains SoulShive.com. */
:is(body.ss-route-my-community-listings) .cmown{max-width:1150px;margin:0 auto;padding:24px 16px 58px;color:#f1f5ff;font-size:16px;line-height:1.6}
:is(body.ss-route-my-community-listings) .cmown *{box-sizing:border-box;min-width:0}
:is(body.ss-route-my-community-listings) .cmown-crumb{display:flex;gap:10px;align-items:center;font-size:14px;color:#a3b5d1;margin-bottom:22px}
:is(body.ss-route-my-community-listings) .cmown-crumb a{color:#80d9ff}
:is(body.ss-route-my-community-listings) .cmown-heading{display:flex;justify-content:space-between;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:24px}
:is(body.ss-route-my-community-listings) .cmown-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:0 0 12px}
:is(body.ss-route-my-community-listings) .cmown-heading h1 span{color:#a46fff}
:is(body.ss-route-my-community-listings) .cmown-heading p{font-size:16px;color:#bcc9df;max-width:710px;margin:0}
:is(body.ss-route-my-community-listings) .cmown-action,
:is(body.ss-route-my-community-listings) .cmown-card button,
:is(body.ss-route-my-community-listings) .cmown-tabs a,
:is(body.ss-route-my-community-listings) .cmown-pages a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:11px 17px;text-decoration:none;font-size:15px;font-weight:800;line-height:1.35}
:is(body.ss-route-my-community-listings) .cmown-action{background:linear-gradient(100deg,#782df1,#2668ec);color:#fff!important;border:1px solid #8763e7}
:is(body.ss-route-my-community-listings) .cmown-action.secondary{background:#0b1a31;border:1px solid #425883;color:#e5efff!important}
:is(body.ss-route-my-community-listings) .cmown-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}
:is(body.ss-route-my-community-listings) .cmown-tabs a{color:#c6d8ec;background:#0a162a;border:1px solid #30496c}
:is(body.ss-route-my-community-listings) .cmown-tabs a.on{color:#fff;background:#29205c;border-color:#946cff}
:is(body.ss-route-my-community-listings) .cmown-total{font-size:14px;color:#adbed9;margin:0 0 12px}
:is(body.ss-route-my-community-listings) .cmown-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,450px),1fr));gap:14px}
:is(body.ss-route-my-community-listings) .cmown-card,
:is(body.ss-route-my-community-listings) .cmown-empty{border:1px solid #304767;border-radius:16px;background:linear-gradient(155deg,#101c35,#081424);padding:22px;box-shadow:0 16px 40px #0003}
:is(body.ss-route-my-community-listings) .cmown-card{display:flex;justify-content:space-between;gap:18px;flex-direction:column}
:is(body.ss-route-my-community-listings) .cmown-card h2{font-size:21px;line-height:1.25;overflow-wrap:anywhere;margin:10px 0 8px}
:is(body.ss-route-my-community-listings) .cmown-card p{margin:0;color:#adbed3;font-size:14px}
:is(body.ss-route-my-community-listings) .cmown-type,
:is(body.ss-route-my-community-listings) .cmown-status{display:inline-block;padding:5px 10px;border-radius:20px;border:1px solid #344a6e;color:#d4e1f7;font-size:14px;line-height:1.3;margin-right:8px}
:is(body.ss-route-my-community-listings) .cmown-status.is-open{border-color:#238e72;color:#5ceaba;background:#102b2a}
:is(body.ss-route-my-community-listings) .cmown-status.is-closed{border-color:#8d5362;color:#edb4bd}
:is(body.ss-route-my-community-listings) .cmown-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
:is(body.ss-route-my-community-listings) .cmown-buttons form{margin:0}
:is(body.ss-route-my-community-listings) .cmown-card button{border:1px solid #a15f78;background:#2c1628;color:#ffd8e1;cursor:pointer}
:is(body.ss-route-my-community-listings) .cmown-closed-note{color:#a9b7cf;font-size:14px}
:is(body.ss-route-my-community-listings) .cmown-empty h2{font-size:23px;margin:0 0 8px}
:is(body.ss-route-my-community-listings) .cmown-empty p{font-size:16px;color:#bcc9dc}
:is(body.ss-route-my-community-listings) .cmown-error,
:is(body.ss-route-my-community-listings) .cmown-success{padding:14px 17px;border-radius:12px;font-size:15px;margin:12px 0}
:is(body.ss-route-my-community-listings) .cmown-error{background:#3a1925;color:#ffd5df;border:1px solid #a84d67}
:is(body.ss-route-my-community-listings) .cmown-success{background:#102e29;color:#8cf3c6;border:1px solid #27866e}
:is(body.ss-route-my-community-listings) .cmown-pages{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:25px;flex-wrap:wrap;font-size:14px}
:is(body.ss-route-my-community-listings) .cmown-pages a{border:1px solid #405b89;color:#e9f1ff}
:is(body.ss-route-my-community-listings) .cmown :is(a,button):focus-visible{outline:3px solid #7bdcff;outline-offset:3px}
@media (max-width:540px){:is(body.ss-route-my-community-listings) .cmown{padding:18px 12px 40px}:is(body.ss-route-my-community-listings) .cmown-card,
:is(body.ss-route-my-community-listings) .cmown-empty{padding:16px}:is(body.ss-route-my-community-listings) .cmown-buttons{flex-direction:column;align-items:stretch}:is(body.ss-route-my-community-listings) .cmown-buttons>a,
:is(body.ss-route-my-community-listings) .cmown-buttons form,
:is(body.ss-route-my-community-listings) .cmown-buttons button{width:100%}}


/* ========= assets/clans.css ========= */
/* SoulShive Clans — 2026 premium accessible design */
:is(body.ss-route-clans) .ss-clans{box-sizing:border-box;width:min(1280px,calc(100% - 32px));margin:30px auto 80px;color:#f0eeff;font-size:16px;line-height:1.65}
:is(body.ss-route-clans) .ss-clans *{box-sizing:border-box}:is(body.ss-route-clans) .ss-clans a{color:#c5b7ff}:is(body.ss-route-clans) .ss-clans a:hover{text-decoration:underline}
:is(body.ss-route-clans) .ss-clans-hero,
:is(body.ss-route-clans) .ss-clans-panel{background:linear-gradient(140deg,rgba(25,19,53,.97),rgba(8,15,38,.97));border:1px solid #50417d;border-radius:22px;padding:clamp(20px,3vw,38px);box-shadow:0 16px 55px rgba(0,0,0,.29);margin-bottom:24px;overflow-wrap:anywhere}
:is(body.ss-route-clans) .ss-clans-hero{background:radial-gradient(ellipse at 90% 0,rgba(104,59,232,.3),transparent 55%),linear-gradient(145deg,#171331,#09152e)}
:is(body.ss-route-clans) .ss-clans-hero h2{font-size:clamp(30px,4vw,48px);font-weight:850;line-height:1.16;margin:14px 0 16px;letter-spacing:-.035em}
:is(body.ss-route-clans) .ss-clans-hero h2 span{color:#a999ff}
:is(body.ss-route-clans) .ss-clans-hero p{font-size:17px;max-width:850px;line-height:1.7;color:#e0dcf4}
:is(body.ss-route-clans) .ss-clans-eyebrow{font-size:14px!important;color:#c6bcff;letter-spacing:.07em;font-weight:800}
:is(body.ss-route-clans) .ss-clans h2{font-size:clamp(23px,3vw,31px);line-height:1.3;margin:0 0 16px}
:is(body.ss-route-clans) .ss-clans h3{font-size:21px;line-height:1.32;margin:8px 0 12px;color:#fff}
:is(body.ss-route-clans) .ss-clans p,
:is(body.ss-route-clans) .ss-clans label,
:is(body.ss-route-clans) .ss-clans input,
:is(body.ss-route-clans) .ss-clans select,
:is(body.ss-route-clans) .ss-clans textarea,
:is(body.ss-route-clans) .ss-clans button,
:is(body.ss-route-clans) .ss-clans a{font-size:16px}
:is(body.ss-route-clans) .ss-clans-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0}
:is(body.ss-route-clans) .ss-clans-btn,
:is(body.ss-route-clans) .ss-clans button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;min-height:44px;border-radius:12px;background:#211b42;color:#f1ecff!important;border:1px solid #7060b6;text-decoration:none!important;cursor:pointer;font-weight:730;font-family:inherit;line-height:1.3}
:is(body.ss-route-clans) .ss-clans-btn:hover,
:is(body.ss-route-clans) .ss-clans button:hover{background:#302659;border-color:#9a86ff}
:is(body.ss-route-clans) .ss-clans-btn.primary,
:is(body.ss-route-clans) .ss-clans button.primary{background:linear-gradient(105deg,#572ce0,#7959f9);border-color:#9d8aff;color:white!important}
:is(body.ss-route-clans) .ss-clans button:disabled{opacity:.6;cursor:not-allowed}
:is(body.ss-route-clans) .ss-clans-panel>p{color:#d9d5ea}
:is(body.ss-route-clans) .ss-clans-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
:is(body.ss-route-clans) .ss-clans-pill{display:inline-block;padding:5px 11px;color:#e7dcff;border:1px solid #6858aa;background:#372c64;border-radius:100px;font-size:14px!important;font-weight:700;line-height:1.5}
:is(body.ss-route-clans) .ss-clans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin:18px 0}
:is(body.ss-route-clans) .ss-clans-card,
:is(body.ss-route-clans) .ss-clans-post{padding:20px;background:rgba(7,12,31,.74);border:1px solid #3c355c;border-radius:17px;min-width:0}
:is(body.ss-route-clans) .ss-clans-card p,
:is(body.ss-route-clans) .ss-clans-post p{overflow-wrap:anywhere;white-space:normal;color:#e0daee}
:is(body.ss-route-clans) .ss-clans-meta{color:#beb8d9;font-size:15px!important;margin:12px 0}
:is(body.ss-route-clans) .ss-clans-post{margin:14px 0}
:is(body.ss-route-clans) .ss-clans-alert,
:is(body.ss-route-clans) .ss-clans-flash,
:is(body.ss-route-clans) .ss-clans-empty{padding:16px 18px;border:1px solid #8e639b;border-radius:14px;background:#302040;margin:16px 0;color:#fff}
:is(body.ss-route-clans) .ss-clans-flash{border-color:#3c947a;background:#112f32}
:is(body.ss-route-clans) .ss-clans-form{display:grid;gap:18px;max-width:840px;margin-top:20px}
:is(body.ss-route-clans) .ss-clans-form label,
:is(body.ss-route-clans) .ss-clans-search label{display:grid;gap:8px;font-size:16px;font-weight:700}
:is(body.ss-route-clans) .ss-clans input,
:is(body.ss-route-clans) .ss-clans select,
:is(body.ss-route-clans) .ss-clans textarea{background:#111b35!important;border:1px solid #7365ad!important;color:#fff!important;border-radius:11px;padding:13px 14px;min-height:48px;width:100%;font-size:16px!important;line-height:1.5;font-family:inherit}
:is(body.ss-route-clans) .ss-clans textarea{min-height:140px;resize:vertical}
:is(body.ss-route-clans) .ss-clans input:focus-visible,
:is(body.ss-route-clans) .ss-clans select:focus-visible,
:is(body.ss-route-clans) .ss-clans textarea:focus-visible,
:is(body.ss-route-clans) .ss-clans button:focus-visible,
:is(body.ss-route-clans) .ss-clans a:focus-visible{outline:3px solid #ae96ff;outline-offset:3px}
:is(body.ss-route-clans) .ss-clans-search{margin:18px 0}:is(body.ss-route-clans) .ss-clans-search>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}:is(body.ss-route-clans) .ss-clans-search input{flex:1 1 280px}
:is(body.ss-route-clans) .ss-clans-paging{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-top:18px}
:is(body.ss-route-clans) .ss-clans-inline,
:is(body.ss-route-clans) .ss-clans-request{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}
:is(body.ss-route-clans) .ss-clans-inline button,
:is(body.ss-route-clans) .ss-clans-request button{font-size:16px!important;padding:9px 13px;min-height:42px}
:is(body.ss-route-clans) .ss-clans-request{justify-content:space-between;padding:12px;border-bottom:1px solid #4a3c71}
@media (max-width:640px){:is(body.ss-route-clans) .ss-clans{width:calc(100% - 20px);margin:16px auto 55px}:is(body.ss-route-clans) .ss-clans-hero,
:is(body.ss-route-clans) .ss-clans-panel{padding:20px 16px;border-radius:16px}:is(body.ss-route-clans) .ss-clans-actions>.ss-clans-btn{flex:1 1 100%}:is(body.ss-route-clans) .ss-clans-card,
:is(body.ss-route-clans) .ss-clans-post{padding:16px}:is(body.ss-route-clans) .ss-clans-hero p{font-size:16px}}

/* Moderation must show the entire submitted profile before approval. */
:is(body.ss-route-clans) .ss-clans-review-description{font-size:16px!important;line-height:1.7;white-space:normal;overflow-wrap:anywhere;max-height:none;word-break:normal}

/* Owner/Moderator view only: public clan presentation remains unchanged. */
:is(body.ss-route-clans).ss26-admin-route .ss-clans{width:100%;max-width:1750px;padding:0 clamp(16px,2vw,34px);margin:clamp(18px,3vw,36px) auto 74px}
:is(body.ss-route-clans).ss26-admin-route .ss-clans-hero{
  background:radial-gradient(ellipse at 86% 0%,#7846ed44,transparent 58%),linear-gradient(125deg,#141833,#0a1530);
  border-color:#4b447f
}
:is(body.ss-route-clans).ss26-admin-route .ss-clans-hero h1{font-size:clamp(30px,3.8vw,52px);line-height:1.16;letter-spacing:-.028em;margin:14px 0 16px}
:is(body.ss-route-clans).ss26-admin-route .ss-clans-panel{border-color:#464475;background:linear-gradient(145deg,#111b38,#0b122c)}
:is(body.ss-route-clans).ss26-admin-route .ss-clans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
:is(body.ss-route-clans).ss26-admin-route .ss-clans-card,
:is(body.ss-route-clans).ss26-admin-route .ss-clans-post{border-color:#444274;box-shadow:0 14px 30px #0004}
:is(body.ss-route-clans).ss26-admin-route .ss-clans :is(.ss-clans-btn,button){min-height:48px}
:is(body.ss-route-clans).ss26-admin-route .ss-clans :is(p,a,button,input,select,textarea,label){font-size:16px}
:is(body.ss-route-clans).ss26-admin-route .ss-clans :is(.ss-clans-pill,.ss-clans-meta){font-size:14px!important}
@media (max-width:1200px){:is(body.ss-route-clans).ss26-admin-route .ss-clans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  :is(body.ss-route-clans).ss26-admin-route .ss-clans{width:100%;padding:0 12px;margin:16px auto 50px}
  :is(body.ss-route-clans).ss26-admin-route .ss-clans-grid{grid-template-columns:minmax(0,1fr)}
  :is(body.ss-route-clans).ss26-admin-route .ss-clans-hero,
:is(body.ss-route-clans).ss26-admin-route .ss-clans-panel{padding:20px 16px}
  :is(body.ss-route-clans).ss26-admin-route .ss-clans-actions .ss-clans-btn{flex:1 1 100%}
}


/* ========= assets/saved-servers.css ========= */
/* SoulShive saved servers: legible by default, no microtext */
:is(body.ss-route-saved-servers) .ss27-saved{max-width:1190px;margin:18px auto 55px;padding:0 16px;color:#eef4ff;font-size:16px;line-height:1.55}
:is(body.ss-route-saved-servers) .ss27-saved *{box-sizing:border-box}
:is(body.ss-route-saved-servers) .ss27-saved-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(115deg,rgba(123,43,237,.23),rgba(26,62,122,.12)),#0b1427;border:1px solid #344775;border-radius:18px;padding:clamp(20px,3vw,34px);margin-bottom:18px}
:is(body.ss-route-saved-servers) .ss27-saved-eyebrow{font-weight:850;letter-spacing:.1em;color:#a980ff;font-size:14px}
:is(body.ss-route-saved-servers) .ss27-saved h2{font-size:clamp(27px,3vw,38px);line-height:1.18;margin:8px 0 10px}
:is(body.ss-route-saved-servers) .ss27-saved p{font-size:16px;margin:0;color:#bdcadf;max-width:730px}
:is(body.ss-route-saved-servers) .ss27-saved-cta,
:is(body.ss-route-saved-servers) .ss27-saved-action{display:inline-flex;align-items:center;justify-content:center;min-height:45px;border-radius:10px;border:1px solid #935eff;padding:10px 17px;text-decoration:none;color:white;background:linear-gradient(115deg,#7433d9,#305ac9);font-size:15px;font-weight:800;white-space:nowrap}
:is(body.ss-route-saved-servers) .ss27-saved-panel{background:#091327;border:1px solid #2c3d65;border-radius:17px;padding:16px}
:is(body.ss-route-saved-servers) .ss27-saved-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
:is(body.ss-route-saved-servers) .ss27-saved-tabs button{font:inherit;font-size:15px;font-weight:800;color:#d6e2f5;background:#101d37;border:1px solid #30466e;border-radius:10px;min-height:45px;padding:10px 15px;cursor:pointer}
:is(body.ss-route-saved-servers) .ss27-saved-tabs button[aria-selected=true]{background:#38216d;border-color:#9f63ff;color:white}
:is(body.ss-route-saved-servers) .ss27-saved-tabs button span{display:inline-block;margin-left:7px;color:#bcd9f5}
:is(body.ss-route-saved-servers) .ss27-saved-tabs .ss27-saved-clear{margin-left:auto;background:transparent;color:#bdd0eb}
:is(body.ss-route-saved-servers) .ss27-saved-status{font-size:15px;color:#aebfda;padding:10px 3px}
:is(body.ss-route-saved-servers) .ss27-saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}
:is(body.ss-route-saved-servers) .ss27-saved-card{min-width:0;border:1px solid #2b416a;background:linear-gradient(165deg,#101d39,#071222);border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:13px}
:is(body.ss-route-saved-servers) .ss27-saved-card h3{font-size:19px;line-height:1.25;margin:0;overflow-wrap:anywhere;color:#eff8ff}
:is(body.ss-route-saved-servers) .ss27-saved-game{color:#bea1ff;font-size:15px;font-weight:800}
:is(body.ss-route-saved-servers) .ss27-saved-card .ss27-saved-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:#b7cbe5}
:is(body.ss-route-saved-servers) .ss27-saved-meta span{padding:7px 10px;background:#0a1730;border:1px solid #294269;border-radius:8px;overflow-wrap:anywhere}
:is(body.ss-route-saved-servers) .ss27-saved-status-tag{font-weight:800;color:#ffb1b1;font-size:14px}
:is(body.ss-route-saved-servers) .ss27-saved-status-tag.online{color:#70edc1}
:is(body.ss-route-saved-servers) .ss27-saved-status-tag.unverified{color:#bdc9eb}
:is(body.ss-route-saved-servers) .ss27-saved-card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto}
:is(body.ss-route-saved-servers) .ss27-saved-card-actions a,
:is(body.ss-route-saved-servers) .ss27-saved-card-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:9px;border:1px solid #3b537e;font:inherit;font-size:14px;font-weight:800;text-decoration:none;color:#ecf4ff;background:#152440;cursor:pointer}
:is(body.ss-route-saved-servers) .ss27-saved-card-actions .ss27-saved-join{border-color:#905eff;background:#5529ad}
:is(body.ss-route-saved-servers) .ss27-saved-card-actions .ss27-saved-remove{color:#ffd3d3}
:is(body.ss-route-saved-servers) .ss27-saved-empty{text-align:center;padding:45px 20px;border:1px dashed #3b527f;border-radius:12px;background:#0c1930;font-size:16px;color:#d6e4f9}
:is(body.ss-route-saved-servers) .ss27-saved-empty a{display:inline-block;margin-top:13px;color:#99e4ff;font-weight:800}
:is(body.ss-route-saved-servers) .ss27-saved-privacy{margin-top:17px!important;font-size:14px!important;color:#a5b9d5!important}
:is(body.ss-route-saved-servers) .ss27-saved :focus-visible{outline:3px solid #69d9ff;outline-offset:3px}
@media (max-width:600px){:is(body.ss-route-saved-servers) .ss27-saved{padding:0 12px}:is(body.ss-route-saved-servers) .ss27-saved-intro{padding:20px}:is(body.ss-route-saved-servers) .ss27-saved-panel{padding:12px}:is(body.ss-route-saved-servers) .ss27-saved-tabs .ss27-saved-clear{margin-left:0;width:100%}:is(body.ss-route-saved-servers) .ss27-saved-card{padding:15px}}

:is(body.ss-route-saved-servers) .ss27-saved-tabs [hidden]{display:none!important}


/* ========= assets/samp-landing.css ========= */
/* SoulShive SA:MP — scoped, readable premium landing; no overrides to existing pages. */
:is(body.ss-route-samp) .ss-samp{--s-line:#57368b;--s-text:#f5f2ff;--s-muted:#c3bbd5;--s-panel:#100c21;color:var(--s-text);max-width:1250px;margin:0 auto 48px;font-size:16px;line-height:1.6}
:is(body.ss-route-samp) .ss-samp *{box-sizing:border-box}
:is(body.ss-route-samp) .ss-samp h2,
:is(body.ss-route-samp) .ss-samp h3{color:#fff;line-height:1.25;letter-spacing:-.02em}
:is(body.ss-route-samp) .ss-samp p{font-size:16px;line-height:1.6}
:is(body.ss-route-samp) .ss-samp-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:25px;align-items:center;padding:35px;border:1px solid #66359c;border-radius:20px;background:radial-gradient(circle at 95% 10%,rgba(160,60,255,.26),transparent 42%),linear-gradient(120deg,#130c25,#080c18);box-shadow:0 14px 45px #0006}
:is(body.ss-route-samp) .ss-samp-kicker{font-size:14px!important;letter-spacing:.11em;font-weight:850;color:#d0a4ff}
:is(body.ss-route-samp) .ss-samp-hero h2{font-size:clamp(32px,4vw,52px);margin:7px 0 10px}:is(body.ss-route-samp) .ss-samp-hero h2 span{color:#cd76ff}
:is(body.ss-route-samp) .ss-samp-hero p{margin:10px 0;color:var(--s-muted)}
:is(body.ss-route-samp) .ss-samp-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 10px}
:is(body.ss-route-samp) .ss-samp .ss-samp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:11px;font-weight:800;font-size:16px;text-decoration:none;line-height:1.3;border:1px solid #9c55ef;color:white;background:#201431}
:is(body.ss-route-samp) .ss-samp .ss-samp-btn.primary{background:linear-gradient(120deg,#7c28e5,#b22eff);box-shadow:0 5px 20px #8a26ff44}
:is(body.ss-route-samp) .ss-samp .ss-samp-btn.outline{background:#10162a;border-color:#8253c4}:is(body.ss-route-samp) .ss-samp .ss-samp-btn.ghost{background:transparent;border-color:#5a427c}
:is(body.ss-route-samp) .ss-samp .ss-samp-btn:focus-visible,
:is(body.ss-route-samp) .ss-samp a:focus-visible,
:is(body.ss-route-samp) .ss-samp input:focus-visible,
:is(body.ss-route-samp) .ss-samp button:focus-visible{outline:3px solid #33cbff;outline-offset:3px}
:is(body.ss-route-samp) .ss-samp .ss-samp-note{font-size:14px!important;color:#c9bed9;margin:12px 0 0}
:is(body.ss-route-samp) .ss-samp-hero-side{min-width:0;background:#080c17;border-radius:16px;overflow:hidden;border:1px solid #4b3182}
:is(body.ss-route-samp) .ss-samp-hero-side img{display:block;width:100%;height:165px;object-fit:cover}
:is(body.ss-route-samp) .ss-samp-side-text{display:grid;padding:17px;gap:6px}:is(body.ss-route-samp) .ss-samp-side-text strong{font-size:19px}:is(body.ss-route-samp) .ss-samp-side-text span{font-size:15px;color:var(--s-muted)}
:is(body.ss-route-samp) .ss-samp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}
:is(body.ss-route-samp) .ss-samp-steps>div,
:is(body.ss-route-samp) .ss-samp-results,
:is(body.ss-route-samp) .ss-samp-promo{background:linear-gradient(140deg,#120d24,#090e1b);border:1px solid #3d2b5b;border-radius:16px;padding:22px;min-width:0}
:is(body.ss-route-samp) .ss-samp-step{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#7b2ad9;border-radius:11px;font-size:18px;font-weight:850}
:is(body.ss-route-samp) .ss-samp-steps h3{margin:12px 0 5px;font-size:20px}:is(body.ss-route-samp) .ss-samp-steps p{margin:0;color:var(--s-muted)}
:is(body.ss-route-samp) .ss-samp-section-head{display:flex;justify-content:space-between;gap:15px;align-items:start;flex-wrap:wrap}
:is(body.ss-route-samp) .ss-samp-section-head h2,
:is(body.ss-route-samp) .ss-samp-promo h2{font-size:25px;margin:0 0 7px}:is(body.ss-route-samp) .ss-samp-section-head p,
:is(body.ss-route-samp) .ss-samp-promo p{margin:0;color:var(--s-muted)}
:is(body.ss-route-samp) .ss-samp-count{padding:6px 12px;border:1px solid #7553a6;border-radius:25px;background:#291a40;color:#f1e6ff;font-size:14px;font-weight:700}
:is(body.ss-route-samp) .ss-samp-search{margin:22px 0 10px}:is(body.ss-route-samp) .ss-samp-search label{display:block;font-size:16px;font-weight:750;margin-bottom:8px}
:is(body.ss-route-samp) .ss-samp-search>div{display:flex;flex-wrap:wrap;gap:10px}:is(body.ss-route-samp) .ss-samp-search input{flex:1;min-width:180px;height:49px;border:1px solid #5c4482;background:#090e1b;border-radius:10px;color:white;padding:11px 14px;font-size:16px}
:is(body.ss-route-samp) .ss-samp-search button{min-height:48px;border:0;border-radius:10px;padding:10px 18px;background:#9135e5;font-size:16px;font-weight:750;color:white;cursor:pointer}
:is(body.ss-route-samp) .ss-samp-reset{display:inline-flex;align-items:center;min-height:48px;padding:10px;color:#e1baff;font-size:16px}
:is(body.ss-route-samp) .ss-samp-server{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:18px;align-items:center;border-top:1px solid #332748;padding:16px 0}
:is(body.ss-route-samp) .ss-samp-server-main{min-width:0;overflow-wrap:anywhere}:is(body.ss-route-samp) .ss-samp-server-main h3{font-size:18px;margin:0 0 5px}:is(body.ss-route-samp) .ss-samp-server-main h3 a{color:#fff;text-decoration:none}
:is(body.ss-route-samp) .ss-samp-server-main p{font-size:15px;color:var(--s-muted);margin:0 0 7px}:is(body.ss-route-samp) .ss-samp-status,
:is(body.ss-route-samp) .ss-samp-owned{font-size:14px;display:inline-block;border:1px solid #5e5076;border-radius:7px;padding:3px 8px;color:#d6c9ec;margin:0 6px 4px 0}
:is(body.ss-route-samp) .ss-samp-status.live{color:#7ff8c8;border-color:#1b7e5c}:is(body.ss-route-samp) .ss-samp-owned{border-color:#714ea5;color:#d2b3ff}
:is(body.ss-route-samp) .ss-samp-players strong{display:block;font-size:22px}:is(body.ss-route-samp) .ss-samp-players span{display:block;font-size:14px;color:var(--s-muted)}
:is(body.ss-route-samp) .ss-samp-server-actions{display:flex;flex-wrap:wrap;gap:8px}:is(body.ss-route-samp) .ss-samp-server-actions .ss-samp-btn{min-height:44px;padding:10px;font-size:15px}
:is(body.ss-route-samp) .ss-samp-pages{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap;padding:20px 0 3px}:is(body.ss-route-samp) .ss-samp-pages a{color:#e2baff;font-size:16px}
:is(body.ss-route-samp) .ss-samp-empty{border:1px dashed #76569b;padding:22px;margin-top:14px;border-radius:12px;font-size:16px;color:var(--s-muted)}:is(body.ss-route-samp) .ss-samp-empty a{color:#e2baff}
:is(body.ss-route-samp) .ss-samp-promo{margin-top:22px}:is(body.ss-route-samp) .ss-samp-promo .ss-samp-actions{margin-bottom:14px}:is(body.ss-route-samp) .ss-samp-promo a:not(.ss-samp-btn){color:#e3bbff}
@media (max-width:980px){:is(body.ss-route-samp) .ss-samp-hero{grid-template-columns:1fr}:is(body.ss-route-samp) .ss-samp-hero-side{display:none}:is(body.ss-route-samp) .ss-samp-server{grid-template-columns:minmax(0,1fr) 130px}:is(body.ss-route-samp) .ss-samp-server-actions{grid-column:1/-1}}
@media (max-width:700px){:is(body.ss-route-samp) .ss-samp-hero,
:is(body.ss-route-samp) .ss-samp-results,
:is(body.ss-route-samp) .ss-samp-promo{padding:20px}:is(body.ss-route-samp) .ss-samp-steps{grid-template-columns:1fr}:is(body.ss-route-samp) .ss-samp-server{grid-template-columns:1fr}:is(body.ss-route-samp) .ss-samp-server-actions{grid-column:auto}:is(body.ss-route-samp) .ss-samp-players strong{font-size:20px}:is(body.ss-route-samp) .ss-samp .ss-samp-btn{width:100%}:is(body.ss-route-samp) .ss-samp-actions{flex-direction:column}:is(body.ss-route-samp) .ss-samp-server-actions{flex-direction:row}:is(body.ss-route-samp) .ss-samp-server-actions .ss-samp-btn{flex:1}:is(body.ss-route-samp) .ss-samp-search>div{flex-direction:column}:is(body.ss-route-samp) .ss-samp-search input{min-width:0;width:100%}:is(body.ss-route-samp) .ss-samp-hero h2{font-size:32px}}


/* ========= assets/css/admin.css ========= */
/* SoulShive 2027 Admin — CSS extracted from nine static blocks in admin/index.php.
   The statistics block with PHP variables remains dynamic. */

/* ==========================================================
   SOULSHIVE ADMIN BOOSTS — 2026 PREMIUM
   ========================================================== */
:is(body.ss26-admin-route) .bw{
  --bw-panel:#091426;
  --bw-panel2:#0d1930;
  --bw-line:#203655;
  --bw-muted:#8191a8;
  --bw-text:#f4f7ff;
  --bw-purple:#8a35ff;
  --bw-green:#28dc8d;
  --bw-red:#ff5f78;
  --bw-amber:#f5b341;
  color:var(--bw-text);
}
:is(body.ss26-admin-route) .bw *{box-sizing:border-box}
:is(body.ss26-admin-route) .bw-panel{
  border:1px solid var(--bw-line);
  border-radius:13px;
  background:
    radial-gradient(circle at 100% 0,rgba(132,50,229,.08),transparent 31%),
    linear-gradient(155deg,#0b1728,#07111f);
  box-shadow:0 18px 52px rgba(0,0,0,.18);
}
:is(body.ss26-admin-route) .bw-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  margin:0 0 13px
}
:is(body.ss26-admin-route) .bw-head h1{margin:0;font-size:25px}
:is(body.ss26-admin-route) .bw-head p{margin:5px 0 0;color:var(--bw-muted);font-size:14px}
:is(body.ss26-admin-route) .bw-quote{font-size:14px;color:#c481ff;max-width:290px;text-align:right;line-height:1.55}

:is(body.ss26-admin-route) .bw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}
:is(body.ss26-admin-route) .bw-stat{
  min-height:96px;padding:14px;border:1px solid var(--bw-line);border-radius:11px;
  background:linear-gradient(145deg,#0b192b,#091422);
  display:flex;align-items:center;gap:11px;position:relative;overflow:hidden
}
:is(body.ss26-admin-route) .bw-stat:after{
  content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-40px;top:-45px;
  background:var(--sc);filter:blur(42px);opacity:.13
}
:is(body.ss26-admin-route) .bw-stat i{
  width:44px;height:44px;flex:0 0 44px;border-radius:11px;display:grid;place-items:center;
  font-style:normal;font-size:21px;
  background:color-mix(in srgb,var(--sc) 14%,#091422);
  border:1px solid color-mix(in srgb,var(--sc) 35%,#2c405b)
}
:is(body.ss26-admin-route) .bw-stat strong{display:block;font-size:20px;line-height:1}
:is(body.ss26-admin-route) .bw-stat span{display:block;color:#8595aa;font-size:14px;margin-top:5px}
:is(body.ss26-admin-route) .bw-stat em{position:absolute;right:9px;top:9px;font-style:normal;color:var(--sc);font-size:14px;font-weight:950}

:is(body.ss26-admin-route) .bw-manual{padding:15px;margin-bottom:12px;border-color:#6630b0;box-shadow:0 0 28px rgba(126,40,226,.12)}
:is(body.ss26-admin-route) .bw-manual-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
:is(body.ss26-admin-route) .bw-manual-title{display:flex;gap:10px;align-items:center}
:is(body.ss26-admin-route) .bw-manual-icon{
  width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:19px;
  border:1px solid #6b37b2;background:rgba(114,44,196,.12)
}
:is(body.ss26-admin-route) .bw-manual h2{margin:0;font-size:16px}
:is(body.ss26-admin-route) .bw-manual p{margin:3px 0 0;color:#8192a8;font-size:14px}
:is(body.ss26-admin-route) .bw-manual-grid{
  display:grid;grid-template-columns:minmax(280px,1.5fr) .55fr .35fr .45fr .9fr auto;
  gap:8px;align-items:end
}
:is(body.ss26-admin-route) .bw label{font-size:14px;color:#8393a9;font-weight:800}
:is(body.ss26-admin-route) .bw input,
:is(body.ss26-admin-route) .bw select{font-size:14px!important;height:38px!important;margin-top:4px!important}
:is(body.ss26-admin-route) .bw-manual .btn{height:38px!important;white-space:nowrap}

:is(body.ss26-admin-route) .bw-tools{
  display:grid;grid-template-columns:1.4fr .8fr;gap:10px;margin-bottom:12px
}
:is(body.ss26-admin-route) .bw-search-panel,
:is(body.ss26-admin-route) .bw-sync{padding:12px}
:is(body.ss26-admin-route) .bw-search-row{display:grid;grid-template-columns:1fr 180px auto auto;gap:7px}
:is(body.ss26-admin-route) .bw-search-row input,
:is(body.ss26-admin-route) .bw-search-row select{margin:0!important}
:is(body.ss26-admin-route) .bw-sync{
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
:is(body.ss26-admin-route) .bw-sync p{margin:0;color:#7e8fa6;font-size:14px;line-height:1.45}

:is(body.ss26-admin-route) .bw-list{overflow:hidden}
:is(body.ss26-admin-route) .bw-list-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.05)
}
:is(body.ss26-admin-route) .bw-list-head h2{font-size:15px;margin:0}
:is(body.ss26-admin-route) .bw-list-head p{font-size:14px;color:#8090a5;margin:3px 0 0}
:is(body.ss26-admin-route) .bw-count{
  padding:5px 8px;border-radius:999px;border:1px solid rgba(145,63,255,.32);
  background:rgba(145,63,255,.07);color:#c695ff;font-size:14px;font-weight:950
}

:is(body.ss26-admin-route) .bw-table-wrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
:is(body.ss26-admin-route) .bw-table{width:100%;min-width:1180px;border-collapse:collapse}
:is(body.ss26-admin-route) .bw-table th,
:is(body.ss26-admin-route) .bw-table td{
  padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.045);
  text-align:left;font-size:14px;vertical-align:middle
}
:is(body.ss26-admin-route) .bw-table th{
  color:#74869b;font-size:14px;letter-spacing:.05em;background:#071321;position:sticky;top:0;z-index:2
}
:is(body.ss26-admin-route) .bw-table tr:hover td{background:rgba(255,255,255,.012)}
:is(body.ss26-admin-route) .bw-server{display:flex;align-items:center;gap:8px;min-width:260px}
:is(body.ss26-admin-route) .bw-server-img{
  width:34px;height:34px;flex:0 0 34px;border-radius:7px;overflow:hidden;
  background:#0f1a29;border:1px solid #2c4059;display:grid;place-items:center;font-size:15px
}
:is(body.ss26-admin-route) .bw-server-img img{width:100%;height:100%;object-fit:cover}
:is(body.ss26-admin-route) .bw-server b{display:block;font-size:14px;line-height:1.25}
:is(body.ss26-admin-route) .bw-server a{display:block;margin-top:3px;color:#a94cff;font-size:14px}
:is(body.ss26-admin-route) .bw-tier{
  display:inline-flex;padding:4px 7px;border-radius:999px;font-size:14px;font-weight:950;
  border:1px solid #4a3c1c;background:#241c08;color:#ffc53d
}
:is(body.ss26-admin-route) .bw-tier.silver{border-color:#52657a;background:#15202a;color:#dbe8f4}
:is(body.ss26-admin-route) .bw-tier.bronze{border-color:#714b26;background:#23170e;color:#eaa45d}
:is(body.ss26-admin-route) .bw-tier.platinum{border-color:#5d3a81;background:#1c1228;color:#d7a8ff}
:is(body.ss26-admin-route) .bw-status{
  display:inline-flex;padding:4px 7px;border-radius:999px;font-size:14px;font-weight:950;border:1px solid currentColor
}
:is(body.ss26-admin-route) .bw-status.active{color:#43e79a;background:rgba(34,197,94,.06)}
:is(body.ss26-admin-route) .bw-status.pending,
:is(body.ss26-admin-route) .bw-status.declared{color:#f5b94f;background:rgba(245,158,11,.06)}
:is(body.ss26-admin-route) .bw-status.expired,
:is(body.ss26-admin-route) .bw-status.cancelled,
:is(body.ss26-admin-route) .bw-status.refunded{color:#ff6179;background:rgba(239,68,68,.06)}
:is(body.ss26-admin-route) .bw-action-cell{
  position:sticky;right:0;background:#081321;z-index:3;box-shadow:-12px 0 20px rgba(3,7,15,.64);white-space:nowrap
}
:is(body.ss26-admin-route) .bw-action-cell form{display:inline-block!important;margin:1px}
:is(body.ss26-admin-route) .bw-mini{
  min-width:32px;height:29px!important;padding:0 8px!important;border-radius:6px!important;
  font-size:14px!important;font-weight:950!important
}
:is(body.ss26-admin-route) .bw-plus{background:linear-gradient(135deg,#7a2af1,#9d3fff)!important;border:1px solid #a45aff!important;color:white!important}
:is(body.ss26-admin-route) .bw-stop{background:#101826!important;border:1px solid #3a4e68!important;color:#d5deea!important}
:is(body.ss26-admin-route) .bw-start{background:linear-gradient(135deg,#7228e5,#8a36ff)!important;border:1px solid #9850ff!important;color:white!important}
:is(body.ss26-admin-route) .bw-delete{background:#2a1018!important;border:1px solid #743143!important;color:#ff8497!important}
:is(body.ss26-admin-route) .bw-edit-row>td{background:#0a1524!important;padding:13px!important}
:is(body.ss26-admin-route) .bw-edit-grid{display:grid;grid-template-columns:repeat(6,1fr) auto;gap:7px;align-items:end}
:is(body.ss26-admin-route) .bw-meta{margin-top:8px;color:#718299;font-size:14px}

@media (max-width:1050px){
  :is(body.ss26-admin-route) .bw-stats{grid-template-columns:repeat(2,1fr)}
  :is(body.ss26-admin-route) .bw-manual-grid{grid-template-columns:1fr 1fr 1fr}
  :is(body.ss26-admin-route) .bw-manual-grid label:first-of-type{grid-column:1/-1}
  :is(body.ss26-admin-route) .bw-tools{grid-template-columns:1fr}
}
@media (max-width:700px){
  :is(body.ss26-admin-route) .bw-head{display:block}
  :is(body.ss26-admin-route) .bw-quote{text-align:left;max-width:none;margin-top:7px}
  :is(body.ss26-admin-route) .bw-stats{grid-template-columns:1fr}
  :is(body.ss26-admin-route) .bw-manual-grid,
:is(body.ss26-admin-route) .bw-search-row,
:is(body.ss26-admin-route) .bw-edit-grid{grid-template-columns:1fr}
  :is(body.ss26-admin-route) .bw-sync{align-items:flex-start;flex-direction:column}
  :is(body.ss26-admin-route) .bw-manual-head{align-items:flex-start;flex-direction:column}
}

/* ============================================================
   SOULSHIVE — SETTINGS COMMAND CENTER 2026
   ============================================================ */
:is(body.ss26-admin-route) .st26{
  --st-bg:#060a14;
  --st-panel:#0a1527;
  --st-panel2:#0c1930;
  --st-line:#243b5a;
  --st-muted:#8292a8;
  --st-text:#f4f7ff;
  --st-purple:#8e35ff;
  --st-purple2:#ba5cff;
  --st-cyan:#28d6ff;
  --st-green:#29df8e;
  --st-amber:#f5b342;
  color:var(--st-text);
}
:is(body.ss26-admin-route) .st26 *{box-sizing:border-box}
:is(body.ss26-admin-route) .st26 a{text-decoration:none}
:is(body.ss26-admin-route) .st26-shell{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
:is(body.ss26-admin-route) .st26-side{
  position:sticky;top:12px;
  border:1px solid var(--st-line);
  border-radius:13px;
  padding:12px;
  background:
    radial-gradient(circle at 20% 0,rgba(139,53,255,.10),transparent 34%),
    linear-gradient(155deg,#0b1728,#08121f);
}
:is(body.ss26-admin-route) .st26-side-title{
  display:flex;align-items:center;gap:9px;
  padding:6px 5px 12px;border-bottom:1px solid rgba(255,255,255,.05);
  margin-bottom:8px
}
:is(body.ss26-admin-route) .st26-side-title i{
  width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:rgba(139,53,255,.13);border:1px solid rgba(139,53,255,.25);font-style:normal
}
:is(body.ss26-admin-route) .st26-side-title b{font-size:14px}:is(body.ss26-admin-route) .st26-side-title small{display:block;color:#7d8ea4;font-size:14px;margin-top:2px}
:is(body.ss26-admin-route) .st26-side a{
  display:flex;align-items:center;gap:8px;
  min-height:36px;padding:0 9px;border-radius:8px;color:#9cacc0;font-size:14px;font-weight:850;
  margin:3px 0;border:1px solid transparent
}
:is(body.ss26-admin-route) .st26-side a:hover,
:is(body.ss26-admin-route) .st26-side a.on{
  color:#fff;border-color:rgba(139,53,255,.28);
  background:linear-gradient(135deg,rgba(132,45,230,.18),rgba(49,25,91,.10));
  box-shadow:inset 3px 0 0 #8e35ff
}
:is(body.ss26-admin-route) .st26-side .viewsite{
  margin-top:10px;border-color:#314761;background:#091525;color:#d8e1ec
}

:is(body.ss26-admin-route) .st26-main{min-width:0}
:is(body.ss26-admin-route) .st26-hero{
  min-height:134px;padding:20px 22px;margin-bottom:12px;
  border:1px solid rgba(131,49,224,.48);border-radius:14px;
  background:
    linear-gradient(90deg,rgba(5,8,17,.94),rgba(11,9,29,.68)),
    radial-gradient(circle at 75% 40%,rgba(153,47,255,.25),transparent 31%),
    #080d18;
  position:relative;overflow:hidden
}
:is(body.ss26-admin-route) .st26-hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:30px 30px
}
:is(body.ss26-admin-route) .st26-hero>div{position:relative;z-index:2}
:is(body.ss26-admin-route) .st26-kicker{font-size:14px;font-weight:950;letter-spacing:.16em;color:#d18aff}
:is(body.ss26-admin-route) .st26-hero h1{font-size:30px;margin:7px 0 3px;letter-spacing:-.03em}
:is(body.ss26-admin-route) .st26-hero p{font-size:14px;color:#95a5ba;margin:0;max-width:720px;line-height:1.5}

:is(body.ss26-admin-route) .st26-tabs{
  display:flex;gap:5px;flex-wrap:wrap;padding:6px;margin-bottom:12px;
  border:1px solid var(--st-line);border-radius:10px;background:#081423
}
:is(body.ss26-admin-route) .st26-tabs a{
  min-height:34px;padding:0 10px;border-radius:7px;display:inline-flex;align-items:center;gap:6px;
  color:#91a0b5;font-size:14px;font-weight:900;border:1px solid transparent
}
:is(body.ss26-admin-route) .st26-tabs a:hover{color:#fff;border-color:#3c4f6a;background:#0c1728}

:is(body.ss26-admin-route) .st26-form{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
:is(body.ss26-admin-route) .st26-card{
  border:1px solid var(--st-line);
  border-radius:13px;
  background:
    radial-gradient(circle at 100% 0,rgba(134,47,236,.08),transparent 33%),
    linear-gradient(155deg,#0b1728,#07111f);
  box-shadow:0 16px 45px rgba(0,0,0,.17);
  padding:14px;
  position:relative;
  overflow:hidden
}
:is(body.ss26-admin-route) .st26-card.glow{border-color:rgba(133,51,228,.55);box-shadow:0 0 26px rgba(128,42,224,.11),0 16px 45px rgba(0,0,0,.17)}
:is(body.ss26-admin-route) .st26-card.full{grid-column:1/-1}
:is(body.ss26-admin-route) .st26-card-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px
}
:is(body.ss26-admin-route) .st26-card-title{display:flex;gap:10px;align-items:center}
:is(body.ss26-admin-route) .st26-icon{
  width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid;place-items:center;
  font-size:18px;background:rgba(130,45,225,.12);border:1px solid rgba(130,45,225,.23)
}
:is(body.ss26-admin-route) .st26-card h2{font-size:14px;margin:0}
:is(body.ss26-admin-route) .st26-card-head p{font-size:14px;color:#8191a7;margin:3px 0 0;line-height:1.45}
:is(body.ss26-admin-route) .st26-status{
  display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;
  font-size:14px;font-weight:950;border:1px solid rgba(37,217,134,.3);color:#56eca7;background:rgba(37,217,134,.06)
}
:is(body.ss26-admin-route) .st26-status.off{border-color:#40516a;color:#7f91a8;background:#101827}

:is(body.ss26-admin-route) .st26-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
:is(body.ss26-admin-route) .st26-grid .full{grid-column:1/-1}
:is(body.ss26-admin-route) .st26-field label{
  display:block;color:#7f91a7;font-size:14px;font-weight:850;margin-bottom:5px
}
:is(body.ss26-admin-route) .st26-field input,
:is(body.ss26-admin-route) .st26-field select,
:is(body.ss26-admin-route) .st26-field textarea{
  width:100%!important;margin:0!important;
  border:1px solid #314c6a!important;border-radius:8px!important;
  background:#07111e!important;color:#edf4fd!important;font-size:14px!important;
  box-shadow:none!important
}
:is(body.ss26-admin-route) .st26-field input,
:is(body.ss26-admin-route) .st26-field select{height:38px!important}
:is(body.ss26-admin-route) .st26-field textarea{min-height:92px!important;padding:10px!important}
:is(body.ss26-admin-route) .st26-field input:focus,
:is(body.ss26-admin-route) .st26-field select:focus,
:is(body.ss26-admin-route) .st26-field textarea:focus{
  border-color:#7f48d6!important;box-shadow:0 0 0 3px rgba(126,55,218,.09)!important
}
:is(body.ss26-admin-route) .st26-help{font-size:14px;color:#687c95;line-height:1.45;margin-top:5px}
:is(body.ss26-admin-route) .st26-copyrow{display:flex;gap:6px}:is(body.ss26-admin-route) .st26-copyrow input{flex:1}
:is(body.ss26-admin-route) .st26-copy{
  width:38px;height:38px;border-radius:8px;border:1px solid #314c6a;background:#0b1727;color:#c8d5e5;cursor:pointer
}

:is(body.ss26-admin-route) .st26-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(body.ss26-admin-route) .st26-system{
  min-height:106px;padding:13px;border:1px solid var(--st-line);border-radius:11px;background:#091525
}
:is(body.ss26-admin-route) .st26-system h3{font-size:14px;margin:0 0 4px}:is(body.ss26-admin-route) .st26-system p{font-size:14px;color:#7f90a7;line-height:1.45;margin:0 0 10px}
:is(body.ss26-admin-route) .st26-system .flex{gap:6px;flex-wrap:wrap}
:is(body.ss26-admin-route) .st26-import{padding:14px}
:is(body.ss26-admin-route) .st26-import-controls{
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px
}
:is(body.ss26-admin-route) .st26-import-controls label{font-size:14px;color:#8797ac}
:is(body.ss26-admin-route) .st26-import-controls select{height:34px!important;margin-left:4px!important}
:is(body.ss26-admin-route) .st26-divider{border:0;border-top:1px solid rgba(255,255,255,.05);margin:12px 0}
:is(body.ss26-admin-route) .st26-log{
  display:none;background:#050b14;border:1px solid #213650;border-radius:9px;
  padding:11px;margin-top:11px;max-height:320px;overflow:auto;white-space:pre-wrap;
  font-size:14px;color:#9bb0c5
}
:is(body.ss26-admin-route) .st26-hero-preview{
  width:100%;height:112px;border-radius:9px;border:1px solid #31475f;overflow:hidden;background:#07101b
}
:is(body.ss26-admin-route) .st26-hero-preview img{width:100%;height:100%;object-fit:cover;display:block}
:is(body.ss26-admin-route) .st26-thumbrow{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}:is(body.ss26-admin-route) .st26-thumbrow img{height:40px;border-radius:5px;border:1px solid #2f4158}
:is(body.ss26-admin-route) .st26-savebar{
  grid-column:1/-1;
  position:sticky;bottom:8px;z-index:10;
  padding:8px;border:1px solid rgba(131,51,229,.55);border-radius:11px;
  background:rgba(7,12,24,.88);backdrop-filter:blur(12px);
  box-shadow:0 12px 34px rgba(0,0,0,.42)
}
:is(body.ss26-admin-route) .st26-savebar button{
  width:100%;height:44px!important;
  background:linear-gradient(90deg,#7a2bf1,#9b38ff,#6f2ce9)!important;
  border-color:#ad66ff!important;
  box-shadow:0 0 24px rgba(133,43,245,.22);
  font-size:14px!important;font-weight:950!important
}

@media (max-width:1050px){
  :is(body.ss26-admin-route) .st26-shell{grid-template-columns:1fr}
  :is(body.ss26-admin-route) .st26-side{position:static;display:flex;gap:4px;overflow:auto;padding:7px}
  :is(body.ss26-admin-route) .st26-side-title{display:none}:is(body.ss26-admin-route) .st26-side a{white-space:nowrap;margin:0}:is(body.ss26-admin-route) .st26-side .viewsite{margin-top:0}
}
@media (max-width:760px){
  :is(body.ss26-admin-route) .st26-form,
:is(body.ss26-admin-route) .st26-grid,
:is(body.ss26-admin-route) .st26-system-grid{grid-template-columns:1fr}
  :is(body.ss26-admin-route) .st26-card.full,
:is(body.ss26-admin-route) .st26-grid .full{grid-column:auto}
  :is(body.ss26-admin-route) .st26-hero{padding:16px}:is(body.ss26-admin-route) .st26-hero h1{font-size:25px}
}

:is(body.ss26-admin-route) .fdadmin{--f:#a63cff;--gold:#ffd064;--green:#4ce8a7;--cyan:#52ddff}
:is(body.ss26-admin-route) .fdadmin *{box-sizing:border-box}:is(body.ss26-admin-route) .fda-hero{padding:20px 22px;border:1px solid #7339c6;border-radius:13px;background:radial-gradient(circle at 90% 10%,rgba(161,53,255,.19),transparent 34%),linear-gradient(145deg,#11162d,#08101e);position:relative;overflow:hidden}:is(body.ss26-admin-route) .fda-hero:after{content:"🏆";position:absolute;right:35px;top:0;font-size:105px;opacity:.09}:is(body.ss26-admin-route) .fda-hero h2{margin:0 0 5px;font-size:22px}:is(body.ss26-admin-route) .fda-hero p{margin:0;color:#93a2b7;font-size:14px;line-height:1.55;max-width:820px}
:is(body.ss26-admin-route) .fda-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}:is(body.ss26-admin-route) .fda-stat{padding:12px;border:1px solid #293d68;border-radius:9px;background:#091426}:is(body.ss26-admin-route) .fda-stat strong{display:block;font-size:18px;color:#5cebd1}:is(body.ss26-admin-route) .fda-stat span{font-size:14px;color:#8797ad}:is(body.ss26-admin-route) .fda-stat.gold strong{color:#ffd064}:is(body.ss26-admin-route) .fda-stat.green strong{color:#55e9a7}
:is(body.ss26-admin-route) .fda-progress{height:8px;border-radius:99px;background:#1a2036;overflow:hidden;margin-top:8px}:is(body.ss26-admin-route) .fda-progress i{display:block;height:100%;background:linear-gradient(90deg,#ffd05e,#a53cff,#49dcff)}
:is(body.ss26-admin-route) .fda-filter{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}:is(body.ss26-admin-route) .fda-filter a{padding:7px 10px;border:1px solid #2e436e;border-radius:7px;background:#091426;color:#aab7c9;font-size:14px;font-weight:900}:is(body.ss26-admin-route) .fda-filter a.on{background:#7f2cef;border-color:#ae53ff;color:white}
:is(body.ss26-admin-route) .fda-table{width:100%;border-collapse:collapse}:is(body.ss26-admin-route) .fda-table th,
:is(body.ss26-admin-route) .fda-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.055);font-size:14px;text-align:left;vertical-align:top}:is(body.ss26-admin-route) .fda-table th{color:#7e8fa7;font-size:14px}:is(body.ss26-admin-route) .fda-server b{font-size:14px;display:block}:is(body.ss26-admin-route) .fda-server small,
:is(body.ss26-admin-route) .fda-owner small{display:block;color:#7e8fa6;font-size:14px;margin-top:2px}:is(body.ss26-admin-route) .fda-status{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:14px;font-weight:950;border:1px solid #4b596f}:is(body.ss26-admin-route) .fda-status.pending{color:#ffd069;border-color:#8c6b28;background:rgba(255,190,50,.07)}:is(body.ss26-admin-route) .fda-status.verified{color:#59ecad;border-color:#237757;background:rgba(40,220,145,.07)}:is(body.ss26-admin-route) .fda-status.rejected{color:#ff7f94;border-color:#7e3343;background:rgba(239,68,68,.07)}
:is(body.ss26-admin-route) .fda-bonus{display:flex;gap:4px;flex-wrap:wrap}:is(body.ss26-admin-route) .fda-chip{padding:4px 6px;border:1px solid #30466f;border-radius:5px;background:#091426;color:#aebbd0;font-size:14px}:is(body.ss26-admin-route) .fda-chip.gold{color:#ffd268;border-color:#846627}:is(body.ss26-admin-route) .fda-chip.live{color:#59e9ad;border-color:#267559}:is(body.ss26-admin-route) .fda-actions{display:flex;gap:5px;flex-wrap:wrap}:is(body.ss26-admin-route) .fda-actions form{display:inline}:is(body.ss26-admin-route) .fda-btn{height:29px;padding:0 8px;border:1px solid #38517e;border-radius:6px;background:#0a1428;color:#e8eef9;font-size:14px;font-weight:950;cursor:pointer}:is(body.ss26-admin-route) .fda-btn.verify{background:linear-gradient(90deg,#1a7e5a,#22a876);border-color:#42dba2}:is(body.ss26-admin-route) .fda-btn.reject{color:#ff889a;border-color:#6f3441}:is(body.ss26-admin-route) .fda-btn.spot{background:linear-gradient(90deg,#7428ea,#a635ff);border-color:#b85aff}
@media (max-width:1100px){:is(body.ss26-admin-route) .fda-stats{grid-template-columns:1fr 1fr}:is(body.ss26-admin-route) .fda-table{min-width:1180px}:is(body.ss26-admin-route) .fda-wrap{overflow:auto}}
@media (max-width:600px){:is(body.ss26-admin-route) .fda-stats{grid-template-columns:1fr}}

/* ===========================
   SERVERS ADMIN 2026
   =========================== */
:is(body.ss26-admin-route) .svw{--p:#8b35ff;--line:#203653;--muted:#8191a7;color:#f4f7ff}
:is(body.ss26-admin-route) .svw *{box-sizing:border-box}
:is(body.ss26-admin-route) .sv-panel{border:1px solid var(--line);border-radius:13px;background:radial-gradient(circle at 100% 0,rgba(135,45,235,.08),transparent 30%),linear-gradient(155deg,#0b1728,#07111f);box-shadow:0 18px 50px rgba(0,0,0,.18)}
:is(body.ss26-admin-route) .sv-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
:is(body.ss26-admin-route) .sv-head h1{margin:0;font-size:25px}:is(body.ss26-admin-route) .sv-head p{margin:5px 0 0;color:var(--muted);font-size:14px}
:is(body.ss26-admin-route) .sv-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:12px}
:is(body.ss26-admin-route) .sv-stat{min-height:92px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#091525;display:flex;gap:11px;align-items:center;position:relative;overflow:hidden}
:is(body.ss26-admin-route) .sv-stat i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--sc) 15%,#0a1423);border:1px solid color-mix(in srgb,var(--sc) 35%,#2b405d);font-style:normal;font-size:20px}
:is(body.ss26-admin-route) .sv-stat strong{display:block;font-size:20px;line-height:1}:is(body.ss26-admin-route) .sv-stat span{display:block;color:#8595aa;font-size:14px;margin-top:5px}
:is(body.ss26-admin-route) .sv-filters{padding:12px;margin-bottom:12px}:is(body.ss26-admin-route) .sv-filter-grid{display:grid;grid-template-columns:1.5fr repeat(4,.75fr) auto auto;gap:7px;align-items:end}:is(body.ss26-admin-route) .sv-filter-grid input,
:is(body.ss26-admin-route) .sv-filter-grid select{height:38px!important;margin:0!important;font-size:14px!important}
:is(body.ss26-admin-route) .sv-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}:is(body.ss26-admin-route) .sv-tool{padding:12px}:is(body.ss26-admin-route) .sv-tool summary{cursor:pointer;font-size:14px;font-weight:900}:is(body.ss26-admin-route) .sv-tool summary::marker{color:#9d4cff}:is(body.ss26-admin-route) .sv-tool form{margin-top:10px}
:is(body.ss26-admin-route) .sv-list{overflow:hidden}:is(body.ss26-admin-route) .sv-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.05)}:is(body.ss26-admin-route) .sv-list-head h2{margin:0;font-size:15px}:is(body.ss26-admin-route) .sv-list-head p{margin:3px 0 0;color:#7f90a5;font-size:14px}
:is(body.ss26-admin-route) .sv-count{padding:5px 8px;border-radius:999px;border:1px solid rgba(145,63,255,.3);color:#c690ff;background:rgba(145,63,255,.07);font-size:14px;font-weight:950}
:is(body.ss26-admin-route) .sv-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}:is(body.ss26-admin-route) .sv-table{width:100%;min-width:1320px;border-collapse:collapse}
:is(body.ss26-admin-route) .sv-table th,
:is(body.ss26-admin-route) .sv-table td{padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.045);font-size:14px;text-align:left;vertical-align:middle}:is(body.ss26-admin-route) .sv-table th{font-size:14px;color:#73849a;background:#071321;position:sticky;top:0;z-index:2}
:is(body.ss26-admin-route) .sv-server{display:flex;gap:8px;align-items:center;min-width:285px}:is(body.ss26-admin-route) .sv-img{width:34px;height:34px;border-radius:7px;overflow:hidden;background:#101a29;border:1px solid #2c4059;display:grid;place-items:center}:is(body.ss26-admin-route) .sv-img img{width:100%;height:100%;object-fit:cover}:is(body.ss26-admin-route) .sv-server b{display:block;font-size:16px}:is(body.ss26-admin-route) .sv-server a{font-size:15px;color:#a94cff}
:is(body.ss26-admin-route) .sv-online{color:#43e69a}:is(body.ss26-admin-route) .sv-offline{color:#ff667e}:is(body.ss26-admin-route) .sv-tier{display:inline-flex;padding:4px 7px;border-radius:999px;border:1px solid #513a16;background:#241b08;color:#ffc13c;font-size:14px;font-weight:950}:is(body.ss26-admin-route) .sv-tier.none{border-color:#334155;background:#111827;color:#7f90a6}:is(body.ss26-admin-route) .sv-tier.platinum{border-color:#67418d;background:#1c1229;color:#d8a7ff}:is(body.ss26-admin-route) .sv-tier.silver{border-color:#53687e;background:#15212c;color:#dce8f4}:is(body.ss26-admin-route) .sv-tier.bronze{border-color:#754b26;background:#26170d;color:#e9a25c}
:is(body.ss26-admin-route) .sv-actions{position:sticky;right:0;background:#081321;z-index:3;box-shadow:-12px 0 20px rgba(3,7,15,.64);white-space:nowrap}:is(body.ss26-admin-route) .sv-actions form{display:inline-block;margin:1px}:is(body.ss26-admin-route) .sv-mini{min-width:44px;min-height:44px;height:auto!important;padding:9px 10px!important;font-size:16px!important}
:is(body.ss26-admin-route) .sv-edit>td{background:#0a1524!important;padding:13px!important}:is(body.ss26-admin-route) .sv-edit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;align-items:end}:is(body.ss26-admin-route) .sv-edit-grid .wide{grid-column:span 2}
:is(body.ss26-admin-route) .sv-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;flex-wrap:wrap}:is(body.ss26-admin-route) .sv-pagination{display:flex;gap:5px;align-items:center;flex-wrap:wrap}:is(body.ss26-admin-route) .sv-pagination a,
:is(body.ss26-admin-route) .sv-pagination span{min-width:31px;height:30px;padding:0 8px;border:1px solid #2b405d;border-radius:6px;display:grid;place-items:center;color:#c7d2e0;font-size:14px}:is(body.ss26-admin-route) .sv-pagination .on{border-color:#9346ff;background:#762de0;color:white}
@media (max-width:1050px){:is(body.ss26-admin-route) .sv-stats{grid-template-columns:repeat(3,1fr)}:is(body.ss26-admin-route) .sv-filter-grid{grid-template-columns:1fr 1fr 1fr}:is(body.ss26-admin-route) .sv-tools{grid-template-columns:1fr}}
@media (max-width:650px){:is(body.ss26-admin-route) .sv-head{display:block}:is(body.ss26-admin-route) .sv-stats{grid-template-columns:1fr 1fr}:is(body.ss26-admin-route) .sv-filter-grid,
:is(body.ss26-admin-route) .sv-edit-grid{grid-template-columns:1fr}:is(body.ss26-admin-route) .sv-edit-grid .wide{grid-column:auto}:is(body.ss26-admin-route) .sv-tools{grid-template-columns:1fr}}

/* ============================================================
   SOULSHIVE — CAMPAIGN COMMAND CENTER 2026
   ============================================================ */
:is(body.ss26-admin-route) .cw{
  --cw-bg:#050914;
  --cw-panel:#091425;
  --cw-panel2:#0c1930;
  --cw-line:#213554;
  --cw-line2:#7436c7;
  --cw-text:#f4f7ff;
  --cw-muted:#8190a8;
  --cw-purple:#8b2cff;
  --cw-purple2:#b65cff;
  --cw-cyan:#25d5ff;
  --cw-green:#25dd8a;
  --cw-amber:#f6ad3c;
  --cw-red:#ff5f76;
  color:var(--cw-text);
}
:is(body.ss26-admin-route) .cw *{box-sizing:border-box}
:is(body.ss26-admin-route) .cw a{text-decoration:none}
:is(body.ss26-admin-route) .cw-panel{
  border:1px solid var(--cw-line);
  border-radius:13px;
  background:
    radial-gradient(circle at 100% 0,rgba(126,45,220,.08),transparent 30%),
    linear-gradient(155deg,#0b1727,#07111e);
  box-shadow:0 18px 55px rgba(0,0,0,.18);
}
:is(body.ss26-admin-route) .cw-titlebar{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  margin:4px 0 14px;
}
:is(body.ss26-admin-route) .cw-titlebar h1{font-size:27px;line-height:1.05;margin:0}
:is(body.ss26-admin-route) .cw-titlebar p{margin:6px 0 0;color:var(--cw-muted);font-size:14px}
:is(body.ss26-admin-route) .cw-breadcrumb{font-size:14px;color:#6f8198;margin-bottom:7px}
:is(body.ss26-admin-route) .cw-breadcrumb span{color:#b986ff}

:is(body.ss26-admin-route) .cw-hero{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);
  gap:12px;margin-bottom:12px
}
:is(body.ss26-admin-route) .cw-hero-main{
  min-height:146px;padding:18px 20px;position:relative;overflow:hidden;
  border-color:#6030ac;
  background:
    radial-gradient(circle at 82% 30%,rgba(42,221,201,.11),transparent 24%),
    radial-gradient(circle at 5% 0,rgba(144,55,255,.17),transparent 36%),
    linear-gradient(135deg,#0b1630,#0b1121);
}
:is(body.ss26-admin-route) .cw-hero-main:after{
  content:"";position:absolute;right:-80px;top:-110px;width:330px;height:330px;border-radius:50%;
  border:1px solid rgba(255,255,255,.04);box-shadow:0 0 0 34px rgba(255,255,255,.015),0 0 0 68px rgba(255,255,255,.01)
}
:is(body.ss26-admin-route) .cw-kicker{
  position:relative;z-index:2;color:#c895ff;font-size:14px;font-weight:950;letter-spacing:.15em
}
:is(body.ss26-admin-route) .cw-hero-main h2{position:relative;z-index:2;font-size:21px;margin:7px 0 4px}
:is(body.ss26-admin-route) .cw-hero-main p{position:relative;z-index:2;font-size:14px;color:#9cadc0;margin:0;max-width:690px;line-height:1.55}
:is(body.ss26-admin-route) .cw-hero-meta{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
:is(body.ss26-admin-route) .cw-chip{
  display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;
  border:1px solid rgba(255,255,255,.08);background:rgba(5,12,24,.58);
  color:#b9c6d8;font-size:14px;font-weight:900
}
:is(body.ss26-admin-route) .cw-chip.live{color:#62f0a1;border-color:rgba(37,221,138,.28);background:rgba(37,221,138,.07)}
:is(body.ss26-admin-route) .cw-hero-ring{padding:16px;display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:center}
:is(body.ss26-admin-route) .cw-ring{
  width:96px;height:96px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--cw-green) calc(var(--p)*1%),#243047 0);
  position:relative
}
:is(body.ss26-admin-route) .cw-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#0a1424}
:is(body.ss26-admin-route) .cw-ring-inner{position:relative;text-align:center}
:is(body.ss26-admin-route) .cw-ring-inner strong{display:block;font-size:23px}
:is(body.ss26-admin-route) .cw-ring-inner small{font-size:14px;color:#8191a8}
:is(body.ss26-admin-route) .cw-hero-ring h3{font-size:15px;margin:0}
:is(body.ss26-admin-route) .cw-hero-ring p{font-size:14px;line-height:1.5;color:var(--cw-muted);margin:6px 0}
:is(body.ss26-admin-route) .cw-view-public{
  display:inline-flex;padding:7px 9px;border-radius:7px;border:1px solid #394e6b;
  color:#d6deea;font-size:14px;font-weight:900
}

/* stats */
:is(body.ss26-admin-route) .cw-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:12px}
:is(body.ss26-admin-route) .cw-stat{
  min-height:92px;padding:14px;border:1px solid var(--cw-line);border-radius:11px;
  background:#091525;display:flex;gap:12px;align-items:center;position:relative;overflow:hidden
}
:is(body.ss26-admin-route) .cw-stat:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;filter:blur(30px);opacity:.13;background:var(--sc)}
:is(body.ss26-admin-route) .cw-stat i{font-style:normal;width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--sc) 14%,#091525);border:1px solid color-mix(in srgb,var(--sc) 35%,#25344a);font-size:20px}
:is(body.ss26-admin-route) .cw-stat strong{font-size:20px;display:block;line-height:1}
:is(body.ss26-admin-route) .cw-stat span{display:block;font-size:14px;color:#8797ad;margin-top:5px}
:is(body.ss26-admin-route) .cw-stat em{position:absolute;right:9px;top:9px;font-style:normal;font-size:14px;color:var(--sc);font-weight:900}

/* navigation */
:is(body.ss26-admin-route) .cw-tabs{
  display:flex;align-items:center;gap:4px;overflow:auto;margin-bottom:12px;padding:5px;
  border:1px solid var(--cw-line);border-radius:10px;background:#081423
}
:is(body.ss26-admin-route) .cw-tabs button{
  border:0;background:transparent;color:#8d9db2;padding:9px 12px;border-radius:7px;
  font-size:14px;font-weight:900;cursor:pointer;white-space:nowrap
}
:is(body.ss26-admin-route) .cw-tabs button.on{background:linear-gradient(135deg,rgba(126,43,230,.28),rgba(82,36,155,.18));color:#fff;box-shadow:inset 0 -2px 0 #9c4cff}
:is(body.ss26-admin-route) .cw-tabs .cw-search{margin-left:auto;min-width:270px}
:is(body.ss26-admin-route) .cw-tabs input{height:34px!important;font-size:14px!important;margin:0!important}

/* section heads */
:is(body.ss26-admin-route) .cw-section{margin-bottom:12px}
:is(body.ss26-admin-route) .cw-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px 10px
}
:is(body.ss26-admin-route) .cw-head-left{display:flex;align-items:center;gap:10px}
:is(body.ss26-admin-route) .cw-head-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid #6635ac;background:rgba(105,41,183,.14);font-size:18px}
:is(body.ss26-admin-route) .cw-head h2{margin:0;font-size:16px}
:is(body.ss26-admin-route) .cw-head p{margin:3px 0 0;color:var(--cw-muted);font-size:14px}
:is(body.ss26-admin-route) .cw-pill{
  padding:5px 8px;border-radius:999px;font-size:14px;font-weight:950;
  border:1px solid rgba(246,173,60,.28);color:#ffc764;background:rgba(246,173,60,.07)
}

/* pending cards */
:is(body.ss26-admin-route) .cw-pending-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 12px 12px}
:is(body.ss26-admin-route) .cw-request{
  border:1px solid #274361;border-radius:10px;background:linear-gradient(145deg,#0c1b2d,#081523);
  overflow:hidden;min-width:0
}
:is(body.ss26-admin-route) .cw-request-top{display:grid;grid-template-columns:78px 1fr;gap:11px;padding:11px}
:is(body.ss26-admin-route) .cw-request-img{
  width:78px;height:94px;border-radius:8px;overflow:hidden;border:1px solid #43536a;
  background:linear-gradient(145deg,#222a39,#101722);display:grid;place-items:center;font-size:26px
}
:is(body.ss26-admin-route) .cw-request-img img{width:100%;height:100%;object-fit:cover}
:is(body.ss26-admin-route) .cw-request h3{font-size:14px;line-height:1.32;margin:0 0 6px;min-height:29px}
:is(body.ss26-admin-route) .cw-request-meta{font-size:14px;color:#8da0b6;line-height:1.65}
:is(body.ss26-admin-route) .cw-request-meta b{color:#d9e3ef}
:is(body.ss26-admin-route) .cw-rank{
  display:inline-flex;margin-bottom:5px;padding:4px 7px;border-radius:6px;
  background:linear-gradient(135deg,#852cff,#a65bff);font-size:14px;font-weight:950
}
:is(body.ss26-admin-route) .cw-new{
  float:right;padding:3px 6px;border-radius:999px;background:#f59e0b;color:#241300;font-size:14px;font-weight:950
}
:is(body.ss26-admin-route) .cw-request-actions{display:grid;grid-template-columns:1fr 1fr .8fr;gap:5px;padding:0 11px 11px}
:is(body.ss26-admin-route) .cw-request-actions form{margin:0}
:is(body.ss26-admin-route) .cw-request-actions button{
  width:100%;height:35px!important;padding:0 6px!important;border-radius:7px!important;
  font-size:14px!important;font-weight:950!important
}
:is(body.ss26-admin-route) .cw-confirm{background:linear-gradient(135deg,#0a9d60,#18c777)!important;border:1px solid #2ce791!important;color:white!important}
:is(body.ss26-admin-route) .cw-reject{background:linear-gradient(135deg,#7c2032,#a52d43)!important;border:1px solid #e44c67!important;color:white!important}
:is(body.ss26-admin-route) .cw-detail{background:#0b1727!important;border:1px solid #3b516e!important;color:#d6e0ec!important}
:is(body.ss26-admin-route) .cw-empty{padding:24px;text-align:center;color:#76879e;font-size:14px}

/* all table */
:is(body.ss26-admin-route) .cw-filterbar{
  display:grid;grid-template-columns:180px 180px 1fr auto;gap:8px;padding:0 12px 12px
}
:is(body.ss26-admin-route) .cw-filterbar select,
:is(body.ss26-admin-route) .cw-filterbar input{height:36px!important;margin:0!important;font-size:14px!important}
:is(body.ss26-admin-route) .cw-table-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-top:1px solid rgba(255,255,255,.04)}
:is(body.ss26-admin-route) .cw-table{width:100%;min-width:1180px;border-collapse:collapse}
:is(body.ss26-admin-route) .cw-table th,
:is(body.ss26-admin-route) .cw-table td{padding:9px 9px;border-bottom:1px solid rgba(255,255,255,.045);font-size:14px;text-align:left}
:is(body.ss26-admin-route) .cw-table th{font-size:14px;color:#71849a;letter-spacing:.05em;background:#071321;position:sticky;top:0;z-index:2}
:is(body.ss26-admin-route) .cw-table tr:hover td{background:rgba(255,255,255,.012)}
:is(body.ss26-admin-route) .cw-table .server-name{font-size:14px;font-weight:900}
:is(body.ss26-admin-route) .cw-status{
  display:inline-flex;padding:4px 7px;border-radius:999px;border:1px solid currentColor;
  font-size:14px;font-weight:950
}
:is(body.ss26-admin-route) .cw-status.pending{color:#f5b544;background:rgba(245,158,11,.06)}
:is(body.ss26-admin-route) .cw-status.confirmed{color:#43e898;background:rgba(34,197,94,.06)}
:is(body.ss26-admin-route) .cw-status.rejected{color:#ff627a;background:rgba(239,68,68,.06)}
:is(body.ss26-admin-route) .cw-action-cell{position:sticky;right:0;z-index:3;background:#081321;white-space:nowrap;box-shadow:-12px 0 20px rgba(3,7,15,.65)}
:is(body.ss26-admin-route) .cw-mini-btn{
  min-width:30px;height:29px!important;padding:0 7px!important;margin:1px!important;border-radius:6px!important;font-size:14px!important
}
:is(body.ss26-admin-route) .cw-detail-row>td{background:#0a1524!important;padding:14px!important}
:is(body.ss26-admin-route) .cw-detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
:is(body.ss26-admin-route) .cw-detail-box{padding:9px;border:1px solid #243a55;border-radius:7px;background:#081321}
:is(body.ss26-admin-route) .cw-detail-box span{display:block;color:#72839a;font-size:14px}
:is(body.ss26-admin-route) .cw-detail-box b{display:block;margin-top:4px;font-size:14px;word-break:break-word}

/* tools/settings */
:is(body.ss26-admin-route) .cw-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
:is(body.ss26-admin-route) .cw-tool{overflow:hidden}
:is(body.ss26-admin-route) .cw-tool summary{
  list-style:none;cursor:pointer;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px
}
:is(body.ss26-admin-route) .cw-tool summary::-webkit-details-marker{display:none}
:is(body.ss26-admin-route) .cw-tool summary b{font-size:14px}
:is(body.ss26-admin-route) .cw-tool summary small{display:block;margin-top:3px;color:var(--cw-muted);font-size:14px}
:is(body.ss26-admin-route) .cw-tool-content{padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.04)}
:is(body.ss26-admin-route) .cw-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
:is(body.ss26-admin-route) .cw-form-grid .full{grid-column:1/-1}
:is(body.ss26-admin-route) .cw-form-grid label{display:block;font-size:14px;color:#8293aa;margin-bottom:4px}
:is(body.ss26-admin-route) .cw-form-grid input,
:is(body.ss26-admin-route) .cw-form-grid select,
:is(body.ss26-admin-route) .cw-form-grid textarea{width:100%!important;font-size:14px!important}
:is(body.ss26-admin-route) .cw-preset-row{display:flex;gap:5px;flex-wrap:wrap}
:is(body.ss26-admin-route) .cw-preset-row button{font-size:14px!important;padding:5px 8px!important}
:is(body.ss26-admin-route) .cw-manual-grid{display:grid;grid-template-columns:1.3fr .4fr .5fr .8fr auto;gap:8px;align-items:end;margin-top:12px}
:is(body.ss26-admin-route) .cw-manual-grid .server{grid-column:1/-1}
:is(body.ss26-admin-route) .cw-note{font-size:14px;color:#74859c;line-height:1.5;margin-top:5px}

@media (max-width:1180px){
  :is(body.ss26-admin-route) .cw-stats{grid-template-columns:repeat(3,1fr)}
  :is(body.ss26-admin-route) .cw-pending-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  :is(body.ss26-admin-route) .cw-hero,
:is(body.ss26-admin-route) .cw-tools{grid-template-columns:1fr}
  :is(body.ss26-admin-route) .cw-stats{grid-template-columns:repeat(2,1fr)}
  :is(body.ss26-admin-route) .cw-manual-grid{grid-template-columns:1fr 1fr}
  :is(body.ss26-admin-route) .cw-manual-grid .server{grid-column:1/-1}
  :is(body.ss26-admin-route) .cw-tabs .cw-search{min-width:180px}
}
@media (max-width:700px){
  :is(body.ss26-admin-route) .cw-titlebar{display:block}
  :is(body.ss26-admin-route) .cw-hero-ring{grid-template-columns:90px 1fr}
  :is(body.ss26-admin-route) .cw-ring{width:82px;height:82px}
  :is(body.ss26-admin-route) .cw-pending-grid{grid-template-columns:1fr}
  :is(body.ss26-admin-route) .cw-filterbar{grid-template-columns:1fr 1fr}
  :is(body.ss26-admin-route) .cw-filterbar .wide{grid-column:1/-1}
  :is(body.ss26-admin-route) .cw-detail-grid{grid-template-columns:1fr 1fr}
  :is(body.ss26-admin-route) .cw-tabs{flex-wrap:wrap}
  :is(body.ss26-admin-route) .cw-tabs .cw-search{width:100%;margin-left:0}
}
@media (max-width:480px){
  :is(body.ss26-admin-route) .cw-stats{grid-template-columns:1fr}
  :is(body.ss26-admin-route) .cw-filterbar,
:is(body.ss26-admin-route) .cw-form-grid,
:is(body.ss26-admin-route) .cw-manual-grid{grid-template-columns:1fr}
  :is(body.ss26-admin-route) .cw-form-grid .full,
:is(body.ss26-admin-route) .cw-manual-grid .server{grid-column:auto}
  :is(body.ss26-admin-route) .cw-request-actions{grid-template-columns:1fr 1fr}
  :is(body.ss26-admin-route) .cw-request-actions .cw-detail{grid-column:1/-1}
  :is(body.ss26-admin-route) .cw-detail-grid{grid-template-columns:1fr}
}

:is(body.ss26-admin-route) .ssauto-hero{padding:20px;border:1px solid rgba(168,85,247,.30);border-radius:14px;background:
radial-gradient(560px 220px at 0 0,rgba(168,85,247,.15),transparent 65%),
linear-gradient(145deg,#0b0e18,#0b1320);margin-bottom:14px}
:is(body.ss26-admin-route) .ssauto-kicker{font-size:14px;font-weight:900;letter-spacing:.16em;color:#c084fc}
:is(body.ss26-admin-route) .ssauto-hero h2{font-size:23px;margin:7px 0 5px}
:is(body.ss26-admin-route) .ssauto-hero p{font-size:14px;color:var(--text2);line-height:1.65;margin:0}
:is(body.ss26-admin-route) .ssauto-now{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
:is(body.ss26-admin-route) .ssauto-status{border:1px solid var(--line);border-radius:11px;padding:13px;background:#0b1320}
:is(body.ss26-admin-route) .ssauto-status.live{border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.05)}
:is(body.ss26-admin-route) .ssauto-status b{font-size:14px}:is(body.ss26-admin-route) .ssauto-status small{display:block;color:var(--text2);margin-top:4px;line-height:1.5}
:is(body.ss26-admin-route) .ssauto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:is(body.ss26-admin-route) .ssauto-card{--ac:#A855F7;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;padding:15px;background:linear-gradient(155deg,#101522,#090f19)}
:is(body.ss26-admin-route) .ssauto-card.active{border-color:var(--ac);box-shadow:0 0 28px color-mix(in srgb,var(--ac) 22%,transparent)}
:is(body.ss26-admin-route) .ssauto-card:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-105px;top:-115px;background:var(--ac);filter:blur(80px);opacity:.12}
:is(body.ss26-admin-route) .ssauto-top{position:relative;display:flex;justify-content:space-between;gap:10px}
:is(body.ss26-admin-route) .ssauto-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:25px;background:color-mix(in srgb,var(--ac) 12%,#111827);border:1px solid color-mix(in srgb,var(--ac) 35%,#334155)}
:is(body.ss26-admin-route) .ssauto-badge{font-size:14px;font-weight:900;padding:6px 8px;border-radius:999px;height:max-content;border:1px solid var(--line);color:#9ca3af}
:is(body.ss26-admin-route) .ssauto-badge.on{color:#86efac;border-color:rgba(34,197,94,.30);background:rgba(34,197,94,.08)}
:is(body.ss26-admin-route) .ssauto-card h3{font-size:18px;margin:11px 0 3px;position:relative}
:is(body.ss26-admin-route) .ssauto-schedule{font-size:14px;color:#cbd5e1;line-height:1.55;position:relative}
:is(body.ss26-admin-route) .ssauto-repeat{font-size:14px;color:#8fa1b4;margin-top:4px;position:relative}
:is(body.ss26-admin-route) .ssauto-form{position:relative;margin-top:12px}
:is(body.ss26-admin-route) .ssauto-form label{display:block;font-size:14px;font-weight:800;color:var(--text2);margin-top:8px}
:is(body.ss26-admin-route) .ssauto-form input{width:100%;margin-top:4px}
:is(body.ss26-admin-route) .ssauto-pct{font-size:25px!important;font-weight:900!important;color:var(--ac)!important}
:is(body.ss26-admin-route) .ssauto-save{width:100%;margin-top:11px}
:is(body.ss26-admin-route) .ssauto-note{margin-top:14px;padding:13px;border:1px solid rgba(59,130,246,.25);border-radius:10px;background:rgba(59,130,246,.04);font-size:14px;color:var(--text2);line-height:1.7}
@media (max-width:1100px){:is(body.ss26-admin-route) .ssauto-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){:is(body.ss26-admin-route) .ssauto-grid,
:is(body.ss26-admin-route) .ssauto-now{grid-template-columns:1fr}}

/* ============================================================
   SOULSHIVE — ROLES COMMAND CENTER · 1:1 PREMIUM REFRESH
   ============================================================ */
:is(body.ss26-admin-route) .rw{
  --rw-bg:#050914;
  --rw-panel:#091426;
  --rw-panel2:#0b1830;
  --rw-line:#203452;
  --rw-line2:#6e36bc;
  --rw-text:#f5f7ff;
  --rw-muted:#8190a7;
  --rw-purple:#8a35ff;
  --rw-purple2:#b45cff;
  --rw-green:#25d986;
  color:var(--rw-text);
}
:is(body.ss26-admin-route) .rw *{box-sizing:border-box}
:is(body.ss26-admin-route) .rw a{text-decoration:none}
:is(body.ss26-admin-route) .rw-panel{
  border:1px solid var(--rw-line);
  border-radius:13px;
  background:
    radial-gradient(circle at 100% 0,rgba(138,53,255,.08),transparent 30%),
    linear-gradient(155deg,#0b1728,#08121f);
  box-shadow:0 18px 54px rgba(0,0,0,.18);
}
:is(body.ss26-admin-route) .rw-hero{
  min-height:144px;
  padding:21px 24px;
  margin-bottom:13px;
  border:1px solid rgba(132,55,229,.46);
  border-radius:14px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(5,9,18,.93),rgba(14,9,33,.64)),
    url("/assets/soulshive2026/master-server-hero.webp") center/cover no-repeat,
    radial-gradient(circle at 78% 35%,rgba(142,50,255,.25),transparent 35%),
    #090d18;
}
:is(body.ss26-admin-route) .rw-hero:after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px);
  background-size:28px 28px;pointer-events:none
}
:is(body.ss26-admin-route) .rw-hero-content{position:relative;z-index:2;max-width:760px}
:is(body.ss26-admin-route) .rw-kicker{font-size:14px;font-weight:950;letter-spacing:.16em;color:#d38cff}
:is(body.ss26-admin-route) .rw-hero h1{font-size:34px;margin:7px 0 3px;letter-spacing:-.03em}
:is(body.ss26-admin-route) .rw-hero p{font-size:14px;color:#a0aec0;margin:0;line-height:1.55}

:is(body.ss26-admin-route) .rw-section-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  margin:6px 0 12px;
}
:is(body.ss26-admin-route) .rw-section-head h2{margin:0;font-size:22px}
:is(body.ss26-admin-route) .rw-section-head p{margin:4px 0 0;font-size:14px;color:var(--rw-muted)}
:is(body.ss26-admin-route) .rw-quote{
  max-width:270px;text-align:right;color:#c37aff;font-size:14px;line-height:1.55;
  font-weight:800;letter-spacing:.05em
}

/* Role selector + stats */
:is(body.ss26-admin-route) .rw-role-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;margin-bottom:12px
}
:is(body.ss26-admin-route) .rw-role-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px
}
:is(body.ss26-admin-route) .rw-role-card{
  min-height:78px;padding:12px 12px;border:1px solid var(--rw-line);border-radius:10px;
  background:linear-gradient(145deg,#0b182a,#081321);
  color:#eef3fa!important;
  display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;
  position:relative;overflow:hidden;transition:.18s
}
:is(body.ss26-admin-route) .rw-role-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rc) 55%,#314761)}
:is(body.ss26-admin-route) .rw-role-card.on{
  border-color:var(--rc);
  box-shadow:0 0 24px color-mix(in srgb,var(--rc) 22%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--rc) 22%,transparent);
  background:
    radial-gradient(circle at 0 100%,color-mix(in srgb,var(--rc) 17%,transparent),transparent 42%),
    linear-gradient(145deg,#0d1930,#0a1324)
}
:is(body.ss26-admin-route) .rw-role-icon{
  width:42px;height:42px;border-radius:11px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--rc) 14%,#0b1422);
  border:1px solid color-mix(in srgb,var(--rc) 35%,#29405c);
  font-size:19px
}
:is(body.ss26-admin-route) .rw-role-card b{font-size:14px;display:block}
:is(body.ss26-admin-route) .rw-role-card small{display:block;font-size:14px;color:#7f90a6;margin-top:4px;line-height:1.3}
:is(body.ss26-admin-route) .rw-role-count{
  width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--rc) 35%,#334155);
  background:#0a1422;font-size:14px;font-weight:950
}
:is(body.ss26-admin-route) .rw-mini-stats{display:grid;gap:8px}
:is(body.ss26-admin-route) .rw-mini-stat{
  min-height:78px;padding:13px;border:1px solid var(--rw-line);border-radius:10px;background:#091525;
  display:flex;gap:10px;align-items:center
}
:is(body.ss26-admin-route) .rw-mini-stat i{
  width:40px;height:40px;flex:0 0 40px;border-radius:10px;display:grid;place-items:center;
  background:rgba(139,53,255,.12);border:1px solid rgba(139,53,255,.2);font-style:normal;font-size:19px
}
:is(body.ss26-admin-route) .rw-mini-stat strong{display:block;font-size:18px}
:is(body.ss26-admin-route) .rw-mini-stat span{display:block;color:#8494a9;font-size:14px;margin-top:3px}

/* Selected role area */
:is(body.ss26-admin-route) .rw-main{
  display:grid;grid-template-columns:minmax(0,1.42fr) minmax(310px,.58fr);
  gap:12px;margin-bottom:12px
}
:is(body.ss26-admin-route) .rw-role-main{padding:16px}
:is(body.ss26-admin-route) .rw-role-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px
}
:is(body.ss26-admin-route) .rw-role-title{display:flex;align-items:center;gap:11px}
:is(body.ss26-admin-route) .rw-role-bigicon{
  width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-size:24px;
  border:1px solid color-mix(in srgb,var(--selc) 40%,#34445b);
  background:color-mix(in srgb,var(--selc) 13%,#0b1422);
  box-shadow:0 0 24px color-mix(in srgb,var(--selc) 12%,transparent)
}
:is(body.ss26-admin-route) .rw-role-title h3{font-size:19px;margin:0}
:is(body.ss26-admin-route) .rw-role-title p{font-size:14px;color:#8191a7;margin:4px 0 0}
:is(body.ss26-admin-route) .rw-access-pill{
  padding:7px 10px;border-radius:999px;border:1px solid rgba(39,215,131,.35);
  color:#54efa3;background:rgba(39,215,131,.06);font-size:14px;font-weight:950;white-space:nowrap
}
:is(body.ss26-admin-route) .rw-tabs{
  display:flex;gap:6px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:12px
}
:is(body.ss26-admin-route) .rw-tabs span{
  padding:8px 10px;color:#7f8fa5;font-size:14px;font-weight:900;border-bottom:2px solid transparent
}
:is(body.ss26-admin-route) .rw-tabs span.on{color:#fff;border-bottom-color:var(--selc);background:rgba(255,255,255,.015)}
:is(body.ss26-admin-route) .rw-desc{
  padding:13px;border:1px solid #233a57;border-radius:9px;background:#081321;
  color:#a7b4c5;font-size:14px;line-height:1.6;margin-bottom:11px
}
:is(body.ss26-admin-route) .rw-desc b{color:#eef3fa}
:is(body.ss26-admin-route) .rw-caps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
:is(body.ss26-admin-route) .rw-cap{
  min-height:68px;padding:10px;border:1px solid #233a57;border-radius:9px;background:#091525
}
:is(body.ss26-admin-route) .rw-cap i{font-style:normal;font-size:18px}
:is(body.ss26-admin-route) .rw-cap b{display:block;font-size:14px;margin-top:6px}
:is(body.ss26-admin-route) .rw-cap span{display:block;font-size:14px;color:#7d8ca2;margin-top:3px}

/* permission panel */
:is(body.ss26-admin-route) .rw-perm-panel{padding:15px}
:is(body.ss26-admin-route) .rw-perm-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px
}
:is(body.ss26-admin-route) .rw-perm-head h3{margin:0;font-size:15px}
:is(body.ss26-admin-route) .rw-perm-head small{font-size:14px;color:#7f90a7}
:is(body.ss26-admin-route) .rw-perm-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px}
:is(body.ss26-admin-route) .rw-perm-item{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:9px;border:1px solid #223a56;border-radius:8px;background:#081422;font-size:14px
}
:is(body.ss26-admin-route) .rw-yes{
  padding:3px 6px;border-radius:999px;border:1px solid rgba(37,217,134,.35);
  color:#5eedaa;background:rgba(37,217,134,.06);font-size:14px;font-weight:950
}
:is(body.ss26-admin-route) .rw-quote-box{
  margin-top:10px;padding:13px;text-align:center;border:1px solid rgba(142,52,255,.48);
  border-radius:9px;background:linear-gradient(135deg,rgba(87,27,156,.13),rgba(12,18,31,.8));
  color:#d9b4ff;font-size:14px;font-style:italic
}

/* editable permissions */
:is(body.ss26-admin-route) .rw-permissions-editor{margin-top:12px}
:is(body.ss26-admin-route) .rw-permissions-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px
}
:is(body.ss26-admin-route) .rw-group{
  padding:11px;border:1px solid #223a57;border-radius:9px;background:#081321
}
:is(body.ss26-admin-route) .rw-group-title{font-size:14px;font-weight:950;letter-spacing:.08em;color:#a8b6c7;margin-bottom:7px}
:is(body.ss26-admin-route) .rw-pcheck{
  display:flex;gap:7px;align-items:flex-start;padding:5px 0;cursor:pointer;font-size:14px;color:#d9e0eb
}
:is(body.ss26-admin-route) .rw-pcheck span span{display:block;font-size:14px;color:#718198;margin-top:2px}

/* warning */
:is(body.ss26-admin-route) .rw-warning{
  margin-bottom:12px;padding:11px 13px;border:1px solid rgba(245,158,11,.33);border-radius:9px;
  background:rgba(245,158,11,.05);font-size:14px;color:#d7c09a
}

/* members */
:is(body.ss26-admin-route) .rw-members{overflow:hidden}
:is(body.ss26-admin-route) .rw-members-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.05)
}
:is(body.ss26-admin-route) .rw-members-head h3{margin:0;font-size:14px}
:is(body.ss26-admin-route) .rw-members-head p{margin:3px 0 0;color:#8090a7;font-size:14px}
:is(body.ss26-admin-route) .rw-member-search input{height:34px!important;min-width:230px!important;font-size:14px!important;margin:0!important}
:is(body.ss26-admin-route) .rw-table-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
:is(body.ss26-admin-route) .rw-table{width:100%;min-width:760px;border-collapse:collapse}
:is(body.ss26-admin-route) .rw-table th,
:is(body.ss26-admin-route) .rw-table td{padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.045);font-size:14px;text-align:left}
:is(body.ss26-admin-route) .rw-table th{color:#718198;font-size:14px;letter-spacing:.05em;background:#081321}
:is(body.ss26-admin-route) .rw-avatar{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#7836ff,#4d28b6);font-size:14px;font-weight:950
}
:is(body.ss26-admin-route) .rw-usercell{display:flex;gap:9px;align-items:center}
:is(body.ss26-admin-route) .rw-usercell b{font-size:14px}
:is(body.ss26-admin-route) .rw-role-badge{
  display:inline-flex;margin-left:5px;padding:3px 6px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--selc) 40%,#334155);
  color:var(--selc);font-size:14px;font-weight:900
}
:is(body.ss26-admin-route) .rw-status{
  display:inline-flex;padding:4px 7px;border-radius:999px;border:1px solid rgba(37,217,134,.3);
  color:#53eca5;background:rgba(37,217,134,.06);font-size:14px;font-weight:900
}

@media (max-width:1200px){
  :is(body.ss26-admin-route) .rw-role-grid{grid-template-columns:repeat(3,1fr)}
  :is(body.ss26-admin-route) .rw-main{grid-template-columns:1fr}
}
@media (max-width:900px){
  :is(body.ss26-admin-route) .rw-role-layout{grid-template-columns:1fr}
  :is(body.ss26-admin-route) .rw-mini-stats{grid-template-columns:1fr 1fr}
  :is(body.ss26-admin-route) .rw-role-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:650px){
  :is(body.ss26-admin-route) .rw-role-grid,
:is(body.ss26-admin-route) .rw-mini-stats,
:is(body.ss26-admin-route) .rw-caps{grid-template-columns:1fr}
  :is(body.ss26-admin-route) .rw-section-head{display:block}
  :is(body.ss26-admin-route) .rw-quote{max-width:none;text-align:left;margin-top:8px}
  :is(body.ss26-admin-route) .rw-role-top{align-items:flex-start;flex-direction:column}
  :is(body.ss26-admin-route) .rw-members-head{display:block}
  :is(body.ss26-admin-route) .rw-member-search{margin-top:9px}
  :is(body.ss26-admin-route) .rw-member-search input{width:100%!important;min-width:0!important}
}

/* ===========================
   PACKAGES ADMIN 2026
   =========================== */
:is(body.ss26-admin-route) .pkw{--line:#203653;--muted:#8191a7;color:#f4f7ff}:is(body.ss26-admin-route) .pkw *{box-sizing:border-box}
:is(body.ss26-admin-route) .pk-panel{border:1px solid var(--line);border-radius:13px;background:radial-gradient(circle at 100% 0,rgba(135,45,235,.08),transparent 30%),linear-gradient(155deg,#0b1728,#07111f);box-shadow:0 18px 50px rgba(0,0,0,.18)}
:is(body.ss26-admin-route) .pk-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}:is(body.ss26-admin-route) .pk-head h1{margin:0;font-size:25px}:is(body.ss26-admin-route) .pk-head p{margin:5px 0 0;color:var(--muted);font-size:14px}
:is(body.ss26-admin-route) .pk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}:is(body.ss26-admin-route) .pk-stat{min-height:91px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#091525;display:flex;gap:11px;align-items:center}:is(body.ss26-admin-route) .pk-stat i{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(135,53,255,.12);border:1px solid rgba(135,53,255,.22);font-style:normal;font-size:20px}:is(body.ss26-admin-route) .pk-stat strong{font-size:19px;display:block}:is(body.ss26-admin-route) .pk-stat span{font-size:14px;color:#8393a8}
:is(body.ss26-admin-route) .pk-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:12px}:is(body.ss26-admin-route) .pk-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
:is(body.ss26-admin-route) .pk-tier{padding:14px;position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--tc) 55%,#243852)}:is(body.ss26-admin-route) .pk-tier:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-100px;top:-110px;background:var(--tc);filter:blur(55px);opacity:.11}
:is(body.ss26-admin-route) .pk-tier-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}:is(body.ss26-admin-route) .pk-tier-title{display:flex;gap:9px}:is(body.ss26-admin-route) .pk-tier-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--tc) 13%,#0a1423);border:1px solid color-mix(in srgb,var(--tc) 35%,#2b405d);font-size:19px}:is(body.ss26-admin-route) .pk-tier h2{font-size:15px;margin:0;color:var(--tc)}:is(body.ss26-admin-route) .pk-tier p{font-size:14px;color:#8191a7;margin:4px 0 0;line-height:1.4}:is(body.ss26-admin-route) .pk-switch{font-size:14px;color:#62e6a4}
:is(body.ss26-admin-route) .pk-perks{position:relative;z-index:2;margin:10px 0}:is(body.ss26-admin-route) .pk-perks div{font-size:14px;color:#aab7c7;margin:6px 0}
:is(body.ss26-admin-route) .pk-price-list{position:relative;z-index:2;border:1px solid #263b57;border-radius:9px;overflow:hidden}:is(body.ss26-admin-route) .pk-row{display:grid;grid-template-columns:1fr 90px 58px;gap:6px;align-items:center;padding:8px;border-bottom:1px solid rgba(255,255,255,.045)}:is(body.ss26-admin-route) .pk-row:last-child{border-bottom:0}:is(body.ss26-admin-route) .pk-row b{font-size:14px}:is(body.ss26-admin-route) .pk-row input{height:32px!important;margin:0!important;font-size:14px!important}:is(body.ss26-admin-route) .pk-save{margin-top:10px;width:100%}
:is(body.ss26-admin-route) .pk-note{margin-top:8px;color:#7c8da3;font-size:14px;line-height:1.4}:is(body.ss26-admin-route) .pk-create{margin-top:12px;padding:12px}:is(body.ss26-admin-route) .pk-create summary{cursor:pointer;font-size:14px;font-weight:900}:is(body.ss26-admin-route) .pk-create form{margin-top:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:7px;align-items:end}:is(body.ss26-admin-route) .pk-create .wide{grid-column:span 2}
@media (max-width:1180px){:is(body.ss26-admin-route) .pk-tiers{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){:is(body.ss26-admin-route) .pk-stats,
:is(body.ss26-admin-route) .pk-tiers{grid-template-columns:1fr}:is(body.ss26-admin-route) .pk-head{display:block}:is(body.ss26-admin-route) .pk-create form{grid-template-columns:1fr}:is(body.ss26-admin-route) .pk-create .wide{grid-column:auto}}

/* ===========================
   TICKETS ADMIN 2026
   =========================== */
:is(body.ss26-admin-route) .tkw{--line:#203653;--muted:#8191a7;color:#f4f7ff}:is(body.ss26-admin-route) .tkw *{box-sizing:border-box}
:is(body.ss26-admin-route) .tk-panel{border:1px solid var(--line);border-radius:13px;background:radial-gradient(circle at 100% 0,rgba(135,45,235,.08),transparent 30%),linear-gradient(155deg,#0b1728,#07111f);box-shadow:0 18px 50px rgba(0,0,0,.18)}
:is(body.ss26-admin-route) .tk-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}:is(body.ss26-admin-route) .tk-head h1{margin:0;font-size:25px}:is(body.ss26-admin-route) .tk-head p{margin:5px 0 0;color:var(--muted);font-size:14px}
:is(body.ss26-admin-route) .tk-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:12px}:is(body.ss26-admin-route) .tk-stat{min-height:91px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#091525;display:flex;gap:11px;align-items:center}:is(body.ss26-admin-route) .tk-stat i{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--sc) 14%,#0a1423);border:1px solid color-mix(in srgb,var(--sc) 35%,#2b405d);font-style:normal;font-size:20px}:is(body.ss26-admin-route) .tk-stat strong{display:block;font-size:19px}:is(body.ss26-admin-route) .tk-stat span{display:block;color:#8595aa;font-size:14px;margin-top:4px}
:is(body.ss26-admin-route) .tk-filter{padding:12px;margin-bottom:12px}:is(body.ss26-admin-route) .tk-filter-grid{display:grid;grid-template-columns:1.4fr repeat(3,.75fr) auto auto;gap:7px}:is(body.ss26-admin-route) .tk-filter-grid input,
:is(body.ss26-admin-route) .tk-filter-grid select{height:38px!important;margin:0!important;font-size:14px!important}
:is(body.ss26-admin-route) .tk-list{overflow:hidden}:is(body.ss26-admin-route) .tk-list-head{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}:is(body.ss26-admin-route) .tk-list-head h2{margin:0;font-size:15px}:is(body.ss26-admin-route) .tk-list-head p{margin:3px 0 0;color:#7f90a5;font-size:14px}:is(body.ss26-admin-route) .tk-scroll{width:100%;overflow:auto}:is(body.ss26-admin-route) .tk-table{width:100%;min-width:1220px;border-collapse:collapse}:is(body.ss26-admin-route) .tk-table th,
:is(body.ss26-admin-route) .tk-table td{padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.045);font-size:14px;text-align:left;vertical-align:middle}:is(body.ss26-admin-route) .tk-table th{font-size:14px;color:#73849a;background:#071321;position:sticky;top:0;z-index:2}
:is(body.ss26-admin-route) .tk-subject{min-width:310px}:is(body.ss26-admin-route) .tk-subject b{font-size:14px;display:block}:is(body.ss26-admin-route) .tk-subject small{font-size:14px;color:#7f90a5}:is(body.ss26-admin-route) .tk-pill{display:inline-flex;padding:4px 7px;border-radius:999px;border:1px solid currentColor;font-size:14px;font-weight:950}:is(body.ss26-admin-route) .tk-open{color:#4db7ff}:is(body.ss26-admin-route) .tk-answered{color:#f5b544}:is(body.ss26-admin-route) .tk-closed{color:#43e69a}:is(body.ss26-admin-route) .tk-high{color:#ff627a}:is(body.ss26-admin-route) .tk-normal{color:#73d8ff}
:is(body.ss26-admin-route) .tk-actions{position:sticky;right:0;background:#081321;z-index:3;box-shadow:-12px 0 20px rgba(3,7,15,.64);white-space:nowrap}:is(body.ss26-admin-route) .tk-mini{height:29px!important;min-width:31px;padding:0 7px!important;font-size:14px!important}
:is(body.ss26-admin-route) .tk-detail>td{background:#0a1524!important;padding:13px!important}:is(body.ss26-admin-route) .tk-convo{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}:is(body.ss26-admin-route) .tk-msg,
:is(body.ss26-admin-route) .tk-reply{padding:12px;border:1px solid #263c58;border-radius:9px;background:#081321;font-size:14px;line-height:1.6;white-space:pre-wrap}:is(body.ss26-admin-route) .tk-reply{border-color:rgba(37,217,134,.28);background:rgba(37,217,134,.045)}:is(body.ss26-admin-route) .tk-reply-form textarea{width:100%;min-height:110px;margin-bottom:7px}
:is(body.ss26-admin-route) .tk-pages{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;gap:10px;flex-wrap:wrap}:is(body.ss26-admin-route) .tk-pagination{display:flex;gap:5px;flex-wrap:wrap}:is(body.ss26-admin-route) .tk-pagination a,
:is(body.ss26-admin-route) .tk-pagination span{min-width:31px;height:30px;padding:0 8px;display:grid;place-items:center;border:1px solid #2b405d;border-radius:6px;color:#c7d2df;font-size:14px}:is(body.ss26-admin-route) .tk-pagination .on{background:#772de0;border-color:#964bff;color:white}
@media (max-width:1050px){:is(body.ss26-admin-route) .tk-stats{grid-template-columns:repeat(3,1fr)}:is(body.ss26-admin-route) .tk-filter-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:700px){:is(body.ss26-admin-route) .tk-stats{grid-template-columns:1fr 1fr}:is(body.ss26-admin-route) .tk-filter-grid,
:is(body.ss26-admin-route) .tk-convo{grid-template-columns:1fr}:is(body.ss26-admin-route) .tk-head{display:block}}

/* Admin navigation / Boost and Settings readability — visual-only updates. */
:is(body.ss26-admin-route) .ss27-admin-intro{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:18px;padding:clamp(18px,2.3vw,30px);margin:0 0 16px;
  border:1px solid rgba(143,82,255,.42);border-radius:18px;
  background:radial-gradient(ellipse at 85% -35%,rgba(122,65,255,.30),transparent 53%),
             linear-gradient(130deg,#10182d,#0a1224 62%,#0b1731);
  box-shadow:0 20px 48px rgba(0,0,0,.18);
}
:is(body.ss26-admin-route) .ss27-admin-intro__copy{min-width:0}
:is(body.ss26-admin-route) .ss27-admin-intro__eyebrow{
  display:block;color:#c6a6ff;font-size:14px;letter-spacing:.11em;font-weight:800;
}
:is(body.ss26-admin-route) .ss27-admin-intro .page{
  font-size:clamp(26px,3vw,38px);line-height:1.15;margin:8px 0 6px;
  color:#f5f6ff;
}
:is(body.ss26-admin-route) .ss27-admin-intro .sub{
  margin:0;color:#b2c1db;font-size:16px;line-height:1.5;
}
  /* The currently selected section is also shown outside the horizontally scrolling tabs. */
:is(body.ss26-admin-route) .ss27-admin-intro__section{
  margin:9px 0 0;color:#aebfda;font-size:14px;line-height:1.5;
}
:is(body.ss26-admin-route) .ss27-admin-intro__section strong{color:#f1eaff}
:is(body.ss26-admin-route) .ss27-admin-intro__site{
  flex:none;min-height:44px;display:inline-flex;align-items:center;justify-content:center;
  border-color:#6d5bc9;color:#eee9ff;
}
:is(body.ss26-admin-route) .ss27-admin-tabs{
  display:flex;flex-wrap:nowrap;align-items:center;gap:9px;padding:12px;
  max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
  margin:0 0 20px;border:1px solid #2a3c5a;border-radius:14px;
  background:linear-gradient(150deg,#0c1729,#091325);
}
:is(body.ss26-admin-route) .ss27-admin-tabs .chip{
  display:inline-flex;flex:none;scroll-snap-align:start;
  align-items:center;justify-content:center;min-height:44px;
  padding:10px 14px;border:1px solid #314360;border-radius:10px;
  font-size:14px;line-height:1.35;font-weight:800;text-decoration:none;
  color:#bdcbe1;background:#111f35;white-space:nowrap;
}
:is(body.ss26-admin-route) .ss27-admin-tabs .chip:hover,
:is(body.ss26-admin-route) .ss27-admin-tabs .chip[aria-current="page"]{
  color:white;border-color:#a568ff;
  background:linear-gradient(135deg,#7536cf,#4936a3);
}
:is(body.ss26-admin-route) .ss27-admin-tabs .chip:focus-visible,
:is(body.ss26-admin-route) .ss27-admin-intro__site:focus-visible,
:is(body.ss26-admin-route) :is(.bw,.st26,.rw,.pkw,.tk) :is(input,select,textarea,button,a):focus-visible{
  outline:3px solid #6fd5ff;outline-offset:3px;
}
/* Preserve section-specific styling while avoiding 14px input controls on phones. */
:is(body.ss26-admin-route) :is(.bw,.st26,.rw,.pkw,.tk) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  min-height:44px;min-width:0;max-width:100%;font-size:16px!important;
}
:is(body.ss26-admin-route) .bw .bw-mini{min-height:40px!important;font-size:14px!important}
:is(body.ss26-admin-route) .bw .bw-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
:is(body.ss26-admin-route) .bw :is(.bw-manual-grid,.bw-search-row,.bw-edit-grid) > *{min-width:0}
:is(body.ss26-admin-route) .bw .bw-table-wrap:focus-visible,
:is(body.ss26-admin-route) .rw-table-scroll:focus-visible{
  outline:3px solid #6fd5ff;outline-offset:-3px;
}
@media (max-width:1100px){
  :is(body.ss26-admin-route) .bw .bw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  :is(body.ss26-admin-route) .ss27-admin-intro{align-items:flex-start;flex-direction:column}
  :is(body.ss26-admin-route) .ss27-admin-intro__site{width:100%}
  :is(body.ss26-admin-route) .ss27-admin-tabs{
    flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;
    scrollbar-width:thin;padding:10px;
  }
  :is(body.ss26-admin-route) .ss27-admin-tabs .chip{flex:none;scroll-snap-align:start}
  :is(body.ss26-admin-route) .bw .bw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(body.ss26-admin-route) .bw .bw-stat{padding:11px;gap:9px;min-width:0}
  :is(body.ss26-admin-route) .bw .bw-stat i{width:38px;height:38px;flex-basis:38px}
  :is(body.ss26-admin-route) .bw .bw-stat em{position:static;margin-left:auto}
  :is(body.ss26-admin-route) .bw .bw-manual-grid,
:is(body.ss26-admin-route) .bw .bw-search-row,
:is(body.ss26-admin-route) .bw .bw-edit-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:370px){
  :is(body.ss26-admin-route) .bw .bw-stats{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  :is(body.ss26-admin-route) .ss27-admin-tabs{scroll-behavior:auto}
}


/* ========= assets/admin-mobile-tables.css ========= */
/* SoulShive Admin — readable server/ticket management on narrow screens.
   Only changes presentation. Existing forms, CSRF, filters and SQL stay intact. */
:is(body.ss26-admin-route) .svw .sv-list-head h2,
:is(body.ss26-admin-route) .tk-list-head h2{font-size:20px!important;line-height:1.35!important}
:is(body.ss26-admin-route) .svw .sv-head p,
:is(body.ss26-admin-route) .tk-head p,
:is(body.ss26-admin-route) .svw .sv-list-head p,
:is(body.ss26-admin-route) .tk-list-head p{font-size:16px!important;line-height:1.5!important}
:is(body.ss26-admin-route) .svw .sv-table td,
:is(body.ss26-admin-route) .tk-table td{font-size:16px!important;line-height:1.45!important}
:is(body.ss26-admin-route) .svw .sv-table th,
:is(body.ss26-admin-route) .tk-table th{font-size:14px!important;line-height:1.45!important}
:is(body.ss26-admin-route) .svw .sv-server b,
:is(body.ss26-admin-route) .tk-subject b{font-size:16px!important;line-height:1.45!important}
:is(body.ss26-admin-route) .svw .sv-table a,
:is(body.ss26-admin-route) .tk-table a{overflow-wrap:anywhere}
:is(body.ss26-admin-route) .svw .sv-mini,
:is(body.ss26-admin-route) .tk-mini{min-width:44px!important;height:44px!important;padding:8px 10px!important;font-size:16px!important;display:inline-flex;align-items:center;justify-content:center}
:is(body.ss26-admin-route) .svw .sv-filter-grid :is(input,select,button,.btn),
:is(body.ss26-admin-route) .tk-filter-grid :is(input,select,button,.btn),
:is(body.ss26-admin-route) .svw .sv-tool :is(input,select,button),
:is(body.ss26-admin-route) .tk-reply-form :is(select,button),
:is(body.ss26-admin-route) .svw .sv-edit-grid :is(input,select,button){min-height:44px!important;font-size:16px!important}
:is(body.ss26-admin-route) .svw .sv-pagination :is(a,span),
:is(body.ss26-admin-route) .tk-pagination :is(a,span){min-width:44px;min-height:44px;height:auto;display:inline-flex;align-items:center;justify-content:center;font-size:16px!important}
:is(body.ss26-admin-route) .svw .sv-stat span,
:is(body.ss26-admin-route) .tk-stat span{font-size:14px!important}
:is(body.ss26-admin-route) .svw .sv-tool summary{font-size:16px!important;min-height:44px;display:flex;align-items:center}
:is(body.ss26-admin-route) .svw .sv-scroll,
:is(body.ss26-admin-route) .tk-scroll{scrollbar-width:auto;scrollbar-color:#9751e8 #0b1626}
@media (max-width:760px){
  /* Large data tables become stacked cards; no tiny zoomed desktop table. */
  :is(body.ss26-admin-route) .svw .sv-scroll,
:is(body.ss26-admin-route) .tk-scroll{overflow:visible!important;max-width:100%}
  :is(body.ss26-admin-route) .svw .sv-table,
:is(body.ss26-admin-route) .tk-table{width:100%!important;min-width:0!important;display:block!important}
  :is(body.ss26-admin-route) .svw .sv-table thead,
:is(body.ss26-admin-route) .tk-table thead{display:none!important}
  :is(body.ss26-admin-route) .svw .sv-table tbody,
:is(body.ss26-admin-route) .tk-table tbody{display:block;width:100%}
  :is(body.ss26-admin-route) .svw .sv-table tbody>tr:not(.sv-edit),
:is(body.ss26-admin-route) .tk-table tbody>tr:not(.tk-detail){
    display:block;width:100%;margin:12px 0;border:1px solid #344568;border-radius:12px;
    background:linear-gradient(160deg,#101a2d,#090f21);overflow:hidden;
  }
  :is(body.ss26-admin-route) .svw .sv-table tbody>tr:not(.sv-edit)>td,
:is(body.ss26-admin-route) .tk-table tbody>tr:not(.tk-detail)>td{
    display:grid;grid-template-columns:minmax(88px,32%) minmax(0,1fr);align-items:center;
    gap:10px;min-height:44px;padding:11px 12px!important;border-bottom:1px solid rgba(153,120,204,.13);
    width:100%;max-width:100%;font-size:16px!important;overflow-wrap:anywhere;
  }
  :is(body.ss26-admin-route) .svw .sv-table tbody>tr:not(.sv-edit)>td::before,
:is(body.ss26-admin-route) .tk-table tbody>tr:not(.tk-detail)>td::before{
    content:attr(data-label);font-size:14px!important;color:#bac5de;font-weight:800;line-height:1.4;
  }
  :is(body.ss26-admin-route) .svw .sv-table .sv-server{min-width:0;max-width:100%;overflow-wrap:anywhere}
  :is(body.ss26-admin-route) .svw .sv-table .sv-server>div:last-child{min-width:0;overflow-wrap:anywhere}
  :is(body.ss26-admin-route) .svw .sv-table .sv-server a{display:block;overflow-wrap:anywhere}
  :is(body.ss26-admin-route) .svw .sv-table td.sv-actions,
:is(body.ss26-admin-route) .tk-table td.tk-actions{
    display:flex!important;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;
    white-space:normal;position:static!important;box-shadow:none!important;background:#111329!important;
  }
  :is(body.ss26-admin-route) .svw .sv-table td.sv-actions::before,
:is(body.ss26-admin-route) .tk-table td.tk-actions::before{width:100%;flex-basis:100%}
  :is(body.ss26-admin-route) .svw .sv-table td.sv-actions form,
:is(body.ss26-admin-route) .tk-table td.tk-actions form{margin:0;display:inline-flex!important}
  /* Detail rows retain their real edit and reply forms. Only open on demand. */
  :is(body.ss26-admin-route) .svw .sv-table tbody>tr.sv-edit[style*="table-row"],
:is(body.ss26-admin-route) .tk-table tbody>tr.tk-detail[style*="table-row"]{
    display:block!important;margin:0 0 14px;border:1px solid #8747c8;border-radius:12px;background:#0a1524;
  }
  :is(body.ss26-admin-route) .svw .sv-table tbody>tr.sv-edit>td,
:is(body.ss26-admin-route) .tk-table tbody>tr.tk-detail>td{
    display:block;width:100%;max-width:100%;padding:14px!important;box-sizing:border-box;
  }
  :is(body.ss26-admin-route) .svw .sv-edit-grid,
:is(body.ss26-admin-route) .tk-convo{display:grid;grid-template-columns:minmax(0,1fr)!important}
  :is(body.ss26-admin-route) .svw .sv-edit-grid .wide{grid-column:auto!important}
  :is(body.ss26-admin-route) .svw .sv-edit-grid label{display:block;min-width:0;font-size:14px!important}
  :is(body.ss26-admin-route) .svw .sv-edit-grid input,
:is(body.ss26-admin-route) .svw .sv-edit-grid select,
:is(body.ss26-admin-route) .tk-reply-form textarea{width:100%;min-width:0}
  :is(body.ss26-admin-route) .svw .sv-list-head,
:is(body.ss26-admin-route) .tk-list-head{align-items:flex-start;flex-wrap:wrap}
  :is(body.ss26-admin-route) .svw .sv-filter-grid,
:is(body.ss26-admin-route) .tk-filter-grid{grid-template-columns:minmax(0,1fr)!important}
  :is(body.ss26-admin-route) .svw .sv-stats,
:is(body.ss26-admin-route) .tk-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :is(body.ss26-admin-route) .svw .sv-stat,
:is(body.ss26-admin-route) .tk-stat{min-width:0}
  :is(body.ss26-admin-route) .svw .sv-stat span,
:is(body.ss26-admin-route) .tk-stat span{overflow-wrap:anywhere}
}
@media (max-width:380px){
  :is(body.ss26-admin-route) .svw .sv-stats,
:is(body.ss26-admin-route) .tk-stats{grid-template-columns:minmax(0,1fr)!important}
  :is(body.ss26-admin-route) .svw .sv-table tbody>tr:not(.sv-edit)>td,
:is(body.ss26-admin-route) .tk-table tbody>tr:not(.tk-detail)>td{
    grid-template-columns:minmax(78px,32%) minmax(0,1fr);padding:10px!important;
  }
}


/* ========= assets/css/admin-import.css ========= */
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap{max-width:1650px;margin:32px auto;padding:0 20px;font-size:16px;line-height:1.6;color:#e8e9f8}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-hero,
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-card{background:linear-gradient(135deg,#141024,#0b1428);border:1px solid #353052;border-radius:20px;padding:24px}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-hero{margin-bottom:24px}:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap h1{font-size:clamp(28px,4vw,40px);margin:0 0 12px}:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap h2{font-size:20px;margin:0 0 12px}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap p{font-size:16px;margin:8px 0;color:#c6c9de}:is(body.ss26-admin-route.ss-route-import-multigame) .im26-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-kind{display:inline-block;margin:12px 0;font-size:14px;padding:6px 12px;border-radius:24px;background:#292143;color:#e3d5ff}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}:is(body.ss26-admin-route.ss-route-import-multigame) .im26-actions a{display:flex;align-items:center;min-height:48px;padding:8px 18px;color:#fff;background:#3f3285;border-radius:12px;text-decoration:none;font-size:16px}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-card{overflow-wrap:anywhere}@media (max-width:900px){:is(body.ss26-admin-route.ss-route-import-multigame) .im26-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){:is(body.ss26-admin-route.ss-route-import-multigame) .im26-grid{grid-template-columns:1fr}:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap{padding:0 16px}:is(body.ss26-admin-route.ss-route-import-multigame) .im26-hero,
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-card{padding:20px}}

:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap{width:calc(100% - 32px);box-sizing:border-box;max-width:1650px;margin:30px auto;padding:0 12px}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-hero{background:linear-gradient(120deg,#201344,#101c39 68%,#0a1226);border-color:#6252a3}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-card{min-width:0;box-shadow:0 12px 35px #0003;transition:border-color .15s ease}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-card:hover{border-color:#7c63db}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap .im26-kind{max-width:100%;white-space:normal;overflow-wrap:anywhere}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap .im26-actions a{min-height:48px;font-weight:700;border:1px solid #6d58c3}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap .im26-actions a:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}
@media (max-width:900px){:is(body.ss26-admin-route.ss-route-import-multigame) .im26-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap{padding:0 4px;width:calc(100% - 24px)}:is(body.ss26-admin-route.ss-route-import-multigame) .im26-grid{grid-template-columns:1fr}:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap .im26-actions a{width:100%;justify-content:center;text-align:center}}


/* ========= assets/css/admin-news.css ========= */
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap{max-width:1180px;margin:0 auto;padding-bottom:60px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .ssnm-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .ssnm-top h1{margin:3px 0 7px;font-size:30px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .ssnm-top p{margin:0;color:var(--text2);font-size:14px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .ssnm-kicker{color:var(--acc);font-size:14px;font-weight:900;letter-spacing:.16em}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .stat{padding:17px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .stat span{display:block;color:var(--text3);font-size:14px;font-weight:900;letter-spacing:.08em}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .stat strong{display:block;font-size:26px;margin-top:8px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .card-title{font-size:14px;font-weight:900;margin-bottom:7px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .switch-row{display:flex!important;justify-content:space-between;align-items:center;gap:20px;margin:0 0 15px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .switch-row small{display:block;color:var(--text3);font-weight:400;margin-top:3px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .switch-row input{width:18px!important;height:18px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .run-box{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--bg2);margin:14px 0}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .run-icon{font-size:28px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .run-box p{margin:4px 0 0;color:var(--text2);font-size:14px;line-height:1.5}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .timeline{display:grid;gap:8px;margin-top:16px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .timeline div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .timeline span{font-size:14px;color:var(--text3);font-weight:900}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .timeline b{font-size:14px;text-align:right}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .last-message{margin-top:12px;padding:10px;border-radius:9px;background:var(--bg2);color:var(--text2);font-size:14px;line-height:1.5}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .games-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .game-row{display:grid;grid-template-columns:38px 1fr auto auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--bg2)}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .game-row.disabled{opacity:.5}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .game-icon{font-size:21px;text-align:center}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .game-info b{display:block;font-size:14px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .game-info small,
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .game-last small{display:block;color:var(--text3);font-size:14px;margin-top:3px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .game-last{text-align:right;color:var(--text2);font-size:14px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .cron-code{margin-top:14px;padding:12px;border-radius:10px;background:#08080d;border:1px solid var(--line);font-family:monospace;font-size:14px;overflow:auto}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .steps{margin:10px 0 0;padding-left:20px;color:var(--text2);font-size:14px;line-height:1.8}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .token-card input{width:100%;margin-top:8px;font-family:monospace}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .recent-list{display:grid;gap:7px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .recent-list a{display:grid;grid-template-columns:65px 1fr 20px;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px;color:var(--text);text-decoration:none;background:var(--bg2)}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .recent-list a:hover{border-color:var(--line2);transform:translateY(-1px)}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .recent-list img{width:65px;height:42px;object-fit:cover;border-radius:7px;background:var(--surface)}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .recent-list b{display:block;font-size:14px;line-height:1.35}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .recent-list small{display:block;color:var(--text3);font-size:14px;margin-top:4px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .recent-list span{color:var(--acc);font-size:16px}
@media (max-width:900px){:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .stats-grid{grid-template-columns:repeat(2,1fr)}:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .grid2{grid-template-columns:1fr}:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .games-grid{grid-template-columns:1fr}}
@media (max-width:560px){:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .ssnm-top{align-items:flex-start;flex-direction:column}:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .stats-grid{grid-template-columns:1fr 1fr}:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .game-row{grid-template-columns:34px 1fr auto}:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .game-last{display:none}}

:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap{width:min(100%,1760px);max-width:1760px;margin-inline:auto;padding:0 clamp(12px,2vw,28px) 64px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .ss26-admin-route .ssnm-top p,
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .run-box p,
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .game-info b,
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .recent-list b{font-size:16px;line-height:1.5}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .card-title,
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .timeline b{font-size:17px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap input,
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap select,
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap button,
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .chip{font-size:16px;min-height:48px}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .recent-list a{min-width:0}
:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .recent-list a>div{min-width:0;overflow-wrap:anywhere}
@media (max-width:900px){:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .grid2{grid-template-columns:1fr}}
@media (max-width:560px){:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap{padding-inline:12px}:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .ss26-admin-route .ssnm-top{gap:10px}:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .game-row{grid-template-columns:34px minmax(0,1fr) auto}:is(body.ss26-admin-route.ss-route-news-manager,body.ss26-admin-route.ss-route-index) .ssnm-wrap .stat strong{font-size:23px}}


/* ========= assets/css/admin-staff.css ========= */
/* SoulShive Staff application moderation — route scoped to avoid other Admin pages. */
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review{width:min(100% - 40px,1740px)!important;max-width:none!important;margin:28px auto 64px;padding:0;box-sizing:border-box;color:#edf2ff;font-size:16px;line-height:1.55}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review *,
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review *::before,
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review *::after{box-sizing:border-box}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;min-width:0;padding:clamp(22px,3vw,40px);border:1px solid #7652bd;border-radius:20px;background:radial-gradient(circle at 95% 8%,#a453e339,transparent 37%),linear-gradient(120deg,#192449 0%,#0d1832 56%,#170e35 100%);box-shadow:0 18px 48px #0005}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-hero-copy{min-width:0}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-eyebrow{color:#d8b3ff;font-size:14px;font-weight:850;letter-spacing:.13em}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-eyebrow span{color:#7f8eaf;padding-inline:5px}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-hero h1{margin:8px 0 10px;font-size:clamp(30px,3.6vw,48px)!important;font-weight:900;line-height:1.1!important;color:#fff}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-hero p{margin:0 0 18px;color:#c3d4f0;font-size:17px;line-height:1.6;max-width:780px}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-count{display:inline-flex;align-items:center;min-height:38px;padding:7px 13px;border:1px solid #65518c;border-radius:999px;background:#241d48;color:#ece3ff;font-size:15px;font-weight:800}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-back{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid #616b9f;border-radius:11px;background:#152245;color:#edf2ff;text-decoration:none;font-size:16px;font-weight:800}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-back:hover{border-color:#aa86ef;background:#253264}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-notice{margin:16px 0 0;padding:14px 18px;font-size:16px;line-height:1.5}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-notice-error{color:#ffb1bf;border-color:#8b3d54}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px;min-width:0}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-filters .chip{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border:1px solid #394773;border-radius:11px;background:#101d39;color:#d6e2fc;font-size:16px;font-weight:800;text-decoration:none;white-space:normal;text-align:center}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-filters .chip.on,
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-filters .chip[aria-current="page"]{background:linear-gradient(110deg,#6c35cb,#385bdc);border-color:#af88fe;color:#fff;box-shadow:0 5px 20px #5f43d633}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-card{--sr-accent:#9ca3af;min-width:0;overflow:hidden;border:1px solid #45466c;border-radius:17px;background:linear-gradient(155deg,#111b36,#0c152b);box-shadow:0 14px 40px #0004;overflow-wrap:anywhere}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-role-master_admin{--sr-accent:#fbbf24}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-role-admin{--sr-accent:#ff7584}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-role-moderator{--sr-accent:#38bdf8}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-role-support{--sr-accent:#4be7a5}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-role-developer{--sr-accent:#f39ada}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:21px;border-bottom:1px solid #384365;background:linear-gradient(110deg,color-mix(in srgb,var(--sr-accent) 11%,#101a34),#111b34 83%)}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-card-kicker{color:var(--sr-accent);font-size:14px;font-weight:900;letter-spacing:.09em}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-card-header h2{margin:5px 0 0;color:#f7f8ff;font-size:22px;font-weight:850;line-height:1.28}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-status{flex:0 0 auto;align-self:flex-start;max-width:100%;padding:7px 11px;border:1px solid #6a7188;border-radius:999px;background:#24304b;color:#e7eaf5;font-size:14px;font-weight:900;white-space:normal}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-status-pending .sr-status{border-color:#8d6c26;color:#fbd284;background:#503d152d}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-status-reviewing .sr-status{border-color:#346d9c;color:#94d8ff;background:#18365a}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-status-accepted .sr-status{border-color:#29734e;color:#6af5aa;background:#173d30}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-status-rejected .sr-status{border-color:#954054;color:#ffa7ba;background:#4a1a30}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-card-body{padding:20px}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 19px}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-details>div{min-width:0}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-details dt{color:#aebcdd;font-size:14px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-details dd{margin:4px 0 0;color:#f3f6ff;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-answer{padding:16px 18px;margin:0 0 12px;border:1px solid #2c3c62;border-radius:13px;background:#101c35}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-answer h3{margin:0 0 8px;color:#dce5ff;font-size:16px;font-weight:900}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-answer p{margin:0;color:#ced9ef;font-size:16px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-rejection-note{margin:9px 0 13px;color:#ff9ea9;font-size:16px;line-height:1.5;font-weight:800}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-actions{display:flex;flex-wrap:wrap;gap:9px;padding-top:17px;margin-top:17px;border-top:1px solid #364569}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-actions form{margin:0;min-width:0;max-width:100%}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px!important;padding:10px 16px;border-radius:10px;font-size:16px!important;line-height:1.4;text-align:center;white-space:normal;font-weight:850}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-action-accept{color:#fff;background:linear-gradient(110deg,#256d57,#218266);border:1px solid #49bd93}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-action-review{color:#d7eaff;border-color:#5786aa}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-action-reject{color:#ffb5c0;border-color:#8c4a5b}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-action-delete{color:#f6ce9b;border-color:#826348}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-empty{padding:45px 18px;border:1px solid #374568;border-radius:17px;background:linear-gradient(120deg,#101c37,#141a38);text-align:center}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-empty span{font-size:32px}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-empty p{margin:8px 0 0;color:#d5dfef;font-size:17px}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review :is(.btn,a,.chip):focus-visible{outline:3px solid #c6a2ff;outline-offset:3px}
@media (max-width:1150px){:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-list{grid-template-columns:1fr}}
@media (max-width:700px){:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review{width:calc(100% - 24px)!important;margin:16px auto 40px}:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-hero{padding:20px 17px;flex-direction:column;gap:18px}:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-back{width:100%}:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-card-header{padding:17px;flex-wrap:wrap}:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-card-body{padding:16px}:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-actions form,
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-actions .btn{width:100%}}
@media (max-width:390px){:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-details{grid-template-columns:1fr}:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-hero h1{font-size:30px!important}:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-filters .chip{font-size:15px}}


/* ========= assets/css/admin-testimonials.css ========= */
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page{
    --ss-bg: #070511;
    --ss-bg2: #0d091b;
    --ss-card: rgba(18, 12, 35, .82);
    --ss-card2: rgba(25, 16, 48, .88);

    --ss-purple: #a855f7;
    --ss-purple2: #7c3aed;
    --ss-pink: #c026d3;
    --ss-blue: #6366f1;

    --ss-text: #f8f7ff;
    --ss-muted: #a9a4bc;
    --ss-line: rgba(168, 85, 247, .20);

    --ss-green: #22c55e;
    --ss-orange: #f59e0b;
    --ss-red: #ef4444;

    --ss-shadow:
        0 25px 80px rgba(0, 0, 0, .55),
        0 0 60px rgba(124, 58, 237, .08);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-page,
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page *{
    box-sizing: border-box;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-page{
    position: relative;
    min-height: calc(100vh - 80px);
    padding: 42px 20px 70px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 15% 5%,
            rgba(168, 85, 247, .16),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 10%,
            rgba(99, 102, 241, .13),
            transparent 28%
        ),
        radial-gradient(
            circle at 50% 100%,
            rgba(192, 38, 211, .08),
            transparent 32%
        ),
        var(--ss-bg);

    color: var(--ss-text);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-page::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.018) 1px,
            transparent 1px
        );

    background-size: 42px 42px;
    mask-image: linear-gradient(
        to bottom,
        black,
        transparent 85%
    );
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-orb{
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    filter: blur(100px);
    pointer-events: none;
    opacity: .12;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-orb.one{
    background: #9333ea;
    top: -220px;
    left: -150px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-orb.two{
    background: #4f46e5;
    right: -220px;
    top: 240px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-container{
    position: relative;
    z-index: 2;
    width: min(1380px, 100%);
    margin: 0 auto;
}



:is(body.ss26-admin-route.ss-route-testimonials) .ss-hero{
    margin-bottom: 28px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-kicker{
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 7px 12px;
    border-radius: 999px;

    background: rgba(168, 85, 247, .10);
    border: 1px solid rgba(168, 85, 247, .24);

    color: #d8b4fe;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .8px;
    text-transform: uppercase;

    box-shadow:
        0 0 25px rgba(168, 85, 247, .08);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-kicker-dot{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #a855f7;
    box-shadow: 0 0 12px #a855f7;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-title{
    margin: 15px 0 7px;

    font-size: clamp(27px, 4vw, 39px);
    line-height: 1.05;
    letter-spacing: -1.2px;
    font-weight: 950;

    background: linear-gradient(
        100deg,
        #ffffff 0%,
        #e9d5ff 38%,
        #a855f7 75%,
        #c026d3 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-subtitle{
    margin: 0;
    max-width: 650px;

    color: var(--ss-muted);
    font-size: 14px;
    line-height: 1.7;
}



:is(body.ss26-admin-route.ss-route-testimonials) .ss-alert{
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;
    padding: 13px 15px;

    border-radius: 13px;

    font-size: 14px;
    font-weight: 750;

    backdrop-filter: blur(14px);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-alert.success{
    background: rgba(34, 197, 94, .08);
    border: 1px solid rgba(34, 197, 94, .25);
    color: #86efac;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-alert.error{
    background: rgba(239, 68, 68, .08);
    border: 1px solid rgba(239, 68, 68, .25);
    color: #fca5a5;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-alert-icon{
    width: 27px;
    height: 27px;

    display: grid;
    place-items: center;

    border-radius: 8px;

    background: rgba(255,255,255,.06);
}



:is(body.ss26-admin-route.ss-route-testimonials) .ss-card{
    position: relative;

    padding: 25px;

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(26, 16, 49, .94),
            rgba(11, 7, 23, .94)
        );

    border: 1px solid var(--ss-line);

    box-shadow: var(--ss-shadow);

    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);

    overflow: hidden;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-card::before{
    content: "";

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(168,85,247,.7),
        rgba(192,38,211,.55),
        transparent
    );
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-card::after{
    content: "";

    position: absolute;
    width: 180px;
    height: 180px;

    right: -100px;
    top: -110px;

    border-radius: 50%;

    background: rgba(168,85,247,.12);
    filter: blur(40px);

    pointer-events: none;
}



:is(body.ss26-admin-route.ss-route-testimonials) .ss-card-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    padding-bottom: 20px;
    margin-bottom: 22px;

    border-bottom: 1px solid rgba(255,255,255,.07);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-admin-info{
    display: flex;
    align-items: center;
    gap: 13px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-avatar{
    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(168,85,247,.28),
            rgba(99,102,241,.18)
        );

    border: 1px solid rgba(168,85,247,.35);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 25px rgba(168,85,247,.12);

    font-size: 21px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-admin-name{
    font-size: 14px;
    font-weight: 900;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-admin-role{
    margin-top: 3px;
    color: var(--ss-muted);
    font-size: 14px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-status{
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 7px 10px;
    border-radius: 999px;

    font-size: 14px;
    font-weight: 950;
    letter-spacing: .3px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-status.active{
    color: #86efac;
    background: rgba(34,197,94,.08);
    border: 1px solid rgba(34,197,94,.20);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-status.inactive{
    color: #fcd34d;
    background: rgba(245,158,11,.08);
    border: 1px solid rgba(245,158,11,.20);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-status-dot{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 10px currentColor;
}



:is(body.ss26-admin-route.ss-route-testimonials) .ss-label{
    display: block;
    margin-bottom: 18px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-label-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    margin-bottom: 8px;

    font-size: 14px;
    font-weight: 900;
    color: #e9d5ff;
    text-transform: uppercase;
    letter-spacing: .45px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-counter{
    color: #716a83;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-textarea,
:is(body.ss26-admin-route.ss-route-testimonials) .ss-input{
    width: 100%;

    border: 1px solid rgba(168,85,247,.18);
    border-radius: 12px;

    background:
        linear-gradient(
            180deg,
            rgba(7,5,17,.72),
            rgba(14,9,28,.82)
        );

    color: var(--ss-text);

    outline: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-textarea{
    min-height: 125px;
    padding: 14px;

    resize: vertical;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.65;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-input{
    padding: 12px 13px;
    font-size: 14px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-textarea::placeholder,
:is(body.ss26-admin-route.ss-route-testimonials) .ss-input::placeholder{
    color: #615b70;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-textarea:focus,
:is(body.ss26-admin-route.ss-route-testimonials) .ss-input:focus{
    border-color: rgba(168,85,247,.65);

    box-shadow:
        0 0 0 3px rgba(168,85,247,.08),
        0 0 30px rgba(168,85,247,.08);
}



:is(body.ss26-admin-route.ss-route-testimonials) .ss-rating-box{
    padding: 14px;

    border-radius: 13px;

    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.055);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-stars{
    display: flex;
    align-items: center;
    gap: 4px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-star{
    appearance: none;
    border: 0;
    background: transparent;

    padding: 0;
    margin: 0;

    cursor: pointer;

    color: #453d50;

    font-size: 26px;
    line-height: 1;

    transition:
        transform .16s ease,
        color .16s ease,
        filter .16s ease;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-star:hover{
    transform: scale(1.16);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-star.on{
    color: #fbbf24;

    filter:
        drop-shadow(0 0 5px rgba(251,191,36,.45));
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-rating-text{
    margin-left: 8px;

    color: var(--ss-muted);
    font-size: 14px;
    font-weight: 800;
}



:is(body.ss26-admin-route.ss-route-testimonials) .ss-form-grid{
    display: grid;
    grid-template-columns: 1fr 180px;
    gap: 14px;
}



:is(body.ss26-admin-route.ss-route-testimonials) .ss-actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    margin-top: 22px;
    padding-top: 20px;

    border-top: 1px solid rgba(255,255,255,.06);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 42px;

    padding: 0 17px;

    border-radius: 11px;

    font-size: 14px;
    font-weight: 950;
    letter-spacing: .25px;

    cursor: pointer;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-btn:hover{
    transform: translateY(-2px);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-btn-primary{
    color: #fff;

    border: 1px solid rgba(216,180,254,.22);

    background:
        linear-gradient(
            135deg,
            #9333ea,
            #7c3aed 55%,
            #6366f1
        );

    box-shadow:
        0 8px 25px rgba(124,58,237,.25),
        inset 0 1px 0 rgba(255,255,255,.16);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-btn-primary:hover{
    box-shadow:
        0 12px 35px rgba(124,58,237,.38),
        0 0 25px rgba(168,85,247,.15);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-btn-toggle{
    min-height: 32px;
    padding: 0 11px;

    color: #d8b4fe;

    background: rgba(168,85,247,.08);
    border: 1px solid rgba(168,85,247,.18);

    font-size: 14px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-btn-toggle:hover{
    background: rgba(168,85,247,.14);
    border-color: rgba(168,85,247,.35);
}



:is(body.ss26-admin-route.ss-route-testimonials) .ss-preview{
    margin-top: 22px;

    padding: 20px;

    border-radius: 18px;

    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(168,85,247,.12),
            transparent 35%
        ),
        rgba(7,5,17,.52);

    border: 1px solid rgba(168,85,247,.12);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-preview-title{
    margin-bottom: 13px;

    font-size: 14px;
    font-weight: 950;
    color: #d8b4fe;

    text-transform: uppercase;
    letter-spacing: .7px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-preview-card{
    position: relative;

    display: flex;
    gap: 13px;

    padding: 15px;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(30,18,56,.9),
            rgba(13,8,27,.9)
        );

    border: 1px solid rgba(168,85,247,.15);

    overflow: hidden;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-preview-card::before{
    content: "";

    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;

    background:
        linear-gradient(
            180deg,
            #a855f7,
            #6366f1,
            #c026d3
        );

    box-shadow: 0 0 15px rgba(168,85,247,.45);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-preview-avatar{
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            rgba(168,85,247,.22),
            rgba(99,102,241,.18)
        );

    border: 1px solid rgba(168,85,247,.20);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-preview-content{
    min-width: 0;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-preview-top{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-preview-name{
    font-size: 14px;
    font-weight: 950;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-preview-role{
    padding: 3px 6px;

    border-radius: 5px;

    color: #c4b5fd;
    background: rgba(139,92,246,.10);

    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-preview-stars{
    margin-top: 4px;

    color: #fbbf24;

    font-size: 14px;
    letter-spacing: 1px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-preview-quote{
    margin-top: 7px;

    color: #c5bfd3;

    font-size: 14px;
    line-height: 1.6;
    font-style: italic;
}



:is(body.ss26-admin-route.ss-route-testimonials) .ss-info{
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 14px;
    align-items: center;

    margin-top: 22px;

    padding: 18px;

    border-radius: 17px;

    background:
        linear-gradient(
            135deg,
            rgba(168,85,247,.08),
            rgba(99,102,241,.045)
        );

    border: 1px solid rgba(168,85,247,.14);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-info-icon{
    width: 50px;
    height: 50px;

    display: grid;
    place-items: center;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(168,85,247,.18),
            rgba(99,102,241,.12)
        );

    border: 1px solid rgba(168,85,247,.18);

    font-size: 21px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-info-title{
    margin-bottom: 4px;

    font-size: 14px;
    font-weight: 950;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-info-text{
    margin: 0;

    color: var(--ss-muted);

    font-size: 14px;
    line-height: 1.65;
}



:is(body.ss26-admin-route.ss-route-testimonials) .ss-empty{
    padding: 45px 20px;

    text-align: center;

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(25,16,48,.85),
            rgba(9,6,18,.9)
        );

    border: 1px solid var(--ss-line);

    box-shadow: var(--ss-shadow);
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-empty-icon{
    font-size: 40px;
    margin-bottom: 10px;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-empty-title{
    font-size: 16px;
    font-weight: 950;
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-empty-text{
    margin: 7px auto 0;
    max-width: 420px;

    color: var(--ss-muted);

    font-size: 14px;
    line-height: 1.6;
}



@media (max-width: 680px){

    :is(body.ss26-admin-route.ss-route-testimonials) .ss-page{
        padding: 28px 12px 50px;
    }

    :is(body.ss26-admin-route.ss-route-testimonials) .ss-card{
        padding: 17px;
        border-radius: 18px;
    }

    :is(body.ss26-admin-route.ss-route-testimonials) .ss-card-head{
        align-items: flex-start;
    }

    :is(body.ss26-admin-route.ss-route-testimonials) .ss-status{
        flex-shrink: 0;
    }

    :is(body.ss26-admin-route.ss-route-testimonials) .ss-form-grid{
        grid-template-columns: 1fr;
    }

    :is(body.ss26-admin-route.ss-route-testimonials) .ss-actions{
        flex-direction: column-reverse;
        align-items: stretch;
    }

    :is(body.ss26-admin-route.ss-route-testimonials) .ss-btn{
        width: 100%;
    }

    :is(body.ss26-admin-route.ss-route-testimonials) .ss-preview{
        padding: 14px;
    }

    :is(body.ss26-admin-route.ss-route-testimonials) .ss-info{
        grid-template-columns: 1fr;
        text-align: center;
    }

    :is(body.ss26-admin-route.ss-route-testimonials) .ss-info-icon{
        margin: 0 auto;
    }
}

:is(body.ss26-admin-route.ss-route-testimonials) .ss-page{font-size:16px;line-height:1.6}
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-subtitle,
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-info-text,
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-empty-text{font-size:16px;line-height:1.65}
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-textarea,
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-input{font-size:16px;min-height:52px}
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-btn{font-size:16px;min-height:48px}
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-card{min-width:0}
@media (max-width:680px){:is(body.ss26-admin-route.ss-route-testimonials) .ss-page{padding:22px 12px 48px}:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-container{width:100%}:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-card{max-width:100%;overflow-wrap:anywhere}}
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page button.ss-btn,
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-btn{min-height:48px!important;font-size:16px!important;line-height:1.45!important;padding:12px 18px!important}
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page button.ss-btn:focus-visible,
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-input:focus-visible,
:is(body.ss26-admin-route.ss-route-testimonials) .ss-page .ss-textarea:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}

/* SoulShive 2027 — editor Staff: lizibilitate și navigare 1:1 (doar acest panou). */
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-container{width:min(100%,1580px)}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-hero{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-back{display:inline-flex;align-items:center;min-height:48px;padding:10px 17px;margin-top:12px;border:1px solid #6855af;background:rgba(42,28,82,.9);border-radius:12px;color:#f4eaff;text-decoration:none;font-size:16px;font-weight:800}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-back:hover{background:#50349b}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-back:focus-visible{outline:3px solid #c4b5fd;outline-offset:3px}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-label-title,
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-label-title label,
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-admin-name,
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-preview-name,
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-info-title{font-size:16px;line-height:1.5;color:#f5ecff}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-counter,
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-admin-role,
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-preview-role,
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-preview-title,
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-rating-text{font-size:14px;color:#dfd2fc}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-preview-quote,
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-preview-stars,
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-order-hint{font-size:16px;line-height:1.6}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-order-hint{align-self:center;color:#c9c3df}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-preview-stars-off{color:#716784}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-info-emphasis{color:#e1c5ff}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-textarea::placeholder,
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-input::placeholder{color:#a8a0c3}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-stars{flex-wrap:wrap;gap:8px}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-star{display:inline-grid;place-items:center;min-width:48px;min-height:48px;border:1px solid transparent;border-radius:10px;font-size:30px;color:#938aab}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-star.on{color:#fbbf24}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-star:focus-visible{outline:3px solid #d8b4fe;outline-offset:2px;background:#2e214f}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-btn-toggle{min-height:48px;padding:10px 18px}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-status{font-size:14px}
:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-alert{font-size:16px}
@media (max-width:720px){
 :is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-hero{padding-inline:0}
 :is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-card-head{gap:14px;flex-wrap:wrap}
 :is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-form-grid{grid-template-columns:1fr}
 :is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-order-hint{justify-self:start}
 :is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-label-title{flex-wrap:wrap}
 :is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-preview-card{flex-wrap:wrap}
 :is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-actions .ss-btn{width:100%}
}
@media (max-width:390px){:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-stars{gap:4px}:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-star{min-width:43px}:is(body.ss26-admin-route.ss-route-testimonials) #staff-testimonials .ss-card{padding:16px}}


/* ========= assets/css/admin-team.css ========= */
:is(body.ss26-admin-route.ss-route-team) .team-page{
    position:relative;
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding-bottom:30px;
}



:is(body.ss26-admin-route.ss-route-team) .team-hero{
    position:relative;
    min-height:375px;
    overflow:hidden;

    border:1px solid rgba(112,55,255,.55);
    border-radius:20px;

    background:
        radial-gradient(
            circle at 82% 46%,
            rgba(118,46,255,.30),
            transparent 22%
        ),
        radial-gradient(
            circle at 67% 78%,
            rgba(0,130,255,.16),
            transparent 26%
        ),
        radial-gradient(
            circle at 25% 20%,
            rgba(168,85,247,.12),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #050611 0%,
            #07091b 48%,
            #03040c 100%
        );

    box-shadow:
        0 0 0 1px rgba(112,55,255,.06),
        0 20px 70px rgba(0,0,0,.42),
        inset 0 0 70px rgba(81,35,180,.10);
}

:is(body.ss26-admin-route.ss-route-team) .team-hero:before{
    content:"";
    position:absolute;
    inset:0;

    opacity:.48;

    background-image:
        linear-gradient(
            rgba(122,62,255,.09) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(122,62,255,.09) 1px,
            transparent 1px
        );

    background-size:46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 85%
        );

    pointer-events:none;
}

:is(body.ss26-admin-route.ss-route-team) .team-hero:after{
    content:"";

    position:absolute;

    width:520px;
    height:520px;

    right:-90px;
    top:-80px;

    border-radius:50%;

    border:1px solid rgba(151,76,255,.20);

    box-shadow:
        0 0 80px rgba(121,46,255,.14),
        inset 0 0 80px rgba(0,116,255,.10);

    pointer-events:none;
}

:is(body.ss26-admin-route.ss-route-team) .team-hero-content{
    position:relative;
    z-index:3;

    width:56%;

    padding:
        48px
        0
        42px
        48px;
}

:is(body.ss26-admin-route.ss-route-team) .team-kicker{
    display:flex;
    align-items:center;
    gap:9px;

    color:#A855F7;

    font-size:14px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
}

:is(body.ss26-admin-route.ss-route-team) .team-kicker:before{
    content:"";

    width:22px;
    height:2px;

    border-radius:2px;

    background:
        linear-gradient(
            90deg,
            #A855F7,
            #3B82F6
        );

    box-shadow:
        0 0 10px rgba(168,85,247,.6);
}

:is(body.ss26-admin-route.ss-route-team) .team-hero h1{
    margin:18px 0 10px;

    font-size:46px;
    line-height:1.03;

    letter-spacing:-.035em;
    font-weight:950;

    color:#F1F3F8;
}

:is(body.ss26-admin-route.ss-route-team) .team-hero h1 span{
    display:block;

    color:#A855F7;

    background:
        linear-gradient(
            90deg,
            #A855F7,
            #8B5CF6,
            #3B82F6
        );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

:is(body.ss26-admin-route.ss-route-team) .team-hero-text{
    max-width:510px;

    color:#AEB3C4;

    font-size:14px;
    line-height:1.75;
}

:is(body.ss26-admin-route.ss-route-team) .team-stats{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:10px;

    margin-top:25px;

    max-width:590px;
}

:is(body.ss26-admin-route.ss-route-team) .team-stat{
    min-height:70px;

    padding:13px 14px;

    display:flex;
    align-items:center;

    gap:11px;

    border:1px solid rgba(139,92,246,.30);
    border-radius:10px;

    background:rgba(8,9,23,.70);

    backdrop-filter:blur(8px);

    box-shadow:
        inset 0 0 25px rgba(139,92,246,.04);
}

:is(body.ss26-admin-route.ss-route-team) .team-stat-icon{
    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    font-size:19px;

    background:rgba(139,92,246,.10);
    border:1px solid rgba(139,92,246,.22);
}

:is(body.ss26-admin-route.ss-route-team) .team-stat strong{
    display:block;

    font-size:20px;
    line-height:1;

    color:#F3F4F8;
}

:is(body.ss26-admin-route.ss-route-team) .team-stat small{
    display:block;

    margin-top:5px;

    color:#969CAF;

    font-size:14px;
    letter-spacing:.08em;

    text-transform:uppercase;
}



:is(body.ss26-admin-route.ss-route-team) .team-hero-orb{
    position:absolute;

    z-index:2;

    right:8%;
    top:50%;

    width:280px;
    height:280px;

    transform:translateY(-50%);

    display:flex;
    align-items:center;
    justify-content:center;
}

:is(body.ss26-admin-route.ss-route-team) .team-orb-ring{
    position:absolute;

    inset:0;

    border-radius:50%;

    border:1px solid rgba(139,92,246,.30);

    box-shadow:
        0 0 40px rgba(139,92,246,.17),
        inset 0 0 40px rgba(0,140,255,.10);
}

:is(body.ss26-admin-route.ss-route-team) .team-orb-ring:nth-child(2){
    inset:24px;

    border-color:
        rgba(91,67,255,.35);
}

:is(body.ss26-admin-route.ss-route-team) .team-orb-ring:nth-child(3){
    inset:49px;

    border-color:
        rgba(0,157,255,.30);
}

:is(body.ss26-admin-route.ss-route-team) .team-orb-core{
    width:132px;
    height:132px;

    border-radius:38px;

    transform:rotate(45deg);

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            145deg,
            #D66BFF,
            #681DFF 52%,
            #0877FF
        );

    box-shadow:
        0 0 35px rgba(151,58,255,.65),
        0 0 90px rgba(81,50,255,.35);
}

:is(body.ss26-admin-route.ss-route-team) .team-orb-core span{
    transform:rotate(-45deg);

    color:white;

    font-size:70px;
    font-weight:950;

    text-shadow:
        0 0 20px rgba(255,255,255,.35);
}



:is(body.ss26-admin-route.ss-route-team) .team-section-head{
    margin:34px 4px 18px;

    display:flex;
    justify-content:space-between;
    align-items:flex-end;

    gap:15px;
}

:is(body.ss26-admin-route.ss-route-team) .team-section-kicker{
    color:#A855F7;

    font-size:14px;
    font-weight:900;

    letter-spacing:.13em;
    text-transform:uppercase;
}

:is(body.ss26-admin-route.ss-route-team) .team-section-title{
    margin-top:6px;

    font-size:27px;
    line-height:1.1;

    font-weight:900;

    color:#E9EBF2;
}

:is(body.ss26-admin-route.ss-route-team) .team-section-title span{
    color:#8B5CF6;
}

:is(body.ss26-admin-route.ss-route-team) .team-section-description{
    max-width:600px;

    margin-top:7px;

    color:#9096A9;

    font-size:14px;
    line-height:1.55;
}

:is(body.ss26-admin-route.ss-route-team) .team-status{
    min-width:135px;

    padding:13px 17px;

    border:1px solid rgba(148,163,184,.22);
    border-radius:9px;

    background:rgba(8,10,20,.72);

    text-align:center;
}

:is(body.ss26-admin-route.ss-route-team) .team-status-dot{
    display:inline-block;

    width:9px;
    height:9px;

    border-radius:50%;

    background:#22C55E;

    box-shadow:
        0 0 12px rgba(34,197,94,.9);

    margin-right:7px;
}

:is(body.ss26-admin-route.ss-route-team) .team-status-label{
    color:#A4A9B8;

    font-size:14px;
    letter-spacing:.08em;
}

:is(body.ss26-admin-route.ss-route-team) .team-status-value{
    margin-top:4px;

    color:#22C55E;

    font-size:16px;
    font-weight:900;
}



:is(body.ss26-admin-route.ss-route-team) .team-role-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:18px;
}

:is(body.ss26-admin-route.ss-route-team) .team-role-card{
    position:relative;

    overflow:hidden;

    min-width:0;

    border:1px solid var(--role-border);
    border-radius:13px;

    background:
        radial-gradient(
            circle at 100% 0%,
            var(--role-soft),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(9,10,22,.97),
            rgba(4,6,14,.96)
        );

    box-shadow:
        inset 0 0 35px rgba(255,255,255,.015),
        0 10px 35px rgba(0,0,0,.16);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

:is(body.ss26-admin-route.ss-route-team) .team-role-card:hover{
    transform:translateY(-3px);

    border-color:var(--role-color);

    box-shadow:
        0 15px 40px rgba(0,0,0,.28),
        0 0 25px var(--role-soft);
}

:is(body.ss26-admin-route.ss-route-team) .team-role-card:before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--role-color),
            transparent
        );

    opacity:.75;
}

:is(body.ss26-admin-route.ss-route-team) .team-role-head{
    padding:16px 16px 13px;
}

:is(body.ss26-admin-route.ss-route-team) .team-role-top{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:10px;
}

:is(body.ss26-admin-route.ss-route-team) .team-role-name{
    display:flex;

    align-items:center;

    gap:9px;

    min-width:0;

    color:var(--role-color);

    font-size:14px;
    font-weight:900;

    letter-spacing:.04em;
}

:is(body.ss26-admin-route.ss-route-team) .team-role-icon{
    font-size:17px;
}

:is(body.ss26-admin-route.ss-route-team) .team-role-count{
    color:#B6BBC9;

    font-size:14px;

    white-space:nowrap;
}

:is(body.ss26-admin-route.ss-route-team) .team-role-description{
    margin-top:9px;

    color:#9B9FB0;

    font-size:14px;
}



:is(body.ss26-admin-route.ss-route-team) .team-member{
    position:relative;

    margin:0 16px 10px;

    min-height:88px;

    padding:13px 12px;

    display:flex;

    align-items:center;

    gap:13px;

    border:1px solid var(--role-border);

    border-radius:10px;

    background:rgba(5,7,16,.62);

    

    color:inherit !important;
    text-decoration:none !important;

    cursor:pointer;

    transition:
        background .2s ease,
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

:is(body.ss26-admin-route.ss-route-team) .team-member:hover{
    transform:translateX(3px);

    background:rgba(10,12,26,.92);

    border-color:var(--role-color);

    box-shadow:
        0 0 25px var(--role-soft);
}



:is(body.ss26-admin-route.ss-route-team) .team-avatar-wrap{
    position:relative;

    flex:0 0 auto;
}

:is(body.ss26-admin-route.ss-route-team) .team-avatar-img,
:is(body.ss26-admin-route.ss-route-team) .team-avatar-fallback{
    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    object-fit:cover;

    border:2px solid;

    box-shadow:
        0 0 0 4px rgba(0,0,0,.45),
        0 0 18px var(--role-soft);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

:is(body.ss26-admin-route.ss-route-team) .team-member:hover .team-avatar-img,
:is(body.ss26-admin-route.ss-route-team) .team-member:hover .team-avatar-fallback{
    transform:scale(1.05);

    box-shadow:
        0 0 0 4px rgba(0,0,0,.45),
        0 0 28px var(--role-soft);
}

:is(body.ss26-admin-route.ss-route-team) .team-avatar-fallback{
    font-size:28px;
    font-weight:950;
}



:is(body.ss26-admin-route.ss-route-team) .team-online{
    position:absolute;

    right:-1px;
    bottom:2px;

    width:11px;
    height:11px;

    border-radius:50%;

    background:#22C55E;

    border:2px solid #050710;

    box-shadow:
        0 0 10px rgba(34,197,94,.9);
}



:is(body.ss26-admin-route.ss-route-team) .team-member-info{
    min-width:0;

    flex:1;
}

:is(body.ss26-admin-route.ss-route-team) .team-member-name{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:7px;

    color:#E8EAF1;

    font-size:15px;

    font-weight:800;

    transition:color .2s ease;
}

:is(body.ss26-admin-route.ss-route-team) .team-member:hover .team-member-name{
    color:#fff;
}

:is(body.ss26-admin-route.ss-route-team) .team-member-role{
    padding:3px 7px;

    border:1px solid var(--role-color);

    border-radius:5px;

    color:var(--role-color);

    background:var(--role-soft);

    font-size:14px;

    font-weight:900;

    letter-spacing:.05em;
}

:is(body.ss26-admin-route.ss-route-team) .team-member-team{
    margin-top:7px;

    color:#858B9D;

    font-size:14px;

    letter-spacing:.12em;

    text-transform:uppercase;
}

:is(body.ss26-admin-route.ss-route-team) .team-member-active{
    margin-top:5px;

    color:#22C55E;

    font-size:14px;

    font-weight:800;

    text-transform:uppercase;
}



:is(body.ss26-admin-route.ss-route-team) .team-member-arrow{

    flex:0 0 auto;

    width:32px;
    height:32px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:8px;

    color:var(--role-color);

    background:var(--role-soft);

    border:1px solid var(--role-border);

    font-size:18px;

    font-weight:900;

    opacity:.40;

    transform:translateX(0);

    transition:
        opacity .2s ease,
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

:is(body.ss26-admin-route.ss-route-team) .team-member:hover .team-member-arrow{

    opacity:1;

    transform:translateX(4px);

    background:var(--role-soft);

    box-shadow:
        0 0 15px var(--role-soft);
}



:is(body.ss26-admin-route.ss-route-team) .team-empty{
    margin:0 16px 16px;

    min-height:110px;

    padding:18px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    border:1px dashed var(--role-border);

    border-radius:10px;

    background:rgba(5,7,15,.40);
}

:is(body.ss26-admin-route.ss-route-team) .team-empty-icon{
    font-size:23px;

    color:var(--role-color);

    opacity:.95;
}

:is(body.ss26-admin-route.ss-route-team) .team-empty-title{
    margin-top:8px;

    color:var(--role-color);

    font-size:14px;

    font-weight:900;

    letter-spacing:.05em;

    text-transform:uppercase;
}

:is(body.ss26-admin-route.ss-route-team) .team-empty-text{
    max-width:220px;

    margin-top:5px;

    color:#73798C;

    font-size:14px;

    line-height:1.45;
}



:is(body.ss26-admin-route.ss-route-team) .team-cta{
    position:relative;

    overflow:hidden;

    margin-top:30px;

    min-height:145px;

    padding:28px 30px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:25px;

    border:1px solid rgba(109,74,255,.48);

    border-radius:14px;

    background:
        radial-gradient(
            circle at 12% 50%,
            rgba(139,92,246,.20),
            transparent 28%
        ),
        radial-gradient(
            circle at 85% 50%,
            rgba(0,123,255,.12),
            transparent 28%
        ),
        linear-gradient(
            110deg,
            #080918,
            #060711
        );
}

:is(body.ss26-admin-route.ss-route-team) .team-cta:before{
    content:"";

    position:absolute;

    inset:0;

    background-image:
        linear-gradient(
            rgba(100,65,220,.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(100,65,220,.08) 1px,
            transparent 1px
        );

    background-size:34px 34px;

    opacity:.5;
}

:is(body.ss26-admin-route.ss-route-team) .team-cta-content{
    position:relative;

    z-index:2;

    max-width:500px;
}

:is(body.ss26-admin-route.ss-route-team) .team-cta h2{
    margin:0;

    color:#E8EAF2;

    font-size:20px;

    line-height:1.15;

    font-weight:900;
}

:is(body.ss26-admin-route.ss-route-team) .team-cta h2 span{
    color:#7C5CFF;
}

:is(body.ss26-admin-route.ss-route-team) .team-cta p{
    margin:8px 0 0;

    color:#8D93A6;

    font-size:14px;

    line-height:1.55;
}

:is(body.ss26-admin-route.ss-route-team) .team-cta-actions{
    position:relative;

    z-index:2;

    display:flex;

    gap:10px;

    flex-wrap:wrap;
}

:is(body.ss26-admin-route.ss-route-team) .team-btn{
    min-height:42px;

    padding:0 18px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:7px;

    border-radius:8px;

    text-decoration:none !important;

    font-size:14px;

    font-weight:900;

    letter-spacing:.02em;

    transition:all .2s ease;
}

:is(body.ss26-admin-route.ss-route-team) .team-btn-primary{
    color:white !important;

    background:
        linear-gradient(
            135deg,
            #8B2EFF,
            #6121FF
        );

    border:1px solid rgba(182,120,255,.55);

    box-shadow:
        0 8px 25px rgba(101,31,255,.30);
}

:is(body.ss26-admin-route.ss-route-team) .team-btn-primary:hover{
    transform:translateY(-2px);

    box-shadow:
        0 12px 32px rgba(101,31,255,.42);
}

:is(body.ss26-admin-route.ss-route-team) .team-btn-ghost{
    color:#D8D9E4 !important;

    background:rgba(10,11,24,.80);

    border:1px solid rgba(130,130,170,.28);
}

:is(body.ss26-admin-route.ss-route-team) .team-btn-ghost:hover{
    border-color:#8B5CF6;

    background:rgba(139,92,246,.08);
}



@media (max-width:1050px){

    :is(body.ss26-admin-route.ss-route-team) .team-role-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    :is(body.ss26-admin-route.ss-route-team) .team-hero-content{
        width:62%;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-hero-orb{
        right:3%;

        transform:
            translateY(-50%)
            scale(.85);
    }
}

@media (max-width:760px){

    :is(body.ss26-admin-route.ss-route-team) .team-page{
        padding-left:10px;
        padding-right:10px;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-hero{
        min-height:auto;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-hero-content{
        width:100%;

        padding:
            34px
            25px
            28px;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-hero h1{
        font-size:36px;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-hero-orb{

        position:relative;

        right:auto;
        top:auto;

        width:190px;
        height:190px;

        margin:
            0
            auto
            30px;

        transform:none;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-orb-core{
        width:90px;
        height:90px;

        border-radius:25px;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-orb-core span{
        font-size:50px;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-stats{
        grid-template-columns:1fr;

        max-width:none;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-section-head{
        align-items:flex-start;

        flex-direction:column;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-status{
        width:100%;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-role-grid{
        grid-template-columns:1fr;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-cta{
        padding:24px 20px;

        flex-direction:column;

        align-items:flex-start;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-cta-actions{
        width:100%;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-btn{
        flex:1;
    }
}

@media (max-width:430px){

    :is(body.ss26-admin-route.ss-route-team) .team-hero-content{
        padding:
            28px
            18px
            20px;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-hero h1{
        font-size:31px;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-hero-text{
        font-size:14px;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-role-head{
        padding-left:13px;
        padding-right:13px;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-member{
        margin-left:12px;
        margin-right:12px;
    }

    :is(body.ss26-admin-route.ss-route-team) .team-member-arrow{
        width:28px;
        height:28px;

        font-size:15px;
    }
}

:is(body.ss26-admin-route.ss-route-team) .team-page{width:min(100%,1760px);max-width:1760px;margin-inline:auto;padding-inline:clamp(12px,2vw,28px)}
:is(body.ss26-admin-route.ss-route-team) .team-hero-text,
:is(body.ss26-admin-route.ss-route-team) .team-member-info,
:is(body.ss26-admin-route.ss-route-team) .team-cta p{font-size:16px;line-height:1.6}
:is(body.ss26-admin-route.ss-route-team) .team-btn,
:is(body.ss26-admin-route.ss-route-team) .team-role-head,
:is(body.ss26-admin-route.ss-route-team) .team-status{font-size:16px}
:is(body.ss26-admin-route.ss-route-team) .team-member{min-width:0}
@media (max-width:600px){:is(body.ss26-admin-route.ss-route-team) .team-page{padding-inline:12px}:is(body.ss26-admin-route.ss-route-team) .team-cta-actions{display:flex;flex-wrap:wrap;gap:10px}:is(body.ss26-admin-route.ss-route-team) .team-btn{min-height:48px}}


/* ========= assets/css/staff-chat.css ========= */
body.ss-chat-locked{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#09090f;color:#fff;font-family:Arial,sans-serif}
            body.ss-chat-locked .box{max-width:460px;padding:35px;text-align:center;border:1px solid #262633;border-radius:20px;background:#111119}
            body.ss-chat-locked .icon{font-size:45px}
            body.ss-chat-locked h1{font-size:24px}
            body.ss-chat-locked p{color:#9292a3;line-height:1.6}
            body.ss-chat-locked a{display:inline-block;margin-top:12px;padding:11px 18px;border-radius:10px;color:white;text-decoration:none;background:linear-gradient(135deg,#8b5cf6,#6366f1)}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-page{max-width:1250px;margin:0 auto;padding:20px 0 60px}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:30px 34px;border-radius:22px;border:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 70% 0%,rgba(168,85,247,.16),transparent 38%),linear-gradient(135deg,var(--surface),var(--bg2))}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-eyebrow{display:flex;align-items:center;gap:7px;color:#a78bfa;font-size:14px;font-weight:900;letter-spacing:.15em}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-eyebrow span{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-header h1{margin:10px 0 4px;font-size:31px;letter-spacing:-.04em}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-header h1 strong{color:#a78bfa}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-header p{margin:0;color:var(--muted);font-size:14px}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-secure{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid rgba(168,85,247,.25);border-radius:13px;background:rgba(168,85,247,.07);color:#c084fc;font-size:20px}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-secure span{font-size:14px;line-height:1.5;font-weight:900;letter-spacing:.1em}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:15px;margin-top:15px}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-main{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(168,85,247,.07),transparent)}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-toolbar b,
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-toolbar span{display:block}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-toolbar span{margin-top:3px;color:var(--muted);font-size:14px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-role{padding:6px 9px;border-radius:8px;border:1px solid rgba(168,85,247,.25);color:#c084fc;background:rgba(168,85,247,.08);font-size:14px;font-weight:900}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-messages{min-height:480px;max-height:650px;overflow-y:auto;padding:20px;scroll-behavior:smooth}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message{display:flex;gap:10px;position:relative;margin-bottom:18px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message.mine{flex-direction:row-reverse}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-avatar{position:relative;flex-shrink:0;width:36px;height:36px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-avatar img,
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-avatar span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;object-fit:cover;background:#181821;color:#c084fc;font-size:14px;font-weight:900}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-avatar i{position:absolute;right:-1px;bottom:0;width:8px;height:8px;border-radius:50%;border:2px solid var(--surface);background:#22c55e}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message-body{position:relative;max-width:78%}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message.mine .chat-message-body{text-align:right}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message-meta{display:flex;align-items:center;gap:7px;margin-bottom:5px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message.mine .chat-message-meta{justify-content:flex-end}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message-meta b{font-size:14px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message-meta time{color:var(--muted);font-size:14px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message-role{padding:2px 5px;border:1px solid;border-radius:5px;font-size:14px;font-weight:900}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-bubble{display:inline-block;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:var(--bg2);color:var(--text2);font-size:14px;line-height:1.6;text-align:left;word-break:break-word}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message.mine .chat-bubble{background:linear-gradient(135deg,rgba(139,92,246,.20),rgba(99,102,241,.10));border-color:rgba(139,92,246,.25)}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-delete-form{position:absolute;right:-20px;top:22px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message.mine .chat-delete-form{left:-20px;right:auto}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-delete-form button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:16px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-delete-form button:hover{color:#ef4444}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-empty{min-height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted)}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-empty div{font-size:42px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-empty h3{color:var(--text);margin:10px 0 3px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-empty p{margin:0;font-size:14px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-composer{padding:13px;border-top:1px solid var(--line);background:var(--bg2)}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-composer textarea{width:100%;min-height:65px;resize:vertical;box-sizing:border-box;border:1px solid var(--line2);border-radius:12px;padding:11px;background:var(--surface);color:var(--text);outline:none;font-family:inherit;font-size:14px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-composer textarea:focus{border-color:rgba(168,85,247,.55);box-shadow:0 0 0 3px rgba(168,85,247,.06)}
:is(body.ss26-admin-route.ss-route-staff-chat) .composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
:is(body.ss26-admin-route.ss-route-staff-chat) .composer-bottom span{color:var(--muted);font-size:14px}
:is(body.ss26-admin-route.ss-route-staff-chat) .composer-bottom button{border:0;cursor:pointer;padding:9px 15px;border-radius:9px;color:white;background:linear-gradient(135deg,#8b5cf6,#6366f1);font-size:14px;font-weight:900}
:is(body.ss26-admin-route.ss-route-staff-chat) .composer-bottom button strong{margin-left:6px}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-sidebar{align-self:start;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
:is(body.ss26-admin-route.ss-route-staff-chat) .sidebar-title{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--line)}
:is(body.ss26-admin-route.ss-route-staff-chat) .sidebar-title>span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(168,85,247,.10)}
:is(body.ss26-admin-route.ss-route-staff-chat) .sidebar-title b,
:is(body.ss26-admin-route.ss-route-staff-chat) .sidebar-title small{display:block}
:is(body.ss26-admin-route.ss-route-staff-chat) .sidebar-title b{font-size:14px}
:is(body.ss26-admin-route.ss-route-staff-chat) .sidebar-title small{margin-top:3px;color:var(--muted);font-size:14px}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-list{padding:8px}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini{display:flex;align-items:center;gap:10px;padding:9px;border-radius:10px;text-decoration:none;color:inherit}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini:hover{background:var(--bg2)}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-avatar{position:relative;width:32px;height:32px;flex-shrink:0}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-avatar:not(:has(img)){display:flex;align-items:center;justify-content:center;border-radius:50%;background:#181821;color:#c084fc;font-size:14px;font-weight:900}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-avatar i{position:absolute;right:-1px;bottom:0;width:7px;height:7px;border:2px solid var(--surface);border-radius:50%}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-info{min-width:0;display:flex;flex-direction:column;gap:2px}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-info b{font-size:14px}
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-info span{font-size:14px;font-weight:900;letter-spacing:.05em}
:is(body.ss26-admin-route.ss-route-staff-chat) .sidebar-security{margin:10px;padding:13px;border:1px solid rgba(168,85,247,.18);border-radius:12px;background:rgba(168,85,247,.05)}
:is(body.ss26-admin-route.ss-route-staff-chat) .sidebar-security div{font-size:20px}
:is(body.ss26-admin-route.ss-route-staff-chat) .sidebar-security b{display:block;margin-top:7px;font-size:14px}
:is(body.ss26-admin-route.ss-route-staff-chat) .sidebar-security p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
:is(body.ss26-admin-route.ss-route-staff-chat) .back-team{display:block;margin:10px;padding:10px;border:1px solid var(--line);border-radius:9px;text-align:center;color:var(--text2);font-size:14px;font-weight:800}
:is(body.ss26-admin-route.ss-route-staff-chat) .back-team:hover{color:#c084fc;border-color:rgba(168,85,247,.3)}
@media (max-width:850px){:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-layout{grid-template-columns:1fr}:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-sidebar{order:-1}:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-list{display:grid;grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-page{padding-top:10px}:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-header{padding:22px}:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-secure{display:none}:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-header h1{font-size:26px}:is(body.ss26-admin-route.ss-route-staff-chat) .chat-messages{min-height:400px;padding:13px}:is(body.ss26-admin-route.ss-route-staff-chat) .chat-message-body{max-width:84%}:is(body.ss26-admin-route.ss-route-staff-chat) .composer-bottom{align-items:flex-end}:is(body.ss26-admin-route.ss-route-staff-chat) .composer-bottom span{max-width:65%;line-height:1.4}:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-list{grid-template-columns:1fr 1fr}}

:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-page{width:min(100%,1760px);max-width:1760px;margin-inline:auto;padding:24px clamp(12px,2vw,28px) 64px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-bubble,
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-composer textarea,
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-info,
:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-header p{font-size:16px;line-height:1.55}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-composer textarea{min-height:100px}
:is(body.ss26-admin-route.ss-route-staff-chat) .chat-composer button,
:is(body.ss26-admin-route.ss-route-staff-chat) .back-team{min-height:48px;font-size:16px}
body.ss-chat-locked{padding:20px;font-size:16px}
body.ss-chat-locked .box{width:min(100%,460px);box-sizing:border-box}
body.ss-chat-locked .box a{min-height:48px;box-sizing:border-box}
@media (max-width:640px){:is(body.ss26-admin-route.ss-route-staff-chat) .staff-chat-page{padding:14px 12px 48px}:is(body.ss26-admin-route.ss-route-staff-chat) .chat-messages{min-height:340px}:is(body.ss26-admin-route.ss-route-staff-chat) .staff-mini-list{grid-template-columns:1fr}}


/* ========= assets/css/admin-gta-import.css ========= */
:is(body.ss26-admin-route.ss-route-gta-import){
    --bg:#05060a;
    --panel:#0d1018;
    --panel2:#111522;
    --line:rgba(255,255,255,.08);
    --text:#f8fafc;
    --muted:#9299aa;

    --purple:#a855f7;
    --blue:#3b82f6;
    --green:#22c55e;
    --orange:#f59e0b;
    --red:#ef4444;
}

:is(body.ss26-admin-route.ss-route-gta-import) *{
    box-sizing:border-box;
}

html:has(> :is(body.ss26-admin-route.ss-route-gta-import)){
    scroll-behavior:smooth;
}

:is(body.ss26-admin-route.ss-route-gta-import){
    margin:0;
    min-height:100vh;
    color:var(--text);
    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    background:
        radial-gradient(
            circle at 5% -10%,
            rgba(168,85,247,.20),
            transparent 30%
        ),
        radial-gradient(
            circle at 100% 0%,
            rgba(59,130,246,.14),
            transparent 28%
        ),
        #05060a;
}

:is(body.ss26-admin-route.ss-route-gta-import) a{
    color:inherit;
    text-decoration:none;
}

:is(body.ss26-admin-route.ss-route-gta-import) .container{
    width:min(1250px,94%);
    margin:auto;
    padding:30px 0 70px;
}

/* HERO */

:is(body.ss26-admin-route.ss-route-gta-import) .hero{
    position:relative;
    overflow:hidden;

    border:1px solid var(--line);
    border-radius:28px;

    padding:38px;

    background:
        linear-gradient(
            135deg,
            rgba(168,85,247,.13),
            rgba(59,130,246,.04)
        ),
        rgba(13,16,24,.96);

    box-shadow:
        0 35px 100px rgba(0,0,0,.45);
}

:is(body.ss26-admin-route.ss-route-gta-import) .hero:after{
    content:"";

    position:absolute;

    width:400px;
    height:400px;

    right:-170px;
    top:-230px;

    border-radius:50%;

    background:rgba(168,85,247,.15);

    filter:blur(60px);
}

:is(body.ss26-admin-route.ss-route-gta-import) .kicker{
    position:relative;

    color:#c084fc;

    font-size:14px;
    font-weight:900;

    letter-spacing:.16em;
    text-transform:uppercase;
}

:is(body.ss26-admin-route.ss-route-gta-import) .hero h1{
    position:relative;

    margin:10px 0;

    font-size:
        clamp(
            34px,
            5vw,
            58px
        );

    line-height:1;

    letter-spacing:-.045em;
}

:is(body.ss26-admin-route.ss-route-gta-import) .hero p{
    position:relative;

    max-width:850px;

    margin:0;

    color:var(--muted);

    line-height:1.7;
}

:is(body.ss26-admin-route.ss-route-gta-import) .live-pill{
    position:relative;

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:22px;

    padding:9px 13px;

    border-radius:999px;

    border:1px solid
        rgba(34,197,94,.25);

    background:
        rgba(34,197,94,.07);

    color:#86efac;

    font-size:14px;

    font-weight:900;
}

:is(body.ss26-admin-route.ss-route-gta-import) .dot{
    width:8px;
    height:8px;

    border-radius:50%;

    background:#22c55e;

    box-shadow:
        0 0 16px #22c55e;
}

/* STATS */

:is(body.ss26-admin-route.ss-route-gta-import) .stats{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:14px;

    margin-top:18px;
}

:is(body.ss26-admin-route.ss-route-gta-import) .stat{
    border:1px solid var(--line);

    border-radius:20px;

    padding:22px;

    background:
        rgba(13,16,24,.92);
}

:is(body.ss26-admin-route.ss-route-gta-import) .stat small{
    display:block;

    color:var(--muted);

    font-size:14px;

    font-weight:900;

    letter-spacing:.08em;

    text-transform:uppercase;
}

:is(body.ss26-admin-route.ss-route-gta-import) .stat strong{
    display:block;

    margin-top:5px;

    font-size:32px;
}

/* IMPORT CARDS */

:is(body.ss26-admin-route.ss-route-gta-import) .import-grid{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:17px;

    margin-top:20px;
}

:is(body.ss26-admin-route.ss-route-gta-import) .game{
    position:relative;

    overflow:hidden;

    padding:25px;

    border:1px solid var(--line);

    border-radius:23px;

    background:
        linear-gradient(
            145deg,
            #111521,
            #090b11
        );

    transition:.2s;
}

:is(body.ss26-admin-route.ss-route-gta-import) .game:hover{
    transform:translateY(-4px);

    border-color:
        rgba(168,85,247,.35);

    box-shadow:
        0 25px 60px rgba(0,0,0,.35);
}

:is(body.ss26-admin-route.ss-route-gta-import) .icon{
    width:55px;
    height:55px;

    display:grid;
    place-items:center;

    margin-bottom:17px;

    border-radius:17px;

    font-size:27px;

    background:
        rgba(168,85,247,.10);

    border:1px solid
        rgba(168,85,247,.18);
}

:is(body.ss26-admin-route.ss-route-gta-import) .game h2{
    margin:0 0 7px;

    font-size:22px;
}

:is(body.ss26-admin-route.ss-route-gta-import) .game p{
    min-height:55px;

    color:var(--muted);

    font-size:14px;

    line-height:1.6;
}

:is(body.ss26-admin-route.ss-route-gta-import) .btn{
    width:100%;

    min-height:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:14px;

    border:1px solid
        rgba(168,85,247,.30);

    background:
        linear-gradient(
            135deg,
            #a855f7,
            #7c3aed
        );

    color:#fff;

    font-weight:900;

    font-size:14px;

    transition:.2s;
}

:is(body.ss26-admin-route.ss-route-gta-import) .btn:hover{
    transform:translateY(-2px);

    filter:brightness(1.08);
}

:is(body.ss26-admin-route.ss-route-gta-import) .btn.blue{
    background:
        linear-gradient(
            135deg,
            #3b82f6,
            #2563eb
        );
}

:is(body.ss26-admin-route.ss-route-gta-import) .btn.green{
    background:
        linear-gradient(
            135deg,
            #22c55e,
            #16a34a
        );
}

/* INFO */

:is(body.ss26-admin-route.ss-route-gta-import) .safe{
    margin-top:20px;

    padding:20px;

    border-radius:19px;

    border:1px solid
        rgba(59,130,246,.18);

    background:
        rgba(59,130,246,.05);

    color:#bfdbfe;

    font-size:14px;

    line-height:1.7;
}

/* RESULTS */

:is(body.ss26-admin-route.ss-route-gta-import) .results{
    margin-top:24px;
}

:is(body.ss26-admin-route.ss-route-gta-import) .result{
    overflow:hidden;

    margin-bottom:15px;

    border:1px solid var(--line);

    border-radius:21px;

    background:
        rgba(13,16,24,.96);
}

:is(body.ss26-admin-route.ss-route-gta-import) .result-head{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    padding:19px 21px;

    border-bottom:1px solid var(--line);
}

:is(body.ss26-admin-route.ss-route-gta-import) .title{
    font-size:16px;
    font-weight:900;
}

:is(body.ss26-admin-route.ss-route-gta-import) .sub{
    margin-top:4px;

    color:var(--muted);

    font-size:14px;
}

:is(body.ss26-admin-route.ss-route-gta-import) .badges{
    display:flex;

    flex-wrap:wrap;

    gap:7px;
}

:is(body.ss26-admin-route.ss-route-gta-import) .badge{
    padding:6px 10px;

    border-radius:999px;

    border:1px solid var(--line);

    background:#171b25;

    font-size:14px;

    font-weight:900;
}

:is(body.ss26-admin-route.ss-route-gta-import) .badge.new{
    color:#86efac;

    background:
        rgba(34,197,94,.07);

    border-color:
        rgba(34,197,94,.20);
}

:is(body.ss26-admin-route.ss-route-gta-import) .badge.update{
    color:#93c5fd;

    background:
        rgba(59,130,246,.07);

    border-color:
        rgba(59,130,246,.20);
}

:is(body.ss26-admin-route.ss-route-gta-import) .badge.reject{
    color:#fcd34d;

    background:
        rgba(245,158,11,.07);

    border-color:
        rgba(245,158,11,.20);
}

:is(body.ss26-admin-route.ss-route-gta-import) .badge.error{
    color:#fca5a5;

    background:
        rgba(239,68,68,.07);

    border-color:
        rgba(239,68,68,.20);
}

:is(body.ss26-admin-route.ss-route-gta-import) .result-grid{
    display:grid;

    grid-template-columns:
        repeat(7,1fr);
}

:is(body.ss26-admin-route.ss-route-gta-import) .metric{
    padding:17px;

    border-right:1px solid var(--line);
}

:is(body.ss26-admin-route.ss-route-gta-import) .metric:last-child{
    border-right:0;
}

:is(body.ss26-admin-route.ss-route-gta-import) .metric small{
    display:block;

    color:var(--muted);

    font-size:14px;

    font-weight:900;

    text-transform:uppercase;
}

:is(body.ss26-admin-route.ss-route-gta-import) .metric strong{
    display:block;

    margin-top:5px;

    font-size:21px;
}

:is(body.ss26-admin-route.ss-route-gta-import) .reasons{
    padding:15px 20px;

    border-top:1px solid var(--line);

    color:#cbd5e1;

    font-size:14px;

    line-height:1.7;
}

:is(body.ss26-admin-route.ss-route-gta-import) .notice{
    margin-top:15px;

    padding:16px 19px;

    border-radius:16px;

    border:1px solid
        rgba(245,158,11,.18);

    background:
        rgba(245,158,11,.05);

    color:#fde68a;

    font-size:14px;

    line-height:1.7;
}

:is(body.ss26-admin-route.ss-route-gta-import) .footer{
    text-align:center;

    margin-top:30px;

    color:#606778;

    font-size:14px;
}

/* MOBILE */

@media (max-width:950px){

    :is(body.ss26-admin-route.ss-route-gta-import) .import-grid{
        grid-template-columns:1fr;
    }

    :is(body.ss26-admin-route.ss-route-gta-import) .stats{
        grid-template-columns:1fr;
    }

    :is(body.ss26-admin-route.ss-route-gta-import) .result-grid{
        grid-template-columns:
            repeat(3,1fr);
    }
}

@media (max-width:600px){

    :is(body.ss26-admin-route.ss-route-gta-import) .container{
        width:92%;
    }

    :is(body.ss26-admin-route.ss-route-gta-import) .hero{
        padding:27px;
    }

    :is(body.ss26-admin-route.ss-route-gta-import) .result-head{
        align-items:flex-start;

        flex-direction:column;
    }

    :is(body.ss26-admin-route.ss-route-gta-import) .result-grid{
        grid-template-columns:
            repeat(2,1fr);
    }

    :is(body.ss26-admin-route.ss-route-gta-import) .metric{
        border-bottom:1px solid var(--line);
    }
}

/* Explicit user-triggered scan buttons */
:is(body.ss26-admin-route.ss-route-gta-import) .scan-form{margin:0}
:is(body.ss26-admin-route.ss-route-gta-import) button.btn{cursor:pointer;font-family:inherit}
:is(body.ss26-admin-route.ss-route-gta-import) button.btn:disabled{cursor:wait;opacity:.65}


/* 2027 Admin import refinement – layout only; import flows unchanged. */
:is(body.ss26-admin-route.ss-route-gta-import) .container{width:min(1650px,calc(100% - 38px));}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-admin-back{display:inline-flex;align-items:center;color:#ddc3ff;font-size:16px;font-weight:800;margin-bottom:18px;padding:12px 16px;border-radius:10px;border:1px solid #6742a9;background:#13172d}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-manual-panel{margin-top:22px}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-manual-form{padding:22px;display:grid;gap:12px}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-manual-form label{font-size:16px;font-weight:800;color:#dbe5fa}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-manual-form select,
:is(body.ss26-admin-route.ss-route-gta-import) .gta-manual-form textarea{width:100%;max-width:100%;min-height:49px;margin:0;padding:13px;border-radius:10px;background:#111b2f;color:#fff;border:1px solid #425584;font-size:16px}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-manual-form textarea{font-family:ui-monospace,Consolas,monospace;min-height:170px;resize:vertical;line-height:1.65}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-manual-form :is(select,textarea):focus-visible{outline:3px solid #8d64ff;outline-offset:2px}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-manual-form .gta-manual-submit{justify-self:start;margin-top:8px;min-height:48px;font-size:16px}
:is(body.ss26-admin-route.ss-route-gta-import) .hero p,
:is(body.ss26-admin-route.ss-route-gta-import) .result .sub,
:is(body.ss26-admin-route.ss-route-gta-import) .game p,
:is(body.ss26-admin-route.ss-route-gta-import) .safe{font-size:16px;line-height:1.65}
@media (max-width:700px){:is(body.ss26-admin-route.ss-route-gta-import) .container{width:calc(100% - 24px)}:is(body.ss26-admin-route.ss-route-gta-import) .gta-manual-form{padding:16px}:is(body.ss26-admin-route.ss-route-gta-import) .gta-manual-form .gta-manual-submit{width:100%;justify-self:stretch}}

/* Approved MockUp alignment: compact three-game management cards, 16px legible controls. */
:is(body.ss26-admin-route.ss-route-gta-import){background:radial-gradient(ellipse at 52% -20%,rgba(101,53,212,.19),transparent 52%),#060c1a}
:is(body.ss26-admin-route.ss-route-gta-import) .container{width:min(1480px,calc(100% - 38px))}
:is(body.ss26-admin-route.ss-route-gta-import) .hero{border:1px solid #3e4385;background:linear-gradient(120deg,#141a37,#0a1630 75%);border-radius:16px;box-shadow:0 20px 65px #03061073}
:is(body.ss26-admin-route.ss-route-gta-import) .hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.1}
:is(body.ss26-admin-route.ss-route-gta-import) .stat,
:is(body.ss26-admin-route.ss-route-gta-import) .game,
:is(body.ss26-admin-route.ss-route-gta-import) .result,
:is(body.ss26-admin-route.ss-route-gta-import) .safe{border-color:#2f4571;background:linear-gradient(140deg,#101e3a,#091529);border-radius:15px}
:is(body.ss26-admin-route.ss-route-gta-import) .stat strong{font-size:clamp(26px,2.6vw,38px)}
:is(body.ss26-admin-route.ss-route-gta-import) .game{padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;gap:8px}
:is(body.ss26-admin-route.ss-route-gta-import) .game h2{font-size:24px}
:is(body.ss26-admin-route.ss-route-gta-import) .game p{flex:1;margin:0 0 18px;min-height:0}
:is(body.ss26-admin-route.ss-route-gta-import) .game .scan-form{margin-top:auto}
:is(body.ss26-admin-route.ss-route-gta-import) .game .btn,
:is(body.ss26-admin-route.ss-route-gta-import) .gta-manual-form .btn{min-height:48px;font-size:16px;border-radius:10px}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-game-art{width:56px;height:56px;padding:4px;margin-bottom:5px;border:1px solid #5743a3;border-radius:12px;background:#161c39}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-game-art img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-game-art-text{font-size:17px;letter-spacing:.05em;color:#d8b2ff;font-weight:950}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-admin-back:focus-visible,
:is(body.ss26-admin-route.ss-route-gta-import) .scan-form .btn:focus-visible{outline:3px solid #79d4ff;outline-offset:3px}
@media (min-width:701px) and (max-width:1024px){:is(body.ss26-admin-route.ss-route-gta-import) .import-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){:is(body.ss26-admin-route.ss-route-gta-import) .container{width:calc(100% - 24px)}:is(body.ss26-admin-route.ss-route-gta-import) .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}:is(body.ss26-admin-route.ss-route-gta-import) .stat{padding:15px}:is(body.ss26-admin-route.ss-route-gta-import) .import-grid{grid-template-columns:minmax(0,1fr)}:is(body.ss26-admin-route.ss-route-gta-import) .hero{padding:22px 18px}:is(body.ss26-admin-route.ss-route-gta-import) .game{padding:20px 18px}}
@media (max-width:380px){:is(body.ss26-admin-route.ss-route-gta-import) .stats{grid-template-columns:minmax(0,1fr)}}

:is(body.ss26-admin-route.ss-route-gta-import) .gta-import-nav{display:flex;flex-wrap:wrap;gap:9px;margin:-4px 0 18px}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-import-nav a{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 17px;border:1px solid #32476e;border-radius:10px;background:#101d36;color:#c2cee8;font-size:16px;font-weight:800}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-import-nav a[aria-current="page"]{color:#fff;border-color:#ad6fff;background:linear-gradient(120deg,#7135cc,#443b97)}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-import-nav a:focus-visible{outline:3px solid #79d4ff;outline-offset:3px}
@media (max-width:480px){:is(body.ss26-admin-route.ss-route-gta-import) .gta-import-nav a{flex:1 1 100%}}


/* ========= assets/css/admin-esports.css ========= */
/* PandaScore Owner/Admin screen — isolated standalone page, no PHP inline styling. */
:is(body.ss26-admin-route.ss-route-esports-setup) *{box-sizing:border-box}
html:has(> :is(body.ss26-admin-route.ss-route-esports-setup)){color-scheme:dark}
:is(body.ss26-admin-route.ss-route-esports-setup).ss-esports-admin{margin:0;min-height:100vh;background:radial-gradient(circle at 92% 0%,#35256988,transparent 31%),radial-gradient(circle at 5% 24%,#102f52a1,transparent 43%),#050b19;color:#f5f7ff;font-family:Inter,system-ui,-apple-system,Arial,sans-serif;font-size:16px;line-height:1.55}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-shell{min-width:0;max-width:1760px;margin:0 auto;padding:0 clamp(12px,2.8vw,44px) 76px}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-navbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 0 22px;border-bottom:1px solid #2b3a62}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-brand{display:inline-flex;align-items:center;gap:12px;min-width:0;color:#fff;text-decoration:none;font-size:23px;font-weight:950;line-height:1.05;letter-spacing:.015em}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-logo{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #bc69ed;border-radius:13px;background:linear-gradient(145deg,#ad4ae7,#335fe8);font-size:27px;transform:skew(-6deg)}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-brand-accent{color:#699bff}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-brand small{display:block;margin-top:4px;font-size:14px;letter-spacing:.13em;color:#b8caec}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-back{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:46px;padding:9px 17px;border:1px solid #526393;border-radius:10px;background:#142345;color:#f2f4ff;text-decoration:none;font-size:16px;font-weight:800}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-back:hover{background:#253464;border-color:#b18bff}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-main{margin:25px 0 0}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;overflow:hidden;min-height:250px;padding:clamp(22px,4vw,46px);border:1px solid #7656bf;border-radius:19px;background:radial-gradient(circle at 80% 30%,#9750fa45,transparent 31%),linear-gradient(115deg,#1a2a51,#0b1734 65%,#24113d);box-shadow:0 18px 58px #0005}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-hero-copy{min-width:0;max-width:830px}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-kicker{color:#d9aaff;font-size:14px;font-weight:900;letter-spacing:.15em}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-kicker span{color:#9db0d4;padding-inline:6px}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-hero h1{margin:9px 0 12px;color:#fff;font-size:clamp(30px,3.25vw,48px);font-weight:950;line-height:1.14}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-hero p{margin:0;color:#cedbf1;font-size:17px;line-height:1.6}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-hero-mark{flex:0 0 145px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:145px;height:145px;border:2px solid #7872e9;border-radius:32px;background:linear-gradient(135deg,#342066aa,#101a42);box-shadow:0 0 65px #7a3ce659;color:#f1e7ff;font-size:46px;font-weight:950;letter-spacing:-.05em;transform:rotate(-6deg)}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-hero-mark span{display:block;border-radius:5px;background:#2c965f;padding:2px 10px;color:#fff;font-size:13px;line-height:1.4;letter-spacing:.12em;transform:rotate(6deg)}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-stat{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:21px;border:1px solid #334771;border-radius:14px;background:linear-gradient(120deg,#111f3e,#0b1730)}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-stat-label{color:#b8c9e8;font-size:14px;font-weight:900;letter-spacing:.08em}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-pill{display:inline-flex;align-self:flex-start;align-items:center;min-height:40px;padding:7px 13px;border:1px solid #795064;border-radius:999px;background:#431a2a;color:#ffa6b9;font-size:15px;font-weight:900}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-pill-ok{border-color:#258762;background:#163c32;color:#67f1b3}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-stat strong{font-size:17px;color:#fff;overflow-wrap:anywhere}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:17px;align-items:stretch}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-panel{min-width:0;padding:clamp(20px,2.5vw,30px);border:1px solid #384b77;border-radius:16px;background:linear-gradient(150deg,#15213e,#0c142d);box-shadow:0 13px 40px #0004}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-panel-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:23px}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-panel-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #6454ae;border-radius:10px;background:#272458;font-size:22px}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-panel h2{margin:0 0 5px;font-size:23px;line-height:1.25;color:#fff}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-panel-heading p{margin:0;color:#c4d0ea;font-size:16px;line-height:1.5}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-token-form{display:flex;flex-direction:column;align-items:stretch;gap:12px}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-token-form label{color:#cbd5ee;font-size:14px;font-weight:900;letter-spacing:.05em}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-token-form input{width:100%;min-width:0;min-height:52px;padding:12px 15px;border:1px solid #4a638e;border-radius:11px;background:#09162f;color:#fff;font:inherit;font-size:16px}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-token-form input::placeholder{color:#a9b8d5;opacity:1}
:is(body.ss26-admin-route.ss-route-esports-setup) :is(button,a.es-secondary){display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 18px;border-radius:10px;text-align:center;white-space:normal;font:inherit;font-size:16px;font-weight:850;line-height:1.35;cursor:pointer;text-decoration:none}
:is(body.ss26-admin-route.ss-route-esports-setup) button.es-primary{border:1px solid #9e69fe;background:linear-gradient(105deg,#893deb,#4e63e8);color:#fff}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-secondary{width:100%;border:1px solid #52669c;background:#142547;color:#e5edff}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-actions form{min-width:0;margin:0}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-actions>a{grid-column:1/-1}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-help{margin:24px 0 0;padding:15px;border-left:3px solid #9360ea;border-radius:7px;background:#1a2144;color:#c9d8ef;font-size:16px;line-height:1.65}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-message{margin:12px 0;padding:14px 17px;border:1px solid #4774a1;border-radius:12px;background:#102742;color:#c9e6ff;font-size:16px;line-height:1.55;overflow-wrap:anywhere}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-message-ok{border-color:#2d8c69;background:#15352d;color:#a4f8ca}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-message-error{border-color:#a15c6b;background:#422333;color:#ffd2dd}
:is(body.ss26-admin-route.ss-route-esports-setup) :is(input,button,a):focus-visible{outline:3px solid #cba6ff;outline-offset:3px}
@media (max-width:950px){:is(body.ss26-admin-route.ss-route-esports-setup) .es-grid{grid-template-columns:1fr}:is(body.ss26-admin-route.ss-route-esports-setup) .es-hero-mark{flex-basis:118px;width:118px;height:118px;font-size:34px}}
@media (max-width:600px){:is(body.ss26-admin-route.ss-route-esports-setup) .es-navbar{padding:15px 0;flex-wrap:wrap}:is(body.ss26-admin-route.ss-route-esports-setup) .es-brand{font-size:19px}:is(body.ss26-admin-route.ss-route-esports-setup) .es-logo{flex-basis:40px;width:40px;height:40px;font-size:22px}:is(body.ss26-admin-route.ss-route-esports-setup) .es-back{width:100%}:is(body.ss26-admin-route.ss-route-esports-setup) .es-main{margin-top:14px}:is(body.ss26-admin-route.ss-route-esports-setup) .es-hero{padding:22px 17px;min-height:0}:is(body.ss26-admin-route.ss-route-esports-setup) .es-hero-mark{display:none}:is(body.ss26-admin-route.ss-route-esports-setup) .es-hero p{font-size:16px}:is(body.ss26-admin-route.ss-route-esports-setup) .es-status{grid-template-columns:1fr;gap:10px}:is(body.ss26-admin-route.ss-route-esports-setup) .es-panel{padding:19px 16px}:is(body.ss26-admin-route.ss-route-esports-setup) .es-actions{grid-template-columns:1fr}:is(body.ss26-admin-route.ss-route-esports-setup) .es-actions>a{grid-column:auto}}


/* ========= assets/css/admin-payments-history.css ========= */
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payments-admin{max-width:1540px;margin:0 auto;padding:24px clamp(16px,3vw,48px) 70px;color:#edf0ff;font-size:16px;line-height:1.55}
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-hero{padding:30px 0 24px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-back{display:inline-block;margin-bottom:24px;color:#d4b8ff;text-decoration:none}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-eyebrow{color:#aa8afb;letter-spacing:2px;font-weight:800;font-size:14px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-hero h1{font-size:clamp(28px,3vw,44px);line-height:1.2;margin:10px 0 12px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-hero p{color:#c4cce2;margin:0}
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-stats{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin:16px 0 26px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-stats>div,
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-card{border:1px solid #42416e;border-radius:18px;background:linear-gradient(145deg,#131329,#0c1429);padding:22px;box-shadow:0 8px 30px #05081555}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-stats span{display:block;color:#bcc5e4;font-size:15px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-stats strong{font-size:clamp(20px,2.1vw,27px);display:block;margin-top:7px;color:#fff;font-weight:800}
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-card{margin-bottom:22px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-card h2{font-size:23px;margin:0 0 20px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-card h2 small{font-size:15px;font-weight:500;color:#c6cbeb}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-card p{color:#c6d0e8}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-filters label,
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-refund-form label{font-size:15px;font-weight:700;display:flex;flex:1 1 190px;flex-direction:column;gap:7px;color:#dbe0fa}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-filters input,
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-filters select,
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-refund-form input,
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-refund-form select,
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-refund-form textarea{width:100%;box-sizing:border-box;border:1px solid #595780;border-radius:10px;background:#090f22;color:#fff;padding:12px 14px;font:inherit;min-height:46px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-button,
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-clear{border:1px solid #9661ec;background:#7843c6;color:#fff;padding:12px 17px;border-radius:11px;font:700 16px system-ui;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-block}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-clear{background:transparent;color:#e6d6ff}
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-table-wrap{width:100%;overflow-x:auto}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-table{border-collapse:collapse;width:100%;min-width:920px;font-size:15px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-table th,
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-table td{text-align:left;padding:15px 12px;border-bottom:1px solid #353451;vertical-align:top}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-table th{font-weight:800;color:#b7c3ed;white-space:nowrap}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-table td{color:#ebefff}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-table td b{font-weight:800}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-table small{display:block;font-size:14px;color:#acb4d0;margin-top:4px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-table a{color:#d6b9ff;white-space:nowrap}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-table code{font-size:14px;overflow-wrap:anywhere}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-pill{display:inline-block;border:1px solid #675492;border-radius:8px;padding:4px 8px;white-space:nowrap;background:#35274d;color:#ede2ff}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-pagination{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-top:18px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-pagination a{color:#ddbfff}
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-refund-form{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid #4e456b;margin-top:24px;padding-top:24px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-refund-form h3,
:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-refund-form p{width:100%;margin:0}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-refund-form h3{font-size:20px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-refund-form .ss-payment-full{flex:1 1 100%}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-refund-form .ss-payment-check{flex-direction:row;align-items:center}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-check input{width:auto;min-height:18px;accent-color:#a76bff}:is(body.ss26-admin-route.ss-route-payments-history) .ss-pay-alert{border-radius:12px;padding:14px 17px;margin:14px 0 20px;background:#252243;border:1px solid #775ab2}:is(body.ss26-admin-route.ss-route-payments-history) .ss-pay-warning{background:#332819;border-color:#b88538}:is(body.ss26-admin-route.ss-route-payments-history) .ss-pay-error{background:#391d28;border-color:#c55b78}:is(body.ss26-admin-route.ss-route-payments-history) .ss-pay-success{background:#18362c;border-color:#309c7d}
@media (max-width:980px){:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:570px){:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-stats{grid-template-columns:1fr}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-card{padding:16px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payments-admin{padding:18px 14px 55px}:is(body.ss26-admin-route.ss-route-payments-history) .ss-payment-pagination{justify-content:flex-start}}


/* ========= assets/css/backup-admin.css ========= */
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness){color-scheme:dark;--ss-ink:#edf1ff;--ss-sub:#b8c4dc;--ss-line:#293a61;--ss-panel:#0f1a33;--ss-accent:#8246ff}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) *{box-sizing:border-box}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups{margin:0;background:radial-gradient(circle at 80% 0%,#24204e 0%,transparent 43%),linear-gradient(160deg,#060a18,#09142b 60%,#060917);color:var(--ss-ink);font:400 16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-wrap{max-width:1180px;margin:auto;padding:24px 20px 60px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-head{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:12px 0}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .back{color:#c4b5fd;text-decoration:none}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .admin-tag{color:var(--ss-sub);font-size:14px;font-weight:700;letter-spacing:.07em}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-hero{padding:45px 32px;margin:20px 0;border:1px solid var(--ss-line);border-radius:22px;background:linear-gradient(120deg,#16234a,#100e2c 60%,#16133c)}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .eyebrow{color:#a9a2ff;letter-spacing:.12em;font-weight:700;font-size:14px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-hero h1{font-size:clamp(29px,4vw,52px);line-height:1.08;margin:6px 0 15px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-hero p{max-width:780px;color:var(--ss-sub)}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-card{background:var(--ss-panel);border:1px solid var(--ss-line);padding:24px;border-radius:18px;margin-top:0;margin-bottom:16px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-card h2{margin:0 0 8px;font-size:22px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-card p{color:var(--ss-sub)}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) button{background:linear-gradient(115deg,#7138fa,#544bff);color:#fff;font:700 16px system-ui;border:1px solid #9873ff;border-radius:10px;cursor:pointer;padding:12px 16px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) button:disabled{opacity:.48;cursor:not-allowed}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .ghost{background:transparent;border-color:#576485}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-list{display:flex;flex-direction:column;gap:8px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #314165;padding:16px;border-radius:12px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-entry strong,
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-entry small{display:block;overflow-wrap:anywhere}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-entry small{color:var(--ss-sub);font-size:14px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .alert{padding:18px;border-radius:12px;margin-bottom:16px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .error{border:1px solid #d7657d;background:#451b2a}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .success{border:1px solid #4dbca6;background:#143b39}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .tip{background:#192748;padding:14px;border-radius:10px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-foot{font-size:14px;color:var(--ss-sub)}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) a:focus-visible,
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) button:focus-visible{outline:3px solid #d4a7ff;outline-offset:3px}@media (max-width:750px){:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-columns{grid-template-columns:1fr}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-entry{align-items:flex-start;flex-direction:column}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-hero{padding:28px 18px}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .backup-wrap{padding:14px}}

/* Read-only database health panel — shares the Backup visual system. */
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 26px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-overview>div{padding:16px;border:1px solid #354c78;border-radius:14px;background:#141f3e}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-overview strong{display:block;font-size:clamp(25px,3vw,38px);line-height:1.2}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-overview span{display:block;color:var(--ss-sub);font-size:14px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-group{padding:18px 0;border-top:1px solid #354260}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-group-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-group h3{font-size:20px;margin:0}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-group p{margin:8px 0}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-good,
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-warn{padding:6px 10px;border-radius:999px;font-weight:700;font-size:14px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-good{color:#8af7ca;background:#153e36}:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-warn{color:#ffdd95;background:#50391b}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-issue{border-left:3px solid #e9ba70;padding:7px 12px;background:#19213a;border-radius:0 9px 9px 0;overflow-wrap:anywhere}
@media (max-width:750px){:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-overview{grid-template-columns:1fr}}

:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness) .schema-source{display:block;font-size:14px;color:#c0cced;margin:5px 0 0;overflow-wrap:anywhere}

/* Full-width premium styling scoped to the two standalone Owner screens. */
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups{color-scheme:dark;background:radial-gradient(ellipse at 82% 3%,#6933c730,transparent 46%),linear-gradient(160deg,#060915,#0b1530 58%,#060916);overflow-x:clip}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-wrap{width:min(100% - 40px,1750px);max-width:none;margin:auto;padding:18px 0 84px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-head{display:flex;justify-content:flex-end;align-items:center;gap:22px 30px;flex-wrap:wrap;border-bottom:1px solid #2d3760;padding:10px 0 22px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-brand{display:inline-flex;gap:12px;align-items:center;margin-right:auto;color:#f7f3ff;text-decoration:none;font-size:clamp(20px,2.5vw,27px);font-weight:900;letter-spacing:-.025em}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-brand img{display:block;width:min(205px,100%);height:auto;max-height:55px;object-fit:contain;object-position:left center}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-head .back{font-size:16px;min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #4c477b;border-radius:12px;color:#dfd4ff}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-head .admin-tag{font-size:14px;color:#a9b9d6}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(26px,3.5vw,54px);margin:24px 0 26px;border-color:#524187;border-radius:24px;background:radial-gradient(ellipse at 93% 12%,#7540d34d,transparent 52%),linear-gradient(130deg,#171432,#0c1532)}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-hero::after{content:"";position:absolute;inset:auto -12% -100px auto;width:330px;height:330px;border-radius:100%;background:#6e43e526;filter:blur(32px);z-index:-1}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-hero h1{font-size:clamp(32px,3.5vw,55px);letter-spacing:-.03em;max-width:850px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-hero p{max-width:960px;font-size:17px;line-height:1.7;color:#d1d8ef}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-columns{gap:20px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-card{min-width:0;border-radius:20px;border-color:#3d4576;background:linear-gradient(145deg,#121c3a,#0a1129);padding:clamp(20px,2vw,32px);box-shadow:0 14px 36px #0003}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-card h2{font-size:clamp(21px,2vw,27px);line-height:1.3;margin:0 0 12px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-card p,
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-list,
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .tip{font-size:16px;line-height:1.7}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-actions{gap:12px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups button{font-size:16px;min-height:49px;padding:12px 18px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-actions form{min-width:0}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-entry{border-radius:14px;border-color:#384875;padding:18px 20px;background:#0a142b;min-width:0}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-entry>div:first-child{min-width:0;flex:1}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-entry strong{font-size:16px;overflow-wrap:anywhere}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-entry small,
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-foot{font-size:14px;line-height:1.65}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .schema-overview{gap:16px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .schema-overview>div{background:linear-gradient(135deg,#1c2549,#101a37);border-color:#455080;padding:24px;border-radius:16px}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .schema-overview strong{font-size:clamp(28px,3.2vw,42px)}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .schema-group{padding:22px 0}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .schema-group h3{font-size:clamp(20px,2vw,26px)}
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .schema-issue,
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .schema-source{overflow-wrap:anywhere}
@media (max-width:960px){
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-head{justify-content:flex-start}
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-head .back{margin-left:auto}
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-columns{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:650px){
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-wrap{width:calc(100% - 24px);padding:12px 0 55px}
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-head{gap:12px;padding-bottom:16px}
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-brand{width:100%;margin-right:0}
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-head .back{margin:0;flex:1}
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-head .admin-tag{margin-left:auto}
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-hero{border-radius:17px;margin:18px 0;padding:24px 18px}
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-hero p{font-size:16px}
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-card{padding:18px;border-radius:15px}
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-actions,
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-actions form,
:is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .backup-actions button{width:100%}
  :is(body.ss26-admin-route.ss-route-backups,body.ss26-admin-route.ss-route-database-health,body.ss26-admin-route.ss-route-launch-readiness).ss-backups .schema-overview{grid-template-columns:minmax(0,1fr)}
}


/* ========= assets/css/launch-readiness.css ========= */
/* SoulShive launch-readiness: isolated, mobile-first and accessible. */
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-overview>div{min-width:0;background:linear-gradient(130deg,#151d3b,#0c1431);border:1px solid #47517c;border-radius:17px;padding:20px}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-overview strong{font-size:clamp(30px,3.2vw,44px);line-height:1.15;display:block;color:#fafaff;font-variant-numeric:tabular-nums}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-overview span{color:#ced5e9;font-size:15px;font-weight:650}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-section h2{margin-bottom:17px!important}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-rows{display:grid;gap:10px}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding:18px;border:1px solid #344368;background:#0b1530;border-radius:13px}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-copy{flex:1;min-width:0}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-copy h3{font-size:17px;line-height:1.35;margin:0 0 6px;color:#f4f2ff}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-copy p{font-size:15px!important;line-height:1.55!important;margin:0!important;color:#c9d2e8!important;overflow-wrap:anywhere}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-chip{flex:none;white-space:normal;max-width:180px;border-radius:999px;padding:7px 12px;text-align:center;font-size:14px;font-weight:800;line-height:1.35;border:1px solid transparent}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-chip.is-ok{background:#153a33;border-color:#338b74;color:#95f5d0}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-chip.is-warning{background:#422d1e;border-color:#a4763e;color:#ffe2a0}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-chip.is-fail{background:#431d30;border-color:#a84e74;color:#ffb7ce}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-chip.is-unknown{background:#222d47;border-color:#567095;color:#c9dcff}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-money{padding:14px 18px;background:#56231f;border:1px solid #f6a571;border-radius:11px;color:#ffe4cf!important;font-weight:750}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-actions a{font-size:16px;font-weight:700;text-decoration:none;color:#f8f3ff;border:1px solid #7653d3;border-radius:11px;padding:12px 15px;background:#47318d;min-height:46px}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-actions a:hover,
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-actions a:focus-visible{background:#6243b4}
:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-foot{color:#bac8e4;font-size:14px;text-align:right;margin:24px 0}
@media (max-width:850px){:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-row{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-chip{max-width:none}:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-actions{flex-direction:column}:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-actions a{width:100%}:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-overview{gap:9px}:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-overview>div{padding:15px}:is(body.ss26-admin-route.ss-route-launch-readiness) .ss-launch-overview span{font-size:14px}}


/* ========= assets/css/add-server.css ========= */
/* SoulShive 2027 — Add Server dedicated styles: formerly inline. */

/* ==========================================================
   SOULSHIVE — ADD SERVER 2026
   Approved two-column layout restored
   ========================================================== */
:is(body.ss-route-add-server) .as26{
  --as-bg:#050a14;
  --as-panel:#091526;
  --as-panel2:#0b1830;
  --as-line:#29436d;
  --as-line2:#7435df;
  --as-text:#f6f8ff;
  --as-muted:#93a2b9;
  --as-purple:#8d2cff;
  --as-cyan:#35ddff;
  --as-green:#2ee6a3;
  --as-gold:#ffbd4e;
  --as-red:#ff5e7a;
  margin:18px 0 28px;
}
:is(body.ss-route-add-server) .as26 *{box-sizing:border-box}
:is(body.ss-route-add-server) .as26-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:14px;
  align-items:start;
}
:is(body.ss-route-add-server) .as26-panel{
  border:1px solid var(--as-line2);
  border-radius:14px;
  background:
    radial-gradient(circle at 100% 0,rgba(127,43,234,.08),transparent 30%),
    linear-gradient(145deg,#0b1629,#07101e);
  box-shadow:0 18px 45px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.02);
}
:is(body.ss-route-add-server) .as26-form{padding:18px}
:is(body.ss-route-add-server) .as26-title{
  display:flex;align-items:center;gap:13px;margin-bottom:15px
}
:is(body.ss-route-add-server) .as26-title-icon{
  width:49px;height:49px;border-radius:12px;
  border:1px solid #7236d4;
  background:linear-gradient(145deg,#151b42,#12112c);
  display:grid;place-items:center;color:#b46cff;font-size:24px;
  box-shadow:0 0 24px rgba(139,44,255,.10)
}
:is(body.ss-route-add-server) .as26-title h1{font-size:22px;margin:0 0 4px;letter-spacing:-.025em}
:is(body.ss-route-add-server) .as26-title p{font-size:14px;color:var(--as-muted);margin:0;line-height:1.5}

:is(body.ss-route-add-server) .as26-label{
  display:block;
  margin:0 0 5px;
  font-size:14px;
  color:#91a1b7;
  font-weight:850;
  letter-spacing:.03em;
  text-transform:uppercase;
}
:is(body.ss-route-add-server) .as26-label strong{color:#39dfc6}
:is(body.ss-route-add-server) .as26-field{position:relative}
:is(body.ss-route-add-server) .as26-field .ico{
  position:absolute;left:12px;top:50%;transform:translateY(-50%);
  width:19px;height:19px;border-radius:6px;
  display:grid;place-items:center;color:#8873ff;font-size:14px;
  pointer-events:none
}
:is(body.ss-route-add-server) .as26 input[type=text],
:is(body.ss-route-add-server) .as26 input[type=url],
:is(body.ss-route-add-server) .as26 input[type=number],
:is(body.ss-route-add-server) .as26 select,
:is(body.ss-route-add-server) .as26 textarea,
:is(body.ss-route-add-server) .as26 input[type=file]{
  width:100%;
  border:1px solid #2c466f;
  border-radius:8px;
  background:#06101d;
  color:#ecf2fb;
  outline:0;
  transition:.16s ease;
  font-size:14px;
}
:is(body.ss-route-add-server) .as26 input[type=text],
:is(body.ss-route-add-server) .as26 input[type=url],
:is(body.ss-route-add-server) .as26 input[type=number],
:is(body.ss-route-add-server) .as26 select{
  height:42px;padding:0 12px 0 39px
}
:is(body.ss-route-add-server) .as26 input[type=file]{min-height:42px;padding:8px 10px}
:is(body.ss-route-add-server) .as26 textarea{min-height:80px;padding:12px 12px 12px 39px;resize:vertical;line-height:1.5}
:is(body.ss-route-add-server) .as26 input:focus,
:is(body.ss-route-add-server) .as26 select:focus,
:is(body.ss-route-add-server) .as26 textarea:focus{
  border-color:#8543ed;
  box-shadow:0 0 0 3px rgba(133,67,237,.08)
}
:is(body.ss-route-add-server) .as26-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(body.ss-route-add-server) .as26-row{margin-bottom:10px}
:is(body.ss-route-add-server) .as26-country{color:#35dbc8!important}
:is(body.ss-route-add-server) .as26-filebox{
  border:1px solid #2c466f;border-radius:8px;background:#06101d;padding:9px;
  display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center
}
:is(body.ss-route-add-server) .as26-filebox input{border:0!important;padding:0!important;background:transparent!important;min-height:auto!important}
:is(body.ss-route-add-server) .as26-file-preview{
  width:44px;height:44px;border-radius:8px;border:1px solid #334a75;
  background:#0c1729 center/cover no-repeat;display:none
}
:is(body.ss-route-add-server) .as26-ref{
  margin:0 0 10px;padding:10px 12px;border-radius:9px;
  background:rgba(136,51,240,.07);border:1px solid #5d32a3;
  color:#c9b5ec;font-size:14px
}
:is(body.ss-route-add-server) .as26-submit{
  width:100%;height:47px;border:1px solid #b354ff;border-radius:8px;
  background:linear-gradient(90deg,#7226ed,#9e2fff 56%,#6f32ff);
  color:#fff;font-weight:950;font-size:14px;letter-spacing:.015em;
  box-shadow:0 10px 28px rgba(132,43,239,.25),inset 0 1px 0 rgba(255,255,255,.2);
  cursor:pointer;transition:.15s ease
}
:is(body.ss-route-add-server) .as26-submit:hover{transform:translateY(-1px);filter:brightness(1.06)}
:is(body.ss-route-add-server) .as26-error{
  margin:0 0 12px;padding:11px 12px;border:1px solid rgba(255,94,122,.5);
  border-radius:9px;background:rgba(255,94,122,.07);color:#ff8297;font-size:14px
}

/* RIGHT SIDE */
:is(body.ss-route-add-server) .as26-side{display:grid;gap:11px}
:is(body.ss-route-add-server) .as26-sidecard{padding:15px;border:1px solid #6535bd;border-radius:13px;background:linear-gradient(145deg,#0b1629,#08101f)}
:is(body.ss-route-add-server) .as26-sidehead{display:flex;align-items:center;gap:11px;margin-bottom:11px}
:is(body.ss-route-add-server) .as26-sideico{
  width:43px;height:43px;border-radius:11px;border:1px solid #5b37bb;
  background:linear-gradient(145deg,#15183b,#0e112b);
  display:grid;place-items:center;font-size:22px
}
:is(body.ss-route-add-server) .as26-sidehead h2{font-size:17px;margin:0 0 3px}
:is(body.ss-route-add-server) .as26-sidehead p{font-size:14px;color:#8798af;margin:0}
:is(body.ss-route-add-server) .as26-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px}
:is(body.ss-route-add-server) .as26-benefit{
  min-height:82px;padding:11px;border:1px solid #293f68;border-radius:9px;
  background:#081426;display:grid;grid-template-columns:35px 1fr;gap:9px;align-items:start
}
:is(body.ss-route-add-server) .as26-benefit i{
  width:35px;height:35px;border-radius:8px;background:#0f1c38;
  display:grid;place-items:center;font-style:normal;font-size:19px
}
:is(body.ss-route-add-server) .as26-benefit:nth-child(1) i{color:#35ddff}
:is(body.ss-route-add-server) .as26-benefit:nth-child(2) i{color:#9d3cff}
:is(body.ss-route-add-server) .as26-benefit:nth-child(3) i{color:#477cff}
:is(body.ss-route-add-server) .as26-benefit:nth-child(4) i{color:#ffb94a}
:is(body.ss-route-add-server) .as26-benefit b{display:block;font-size:14px;margin:1px 0 3px}
:is(body.ss-route-add-server) .as26-benefit span{display:block;font-size:14px;color:#8394ab;line-height:1.42}

/* PREVIEW */
:is(body.ss-route-add-server) .as26-preview{
  border:1px solid #263e69;border-radius:10px;background:#06101c;padding:10px;
  display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:center
}
:is(body.ss-route-add-server) .as26-gameicon{
  width:58px;height:58px;border-radius:10px;border:1px solid #314b76;
  background:
    radial-gradient(circle at 80% 20%,rgba(154,51,255,.25),transparent 38%),
    linear-gradient(145deg,#171a37,#0b1326);
  display:grid;place-items:center;overflow:hidden;color:#c5d0df;font-size:20px;font-weight:950
}
:is(body.ss-route-add-server) .as26-gameicon img{width:100%;height:100%;object-fit:cover}
:is(body.ss-route-add-server) .as26-preview-name{font-size:14px;font-weight:950;margin-bottom:3px}
:is(body.ss-route-add-server) .as26-preview-addr{font-size:14px;color:#8799b0;margin-bottom:6px}
:is(body.ss-route-add-server) .as26-preview-tags{display:flex;gap:5px;flex-wrap:wrap}
:is(body.ss-route-add-server) .as26-tag{
  padding:4px 7px;border:1px solid #354a78;border-radius:999px;
  background:#10183a;color:#cbd4e4;font-size:14px;font-weight:850
}
:is(body.ss-route-add-server) .as26-online{
  align-self:start;padding:6px 9px;border-radius:999px;
  border:1px solid #1b7d5b;background:#092a20;color:#45e7a5;
  font-size:14px;font-weight:950;white-space:nowrap
}
:is(body.ss-route-add-server) .as26-preview-foot{
  grid-column:2/4;display:flex;gap:17px;border-top:1px solid rgba(255,255,255,.05);
  padding-top:8px;color:#b7c1d0;font-size:14px
}

/* IMPORTANT */
:is(body.ss-route-add-server) .as26-important{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
:is(body.ss-route-add-server) .as26-tip{
  padding:10px;border:1px solid #2c4169;border-radius:8px;background:#081426
}
:is(body.ss-route-add-server) .as26-tip i{display:block;font-style:normal;font-size:18px;margin-bottom:6px}
:is(body.ss-route-add-server) .as26-tip b{display:block;font-size:14px;margin-bottom:3px}
:is(body.ss-route-add-server) .as26-tip span{font-size:14px;line-height:1.4;color:#8293a9}

/* SUCCESS */
:is(body.ss-route-add-server) .as26-success{
  padding:22px;border:1px solid #2f835f;border-radius:13px;
  background:radial-gradient(circle at 100% 0,rgba(42,227,158,.12),transparent 32%),linear-gradient(145deg,#0b1a24,#07111e)
}
:is(body.ss-route-add-server) .as26-success h2{margin:0 0 5px;font-size:21px;color:#58e9ad}
:is(body.ss-route-add-server) .as26-success p{font-size:14px;color:#9badc0;line-height:1.5}
:is(body.ss-route-add-server) .as26-key{margin:13px 0;padding:13px;border:1px solid #2d466f;border-radius:9px;background:#06101d;word-break:break-all;font-family:ui-monospace,monospace;font-size:14px;color:#cfe0f4}
:is(body.ss-route-add-server) .as26-success-actions{display:flex;gap:8px;flex-wrap:wrap}:is(body.ss-route-add-server) .as26-btn{height:37px;padding:0 13px;border:1px solid #3a517d;border-radius:7px;background:#091529;color:#eaf0fa;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;text-decoration:none}:is(body.ss-route-add-server) .as26-btn.primary{background:linear-gradient(90deg,#7627ee,#a52fff);border-color:#b751ff}
:is(body.ss-route-add-server) .as26-founder{
  margin-top:12px;padding:14px;border-radius:10px;border:1px solid rgba(255,194,70,.42);
  background:linear-gradient(145deg,#17140b,#091020)
}
:is(body.ss-route-add-server) .as26-founder b{color:#ffd267}
:is(body.ss-route-add-server) .as26-founder div{font-size:14px;color:#aab8c9;line-height:1.5;margin-top:4px}

@media (max-width:1000px){
  :is(body.ss-route-add-server) .as26-grid{grid-template-columns:1fr}
}
@media (max-width:650px){
  :is(body.ss-route-add-server) .as26{margin-top:10px}
  :is(body.ss-route-add-server) .as26-form,
:is(body.ss-route-add-server) .as26-sidecard{padding:13px}
  :is(body.ss-route-add-server) .as26-two,
:is(body.ss-route-add-server) .as26-benefits,
:is(body.ss-route-add-server) .as26-important{grid-template-columns:1fr}
  :is(body.ss-route-add-server) .as26-title h1{font-size:19px}
  :is(body.ss-route-add-server) .as26-preview{grid-template-columns:48px 1fr}
  :is(body.ss-route-add-server) .as26-gameicon{width:48px;height:48px}
  :is(body.ss-route-add-server) .as26-online{grid-column:2;justify-self:start}
  :is(body.ss-route-add-server) .as26-preview-foot{grid-column:1/-1}
}
 :is(body.ss-route-add-server) .as26-campaign-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:17px;border:1px solid #6853bb;background:linear-gradient(125deg,#101530,#0a1e35);border-radius:12px;color:#dce8f8;font-size:15px;line-height:1.55;margin-bottom:14px}
:is(body.ss-route-add-server) .as26-campaign-callout>a{font-size:15px;color:#a9dfff}
:is(body.ss-route-add-server) .as26-campaign-callout .as26-btn{min-height:46px;font-size:15px!important}

/* Readable controls consistent with premium layout. */
:is(body.ss-route-add-server) .as26 label,
:is(body.ss-route-add-server) .as26 input,
:is(body.ss-route-add-server) .as26 select,
:is(body.ss-route-add-server) .as26 textarea,
:is(body.ss-route-add-server) .as26 button{font-size:16px}
:is(body.ss-route-add-server) .as26 .as26-tip span,
:is(body.ss-route-add-server) .as26 .as26-tip b{font-size:14px}


/* ========= assets/css/auth.css ========= */
/* SoulShive 2027 — Login / Registration, same premium design system. */
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth{width:min(1450px,100%);margin:22px auto 62px;padding:0 14px;color:#fff}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-shell{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(340px,1.05fr);gap:0;overflow:hidden;border:1px solid #40558b;border-radius:23px;background:#0a132b;box-shadow:0 25px 75px #0005}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-hero{min-height:670px;display:flex;flex-direction:column;justify-content:space-between;gap:35px;padding:clamp(26px,4vw,55px);background:linear-gradient(115deg,#101a39f0,#0e1742bf 66%,#160e39ba),radial-gradient(circle at 85% 25%,#8a46ff88,transparent 36%),url("/assets/img/soulshive2026/master-server-hero.webp") center/cover}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth .eyebrow{font-size:14px;font-weight:900;letter-spacing:.12em;color:#c59aff}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-hero h1{font-size:clamp(34px,4vw,55px);line-height:1.12;letter-spacing:-.04em;margin:20px 0;color:#fff}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-hero p{font-size:17px;line-height:1.7;color:#d4e0f8;max-width:510px}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-benefits{display:grid;gap:16px;padding:0;margin:0;list-style:none}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-benefits li{display:flex;align-items:flex-start;gap:12px;color:#eff3ff;font-size:16px;line-height:1.5}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-benefits i{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:9px;background:#7846d155;color:#d5aaff;font-size:17px;font-style:normal}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel{padding:clamp(24px,4vw,55px);min-width:0;background:radial-gradient(circle at 100% 0%,#3e257b33,transparent 32%),linear-gradient(140deg,#0f1830,#0a1123)}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:30px}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-top a{color:#c8a5ff;text-decoration:none;font-size:15px;font-weight:800}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:0 0 9px;color:#fff}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .lead{font-size:16px;line-height:1.6;color:#bdc8e5;margin:0 0 24px}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel label:not(.ss27-auth-check){display:block;font-size:15px;font-weight:800;color:#e3ebff;margin:14px 0 7px}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel input:not([type=checkbox]){width:100%;min-height:51px;padding:13px 15px;border:1px solid #435984;border-radius:10px;background:#081228;color:#fff;font-family:inherit;font-size:16px}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel input:focus-visible,
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel button:focus-visible,
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel a:focus-visible{outline:2px solid #ba8cff;outline-offset:2px}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-submit,
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-oauth{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border-radius:10px;min-height:50px;border:1px solid #aa80ff;padding:12px 14px;color:white;font-size:16px;font-weight:850;cursor:pointer;text-decoration:none}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-submit{margin-top:20px;background:linear-gradient(115deg,#8534f8,#566ffa)}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-oauth{background:#172a47;border-color:#416389;margin-top:12px}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-oauth.facebook{background:#1d55b2;border-color:#3679ea}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-submit:hover,
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-oauth:hover{filter:brightness(1.12)}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-divider{display:flex;align-items:center;gap:14px;margin:23px 0 12px;color:#a9bbdc;font-size:14px}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-divider::before,
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-divider::after{content:"";height:1px;background:#344369;flex:1}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-bottom{text-align:center;color:#b8c7df;font-size:16px;margin:20px 0 0}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-bottom a,
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-help{color:#cfadff;font-size:16px;font-weight:800}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-help-row{text-align:right;margin-top:10px}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-note{margin:16px 0;padding:15px;border:1px solid #3c5785;background:#10203e;color:#dbe6ff;border-radius:11px;font-size:15px;line-height:1.6}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .auth-error{border:1px solid #a3465e;background:#56243c44;color:#ffbac8;padding:12px 14px;border-radius:10px;margin:15px 0;font-size:15px;line-height:1.5}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .ss27-auth-check{display:flex;align-items:flex-start;gap:10px;margin:17px 0;color:#d6e1f7;font-size:15px;line-height:1.55}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .ss27-auth-check input{flex:none;margin-top:5px;accent-color:#9660ff}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel .ss27-auth-check a{color:#cfa9ff}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel details summary{font-size:15px;font-weight:850;color:#e5d7ff;cursor:pointer}
:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel details p{font-size:15px;line-height:1.6;color:#c4d3ed}
@media (max-width:1020px){:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-shell{grid-template-columns:1fr}:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-hero{min-height:310px;gap:13px}:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media (max-width:670px){:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth{padding:0 9px}:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-hero{padding:25px;min-height:0}:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-benefits{grid-template-columns:1fr}:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-hero h1{font-size:34px}:is(body.ss-route-login,body.ss-route-register,body.ss-route-forgot-password,body.ss-route-reset-password,body.ss-route-verify-email) .ss27-auth-panel{padding:26px 19px}}


/* ========= assets/css/policy-pages-2027.css ========= */
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-page{ width:min(1160px,calc(100% - 40px));margin:38px auto 70px;color:#edf3ff; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-header{ padding:clamp(26px,4vw,48px);border:1px solid #334a7e;border-radius:17px;background:radial-gradient(circle at 95% 0%,rgba(144,58,244,.22),transparent 55%),linear-gradient(145deg,#101c3e,#0a142c); }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-header span{ font-size:14px;font-weight:800;letter-spacing:.12em;color:#c59dff; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-header h1{ color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.2;margin:13px 0; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-header p{ font-size:17px;line-height:1.6;color:#c7d5f2;margin:0; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-sections{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-sections section{ border:1px solid #2c3e70;border-radius:15px;background:#0d1933;padding:clamp(22px,3vw,30px); }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-sections h2{ font-size:22px;line-height:1.35;color:#f8f5ff;margin:0 0 12px; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-sections p{ font-size:16px;line-height:1.7;color:#c4d1e9;margin:0; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-sections a{ display:inline-flex;margin-top:17px;min-height:44px;padding:10px 17px;border-radius:10px;border:1px solid #7149cb;color:#fff;text-decoration:none;background:#251c54;font-size:16px;font-weight:700; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-sections a:hover{ background:#5331a2; }
@media (max-width:720px){ :is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-page{ width:calc(100% - 24px);margin:18px auto 40px; } :is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-sections{ grid-template-columns:1fr; } }

:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-sections .ss-cookie-open{background:linear-gradient(115deg,#8239f2,#4065ee);color:white;border:1px solid #a888ff;border-radius:10px;min-height:45px;font:inherit;font-size:16px;padding:10px 15px;cursor:pointer;margin-top:10px}

/* SoulShive legal documents share the centered copyright-page design. */
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections section{ min-width:0; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections section.ss27-policy-wide{ grid-column:1 / -1; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections .muted{ font-size:16px;line-height:1.75;color:#c4d1e9; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections p + p{ margin-top:14px; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections p a,
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections li a{ display:inline;color:#c89bff;text-decoration:underline;background:none;border:0;border-radius:0;padding:0;margin:0;min-height:0;font-weight:600; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections p a:hover,
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections li a:hover{ color:#e6ceff;background:none; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections ul{ padding-left:23px;margin:10px 0 0; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections li{ font-size:16px;line-height:1.75;margin:6px 0;overflow-wrap:anywhere; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections strong,
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections b{ color:#f8f5ff; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-table-scroll{ overflow-x:auto;max-width:100%;width:100%;margin:16px 0 0;-webkit-overflow-scrolling:touch; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-table{ min-width:760px;width:100%;border-collapse:separate;border-spacing:0 5px;table-layout:auto; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-table th,
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-table td,
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-table td.small{ font-size:15px;line-height:1.6;white-space:normal;overflow-wrap:break-word;padding:12px 14px;vertical-align:top; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-table th{ background:#132347;color:#dce7ff;font-weight:800; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-table td{ background:#09152c;color:#c4d1e9; }
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-header .ss27-legal-date{ font-size:15px;line-height:1.5;margin-top:12px;color:#acbfe4; }
@media (max-width:720px){
 :is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-sections section.ss27-policy-wide{ grid-column:auto; }
 :is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-header h1{font-size:clamp(27px,7vw,36px);}
 :is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-table th,
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-doc .ss27-policy-table td{padding:10px 12px;}
}

/* 17 Oct 2026: readable, centered legal and policy documents. */
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-complete{max-width:1180px!important;margin-inline:auto!important;}
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-complete .ss27-policy-sections section{min-width:0;overflow-wrap:anywhere}
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-complete .ss27-policy-sections h2{font-size:clamp(20px,2vw,24px);}
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-complete .ss27-policy-sections p{font-size:16px;line-height:1.8}
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-complete .ss27-policy-sections p+p{margin-top:13px}
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-complete .ss27-policy-action a{display:inline-flex;margin:14px 12px 0 0;padding:10px 16px;background:#201b47;border:1px solid #7751d2;border-radius:9px;color:#fff;font-weight:700;min-height:44px}
:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-complete .ss27-policy-action .ss-cookie-open{padding:11px 17px;min-height:44px;border:1px solid #7856c9;background:#352271;border-radius:9px;color:#fff;cursor:pointer;font-weight:700;margin-top:15px}
@media (max-width:720px){:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-complete{width:calc(100% - 24px)!important}:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-complete .ss27-policy-sections{grid-template-columns:minmax(0,1fr)!important}:is(body.ss-route-cookies,body.ss-route-copyright,body.ss-route-legal,body.ss-route-terms,body.ss-route-privacy,body.ss-route-acceptable-use,body.ss-route-anti-spam,body.ss-route-dmca) .ss27-policy-complete .ss27-policy-header{padding:24px 20px}}


/* ========= assets/css/contact.css ========= */
/* SoulShive 2027 / Contact – scoped, standalone premium page */
:is(body.ss-route-contact) .ss27-contact{max-width:1450px;width:100%;margin:0 auto 64px;padding:24px 18px 48px;color:#f4f6ff}
:is(body.ss-route-contact) .ss27-contact-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #4a3785;border-radius:22px;min-height:255px;padding:clamp(24px,4vw,54px);background:radial-gradient(circle at 78% 20%,#7636fc4c,transparent 36%),linear-gradient(112deg,#131a3d,#070d20 72%);box-shadow:0 18px 60px #0003}
:is(body.ss-route-contact) .ss27-contact-hero::after{content:"";position:absolute;z-index:-1;right:-35px;bottom:-110px;width:450px;height:330px;background:radial-gradient(ellipse,#5838b450,transparent 70%);pointer-events:none}
:is(body.ss-route-contact) .ss27-contact-hero .eyebrow{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#c4a1ff;font-weight:900}
:is(body.ss-route-contact) .ss27-contact-hero h1{font-size:clamp(32px,4vw,57px);line-height:1.12;letter-spacing:-.035em;margin:14px 0 18px;color:#fff}
:is(body.ss-route-contact) .ss27-contact-hero p{font-size:17px;color:#c4d3f1;max-width:760px;line-height:1.75;margin:0}
:is(body.ss-route-contact) .ss27-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 26px}
:is(body.ss-route-contact) .ss27-contact-card{padding:24px;border:1px solid #2d4474;border-radius:17px;background:linear-gradient(155deg,#101d3b,#0a132b);display:flex;flex-direction:column;gap:12px}
:is(body.ss-route-contact) .ss27-contact-card .mark{font-size:28px;line-height:1.1}:is(body.ss-route-contact) .ss27-contact-card h2{font-size:21px;line-height:1.25;margin:0;color:#fff}
:is(body.ss-route-contact) .ss27-contact-card p{font-size:16px;color:#b8c9e7;line-height:1.65;margin:0;flex:1}
:is(body.ss-route-contact) .ss27-contact-card a{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:11px 16px;min-height:45px;border-radius:10px;background:#1a2c56;border:1px solid #4d5c9c;color:#eef1ff;font-size:15px;font-weight:800;text-decoration:none}
:is(body.ss-route-contact) .ss27-contact-card a:hover{background:#6a35e5;color:#fff}
:is(body.ss-route-contact) .ss27-contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.85fr);gap:22px;align-items:start}
:is(body.ss-route-contact) .ss27-contact-formbox,
:is(body.ss-route-contact) .ss27-contact-aside{padding:clamp(21px,3vw,32px);border:1px solid #334673;border-radius:19px;background:linear-gradient(150deg,#0f1b37,#081025)}
:is(body.ss-route-contact) .ss27-contact-formbox h2,
:is(body.ss-route-contact) .ss27-contact-aside h2{font-size:clamp(21px,2vw,28px);margin:0 0 12px;color:#fff}
:is(body.ss-route-contact) .ss27-contact-formbox .hint,
:is(body.ss-route-contact) .ss27-contact-aside p{font-size:16px;line-height:1.65;color:#b4c5e3}
:is(body.ss-route-contact) .ss27-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:23px}
:is(body.ss-route-contact) .ss27-contact-field{display:flex;flex-direction:column;gap:7px;min-width:0}
:is(body.ss-route-contact) .ss27-contact-field.full{grid-column:1/-1}
:is(body.ss-route-contact) .ss27-contact-field label{font-size:15px;font-weight:800;color:#e3eafb}
:is(body.ss-route-contact) .ss27-contact-field input,
:is(body.ss-route-contact) .ss27-contact-field select,
:is(body.ss-route-contact) .ss27-contact-field textarea{width:100%;min-width:0;min-height:49px;border:1px solid #39527e;background:#060e20;color:#fff;border-radius:10px;padding:12px 14px;font-size:16px;font-family:inherit;line-height:1.5}
:is(body.ss-route-contact) .ss27-contact-field textarea{min-height:160px;resize:vertical}
:is(body.ss-route-contact) .ss27-contact-field :is(input,select,textarea):focus-visible{outline:2px solid #b387ff;outline-offset:2px}
:is(body.ss-route-contact) .ss27-contact-submit{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;min-height:51px;border:1px solid #956af2;border-radius:11px;background:linear-gradient(110deg,#853bea,#4879f7);padding:12px 24px;color:white;font-size:16px;font-weight:850;cursor:pointer}
:is(body.ss-route-contact) .ss27-contact-submit:hover{filter:brightness(1.12)}
:is(body.ss-route-contact) .ss27-contact-hp{position:absolute!important;left:-9999px!important;height:1px!important;width:1px!important;overflow:hidden}
:is(body.ss-route-contact) .ss27-contact-aside a{display:inline-block;margin-top:12px;color:#c7a1ff;font-size:16px;font-weight:800}
:is(body.ss-route-contact) .ss27-contact-fineprint{color:#a9b8d8;font-size:14px;line-height:1.6;margin-top:17px}
@media (max-width:900px){:is(body.ss-route-contact) .ss27-contact-grid{grid-template-columns:1fr}:is(body.ss-route-contact) .ss27-contact-layout{grid-template-columns:1fr}}
@media (max-width:550px){:is(body.ss-route-contact) .ss27-contact{padding:12px 11px 32px}:is(body.ss-route-contact) .ss27-contact-fields{grid-template-columns:1fr}:is(body.ss-route-contact) .ss27-contact-hero{min-height:0}}


/* ========= assets/css/about.css ========= */

/* =========================================================
   SOULSHIVE — ABOUT / STORY PAGE
   ========================================================= */

:is(body.ss-route-about) .about-page{
    --about-bg: #05060a;
    --about-bg-2: #080a10;
    --about-card: rgba(15, 18, 28, .72);
    --about-card-strong: rgba(18, 22, 34, .92);
    --about-text: #f7f8ff;
    --about-muted: #9298aa;
    --about-muted-2: #6e7486;
    --about-accent: #a855f7;
    --about-accent-2: #c084fc;
    --about-cyan: #35d9ff;
    --about-green: #42e695;
    --about-border: rgba(255,255,255,.09);
    --about-shadow: 0 30px 80px rgba(0,0,0,.45);
    --about-radius-xl: 32px;
    --about-radius-lg: 24px;
    --about-radius-md: 18px;
    --about-container: 1240px;

    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(168,85,247,.12),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 35%,
            rgba(53,217,255,.06),
            transparent 28%
        ),
        var(--about-bg);

    color: var(--about-text);
}

:is(body.ss-route-about) .about-page *,
:is(body.ss-route-about) .about-page *::before,
:is(body.ss-route-about) .about-page *::after{
    box-sizing: border-box;
}

:is(body.ss-route-about) .about-page a{
    text-decoration: none;
}

:is(body.ss-route-about) .about-container{
    width: min(calc(100% - 40px), var(--about-container));
    margin: 0 auto;
}

:is(body.ss-route-about) .about-page::before{
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.018) 1px,
            transparent 1px
        );

    background-size: 70px 70px;

    mask-image: linear-gradient(
        to bottom,
        black,
        transparent 80%
    );

    z-index: 0;
}

/* =========================================================
   HERO
   ========================================================= */

:is(body.ss-route-about) .about-hero{
    position: relative;
    min-height: 720px;

    display: flex;
    align-items: center;

    overflow: hidden;

    border-bottom: 1px solid var(--about-border);
}

:is(body.ss-route-about) .about-hero::before{
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(5,6,10,.12),
            rgba(5,6,10,.94)
        ),
        radial-gradient(
            circle at center,
            rgba(168,85,247,.13),
            transparent 55%
        );

    z-index: 1;
}

:is(body.ss-route-about) .about-hero-grid{
    position: absolute;
    inset: -30px;

    background:
        linear-gradient(
            90deg,
            transparent 0,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            0deg,
            transparent 0,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size: 100px 100px;

    mask-image: linear-gradient(
        to bottom,
        black,
        transparent
    );

    opacity: .5;

    transition: transform .15s ease-out;
}

:is(body.ss-route-about) .about-orb{
    position: absolute;

    border-radius: 50%;

    filter: blur(90px);

    pointer-events: none;

    opacity: .45;
}

:is(body.ss-route-about) .about-orb-1{
    width: 320px;
    height: 320px;

    background: rgba(168,85,247,.22);

    top: 80px;
    left: -150px;
}

:is(body.ss-route-about) .about-orb-2{
    width: 280px;
    height: 280px;

    background: rgba(53,217,255,.12);

    top: 360px;
    right: -140px;
}

:is(body.ss-route-about) .about-orb-3{
    width: 220px;
    height: 220px;

    background: rgba(168,85,247,.10);

    bottom: -100px;
    left: 45%;
}

:is(body.ss-route-about) .about-hero-content{
    position: relative;

    z-index: 3;

    width: 100%;

    text-align: center;

    padding: 90px 0 70px;
}

:is(body.ss-route-about) .about-kicker{
    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 8px 14px;

    border: 1px solid rgba(168,85,247,.30);

    background: rgba(168,85,247,.08);

    border-radius: 999px;

    color: #e1c9ff;

    font-size: 14px;

    font-weight: 900;

    letter-spacing: .14em;

    text-transform: uppercase;

    margin-bottom: 26px;
}

:is(body.ss-route-about) .about-kicker-dot{
    width: 7px;
    height: 7px;

    background: var(--about-green);

    border-radius: 50%;

    box-shadow:
        0 0 15px var(--about-green);

    animation: aboutPulse 2s infinite;
}

@keyframes aboutPulse{
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(.65);
        opacity: .55;
    }
}

:is(body.ss-route-about) .about-hero h1{
    margin: 0 auto 28px;

    max-width: 1050px;

    font-family: "Space Grotesk",
        "Manrope",
        Inter,
        Arial,
        sans-serif;

    font-size: clamp(55px, 8vw, 108px);

    line-height: .94;

    letter-spacing: -.065em;

    font-weight: 800;
}

:is(body.ss-route-about) .about-gradient{
    background:
        linear-gradient(
            110deg,
            #ffffff 10%,
            #d8b4fe 45%,
            #67e8f9 90%
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

:is(body.ss-route-about) .about-hero-description{
    max-width: 730px;

    margin: 0 auto;

    color: #a8adbd;

    font-size: 18px;

    line-height: 1.8;
}

:is(body.ss-route-about) .about-actions{
    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 38px;
}

:is(body.ss-route-about) .about-btn{
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-height: 50px;

    padding: 0 22px;

    border-radius: 14px;

    font-size: 14px;

    font-weight: 900;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

:is(body.ss-route-about) .about-btn:hover{
    transform: translateY(-3px);
}

:is(body.ss-route-about) .about-btn-primary{
    color: #fff;

    background:
        linear-gradient(
            135deg,
            #a855f7,
            #7c3aed
        );

    box-shadow:
        0 14px 40px
        rgba(168,85,247,.30);
}

:is(body.ss-route-about) .about-btn-primary:hover{
    box-shadow:
        0 18px 50px
        rgba(168,85,247,.42);
}

:is(body.ss-route-about) .about-btn-secondary{
    color: #e7e9f2;

    border: 1px solid var(--about-border);

    background: rgba(255,255,255,.04);
}

:is(body.ss-route-about) .about-btn-secondary:hover{
    border-color: rgba(168,85,247,.35);

    background: rgba(168,85,247,.07);
}

:is(body.ss-route-about) .about-meta{
    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 44px;
}

:is(body.ss-route-about) .about-meta span{
    padding: 8px 13px;

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 999px;

    color: #858b9d;

    background: rgba(255,255,255,.025);

    font-size: 14px;

    font-weight: 800;

    letter-spacing: .07em;

    text-transform: uppercase;
}

/* =========================================================
   SECTIONS
   ========================================================= */

:is(body.ss-route-about) .about-section{
    position: relative;

    padding: 115px 0;
}

:is(body.ss-route-about) .about-section-heading{
    max-width: 760px;

    margin-bottom: 58px;
}

:is(body.ss-route-about) .about-eyebrow{
    color: var(--about-accent-2);

    font-size: 14px;

    font-weight: 900;

    letter-spacing: .18em;

    text-transform: uppercase;

    margin-bottom: 13px;
}

:is(body.ss-route-about) .about-section-heading h2{
    margin: 0;

    font-family:
        "Space Grotesk",
        "Manrope",
        Inter,
        Arial,
        sans-serif;

    font-size: clamp(37px, 5vw, 62px);

    line-height: 1.02;

    letter-spacing: -.045em;
}

:is(body.ss-route-about) .about-section-heading p{
    color: var(--about-muted);

    margin-top: 18px;

    font-size: 16px;

    line-height: 1.8;
}

/* =========================================================
   INTRO
   ========================================================= */

:is(body.ss-route-about) .about-intro{
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(0, .9fr);

    gap: 70px;

    align-items: center;
}

:is(body.ss-route-about) .about-intro-copy{
    color: #aeb3c2;

    font-size: 17px;

    line-height: 1.95;
}

:is(body.ss-route-about) .about-intro-copy p{
    margin: 0 0 22px;
}

:is(body.ss-route-about) .about-intro-copy strong{
    color: #fff;
}

:is(body.ss-route-about) .about-visual{
    position: relative;

    min-height: 430px;

    border: 1px solid var(--about-border);

    border-radius: var(--about-radius-xl);

    background:
        linear-gradient(
            145deg,
            rgba(168,85,247,.13),
            rgba(255,255,255,.025)
        );

    overflow: hidden;

    box-shadow: var(--about-shadow);
}

:is(body.ss-route-about) .about-visual::before{
    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(168,85,247,.38),
            transparent 68%
        );

    top: -170px;
    right: -100px;
}

:is(body.ss-route-about) .about-visual::after{
    content: "";

    position: absolute;

    inset: 30px;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 24px;

    pointer-events: none;
}

:is(body.ss-route-about) .about-visual-content{
    position: absolute;

    inset: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    z-index: 2;
}

:is(body.ss-route-about) .about-logo-mark{
    width: 112px;
    height: 112px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 32px;

    font-family:
        "Space Grotesk",
        sans-serif;

    font-size: 38px;

    font-weight: 900;

    color: white;

    background:
        linear-gradient(
            135deg,
            #a855f7,
            #35d9ff
        );

    box-shadow:
        0 25px 70px
        rgba(168,85,247,.35);
}

:is(body.ss-route-about) .about-visual-content h3{
    margin-top: 25px;

    font-family:
        "Space Grotesk",
        sans-serif;

    font-size: 31px;

    letter-spacing: -.03em;
}

:is(body.ss-route-about) .about-visual-content p{
    margin-top: 6px;

    color: var(--about-muted);

    font-size: 14px;
}

/* =========================================================
   TIMELINE
   ========================================================= */

:is(body.ss-route-about) .about-timeline{
    position: relative;

    max-width: 1000px;

    margin: 0 auto;
}

:is(body.ss-route-about) .about-timeline::before{
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: 50%;

    width: 1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(168,85,247,.55),
            rgba(53,217,255,.35),
            transparent
        );
}

:is(body.ss-route-about) .about-timeline-item{
    position: relative;

    width: 50%;

    padding: 20px 50px 60px;
}

:is(body.ss-route-about) .about-timeline-item:nth-child(odd){
    left: 0;

    text-align: right;
}

:is(body.ss-route-about) .about-timeline-item:nth-child(even){
    left: 50%;

    text-align: left;
}

:is(body.ss-route-about) .about-timeline-dot{
    position: absolute;

    top: 25px;

    width: 13px;
    height: 13px;

    border-radius: 50%;

    background: var(--about-accent);

    box-shadow:
        0 0 0 7px rgba(168,85,247,.08),
        0 0 30px rgba(168,85,247,.65);

    z-index: 2;
}

:is(body.ss-route-about) .about-timeline-item:nth-child(odd)
.about-timeline-dot{
    right: -7px;
}

:is(body.ss-route-about) .about-timeline-item:nth-child(even)
.about-timeline-dot{
    left: -6px;
}

:is(body.ss-route-about) .about-timeline-year{
    color: var(--about-accent-2);

    font-size: 14px;

    font-weight: 900;

    letter-spacing: .16em;

    text-transform: uppercase;
}

:is(body.ss-route-about) .about-timeline-card h3{
    margin: 8px 0 10px;

    font-family:
        "Space Grotesk",
        sans-serif;

    font-size: 25px;

    letter-spacing: -.025em;
}

:is(body.ss-route-about) .about-timeline-card p{
    color: var(--about-muted);

    font-size: 14px;

    line-height: 1.8;
}

/* =========================================================
   STATS
   ========================================================= */

:is(body.ss-route-about) .about-stats-section{
    padding-top: 25px;
}

:is(body.ss-route-about) .about-stats{
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    border: 1px solid var(--about-border);

    border-radius: var(--about-radius-xl);

    overflow: hidden;

    background: rgba(255,255,255,.025);
}

:is(body.ss-route-about) .about-stat{
    padding: 42px 30px;

    text-align: center;

    border-right: 1px solid var(--about-border);
}

:is(body.ss-route-about) .about-stat:last-child{
    border-right: 0;
}

:is(body.ss-route-about) .about-stat-number{
    font-family:
        "Space Grotesk",
        sans-serif;

    font-size: 44px;

    font-weight: 800;

    letter-spacing: -.05em;

    background:
        linear-gradient(
            120deg,
            #fff,
            #c084fc
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

:is(body.ss-route-about) .about-stat-label{
    margin-top: 5px;

    color: var(--about-muted);

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .09em;
}

/* =========================================================
   STAFF
   ========================================================= */

:is(body.ss-route-about) .about-staff-grid{
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 18px;
}

:is(body.ss-route-about) .about-staff-card{
    position: relative;

    min-height: 470px;

    border: 1px solid var(--about-border);

    border-radius: var(--about-radius-xl);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );

    overflow: hidden;

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

:is(body.ss-route-about) .about-staff-card:hover{
    transform: translateY(-10px);

    border-color:
        rgba(168,85,247,.42);

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.4);
}

:is(body.ss-route-about) .about-staff-image{
    position: relative;

    height: 270px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(168,85,247,.28),
            transparent 60%
        ),
        #0b0d15;
}

:is(body.ss-route-about) .about-staff-image::after{
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to top,
            #10121b,
            transparent 55%
        );
}

:is(body.ss-route-about) .about-staff-image img{
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .5s ease;
}

:is(body.ss-route-about) .about-staff-card:hover
.about-staff-image img{
    transform: scale(1.06);
}

:is(body.ss-route-about) .about-avatar-fallback{
    width: 100%;
    height: 100%;

    display: flex;

    align-items: center;
    justify-content: center;

    font-family:
        "Space Grotesk",
        sans-serif;

    font-size: 55px;

    font-weight: 800;

    color: white;

    background:
        radial-gradient(
            circle at center,
            rgba(168,85,247,.40),
            rgba(9,10,16,.98) 65%
        );
}

:is(body.ss-route-about) .about-staff-level{
    position: absolute;

    top: 18px;
    left: 18px;

    z-index: 4;

    padding: 7px 10px;

    border: 1px solid rgba(255,255,255,.09);

    border-radius: 9px;

    background:
        rgba(4,5,8,.65);

    backdrop-filter: blur(15px);

    font-size: 14px;

    font-weight: 900;

    color: #c8cbd7;

    letter-spacing: .08em;
}

:is(body.ss-route-about) .about-staff-icon{
    position: absolute;

    right: 18px;
    top: 18px;

    z-index: 4;

    width: 40px;
    height: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background:
        rgba(5,6,10,.65);

    border:
        1px solid rgba(255,255,255,.08);

    backdrop-filter: blur(15px);

    font-size: 17px;
}

:is(body.ss-route-about) .about-staff-info{
    position: relative;

    padding: 22px;
}

:is(body.ss-route-about) .about-staff-role{
    color: var(--about-accent-2);

    font-size: 14px;

    font-weight: 900;

    letter-spacing: .13em;

    margin-bottom: 7px;
}

:is(body.ss-route-about) .about-staff-name{
    font-family:
        "Space Grotesk",
        sans-serif;

    font-size: 23px;

    font-weight: 700;
}

:is(body.ss-route-about) .about-staff-description{
    color: var(--about-muted);

    font-size: 14px;

    line-height: 1.7;

    margin-top: 10px;
}

:is(body.ss-route-about) .about-staff-footer{
    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 17px;

    padding-top: 14px;

    border-top:
        1px solid rgba(255,255,255,.06);
}

:is(body.ss-route-about) .about-staff-badge{
    font-size: 14px;

    font-weight: 900;

    letter-spacing: .1em;

    color: #aab0c1;
}

:is(body.ss-route-about) .about-staff-status{
    display: flex;

    align-items: center;

    gap: 6px;

    color: #777e90;

    font-size: 14px;
}

:is(body.ss-route-about) .about-staff-status i{
    width: 6px;
    height: 6px;

    background: var(--about-green);

    border-radius: 50%;

    box-shadow:
        0 0 10px var(--about-green);
}

/* =========================================================
   ROLES
   ========================================================= */

:is(body.ss-route-about) .about-roles-grid{
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 16px;
}

:is(body.ss-route-about) .about-role-card{
    padding: 28px;

    min-height: 240px;

    border: 1px solid var(--about-border);

    border-radius: var(--about-radius-lg);

    background: rgba(255,255,255,.025);

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;
}

:is(body.ss-route-about) .about-role-card:hover{
    transform: translateY(-7px);

    background:
        rgba(168,85,247,.055);

    border-color:
        rgba(168,85,247,.25);
}

:is(body.ss-route-about) .about-role-number{
    color: #555c6d;

    font-size: 14px;

    font-weight: 900;

    letter-spacing: .15em;
}

:is(body.ss-route-about) .about-role-icon{
    font-size: 29px;

    margin: 22px 0 14px;
}

:is(body.ss-route-about) .about-role-card h3{
    font-family:
        "Space Grotesk",
        sans-serif;

    font-size: 21px;
}

:is(body.ss-route-about) .about-role-card p{
    color: var(--about-muted);

    font-size: 14px;

    line-height: 1.7;

    margin-top: 8px;
}

/* =========================================================
   MISSION
   ========================================================= */

:is(body.ss-route-about) .about-mission{
    position: relative;

    padding: 85px;

    border:
        1px solid rgba(168,85,247,.18);

    border-radius: 38px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(168,85,247,.17),
            transparent 40%
        ),
        radial-gradient(
            circle at 85% 50%,
            rgba(53,217,255,.08),
            transparent 35%
        ),
        rgba(255,255,255,.025);
}

:is(body.ss-route-about) .about-mission::before{
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    border-radius: 50%;

    border:
        1px solid rgba(255,255,255,.04);

    top: -230px;
    left: 50%;

    transform: translateX(-50%);
}

:is(body.ss-route-about) .about-mission-content{
    position: relative;

    z-index: 2;

    max-width: 850px;

    margin: 0 auto;

    text-align: center;
}

:is(body.ss-route-about) .about-mission h2{
    font-family:
        "Space Grotesk",
        sans-serif;

    font-size: clamp(36px,5vw,58px);

    line-height: 1.05;

    letter-spacing: -.05em;
}

:is(body.ss-route-about) .about-mission p{
    color: #9ca2b2;

    font-size: 17px;

    line-height: 1.9;

    margin-top: 20px;
}

/* =========================================================
   VALUES
   ========================================================= */

:is(body.ss-route-about) .about-values{
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 16px;
}

:is(body.ss-route-about) .about-value-card{
    padding: 34px;

    border: 1px solid var(--about-border);

    border-radius: var(--about-radius-lg);

    background: rgba(255,255,255,.025);

    transition:
        transform .3s ease,
        border-color .3s ease;
}

:is(body.ss-route-about) .about-value-card:hover{
    transform: translateY(-6px);

    border-color:
        rgba(168,85,247,.25);
}

:is(body.ss-route-about) .about-value-icon{
    font-size: 27px;
}

:is(body.ss-route-about) .about-value-card h3{
    font-family:
        "Space Grotesk",
        sans-serif;

    margin-top: 19px;

    font-size: 22px;
}

:is(body.ss-route-about) .about-value-card p{
    color: var(--about-muted);

    font-size: 14px;

    line-height: 1.8;

    margin-top: 8px;
}

/* =========================================================
   FINAL CTA
   ========================================================= */

:is(body.ss-route-about) .about-final{
    padding-bottom: 130px;
}

:is(body.ss-route-about) .about-final-box{
    position: relative;

    padding: 90px 35px;

    border: 1px solid var(--about-border);

    border-radius: 40px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            rgba(168,85,247,.13),
            rgba(53,217,255,.04),
            rgba(255,255,255,.02)
        );
}

:is(body.ss-route-about) .about-final-box::before{
    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(168,85,247,.18),
            transparent 68%
        );

    top: 50%;
    left: 50%;

    transform:
        translate(-50%,-50%);

    pointer-events: none;
}

:is(body.ss-route-about) .about-final-content{
    position: relative;

    z-index: 2;

    text-align: center;
}

:is(body.ss-route-about) .about-final-content h2{
    font-family:
        "Space Grotesk",
        sans-serif;

    font-size: clamp(42px,6vw,74px);

    letter-spacing: -.06em;

    line-height: 1;
}

:is(body.ss-route-about) .about-final-content p{
    max-width: 650px;

    margin: 20px auto 30px;

    color: var(--about-muted);

    font-size: 16px;
}

/* =========================================================
   REVEAL ANIMATION
   ========================================================= */

:is(body.ss-route-about) .about-reveal{
    opacity: 0;

    transform: translateY(30px);

    transition:
        opacity .8s ease,
        transform .8s ease;
}

:is(body.ss-route-about) .about-reveal.about-visible{
    opacity: 1;

    transform: translateY(0);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px){

    :is(body.ss-route-about) .about-staff-grid,
:is(body.ss-route-about) .about-roles-grid{
        grid-template-columns:
            repeat(2, 1fr);
    }

    :is(body.ss-route-about) .about-intro{
        grid-template-columns: 1fr;

        gap: 40px;
    }

    :is(body.ss-route-about) .about-visual{
        min-height: 370px;
    }
}

@media (max-width: 800px){

    :is(body.ss-route-about) .about-hero{
        min-height: 650px;
    }

    :is(body.ss-route-about) .about-section{
        padding: 85px 0;
    }

    :is(body.ss-route-about) .about-stats{
        grid-template-columns:
            repeat(2, 1fr);
    }

    :is(body.ss-route-about) .about-stat{
        border-bottom:
            1px solid var(--about-border);
    }

    :is(body.ss-route-about) .about-stat:nth-child(2){
        border-right: 0;
    }

    :is(body.ss-route-about) .about-stat:nth-child(3),
:is(body.ss-route-about) .about-stat:nth-child(4){
        border-bottom: 0;
    }

    :is(body.ss-route-about) .about-timeline::before{
        left: 10px;
    }

    :is(body.ss-route-about) .about-timeline-item,
:is(body.ss-route-about) .about-timeline-item:nth-child(even),
:is(body.ss-route-about) .about-timeline-item:nth-child(odd){
        width: 100%;

        left: 0;

        text-align: left;

        padding:
            15px 0 50px 45px;
    }

    :is(body.ss-route-about) .about-timeline-item:nth-child(odd)
    .about-timeline-dot,
:is(body.ss-route-about) .about-timeline-item:nth-child(even)
    .about-timeline-dot{
        left: 4px;

        right: auto;
    }

    :is(body.ss-route-about) .about-mission{
        padding: 55px 25px;
    }

    :is(body.ss-route-about) .about-values{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px){

    :is(body.ss-route-about) .about-container{
        width:
            min(
                calc(100% - 26px),
                var(--about-container)
            );
    }

    :is(body.ss-route-about) .about-hero-content{
        padding:
            55px 0 50px;
    }

    :is(body.ss-route-about) .about-hero h1{
        font-size: 53px;
    }

    :is(body.ss-route-about) .about-hero-description{
        font-size: 15px;
    }

    :is(body.ss-route-about) .about-meta{
        gap: 6px;
    }

    :is(body.ss-route-about) .about-meta span{
        font-size: 14px;
    }

    :is(body.ss-route-about) .about-staff-grid,
:is(body.ss-route-about) .about-roles-grid{
        grid-template-columns: 1fr;
    }

    :is(body.ss-route-about) .about-staff-card{
        min-height: 450px;
    }

    :is(body.ss-route-about) .about-stats{
        grid-template-columns: 1fr;
    }

    :is(body.ss-route-about) .about-stat,
:is(body.ss-route-about) .about-stat:nth-child(2),
:is(body.ss-route-about) .about-stat:nth-child(3),
:is(body.ss-route-about) .about-stat:nth-child(4){
        border-right: 0;

        border-bottom:
            1px solid var(--about-border);
    }

    :is(body.ss-route-about) .about-stat:last-child{
        border-bottom: 0;
    }

    :is(body.ss-route-about) .about-final-box{
        padding: 65px 20px;
    }

    :is(body.ss-route-about) .about-actions .about-btn{
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce){

    :is(body.ss-route-about) .about-reveal{
        opacity: 1;
        transform: none;
        transition: none;
    }

    :is(body.ss-route-about) .about-kicker-dot{
        animation: none;
    }
}

/* =========================================================
   SOULSHIVE TODAY — 2026 REFRESH
   ========================================================= */
:is(body.ss-route-about) .about-now-section{
    padding-top:90px;
    padding-bottom:105px;
    border-top:1px solid rgba(255,255,255,.055);
    border-bottom:1px solid rgba(255,255,255,.055);
    background:
        radial-gradient(circle at 12% 10%,rgba(168,85,247,.09),transparent 30%),
        radial-gradient(circle at 88% 90%,rgba(53,217,255,.055),transparent 28%);
}
:is(body.ss-route-about) .about-now-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
:is(body.ss-route-about) .about-now-card{
    position:relative;
    min-height:315px;
    padding:27px;
    overflow:hidden;
    border:1px solid var(--about-border);
    border-radius:var(--about-radius-lg);
    background:
        linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
    color:var(--about-text)!important;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;
}
:is(body.ss-route-about) .about-now-card::before{
    content:"";
    position:absolute;
    width:190px;height:190px;
    right:-90px;top:-105px;
    border-radius:50%;
    background:rgba(168,85,247,.20);
    filter:blur(70px);
    pointer-events:none;
}
:is(body.ss-route-about) .about-now-card:nth-child(2)::before{background:rgba(53,217,255,.18)}
:is(body.ss-route-about) .about-now-card:nth-child(3)::before{background:rgba(66,230,149,.14)}
:is(body.ss-route-about) .about-now-card:nth-child(4)::before{background:rgba(245,158,11,.14)}
:is(body.ss-route-about) .about-now-card:hover{
    transform:translateY(-8px);
    border-color:rgba(168,85,247,.32);
    box-shadow:0 28px 70px rgba(0,0,0,.34);
    background:linear-gradient(160deg,rgba(168,85,247,.075),rgba(255,255,255,.02));
}
:is(body.ss-route-about) .about-now-icon{
    position:relative;
    width:54px;height:54px;
    display:grid;place-items:center;
    border-radius:15px;
    font-size:25px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(7,9,15,.72);
}
:is(body.ss-route-about) .about-now-tag{
    position:relative;
    margin-top:23px;
    color:var(--about-accent-2);
    font-size:14px;
    font-weight:900;
    letter-spacing:.15em;
}
:is(body.ss-route-about) .about-now-card h3{
    position:relative;
    margin:8px 0 10px;
    font-family:"Space Grotesk","Manrope",Inter,Arial,sans-serif;
    font-size:25px;
    letter-spacing:-.03em;
}
:is(body.ss-route-about) .about-now-card p{
    position:relative;
    margin:0;
    color:var(--about-muted);
    font-size:14px;
    line-height:1.75;
}
:is(body.ss-route-about) .about-now-card span{
    position:absolute;
    left:27px;bottom:24px;
    color:#d8b4fe;
    font-size:14px;
    font-weight:900;
}
:is(body.ss-route-about) .about-section{padding:95px 0}
:is(body.ss-route-about) .about-section-heading{margin-bottom:44px}
:is(body.ss-route-about) .about-staff-card{min-height:445px}
:is(body.ss-route-about) .about-final-box{
    background:
      radial-gradient(circle at 50% 0,rgba(168,85,247,.14),transparent 42%),
      linear-gradient(135deg,rgba(168,85,247,.10),rgba(53,217,255,.035),rgba(255,255,255,.018));
}

@media (max-width:1100px){
    :is(body.ss-route-about) .about-now-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
    :is(body.ss-route-about) .about-now-grid{grid-template-columns:1fr}
    :is(body.ss-route-about) .about-now-card{min-height:285px}
}


/* SoulShive real logo mark in story card */
:is(body.ss-route-about) .about-logo-mark.about-logo-mark-image{
    width:170px;
    height:170px;
    padding:10px;
    border-radius:28px;
    background:
        radial-gradient(circle at 50% 45%,rgba(168,85,247,.20),transparent 58%),
        rgba(5,6,10,.72);
    border:1px solid rgba(168,85,247,.24);
    box-shadow:
        0 24px 70px rgba(0,0,0,.40),
        0 0 40px rgba(168,85,247,.18);
    overflow:hidden;
}
:is(body.ss-route-about) .about-logo-mark.about-logo-mark-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    filter:drop-shadow(0 0 16px rgba(145,65,255,.28));
}
@media (max-width:560px){
    :is(body.ss-route-about) .about-logo-mark.about-logo-mark-image{
        width:145px;
        height:145px;
    }
}


/* Full SoulShive logo fix in story card */
:is(body.ss-route-about) .about-visual-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:16px;
}
:is(body.ss-route-about) .about-logo-full{
    width:min(320px,100%);
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
}
:is(body.ss-route-about) .about-logo-full img{
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    filter:drop-shadow(0 0 24px rgba(145,65,255,.22));
}
:is(body.ss-route-about) .about-logo-caption{
    font-size:14px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(255,255,255,.72);
}
:is(body.ss-route-about) .about-logo-mark.about-logo-mark-image{display:none !important;}


/* About → Team: no invented profiles or public member count. */
:is(body.ss-route-about) .about-team-bridge{display:flex;align-items:center;gap:22px;border:1px solid rgba(158,106,244,.43);padding:30px;border-radius:24px;background:linear-gradient(125deg,#101a37,#15102e)}
:is(body.ss-route-about) .about-team-bridge-icon{width:64px;height:64px;flex-shrink:0;display:grid;place-items:center;background:rgba(150,87,255,.18);border:1px solid rgba(171,131,245,.42);border-radius:18px;color:#d6b5ff;font-size:35px}
:is(body.ss-route-about) .about-team-bridge>div{flex:1;min-width:0}
:is(body.ss-route-about) .about-team-bridge h2{font-size:clamp(24px,3vw,35px);margin:7px 0 10px}
:is(body.ss-route-about) .about-team-bridge p{font-size:16px;line-height:1.65;color:#c4cce2;margin:0}
:is(body.ss-route-about) .about-team-bridge>a{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:linear-gradient(110deg,#803bfa,#555dff);border-radius:12px;color:#fff;text-decoration:none;font-size:16px;font-weight:850}
:is(body.ss-route-about) .about-team-bridge>a:hover{filter:brightness(1.12)}
:is(body.ss-route-about) .about-team-bridge>a:focus-visible{outline:3px solid #d6b5ff;outline-offset:3px}
@media (max-width:850px){:is(body.ss-route-about) .about-team-bridge{flex-direction:column;align-items:flex-start;padding:24px}:is(body.ss-route-about) .about-team-bridge>a{width:100%}}


/* SoulShive About — compact visual refinement, October 2026 */
:is(body.ss-route-about) .about-hero{min-height:390px!important;border:1px solid rgba(105,75,175,.5);border-radius:20px;width:min(calc(100% - 40px),1320px);margin:22px auto 0}
:is(body.ss-route-about) .about-hero::before{background:linear-gradient(90deg,#060a1bed 0%,#080b1be3 34%,rgba(7,10,27,.3) 100%),url("/assets/soulshive2026/home-community-hero.webp") center right/cover no-repeat}
:is(body.ss-route-about) .about-hero-grid{opacity:.18}
:is(body.ss-route-about) .about-kicker{margin-bottom:14px!important}
:is(body.ss-route-about) .about-hero-content{max-width:760px;padding:42px 0!important;text-align:left}
:is(body.ss-route-about) .about-hero h1{font-size:clamp(36px,4.3vw,59px)!important;line-height:1.07!important;letter-spacing:-.045em;margin:0 0 10px!important}
:is(body.ss-route-about) .about-hero-description{font-size:17px!important;max-width:590px;margin:16px 0 0!important;line-height:1.6!important;color:#d7e4fa}
:is(body.ss-route-about) .about-hero .about-actions,
:is(body.ss-route-about) .about-hero .about-meta{justify-content:flex-start;margin-top:15px!important}
:is(body.ss-route-about) .about-hero .about-btn{font-size:16px;min-height:44px;padding:9px 15px}
:is(body.ss-route-about) .about-section{padding:54px 0!important}
:is(body.ss-route-about) .about-section-heading{margin-bottom:24px!important}
:is(body.ss-route-about) .about-section-heading h2{font-size:clamp(27px,3vw,40px)!important}
:is(body.ss-route-about) .about-section-heading p{font-size:16px;line-height:1.6}
:is(body.ss-route-about) .about-intro{gap:24px!important;align-items:center!important}
:is(body.ss-route-about) .about-intro-copy p{margin:0 0 16px!important;font-size:16px!important;line-height:1.72!important}
:is(body.ss-route-about) .about-visual{min-height:230px!important}
:is(body.ss-route-about) .about-logo-full{width:min(240px,100%)}
:is(body.ss-route-about) .about-now-section{background:none;border:0;padding-top:22px!important;padding-bottom:32px!important}
:is(body.ss-route-about) .about-now-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
:is(body.ss-route-about) .about-now-card{min-height:230px;padding:20px 20px 51px;border-radius:17px}
:is(body.ss-route-about) .about-now-card:hover{transform:translateY(-3px)}
:is(body.ss-route-about) .about-now-icon{width:47px;height:47px;font-size:23px}
:is(body.ss-route-about) .about-now-tag{margin-top:13px;font-size:14px;letter-spacing:.06em}
:is(body.ss-route-about) .about-now-card h3{font-size:22px;margin:5px 0 8px}
:is(body.ss-route-about) .about-now-card p{font-size:16px;line-height:1.48;color:#c9d4e9}
:is(body.ss-route-about) .about-now-card span{left:20px;bottom:17px;font-size:14px}
:is(body.ss-route-about) .about-team-bridge{padding:23px!important;border-radius:17px;gap:18px}
:is(body.ss-route-about) .about-team-bridge h2{font-size:clamp(23px,2.7vw,31px)}
:is(body.ss-route-about) .about-final{padding-top:24px!important;padding-bottom:64px!important}
:is(body.ss-route-about) .about-final-box{padding:30px 24px!important;border-radius:19px}
:is(body.ss-route-about) .about-final-content h2{font-size:clamp(28px,3.4vw,44px);line-height:1.1;margin:8px 0}
:is(body.ss-route-about) .about-final-content p{margin:12px auto 16px;font-size:16px}
:is(body.ss-route-about) .about-final-content .about-actions{margin-top:12px!important}
@media (max-width:1080px){:is(body.ss-route-about) .about-now-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(body.ss-route-about) .about-hero{min-height:360px!important}}
@media (max-width:680px){
 :is(body.ss-route-about) .about-hero{width:calc(100% - 22px);min-height:0!important;margin:12px auto 0;border-radius:15px}
 :is(body.ss-route-about) .about-hero::before{background:linear-gradient(90deg,#060a1bed,#060a1bdc),url("/assets/soulshive2026/home-community-hero.webp") 66% center/cover no-repeat}
 :is(body.ss-route-about) .about-hero-content{padding:24px 0!important}
 :is(body.ss-route-about) .about-hero h1{font-size:clamp(31px,8.5vw,42px)!important}
 :is(body.ss-route-about) .about-hero-description{font-size:16px!important;margin-top:12px!important}
 :is(body.ss-route-about) .about-hero .about-actions{gap:8px!important}
 :is(body.ss-route-about) .about-hero .about-actions .about-btn{width:100%!important;min-height:42px;font-size:16px}
 :is(body.ss-route-about) .about-hero .about-meta{display:none!important}
 :is(body.ss-route-about) .about-hero .about-meta span{font-size:14px;padding:6px 9px}
 :is(body.ss-route-about) .about-section{padding:33px 0!important}
 :is(body.ss-route-about) .about-intro{gap:18px!important}
 :is(body.ss-route-about) .about-visual{min-height:170px!important}
 :is(body.ss-route-about) .about-now-grid{grid-template-columns:1fr;gap:12px}
 :is(body.ss-route-about) .about-now-card{min-height:0;padding:16px 18px 44px}
 :is(body.ss-route-about) .about-final{padding-bottom:48px!important}
 :is(body.ss-route-about) .about-final-box{padding:23px 18px!important}
}


:is(body.ss-route-about) .about-page #poveste .about-visual{
    position: relative;
    min-height: 216px !important;
    border: 1px solid rgba(145, 92, 247, .35);
    border-radius: 22px;
    background:
        radial-gradient(ellipse at 50% 30%, rgba(126, 45, 226, .20), transparent 65%),
        linear-gradient(125deg, #110d28 0%, #0b1024 55%, #090f1d 100%);
    box-shadow: inset 0 1px 0 rgba(211, 178, 255, .08), 0 16px 40px rgba(0, 0, 0, .20);
    isolation: isolate;
}
:is(body.ss-route-about) .about-page #poveste .about-visual::before{
    width: 260px;
    height: 260px;
    top: -148px;
    right: -80px;
    opacity: .50;
}
:is(body.ss-route-about) .about-page #poveste .about-visual::after{
    inset: 13px;
    border-radius: 16px;
    border-color: rgba(206, 181, 255, .10);
}
:is(body.ss-route-about) .about-page #poveste .about-visual-content{
    position: relative;
    inset: auto;
    min-height: 216px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 25px 22px;
}
:is(body.ss-route-about) .about-page #poveste .about-logo-full{
    width: min(100%, 380px);
    max-width: 380px;
    margin: 0 auto;
}
:is(body.ss-route-about) .about-page #poveste .about-logo-full img{
    display: block;
    width: 100%;
    height: auto;
    max-height: 94px;
    object-fit: contain;
    mix-blend-mode: lighten;
    filter: saturate(1.08);
}
:is(body.ss-route-about) .about-page #poveste .about-logo-caption{
    max-width: 100%;
    color: #c6c9e3;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 650;
    letter-spacing: .06em;
    text-align: center;
}
@media (max-width: 680px){
    :is(body.ss-route-about) .about-page #poveste .about-visual{ min-height: 172px !important; }
    :is(body.ss-route-about) .about-page #poveste .about-visual-content{ min-height: 172px; gap: 12px; padding: 23px 16px; }
    :is(body.ss-route-about) .about-page #poveste .about-logo-full{ max-width: 320px; }
    :is(body.ss-route-about) .about-page #poveste .about-logo-caption{ font-size: 14px; letter-spacing: .025em; }
}


/* ========= assets/css/team.css ========= */
/* SoulShive 2027 — public Team page only. No table/card overrides on other pages. */
:is(body.ss-route-team) .ss27-team{--ss-team-edge:#30416b;--ss-team-card:#0c1831;--ss-team-muted:#b6c5dd;color:#f4f6ff;max-width:1480px;margin:0 auto;padding:20px 20px 68px}
:is(body.ss-route-team) .ss27-team *{box-sizing:border-box}
:is(body.ss-route-team) .ss27-team-crumb{display:flex;align-items:center;gap:12px;margin:6px 0 18px;font-size:15px;color:#a9b9d7}
:is(body.ss-route-team) .ss27-team a{color:inherit;text-decoration:none}
:is(body.ss-route-team) .ss27-team-crumb a:hover,
:is(body.ss-route-team) .ss27-team-member-info a:hover{color:#e3caff}
:is(body.ss-route-team) .ss27-team-hero{position:relative;isolation:isolate;overflow:hidden;min-height:355px;display:flex;align-items:center;border:1px solid #4b357c;border-radius:23px;background:#0a1026 url("/assets/img/soulshive2026/master-server-hero.webp") center/cover no-repeat;box-shadow:0 25px 75px rgba(0,0,0,.24)}
:is(body.ss-route-team) .ss27-team-hero:before{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,27,.95) 1%,rgba(8,14,38,.89) 46%,rgba(8,12,33,.30) 100%)}
:is(body.ss-route-team) .ss27-team-hero-inner{width:min(820px,100%);padding:clamp(25px,4.2vw,61px)}
:is(body.ss-route-team) .ss27-team-eyebrow{color:#bc8aff;font-size:14px;font-weight:900;letter-spacing:.09em}
:is(body.ss-route-team) .ss27-team-hero h1{font-size:clamp(34px,4.5vw,64px);line-height:1.09;letter-spacing:-.035em;margin:15px 0;color:#fff}
:is(body.ss-route-team) .ss27-team-hero h1 em{font-style:normal;background:linear-gradient(95deg,#d5b2ff,#7f80ff);background-clip:text;-webkit-background-clip:text;color:transparent}
:is(body.ss-route-team) .ss27-team-hero p,
:is(body.ss-route-team) .ss27-team-cta p{max-width:750px;font-size:17px;line-height:1.65;color:#d7def0}
:is(body.ss-route-team) .ss27-team-hero-actions,
:is(body.ss-route-team) .ss27-team-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
:is(body.ss-route-team) .ss27-team-btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;gap:9px;padding:11px 19px;font-size:16px;font-weight:800;border-radius:11px;border:1px solid #4a5d8c}
:is(body.ss-route-team) .ss27-team-btn-primary{background:linear-gradient(105deg,#902ff8,#6050fd);border-color:#9653ff;color:#fff!important;box-shadow:0 9px 30px rgba(105,57,250,.25)}
:is(body.ss-route-team) .ss27-team-btn-quiet{background:#101b35;color:#e7e9ff!important}
:is(body.ss-route-team) .ss27-team-btn:hover{filter:brightness(1.13)}
:is(body.ss-route-team) .ss27-team a:focus-visible{outline:3px solid #c3a5ff;outline-offset:3px}
:is(body.ss-route-team) .ss27-team-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 42px}
:is(body.ss-route-team) .ss27-team-values>div{display:grid;grid-template-columns:50px 1fr;align-items:center;column-gap:12px;row-gap:4px;border:1px solid var(--ss-team-edge);background:linear-gradient(135deg,#111d3a,#091426);border-radius:15px;padding:20px}
:is(body.ss-route-team) .ss27-team-values>div>span{grid-row:span 2;font-size:26px}
:is(body.ss-route-team) .ss27-team-values strong{font-size:18px}
:is(body.ss-route-team) .ss27-team-values small{font-size:14px;color:var(--ss-team-muted);line-height:1.45}
:is(body.ss-route-team) .ss27-team-section-head{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:18px}
:is(body.ss-route-team) .ss27-team-section-head h2{font-size:clamp(27px,3vw,38px);margin:6px 0}
:is(body.ss-route-team) .ss27-team-section-head p,
:is(body.ss-route-team) .ss27-team-role-heading p{font-size:16px;color:var(--ss-team-muted);margin:0}
:is(body.ss-route-team) .ss27-team-join{flex-shrink:0;border:1px solid #4b4380;padding:12px 16px;border-radius:10px;background:#141839;font-size:16px;font-weight:700;color:#d6a8ff!important}
:is(body.ss-route-team) .ss27-team-group{margin:22px 0 33px}
:is(body.ss-route-team) .ss27-team-role-heading{display:flex;align-items:center;gap:11px;padding:13px 0;margin-bottom:12px}
:is(body.ss-route-team) .ss27-team-role-symbol{display:grid;place-items:center;width:46px;height:46px;border:1px solid #493680;background:#1a1c45;border-radius:12px;font-size:22px}
:is(body.ss-route-team) .ss27-team-role-heading h3{font-size:22px;margin:0 0 2px}
:is(body.ss-route-team) .ss27-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
:is(body.ss-route-team) .ss27-team-member{min-width:0;border:1px solid #33466e;background:linear-gradient(140deg,#101d39,#0b1429);border-radius:16px;overflow:hidden;transition:transform .18s,border-color .18s}
:is(body.ss-route-team) .ss27-team-member:hover{transform:translateY(-3px);border-color:#8655e5}
:is(body.ss-route-team) .ss27-team-member-visual{height:156px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,rgba(133,67,236,.24),transparent 60%),linear-gradient(145deg,#161a40,#111d35 64%,#0c1428)}
:is(body.ss-route-team) .ss27-team-member-decor{position:absolute;right:15px;top:12px;font-size:30px;opacity:.28}
:is(body.ss-route-team) .ss27-team-avatar{width:98px;height:98px;border-radius:21px;overflow:hidden;display:grid;place-items:center;border:2px solid #8960de;box-shadow:0 12px 28px rgba(20,8,53,.5);background:#182548}
:is(body.ss-route-team) .ss27-team-avatar img{width:100%;height:100%;object-fit:cover}
:is(body.ss-route-team) .ss27-team-avatar>span{font-size:38px;font-weight:900;color:#e4d7ff}
:is(body.ss-route-team) .ss27-team-role-pill{position:absolute;left:12px;bottom:10px;font-size:14px;font-weight:800;border:1px solid #6954ac;border-radius:99px;background:rgba(15,18,45,.88);padding:5px 10px}
:is(body.ss-route-team) .ss27-team-member-info{padding:18px}
:is(body.ss-route-team) .ss27-team-member-info h4{font-size:19px;overflow-wrap:anywhere;margin:0 0 5px}
:is(body.ss-route-team) .ss27-team-member-info p{font-size:15px;line-height:1.4;color:#b7c4df;min-height:42px;margin:0 0 15px}
:is(body.ss-route-team) .ss27-team-member-info a{display:inline-flex;align-items:center;min-height:42px;font-size:15px;font-weight:800;color:#c5a0ff}
:is(body.ss-route-team) .ss27-team-empty{border:1px dashed #5b5582;border-radius:15px;padding:34px;text-align:center;background:#111b37;color:#c6d0e9;font-size:16px;line-height:1.6}
:is(body.ss-route-team) .ss27-team-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px;margin-top:46px;border-radius:20px;border:1px solid #58408d;background:radial-gradient(circle at right,rgba(116,69,252,.2),transparent 45%),linear-gradient(110deg,#111b3b,#0b1330)}
:is(body.ss-route-team) .ss27-team-cta h2{font-size:clamp(25px,3vw,36px);margin:8px 0}
:is(body.ss-route-team) .ss27-team-cta p{margin:0;font-size:16px}
:is(body.ss-route-team) .ss27-team-cta-actions{flex-shrink:0;margin-top:0}
@media (max-width:1180px){:is(body.ss-route-team) .ss27-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:is(body.ss-route-team) .ss27-team-cta{flex-direction:column;align-items:flex-start}}
@media (max-width:830px){:is(body.ss-route-team) .ss27-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(body.ss-route-team) .ss27-team-values{grid-template-columns:1fr}:is(body.ss-route-team) .ss27-team-hero{min-height:315px}:is(body.ss-route-team) .ss27-team-section-head{align-items:flex-start;flex-direction:column}}
@media (max-width:570px){:is(body.ss-route-team) .ss27-team{padding:14px 12px 50px}:is(body.ss-route-team) .ss27-team-hero{min-height:300px}:is(body.ss-route-team) .ss27-team-hero-inner{padding:23px}:is(body.ss-route-team) .ss27-team-hero:before{background:linear-gradient(90deg,rgba(6,10,27,.94),rgba(8,13,32,.7))}:is(body.ss-route-team) .ss27-team-grid{grid-template-columns:1fr}:is(body.ss-route-team) .ss27-team-member-visual{height:148px}:is(body.ss-route-team) .ss27-team-hero-actions .ss27-team-btn{width:100%}:is(body.ss-route-team) .ss27-team-cta{padding:22px}}
@media (prefers-reduced-motion:reduce){:is(body.ss-route-team) .ss27-team-member{transition:none}:is(body.ss-route-team) .ss27-team-member:hover{transform:none}}


/* ========= assets/css/staff-applications.css ========= */

:is(body.ss-route-staff-applications) .sa-hero{position:relative;overflow:hidden;border:1px solid rgba(168,85,247,.28);border-radius:22px;padding:44px 36px;background:radial-gradient(circle at 12% 15%,rgba(168,85,247,.20),transparent 34%),radial-gradient(circle at 90% 10%,rgba(168,85,247,.10),transparent 30%),linear-gradient(150deg,var(--surface),var(--bg2) 90%);box-shadow:0 26px 70px rgba(0,0,0,.30)}
:is(body.ss-route-staff-applications) .sa-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(168,85,247,.10);border:1px solid rgba(168,85,247,.28);color:#C084FC;font-size:14px;font-weight:900;letter-spacing:.14em}
:is(body.ss-route-staff-applications) .sa-hero h1{font-size:clamp(28px,4.5vw,42px);line-height:1.08;margin:16px 0 12px;font-weight:900;letter-spacing:-.02em}
:is(body.ss-route-staff-applications) .sa-grad{background:linear-gradient(90deg,#C084FC,#A855F7,#7C3AED);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(body.ss-route-staff-applications) .sa-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
:is(body.ss-route-staff-applications) .sa-stat{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
:is(body.ss-route-staff-applications) .sa-stat strong{display:block;font-size:16px}
:is(body.ss-route-staff-applications) .sa-stat span{display:block;margin-top:2px;font-size:14px;letter-spacing:.07em;color:var(--text3);text-transform:uppercase}
:is(body.ss-route-staff-applications) .sa-section{margin-top:26px}
:is(body.ss-route-staff-applications) .sa-title{font-size:19px;font-weight:900;letter-spacing:-.01em}
:is(body.ss-route-staff-applications) .sa-sub{font-size:14px;color:var(--text3);margin-top:3px}
:is(body.ss-route-staff-applications) .sa-pos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
:is(body.ss-route-staff-applications) .sa-pos{position:relative;overflow:hidden;padding:20px;border-radius:16px;background:linear-gradient(150deg,var(--surface),transparent);border:1px solid var(--line);transition:transform .18s ease,border-color .18s ease}
:is(body.ss-route-staff-applications) .sa-pos:hover{transform:translateY(-3px);border-color:var(--pc)}
:is(body.ss-route-staff-applications) .sa-pos-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
:is(body.ss-route-staff-applications) .sa-pos-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:21px;background:color-mix(in srgb,var(--pc) 14%,transparent);border:1px solid color-mix(in srgb,var(--pc) 30%,transparent)}
:is(body.ss-route-staff-applications) .sa-pos-status{font-size:14px;font-weight:900;letter-spacing:.05em;padding:5px 9px;border-radius:999px;color:#22C55E;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.28);white-space:nowrap}
:is(body.ss-route-staff-applications) .sa-pos h3{margin:14px 0 5px;font-size:16px}
:is(body.ss-route-staff-applications) .sa-pos p{color:var(--text2);font-size:14px;line-height:1.6;margin:0}
:is(body.ss-route-staff-applications) .sa-pos ul{margin:11px 0 0;padding:0;list-style:none}
:is(body.ss-route-staff-applications) .sa-pos li{font-size:14px;color:var(--text3);margin-top:6px;line-height:1.4}
:is(body.ss-route-staff-applications) .sa-pos li:before{content:"✓";color:var(--pc);font-weight:900;margin-right:6px}
:is(body.ss-route-staff-applications) .sa-pos-badge{margin-top:13px;display:inline-block;padding:6px 11px;border-radius:8px;font-size:14px;font-weight:850;color:var(--pc);border:1px solid color-mix(in srgb,var(--pc) 32%,transparent);background:color-mix(in srgb,var(--pc) 8%,transparent)}
:is(body.ss-route-staff-applications) .sa-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
:is(body.ss-route-staff-applications) .sa-benefit{padding:15px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
:is(body.ss-route-staff-applications) .sa-benefit-icon{font-size:20px}
:is(body.ss-route-staff-applications) .sa-benefit b{display:block;margin-top:8px;font-size:14px}
:is(body.ss-route-staff-applications) .sa-benefit span{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--text3)}
:is(body.ss-route-staff-applications) .sa-app{position:relative;overflow:hidden;border-radius:20px;padding:24px;border:1px solid rgba(168,85,247,.25);background:radial-gradient(circle at 100% 0%,rgba(168,85,247,.10),transparent 40%),var(--surface)}
:is(body.ss-route-staff-applications) .sa-note{padding:11px 13px;border-radius:11px;background:var(--bg2);border:1px solid var(--line);color:var(--text3);font-size:14px;line-height:1.6}
:is(body.ss-route-staff-applications) .sa-process{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
:is(body.ss-route-staff-applications) .sa-step{padding:16px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
:is(body.ss-route-staff-applications) .sa-step-num{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(168,85,247,.14);border:1px solid rgba(168,85,247,.28);color:#C084FC;font-weight:900;font-size:14px}
:is(body.ss-route-staff-applications) .sa-step b{display:block;margin-top:10px;font-size:14px}
:is(body.ss-route-staff-applications) .sa-step span{display:block;margin-top:4px;font-size:14px;color:var(--text3);line-height:1.5}
:is(body.ss-route-staff-applications) .sa-my-app-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;background:var(--bg2);border:1px solid var(--line);font-size:14px;margin-top:6px}
:is(body.ss-route-staff-applications) .sa-cta{text-align:center;padding:30px 20px;border-radius:20px;border:1px solid rgba(168,85,247,.22);background:radial-gradient(circle at 50% 0%,rgba(168,85,247,.12),transparent 55%),var(--surface)}
@media (max-width:800px){:is(body.ss-route-staff-applications) .sa-pos-grid,
:is(body.ss-route-staff-applications) .sa-benefit-grid,
:is(body.ss-route-staff-applications) .sa-process{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){:is(body.ss-route-staff-applications) .sa-pos-grid,
:is(body.ss-route-staff-applications) .sa-benefit-grid,
:is(body.ss-route-staff-applications) .sa-process{grid-template-columns:1fr}:is(body.ss-route-staff-applications) .sa-hero{padding:28px 20px}}

/* Layout polish shared with premium SoulShive 2027 Team page. */
:is(body.ss-route-staff-applications) .ss26-page-staff-applications .sa-hero{background:linear-gradient(90deg,rgba(7,13,32,.91),rgba(9,12,32,.69)),url("/assets/img/soulshive2026/master-server-hero.webp") center/cover no-repeat;border-color:#5c418a;min-height:300px}
:is(body.ss-route-staff-applications) .ss26-page-staff-applications .sa-hero h1{font-size:clamp(32px,4.5vw,54px)}
:is(body.ss-route-staff-applications) .ss26-page-staff-applications .sa-hero p{font-size:16px!important;line-height:1.7!important}
:is(body.ss-route-staff-applications) .ss26-page-staff-applications .sa-hero a:focus-visible,
:is(body.ss-route-staff-applications) .ss26-page-staff-applications .sa-pos-card a:focus-visible{outline:3px solid #c9abff;outline-offset:3px}
@media (max-width:680px){:is(body.ss-route-staff-applications) .ss26-page-staff-applications .sa-hero{padding:25px 19px;min-height:275px}:is(body.ss-route-staff-applications) .ss26-page-staff-applications .sa-hero a.btn{min-height:44px;font-size:16px}}

:is(body.ss-route-staff-applications) .sa-layout{width:min(100% - 28px,1680px);max-width:1680px!important;margin:28px auto 46px!important}:is(body.ss-route-staff-applications) .sa-layout .sa-pos-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}:is(body.ss-route-staff-applications) .sa-layout .sa-section .sa-sub,
:is(body.ss-route-staff-applications) .sa-layout .sa-pos p,
:is(body.ss-route-staff-applications) .sa-layout .sa-pos li,
:is(body.ss-route-staff-applications) .sa-layout .sa-benefit span,
:is(body.ss-route-staff-applications) .sa-layout .sa-note{font-size:16px;line-height:1.65}:is(body.ss-route-staff-applications) .sa-layout .sa-app :is(input,textarea,select){min-height:50px;font-size:16px}:is(body.ss-route-staff-applications) .sa-layout .sa-hero :is(.btn,a.btn){min-height:48px;font-size:16px}:is(body.ss-route-staff-applications) .sa-layout .sa-pos-badge{font-size:16px;min-height:44px;display:inline-flex;align-items:center}:is(body.ss-route-staff-applications) .sa-layout .sa-section .sa-title{font-size:clamp(22px,2vw,28px)}@media (max-width:680px){:is(body.ss-route-staff-applications) .sa-layout{width:calc(100% - 24px)}:is(body.ss-route-staff-applications) .sa-layout .sa-pos-grid{grid-template-columns:1fr}:is(body.ss-route-staff-applications) .sa-layout .sa-app{padding:18px}:is(body.ss-route-staff-applications) .sa-layout .sa-stats{gap:8px}}


/* ========= assets/css/campaign.css ========= */
/* SoulShive 2027 — page CSS extracted without changing rule order. */
/* ==========================================================================
   SOULSHIVE BOOST SERVER CAMPAIGN — PREMIUM FINAL
   ========================================================================== */
:is(body.ss-route-campaign).ss26-page-campaign .ss26-page-masthead{display:none!important}
:is(body.ss-route-campaign).ss26-page-campaign .ss26-content-wrap{
    width:min(1360px,calc(100% - 26px))!important;
    max-width:1360px!important;
    padding:0 0 32px!important;
}
:is(body.ss-route-campaign) .sscamp{
    --bg:#02070d;
    --panel:#071522;
    --panel2:#0a1928;
    --line:#294b67;
    --muted:#8295ab;
    --purple:#8d35ff;
    --purple2:#d34fff;
    --cyan:#2fc8ff;
    --green:#24d37d;
    --gold:#f5c14d;
    color:#eef6ff;
    position:relative;
}
:is(body.ss-route-campaign) .sscamp *{box-sizing:border-box}
:is(body.ss-route-campaign) .sscamp a{text-decoration:none}
:is(body.ss-route-campaign) .sscamp:before,
:is(body.ss-route-campaign) .sscamp:after{
    content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(120px);pointer-events:none
}
:is(body.ss-route-campaign) .sscamp:before{width:500px;height:500px;left:-220px;top:260px;background:rgba(122,39,232,.18)}
:is(body.ss-route-campaign) .sscamp:after{width:440px;height:440px;right:-190px;top:700px;background:rgba(28,126,218,.12)}

:is(body.ss-route-campaign) .sscamp-hero{
    position:relative;overflow:hidden;min-height:440px;
    border:1px solid rgba(111,59,225,.78);border-top:0;border-radius:0 0 16px 16px;
    background:
      linear-gradient(90deg,rgba(3,8,16,.99) 0%,rgba(4,9,18,.93) 36%,rgba(5,10,20,.42) 62%,rgba(4,8,18,.10) 85%),
      url("/assets/soulshive-home-hero-new.webp") 68% center/cover no-repeat;
    box-shadow:0 28px 70px rgba(0,0,0,.40),inset 0 -70px 120px rgba(43,16,101,.17);
}
:is(body.ss-route-campaign) .sscamp-hero:before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
      radial-gradient(circle at 78% 38%,rgba(146,48,255,.25),transparent 28%),
      linear-gradient(180deg,transparent 66%,rgba(2,6,12,.84));
}
:is(body.ss-route-campaign) .sscamp-hero-in{position:relative;z-index:2;max-width:850px;padding:42px 38px 36px}
:is(body.ss-route-campaign) .sscamp-live{
    display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;
    border:1px solid rgba(36,211,125,.35);background:rgba(36,211,125,.08);
    color:#67e9a2;font-size:14px;font-weight:950;letter-spacing:.08em
}
:is(body.ss-route-campaign) .sscamp-live i{width:7px;height:7px;border-radius:50%;background:#24d37d;box-shadow:0 0 12px #24d37d;animation:sscampPulse 1.5s infinite}
@keyframes sscampPulse{50%{opacity:.45}}
:is(body.ss-route-campaign) .sscamp-hero h1{
    margin:12px 0 4px;font-size:56px;line-height:.92;font-weight:950;letter-spacing:-.05em;text-transform:uppercase
}
:is(body.ss-route-campaign) .sscamp-hero h1 span{
    background:linear-gradient(90deg,#b24eff,#ed72ff);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 0 20px rgba(187,67,255,.30))
}
:is(body.ss-route-campaign) .sscamp-hero h2{font-size:23px;margin:0 0 7px}
:is(body.ss-route-campaign) .sscamp-hero p{font-size:14px;line-height:1.55;color:#d5dee9;max-width:720px;margin:0}
:is(body.ss-route-campaign) .sscamp-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
:is(body.ss-route-campaign) .sscamp-btn{
    min-height:42px;padding:0 16px;border:1px solid #4f6380;border-radius:7px;
    background:#081522;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;
    gap:7px;font-size:14px;font-weight:950;cursor:pointer;transition:.18s
}
:is(body.ss-route-campaign) .sscamp-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
:is(body.ss-route-campaign) .sscamp-btn.primary{
    background:linear-gradient(90deg,#7d2df5,#683aff);
    border-color:#a454ff;box-shadow:0 0 28px rgba(128,44,255,.28)
}
:is(body.ss-route-campaign) .sscamp-hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:19px;max-width:760px}
:is(body.ss-route-campaign) .sscamp-hb{min-height:55px;display:flex;align-items:center;gap:9px}
:is(body.ss-route-campaign) .sscamp-hb i{
    font-style:normal;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;
    border:1px solid #376c97;background:rgba(7,21,35,.88);font-size:18px
}
:is(body.ss-route-campaign) .sscamp-hb b{display:block;font-size:14px}:is(body.ss-route-campaign) .sscamp-hb small{display:block;color:#8295ab;font-size:14px;margin-top:2px}

/* stat cards */
:is(body.ss-route-campaign) .sscamp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
:is(body.ss-route-campaign) .sscamp-stat{
    min-height:94px;border:1px solid #294b67;border-radius:11px;
    background:linear-gradient(145deg,#0a1a2a,#071522);padding:13px 14px;
    display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center;
    box-shadow:0 10px 28px rgba(0,0,0,.16)
}
:is(body.ss-route-campaign) .sscamp-stat i{font-style:normal;width:46px;height:46px;border-radius:11px;display:grid;place-items:center;font-size:23px;background:rgba(133,56,255,.13)}
:is(body.ss-route-campaign) .sscamp-stat:nth-child(2) i{background:rgba(44,160,255,.12)}
:is(body.ss-route-campaign) .sscamp-stat:nth-child(3) i{background:rgba(50,206,175,.12)}
:is(body.ss-route-campaign) .sscamp-stat:nth-child(4) i{background:rgba(245,193,77,.12)}
:is(body.ss-route-campaign) .sscamp-stat b{display:block;font-size:22px;line-height:1}:is(body.ss-route-campaign) .sscamp-stat span{display:block;font-size:14px;margin-top:4px}:is(body.ss-route-campaign) .sscamp-stat small{display:block;font-size:14px;color:#61e89e;margin-top:3px}

:is(body.ss-route-campaign) .sscamp-progress{
    border:1px solid #384d86;border-radius:10px;background:linear-gradient(90deg,#081522,#0b1430);
    padding:12px 14px;margin-bottom:12px
}
:is(body.ss-route-campaign) .sscamp-progress-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:7px}
:is(body.ss-route-campaign) .sscamp-progress-head b{font-size:14px}:is(body.ss-route-campaign) .sscamp-progress-head span{font-size:14px;color:#9aacc0}
:is(body.ss-route-campaign) .sscamp-progress-head strong{font-size:17px;color:#e069ff}
:is(body.ss-route-campaign) .sscamp-progress-track{height:12px;border-radius:999px;background:#162338;overflow:hidden;border:1px solid rgba(255,255,255,.04)}
:is(body.ss-route-campaign) .sscamp-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7e2df4,#d64eff);box-shadow:0 0 16px rgba(183,65,255,.48)}
:is(body.ss-route-campaign) .sscamp-progress-foot{display:flex;justify-content:space-between;gap:15px;margin-top:6px;color:#8194a9;font-size:14px}

:is(body.ss-route-campaign) .sscamp-section{margin-top:13px}
:is(body.ss-route-campaign) .sscamp-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:9px}
:is(body.ss-route-campaign) .sscamp-head-l{display:flex;align-items:center;gap:9px}
:is(body.ss-route-campaign) .sscamp-head-icon{width:33px;height:33px;border-radius:8px;display:grid;place-items:center;border:1px solid #8147dc;background:linear-gradient(145deg,#2c1552,#6f30bd);font-size:17px}
:is(body.ss-route-campaign) .sscamp-head h2{margin:0;font-size:14px}:is(body.ss-route-campaign) .sscamp-head p{margin:2px 0 0;color:#8194aa;font-size:14px}

:is(body.ss-route-campaign) .sscamp-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
:is(body.ss-route-campaign) .sscamp-benefit{
    min-height:150px;border:1px solid #2b4d69;border-radius:10px;background:linear-gradient(145deg,#0a1a29,#071522);
    padding:14px;box-shadow:0 12px 28px rgba(0,0,0,.14)
}
:is(body.ss-route-campaign) .sscamp-benefit i{font-style:normal;width:45px;height:45px;border-radius:11px;display:grid;place-items:center;font-size:24px;background:rgba(134,58,255,.12);margin-bottom:12px}
:is(body.ss-route-campaign) .sscamp-benefit b{font-size:14px}:is(body.ss-route-campaign) .sscamp-benefit p{font-size:14px;line-height:1.55;color:#8799ae;margin:6px 0 0}

:is(body.ss-route-campaign) .sscamp-referral{
    margin-top:11px;display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;
    border:1px solid #8c3ee7;border-radius:10px;padding:13px 16px;
    background:
      radial-gradient(circle at 80% 30%,rgba(143,49,240,.18),transparent 30%),
      linear-gradient(90deg,#0d0e28,#111035 55%,#101327);
    box-shadow:0 0 27px rgba(130,43,218,.14)
}
:is(body.ss-route-campaign) .sscamp-referral .ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:27px;background:rgba(153,61,255,.16);border:1px solid rgba(180,79,255,.30)}
:is(body.ss-route-campaign) .sscamp-referral h3{font-size:16px;margin:0}:is(body.ss-route-campaign) .sscamp-referral h3 span{color:#e66eff}:is(body.ss-route-campaign) .sscamp-referral p{font-size:14px;color:#9caec0;margin:4px 0 0}

:is(body.ss-route-campaign) .sscamp-how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}
:is(body.ss-route-campaign) .sscamp-step{position:relative;min-height:125px;border:1px solid #2b4c67;border-radius:10px;background:#091827;padding:15px 15px 14px 70px}
:is(body.ss-route-campaign) .sscamp-step i{font-style:normal;position:absolute;left:15px;top:20px;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(128,50,246,.12);font-size:22px}
:is(body.ss-route-campaign) .sscamp-step strong{color:#67caff;font-size:14px}:is(body.ss-route-campaign) .sscamp-step b{display:block;font-size:14px;margin:5px 0}:is(body.ss-route-campaign) .sscamp-step p{font-size:14px;line-height:1.5;color:#8799ae;margin:0}
:is(body.ss-route-campaign) .sscamp-step:after{content:"›";position:absolute;right:-10px;top:42px;font-size:36px;color:#6f55ff;z-index:4}
:is(body.ss-route-campaign) .sscamp-step:last-child:after{display:none}

/* entries table */
:is(body.ss-route-campaign) .sscamp-table-wrap{border:1px solid #2b4c67;border-radius:10px;overflow:hidden;background:#071522}
:is(body.ss-route-campaign) .sscamp-table{width:100%;border-collapse:collapse;font-size:14px}
:is(body.ss-route-campaign) .sscamp-table th{padding:9px 10px;text-align:left;color:#93a4b8;background:#0b1928;border-bottom:1px solid #2b4c67;font-size:14px;letter-spacing:.05em}
:is(body.ss-route-campaign) .sscamp-table td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}
:is(body.ss-route-campaign) .sscamp-table tr:last-child td{border-bottom:0}
:is(body.ss-route-campaign) .sscamp-table .srv b{display:block;font-size:14px}:is(body.ss-route-campaign) .sscamp-table .srv small{display:block;color:#8295aa;font-size:14px;margin-top:2px}
:is(body.ss-route-campaign) .sscamp-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:14px;font-weight:950}
:is(body.ss-route-campaign) .sscamp-status.confirmed{color:#63e59f;background:rgba(35,201,118,.10);border:1px solid rgba(35,201,118,.26)}
:is(body.ss-route-campaign) .sscamp-status.pending,
:is(body.ss-route-campaign) .sscamp-status.reviewing{color:#ffd171;background:rgba(245,193,77,.10);border:1px solid rgba(245,193,77,.26)}
:is(body.ss-route-campaign) .sscamp-status.rejected{color:#ff8c98;background:rgba(235,74,90,.10);border:1px solid rgba(235,74,90,.26)}

:is(body.ss-route-campaign) .sscamp-nope{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
:is(body.ss-route-campaign) .sscamp-no{
    min-height:95px;border:1px solid #69364d;border-radius:9px;background:linear-gradient(145deg,rgba(91,24,49,.11),#091522);
    padding:12px;display:flex;gap:10px;align-items:flex-start
}
:is(body.ss-route-campaign) .sscamp-no i{font-style:normal;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;border:1px solid #b24765;color:#ff8197;font-size:18px}
:is(body.ss-route-campaign) .sscamp-no b{display:block;font-size:14px;color:#ff9aac}:is(body.ss-route-campaign) .sscamp-no p{font-size:14px;line-height:1.45;color:#8497ad;margin:4px 0 0}

:is(body.ss-route-campaign) .sscamp-formbox{
    margin-top:12px;border:1px solid #5b3ca0;border-radius:11px;background:linear-gradient(145deg,#0c1026,#071522);padding:16px
}
:is(body.ss-route-campaign) .sscamp-formbox h3{font-size:14px;margin:0}:is(body.ss-route-campaign) .sscamp-formbox p{font-size:14px;color:#899baf;margin:5px 0 12px;line-height:1.55}
:is(body.ss-route-campaign) .sscamp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
:is(body.ss-route-campaign) .sscamp-form-grid .full{grid-column:1/-1}
:is(body.ss-route-campaign) .sscamp-formbox label{display:block;font-size:14px;color:#8799ae;font-weight:900;margin-bottom:4px}
:is(body.ss-route-campaign) .sscamp-formbox input{width:100%;font-size:14px!important}
:is(body.ss-route-campaign) .sscamp-formbox .sscamp-btn{width:100%;margin-top:10px}

:is(body.ss-route-campaign) .sscamp-final{
    margin-top:13px;min-height:135px;border:1px solid #6b3fc5;border-radius:11px;padding:20px 24px;
    display:flex;justify-content:space-between;align-items:center;gap:20px;
    background:
      linear-gradient(90deg,rgba(7,12,21,.96),rgba(7,12,21,.52)),
      url("/assets/soulshive-page-header-new.webp") center/cover no-repeat;
    box-shadow:0 0 28px rgba(100,43,192,.12)
}
:is(body.ss-route-campaign) .sscamp-final .label{font-size:14px;color:#bc73ff;font-weight:950;letter-spacing:.15em}
:is(body.ss-route-campaign) .sscamp-final h2{font-size:24px;margin:5px 0 0}:is(body.ss-route-campaign) .sscamp-final h2 span{color:#d763ff}:is(body.ss-route-campaign) .sscamp-final p{font-size:14px;color:#97a8ba;margin:5px 0 0}

:is(body.ss-route-campaign) .sscamp-alert{margin-top:10px;padding:10px 12px;border-radius:8px;font-size:14px}
:is(body.ss-route-campaign) .sscamp-alert.ok{border:1px solid rgba(36,211,125,.28);background:rgba(36,211,125,.08);color:#75eaa5}
:is(body.ss-route-campaign) .sscamp-alert.err{border:1px solid rgba(235,74,90,.28);background:rgba(235,74,90,.08);color:#ff9aa4}
:is(body.ss-route-campaign) .sscamp-alert.warn{border:1px solid rgba(245,193,77,.30);background:rgba(245,193,77,.08);color:#ffd681}

@media (max-width:1050px){
  :is(body.ss-route-campaign) .sscamp-benefits{grid-template-columns:repeat(2,1fr)}
  :is(body.ss-route-campaign) .sscamp-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  :is(body.ss-route-campaign) .sscamp-hero h1{font-size:42px}
  :is(body.ss-route-campaign) .sscamp-hero-benefits,
:is(body.ss-route-campaign) .sscamp-how,
:is(body.ss-route-campaign) .sscamp-nope{grid-template-columns:1fr 1fr}
  :is(body.ss-route-campaign) .sscamp-step:after{display:none}
  :is(body.ss-route-campaign) .sscamp-referral{grid-template-columns:52px 1fr}:is(body.ss-route-campaign) .sscamp-referral .sscamp-btn{grid-column:1/-1}
  :is(body.ss-route-campaign) .sscamp-table-wrap{overflow-x:auto}:is(body.ss-route-campaign) .sscamp-table{min-width:760px}
}
@media (max-width:520px){
  :is(body.ss-route-campaign).ss26-page-campaign .ss26-content-wrap{width:min(100% - 16px,1360px)!important}
  :is(body.ss-route-campaign) .sscamp-hero-in{padding:28px 17px}:is(body.ss-route-campaign) .sscamp-hero h1{font-size:34px}
  :is(body.ss-route-campaign) .sscamp-stats,
:is(body.ss-route-campaign) .sscamp-benefits,
:is(body.ss-route-campaign) .sscamp-hero-benefits,
:is(body.ss-route-campaign) .sscamp-how,
:is(body.ss-route-campaign) .sscamp-nope{grid-template-columns:1fr}
  :is(body.ss-route-campaign) .sscamp-form-grid{grid-template-columns:1fr}:is(body.ss-route-campaign) .sscamp-form-grid .full{grid-column:auto}
  :is(body.ss-route-campaign) .sscamp-final{flex-direction:column;align-items:flex-start}
}

/* ==========================================================
   SIGNUP ABOVE THE FOLD — 2026 CONVERSION REFRESH
   ========================================================== */
:is(body.ss-route-campaign) .sscamp-signup-section{
  margin-top:12px!important;
  margin-bottom:12px!important;
}
:is(body.ss-route-campaign) .sscamp-formbox-premium{
  position:relative;
  overflow:hidden;
  padding:18px!important;
  border:1px solid rgba(65,197,255,.58)!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 95% 15%,rgba(139,46,255,.19),transparent 28%),
    radial-gradient(circle at 4% 90%,rgba(35,200,255,.10),transparent 27%),
    linear-gradient(145deg,#0a1730,#0a1124 55%,#120c27)!important;
  box-shadow:
    0 0 0 1px rgba(145,60,255,.10) inset,
    0 0 32px rgba(111,36,255,.16),
    0 20px 52px rgba(0,0,0,.30);
}
:is(body.ss-route-campaign) .sscamp-formbox-premium:before{
  content:"";
  position:absolute;
  width:360px;height:360px;
  right:-170px;top:-230px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.04);
  box-shadow:
    0 0 0 38px rgba(255,255,255,.015),
    0 0 0 76px rgba(255,255,255,.008);
  pointer-events:none;
}
:is(body.ss-route-campaign) .sscamp-signup-head{
  position:relative;z-index:2;
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:18px;margin-bottom:15px;
}
:is(body.ss-route-campaign) .sscamp-signup-kicker{
  color:#5edcff;
  font-size:14px;
  font-weight:950;
  letter-spacing:.14em;
  margin-bottom:5px;
}
:is(body.ss-route-campaign) .sscamp-signup-head h3,
:is(body.ss-route-campaign) .sscamp-formbox-premium>h3{
  margin:0;
  font-size:19px!important;
  letter-spacing:-.02em;
}
:is(body.ss-route-campaign) .sscamp-signup-head p{
  margin:5px 0 0!important;
  font-size:14px!important;
  color:#91a2b7!important;
  line-height:1.5!important;
}
:is(body.ss-route-campaign) .sscamp-signup-trust{
  display:flex;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
  max-width:430px;
}
:is(body.ss-route-campaign) .sscamp-signup-trust span{
  min-height:37px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:8px;
  border:1px solid #294764;
  background:rgba(7,17,31,.72);
  color:#c8d5e4;
  font-size:14px;
  font-weight:900;
}
:is(body.ss-route-campaign) .sscamp-signup-form{position:relative;z-index:2}
:is(body.ss-route-campaign) .sscamp-signup-form label{
  display:block;
  margin-bottom:6px;
  color:#a3b1c3;
  font-size:14px;
  font-weight:900;
  letter-spacing:.03em;
}
:is(body.ss-route-campaign) .sscamp-input-wrap{position:relative}
:is(body.ss-route-campaign) .sscamp-input-wrap>span{
  position:absolute;
  left:12px;top:50%;transform:translateY(-50%);
  width:20px;height:20px;
  display:grid;place-items:center;
  border-radius:5px;
  background:#151e3d;
  color:#7c8cff;
  font-size:14px;
  font-weight:950;
  z-index:2;
}
:is(body.ss-route-campaign) .sscamp-input-wrap input{
  height:44px!important;
  padding-left:42px!important;
  border:1px solid #304d6b!important;
  border-radius:8px!important;
  background:#07111f!important;
  color:#eef6ff!important;
  font-size:14px!important;
  box-shadow:none!important;
}
:is(body.ss-route-campaign) .sscamp-input-wrap input:focus{
  border-color:#7e49df!important;
  box-shadow:0 0 0 3px rgba(128,62,220,.10)!important;
}
:is(body.ss-route-campaign) .sscamp-signup-submit{
  width:100%!important;
  height:46px!important;
  margin-top:11px!important;
  border:1px solid rgba(199,118,255,.55)!important;
  background:linear-gradient(90deg,#6f26ef,#9030ff,#7b2cf0)!important;
  box-shadow:
    0 0 26px rgba(124,46,255,.26),
    inset 0 1px 0 rgba(255,255,255,.14)!important;
  font-size:14px!important;
  letter-spacing:.02em;
}
:is(body.ss-route-campaign) .sscamp-signup-note{
  margin-top:8px;
  text-align:center;
  color:#73869d;
  font-size:14px;
}
:is(body.ss-route-campaign) .sscamp-signup-section .sscamp-alert{
  position:relative;z-index:2;
}
:is(body.ss-route-campaign) .sscamp-stats{margin-top:0!important}

/* Sticky mobile CTA so înscrierea remains one tap away. */
:is(body.ss-route-campaign) .sscamp-mobile-cta{display:none}
@media (max-width:760px){
  :is(body.ss-route-campaign) .sscamp-signup-head{flex-direction:column}
  :is(body.ss-route-campaign) .sscamp-signup-trust{justify-content:flex-start;max-width:none}
  :is(body.ss-route-campaign) .sscamp-signup-trust span{flex:1;justify-content:center;min-width:125px}
  :is(body.ss-route-campaign) .sscamp-formbox-premium{padding:14px!important}
  /* Keep the last form submit and the footer above the fixed mobile CTA. */
  :is(body.ss-route-campaign) .sscamp{padding-bottom:72px}
  :is(body.ss-route-campaign) .sscamp-mobile-cta{
    position:fixed;
    display:flex;
    left:10px;right:10px;bottom:10px;
    z-index:9998;
    height:48px;
    border-radius:10px;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    font-size:14px;
    font-weight:950;
    border:1px solid rgba(208,132,255,.55);
    background:linear-gradient(90deg,#6e24eb,#952eff);
    box-shadow:0 12px 35px rgba(0,0,0,.56),0 0 26px rgba(130,43,255,.28);
  }
}

/* Conversion landing: readable, short steps and small-screen first. */
:is(body.ss-route-campaign) .sscamp-hero{min-height:360px}
:is(body.ss-route-campaign) .sscamp-hero-in{max-width:920px}
:is(body.ss-route-campaign) .sscamp-hero h1{font-size:clamp(34px,4.3vw,55px);line-height:1.08}
:is(body.ss-route-campaign) .sscamp-availability{font-size:14px!important;color:#b4c9dc!important;margin-top:12px!important}
:is(body.ss-route-campaign) .sscamp-conversion-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
:is(body.ss-route-campaign) .sscamp-conversion-steps>div{border:1px solid #324968;background:#091529;border-radius:10px;padding:13px;min-width:0}
:is(body.ss-route-campaign) .sscamp-conversion-steps strong{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:linear-gradient(145deg,#7936e9,#2869d6);margin-bottom:9px;font-size:17px}
:is(body.ss-route-campaign) .sscamp-conversion-steps b,
:is(body.ss-route-campaign) .sscamp-conversion-steps span{display:block;font-size:15px;line-height:1.5}
:is(body.ss-route-campaign) .sscamp-conversion-steps span{color:#afbed0;margin-top:4px}
:is(body.ss-route-campaign) .sscamp-choices{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
:is(body.ss-route-campaign) .sscamp-choices .sscamp-btn{min-height:48px}
:is(body.ss-route-campaign) .sscamp-signup-form select,
:is(body.ss-route-campaign) .sscamp-signup-form input{min-height:48px;width:100%;font-size:16px!important;padding:10px 12px!important;border:1px solid #39567d;border-radius:9px;background:#07111f;color:#eef6ff}
:is(body.ss-route-campaign) .sscamp-signup-form label{margin-bottom:8px}
:is(body.ss-route-campaign) .sscamp-hero-actions .sscamp-btn{min-height:48px}
@media (max-width:760px){:is(body.ss-route-campaign) .sscamp-conversion-steps{grid-template-columns:1fr}:is(body.ss-route-campaign) .sscamp-hero{min-height:0}:is(body.ss-route-campaign) .sscamp-hero-actions .sscamp-btn,
:is(body.ss-route-campaign) .sscamp-choices .sscamp-btn{width:100%}}


/* ========= assets/css/partners.css ========= */
/* SoulShive 2027 — page scoped CSS, extracted without changing rule order. */
/* ============================================================
   SOULSHIVE PARTNER NETWORK — FINAL PREMIUM 1:1
   ============================================================ */
:is(body.ss-route-partners).ss26-page-partners .ss26-page-masthead{display:none!important}
:is(body.ss-route-partners).ss26-page-partners .ss26-content-wrap{
    width:min(1240px,calc(100% - 28px))!important;
    max-width:1240px!important;
    padding:0 0 24px!important;
}
:is(body.ss-route-partners) .pnf{--bg:#06101a;--panel:#091827;--panel2:#0b1c2d;--line:#294963;--muted:#8498af;--purple:#8b35ff;--cyan:#2fc8ff;--gold:#f5c14d;color:#eff5ff}
:is(body.ss-route-partners) .pnf *{box-sizing:border-box}
:is(body.ss-route-partners) .pnf a{text-decoration:none}
:is(body.ss-route-partners) .pnf-hero{
    position:relative;overflow:hidden;min-height:380px;
    border:1px solid rgba(116,66,211,.7);border-top:0;border-radius:0 0 15px 15px;
    background:
      linear-gradient(90deg,rgba(4,9,17,.98) 0%,rgba(5,10,19,.88) 38%,rgba(4,9,18,.20) 70%),
      url("/assets/soulshive-home-hero-new.webp") 67% center/cover no-repeat;
    box-shadow:0 20px 60px rgba(0,0,0,.32)
}
:is(body.ss-route-partners) .pnf-hero:after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
      radial-gradient(circle at 24% 28%,rgba(127,52,255,.22),transparent 32%),
      linear-gradient(180deg,transparent 65%,rgba(3,8,15,.75))
}
:is(body.ss-route-partners) .pnf-hero-copy{position:relative;z-index:2;padding:38px 34px 32px;max-width:700px}
:is(body.ss-route-partners) .pnf-kicker{font-size:14px;letter-spacing:.16em;font-weight:950;color:#c064ff}
:is(body.ss-route-partners) .pnf-hero h1{font-size:49px;line-height:.93;margin:9px 0 8px;letter-spacing:-.05em;font-weight:950}
:is(body.ss-route-partners) .pnf-hero h1 span{display:block;background:linear-gradient(90deg,#a84fff,#d4a0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(body.ss-route-partners) .pnf-hero p{margin:0;color:#d8e0eb;font-size:14px;line-height:1.55;max-width:650px}
:is(body.ss-route-partners) .pnf-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
:is(body.ss-route-partners) .pnf-btn{
    min-height:44px;padding:0 14px;border:1px solid #4f6482;border-radius:8px;
    background:#081522;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;
    font-size:14px;font-weight:950;cursor:pointer
}
:is(body.ss-route-partners) .pnf-btn.primary{background:linear-gradient(90deg,#7d2df5,#5f35ff);border-color:#a355ff;box-shadow:0 0 24px rgba(127,45,255,.25)}
:is(body.ss-route-partners) .pnf-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:17px;color:#8396ac;font-size:14px;font-weight:850}
:is(body.ss-route-partners) .pnf-trust span{display:flex;gap:5px;align-items:center}
:is(body.ss-route-partners) .pnf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:13px 0}
:is(body.ss-route-partners) .pnf-stat{
    min-height:88px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,#0b1b2b,#08131f);
    padding:13px 15px;display:grid;grid-template-columns:46px 1fr;gap:11px;align-items:center
}
:is(body.ss-route-partners) .pnf-stat i{font-style:normal;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;font-size:24px;background:rgba(120,55,255,.12)}
:is(body.ss-route-partners) .pnf-stat:nth-child(2) i{background:rgba(34,146,255,.12)}:is(body.ss-route-partners) .pnf-stat:nth-child(3) i{background:rgba(39,210,145,.12)}:is(body.ss-route-partners) .pnf-stat:nth-child(4) i{background:rgba(244,186,64,.12)}
:is(body.ss-route-partners) .pnf-stat b{display:block;font-size:22px;line-height:1}:is(body.ss-route-partners) .pnf-stat span{display:block;color:#dfe7f1;font-size:14px;margin-top:4px}:is(body.ss-route-partners) .pnf-stat small{display:block;color:#4de190;font-size:14px;margin-top:3px}

:is(body.ss-route-partners) .pnf-featured{
    position:relative;overflow:hidden;margin-bottom:13px;border:1px solid rgba(245,193,77,.78);border-radius:12px;
    background:
      radial-gradient(circle at 85% 20%,rgba(245,193,77,.10),transparent 28%),
      linear-gradient(135deg,#11150f,#0a141f 52%,#0b1119);
    box-shadow:0 0 28px rgba(236,177,58,.13)
}
:is(body.ss-route-partners) .pnf-featured-label{
    position:absolute;left:0;top:0;z-index:3;padding:8px 15px 8px 12px;border-radius:0 0 12px 0;
    background:linear-gradient(90deg,#8d5a13,#c48c21);color:#fff3c4;font-size:14px;font-weight:950;letter-spacing:.08em
}
:is(body.ss-route-partners) .pnf-featured-grid{display:grid;grid-template-columns:220px 1fr 280px;gap:20px;align-items:center;padding:42px 18px 20px}
:is(body.ss-route-partners) .pnf-featured-logo{
    height:165px;
    border:1px solid rgba(245,193,77,.32);
    border-radius:11px;
    background:linear-gradient(180deg,#07131f,#06101a);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    overflow:hidden;
}
:is(body.ss-route-partners) .pnf-featured-logo img{
    display:block;
    width:auto!important;
    height:auto!important;
    max-width:92%!important;
    max-height:128px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:auto!important;
    filter:drop-shadow(0 8px 20px rgba(0,0,0,.30));
}
:is(body.ss-route-partners) .pnf-featured-logo b{
    font-size:28px;
    color:#d7b36b;
}
:is(body.ss-route-partners) .pnf-featured-copy small{font-size:14px;color:#d6af5f;font-weight:950;letter-spacing:.12em}
:is(body.ss-route-partners) .pnf-featured-copy h2{font-size:24px;margin:5px 0 6px}
:is(body.ss-route-partners) .pnf-featured-copy p{font-size:14px;line-height:1.55;color:#9babbd;margin:0 0 10px}
:is(body.ss-route-partners) .pnf-featured-points{display:flex;gap:12px;flex-wrap:wrap;color:#b3c0cf;font-size:14px}
:is(body.ss-route-partners) .pnf-featured-offer{
    border:1px solid rgba(245,193,77,.28);border-radius:10px;background:rgba(17,18,15,.68);padding:16px;text-align:center
}
:is(body.ss-route-partners) .pnf-featured-offer .pct{font-size:21px;color:#ffd975;font-weight:950}:is(body.ss-route-partners) .pnf-featured-offer .lbl{font-size:14px;color:#c2b38f;margin-top:2px}
:is(body.ss-route-partners) .pnf-code{
    margin:10px 0 8px;height:38px;border:1px solid #4d5f78;border-radius:7px;background:#07101a;
    display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;letter-spacing:.05em;color:#fff
}
:is(body.ss-route-partners) .pnf-copy{width:100%;min-height:42px;border:1px solid #5a3a92;border-radius:7px;background:#0a1420;color:#fff;font-size:14px;font-weight:900;cursor:pointer}

:is(body.ss-route-partners) .pnf-featured-offer .pnf-btn{width:100%;margin-top:12px}
:is(body.ss-route-partners) .pnf-no-partners{
    grid-column:1/-1;padding:26px 18px;text-align:center;border:1px solid #2c4d68;
    border-radius:11px;background:#091827;color:#b9c8d8;font-size:16px;line-height:1.5
}
:is(body.ss-route-partners) .pnf-section{margin-top:12px}
:is(body.ss-route-partners) .pnf-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:9px}
:is(body.ss-route-partners) .pnf-section-head h2{margin:0;font-size:18px}:is(body.ss-route-partners) .pnf-section-head p{margin:2px 0 0;color:#7e92a9;font-size:14px}:is(body.ss-route-partners) .pnf-section-head a{font-size:14px;color:#4fc8ff;font-weight:900}
:is(body.ss-route-partners) .pnf-partners{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
:is(body.ss-route-partners) .pnf-partner{
    position:relative;overflow:hidden;border:1px solid #2b4c67;border-radius:11px;background:linear-gradient(180deg,#0a1928,#081420);padding:12px
}
:is(body.ss-route-partners) .pnf-partner-top{
    height:138px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px 18px;
    background:
      radial-gradient(circle at 70% 20%,rgba(126,56,255,.14),transparent 34%),
      linear-gradient(180deg,#0a1725,#07111d);
    overflow:hidden;
    border:1px solid rgba(104,83,170,.18);
}
:is(body.ss-route-partners) .pnf-partner-top img{
    display:block;
    width:auto!important;
    height:auto!important;
    max-width:92%!important;
    max-height:105px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:auto!important;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));
}
:is(body.ss-route-partners) .pnf-partner-top b{
    font-size:23px;
    color:#9b6cff;
}
:is(body.ss-route-partners) .pnf-cat{position:absolute;left:20px;top:20px;padding:4px 7px;border-radius:999px;border:1px solid #5b4aa5;background:rgba(8,13,22,.80);font-size:14px;font-weight:950;color:#d9bdff}
:is(body.ss-route-partners) .pnf-partner h3{text-align:center;font-size:17px;margin:10px 0 5px}:is(body.ss-route-partners) .pnf-partner p{text-align:center;color:#8ea0b5;font-size:14px;line-height:1.5;margin:0;min-height:36px}
:is(body.ss-route-partners) .pnf-partner .pnf-btn{width:100%;margin-top:10px;min-height:42px}

:is(body.ss-route-partners) .pnf-benefits{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
:is(body.ss-route-partners) .pnf-benefit{
    min-height:125px;border:1px solid #2c4d68;border-radius:9px;background:#091827;padding:12px;text-align:center;
    display:flex;flex-direction:column;align-items:center;justify-content:center
}
:is(body.ss-route-partners) .pnf-benefit i{font-style:normal;font-size:23px}:is(body.ss-route-partners) .pnf-benefit b{display:block;font-size:16px;margin-top:7px}:is(body.ss-route-partners) .pnf-benefit span{font-size:14px;color:#8496ab;line-height:1.45;margin-top:4px}
:is(body.ss-route-partners) .pnf-process{
    position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:18px 35px 6px
}
:is(body.ss-route-partners) .pnf-process:before{content:"";position:absolute;left:11%;right:11%;top:30px;height:1px;background:linear-gradient(90deg,#6732b2,#8a53e5,#6732b2)}
:is(body.ss-route-partners) .pnf-step{position:relative;z-index:2;text-align:center}
:is(body.ss-route-partners) .pnf-step-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;background:#25113e;border:2px solid #8c4fe3;color:#fff;font-size:14px;font-weight:950}
:is(body.ss-route-partners) .pnf-step b{display:block;font-size:16px}:is(body.ss-route-partners) .pnf-step span{display:block;color:#8294aa;font-size:14px;line-height:1.45;margin-top:3px}
:is(body.ss-route-partners) .pnf-types{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
:is(body.ss-route-partners) .pnf-type{min-height:78px;border:1px solid #2c4b66;border-radius:8px;background:#0a1928;padding:10px;display:flex;gap:9px;align-items:center}
:is(body.ss-route-partners) .pnf-type i{font-style:normal;font-size:24px}:is(body.ss-route-partners) .pnf-type b{display:block;font-size:16px}:is(body.ss-route-partners) .pnf-type span{display:block;color:#8193a9;font-size:14px;margin-top:3px}
:is(body.ss-route-partners) .pnf-final{
    margin-top:13px;min-height:130px;border:1px solid #5a3da0;border-radius:11px;padding:20px 25px;
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    background:
      linear-gradient(90deg,rgba(7,12,21,.96),rgba(7,12,21,.55)),
      url("/assets/soulshive-page-header-new.webp") center/cover no-repeat
}
:is(body.ss-route-partners) .pnf-final h2{font-size:23px;margin:0}:is(body.ss-route-partners) .pnf-final h2 span{color:#a968ff}:is(body.ss-route-partners) .pnf-final p{font-size:14px;color:#9eafbf;margin:5px 0 0}


:is(body.ss-route-partners) .pnf-card-offer{margin-top:9px;padding:9px;border:1px solid rgba(139,92,246,.28);border-radius:8px;background:linear-gradient(135deg,rgba(117,45,223,.10),rgba(10,20,32,.92))}
:is(body.ss-route-partners) .pnf-card-offer-top{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
:is(body.ss-route-partners) .pnf-card-offer-top span{font-size:14px;font-weight:950;color:#c68cff;letter-spacing:.06em}
:is(body.ss-route-partners) .pnf-card-offer-top b{font-size:14px;color:#71e9a2}
:is(body.ss-route-partners) .pnf-card-code{display:flex;gap:6px;align-items:center;margin-top:7px}
:is(body.ss-route-partners) .pnf-card-code code{flex:1;min-width:0;height:31px;border:1px dashed #5b4c87;border-radius:6px;background:#07111b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;letter-spacing:.05em;user-select:all}
:is(body.ss-route-partners) .pnf-card-copy{min-height:38px;padding:0 9px;border:1px solid #6d43b3;border-radius:6px;background:#0b1622;color:#fff;font-size:14px;font-weight:950;cursor:pointer}

@media (max-width:1000px){
  :is(body.ss-route-partners) .pnf-featured-grid{grid-template-columns:180px 1fr}:is(body.ss-route-partners) .pnf-featured-offer{grid-column:1/-1}
  :is(body.ss-route-partners) .pnf-benefits{grid-template-columns:repeat(3,1fr)}:is(body.ss-route-partners) .pnf-types{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  :is(body.ss-route-partners) .pnf-stats{grid-template-columns:1fr 1fr}:is(body.ss-route-partners) .pnf-partners{grid-template-columns:1fr}
  :is(body.ss-route-partners) .pnf-featured-grid{grid-template-columns:1fr}:is(body.ss-route-partners) .pnf-featured-logo{height:120px}
  :is(body.ss-route-partners) .pnf-process{grid-template-columns:1fr;padding:10px}:is(body.ss-route-partners) .pnf-process:before{display:none}
  :is(body.ss-route-partners) .pnf-hero h1{font-size:40px}:is(body.ss-route-partners) .pnf-final{flex-direction:column;align-items:flex-start}
}
@media (max-width:520px){
  :is(body.ss-route-partners).ss26-page-partners .ss26-content-wrap{width:min(100% - 18px,1240px)!important}
  :is(body.ss-route-partners) .pnf-hero-copy{padding:28px 19px}:is(body.ss-route-partners) .pnf-hero h1{font-size:35px}
  :is(body.ss-route-partners) .pnf-stats,
:is(body.ss-route-partners) .pnf-benefits,
:is(body.ss-route-partners) .pnf-types{grid-template-columns:1fr 1fr}
}


/* ========= assets/css/partners-report.css ========= */
/* SoulShive 2027 — page scoped CSS, extracted without changing rule order. */
:is(body.ss-route-partners) .pn-page{
        --pn-purple:#8B5CF6;
        --pn-blue:#3B82F6;
        --pn-green:#22C55E;
        --pn-cyan:#06B6D4;
        --pn-gold:#FBBF24;
        max-width:1200px;
        margin:18px auto 45px;
    }

    :is(body.ss-route-partners) .pn-report-hero{
        position:relative;
        overflow:hidden;
        min-height:270px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:42px;
        border-radius:26px;
        border:1px solid rgba(139,92,246,.3);
        background:
            radial-gradient(circle at 90% 20%,rgba(59,130,246,.22),transparent 28%),
            radial-gradient(circle at 10% 90%,rgba(139,92,246,.18),transparent 35%),
            linear-gradient(135deg,#080A12,#0E1220);
        box-shadow:0 30px 80px rgba(0,0,0,.28);
    }

    :is(body.ss-route-partners) .pn-report-glow{
        position:absolute;
        border-radius:50%;
        filter:blur(70px);
        pointer-events:none;
    }

    :is(body.ss-route-partners) .pn-report-glow-1{
        width:260px;
        height:260px;
        left:-120px;
        bottom:-160px;
        background:rgba(139,92,246,.2);
    }

    :is(body.ss-route-partners) .pn-report-glow-2{
        width:220px;
        height:220px;
        right:10%;
        top:-140px;
        background:rgba(59,130,246,.16);
    }

    :is(body.ss-route-partners) .pn-report-content{
        position:relative;
        z-index:2;
    }

    :is(body.ss-route-partners) .pn-eyebrow{
        display:flex;
        align-items:center;
        gap:8px;
        color:#A78BFA;
        font-size:14px;
        font-weight:900;
        letter-spacing:.16em;
    }

    :is(body.ss-route-partners) .pn-live-dot{
        width:7px;
        height:7px;
        border-radius:50%;
        background:#22C55E;
        box-shadow:0 0 15px rgba(34,197,94,.8);
        animation:pnLive 1.7s infinite;
    }

    @keyframes pnLive{
        0%,100%{opacity:1}
        50%{opacity:.4}
    }

    :is(body.ss-route-partners) .pn-report-hero h1{
        margin:12px 0 8px;
        font-size:42px;
        line-height:1;
        letter-spacing:-.04em;
    }

    :is(body.ss-route-partners) .pn-report-hero p{
        margin:0;
        color:var(--text3);
        font-size:14px;
    }

    :is(body.ss-route-partners) .pn-private-badge{
        display:inline-flex;
        align-items:center;
        gap:8px;
        margin-top:20px;
        padding:8px 11px;
        border-radius:999px;
        color:#93C5FD;
        background:rgba(59,130,246,.08);
        border:1px solid rgba(59,130,246,.22);
        font-size:14px;
        font-weight:900;
    }

    :is(body.ss-route-partners) .pn-private-badge span{
        color:var(--text3);
        font-weight:600;
    }

    :is(body.ss-route-partners) .pn-report-mark{
        position:relative;
        z-index:2;
        width:135px;
        height:135px;
        flex-shrink:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        border-radius:34px;
        background:linear-gradient(145deg,#171329,#0C1220);
        border:1px solid rgba(167,139,250,.35);
        box-shadow:
            0 0 70px rgba(139,92,246,.15),
            inset 0 0 30px rgba(139,92,246,.08);
    }

    :is(body.ss-route-partners) .pn-report-mark div{
        font-size:38px;
        font-weight:1000;
        background:linear-gradient(100deg,#A78BFA,#60A5FA);
        -webkit-background-clip:text;
        background-clip:text;
        -webkit-text-fill-color:transparent;
    }

    :is(body.ss-route-partners) .pn-report-mark span{
        margin-top:2px;
        color:#6B7280;
        font-size:14px;
        font-weight:900;
        letter-spacing:.2em;
    }

    :is(body.ss-route-partners) .pn-report-stats{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:12px;
        margin-top:13px;
    }

    :is(body.ss-route-partners) .pn-report-stat{
        display:flex;
        align-items:center;
        gap:13px;
        padding:18px;
        border:1px solid var(--line);
        border-radius:17px;
        background:linear-gradient(145deg,var(--surface),var(--bg2));
    }

    :is(body.ss-route-partners) .pn-report-stat-icon{
        width:42px;
        height:42px;
        flex-shrink:0;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:12px;
        color:#A78BFA;
        background:rgba(139,92,246,.11);
        font-weight:900;
    }

    :is(body.ss-route-partners) .pn-report-stat-icon.blue{
        color:#60A5FA;
        background:rgba(59,130,246,.1);
    }

    :is(body.ss-route-partners) .pn-report-stat-icon.green{
        color:#22C55E;
        background:rgba(34,197,94,.1);
    }

    :is(body.ss-route-partners) .pn-report-stat span{
        display:block;
        color:var(--text3);
        font-size:14px;
        font-weight:900;
        letter-spacing:.1em;
    }

    :is(body.ss-route-partners) .pn-report-stat strong{
        display:block;
        margin-top:3px;
        font-size:23px;
    }

    :is(body.ss-route-partners) .pn-report-stat strong.green,
:is(body.ss-route-partners) .pn-green{
        color:#22C55E;
    }

    :is(body.ss-route-partners) .pn-report-stat small{
        display:block;
        margin-top:2px;
        color:var(--text3);
        font-size:14px;
    }

    :is(body.ss-route-partners) .pn-panel{
        margin-top:13px;
        padding:22px;
        border-radius:20px;
        border:1px solid var(--line);
        background:linear-gradient(145deg,var(--surface),var(--bg2));
        box-shadow:0 15px 40px rgba(0,0,0,.1);
    }

    :is(body.ss-route-partners) .pn-panel-header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:15px;
        margin-bottom:18px;
    }

    :is(body.ss-route-partners) .pn-small-label{
        color:#A78BFA;
        font-size:14px;
        font-weight:900;
        letter-spacing:.15em;
    }

    :is(body.ss-route-partners) .pn-panel h2{
        margin:5px 0 0;
        font-size:18px;
        letter-spacing:-.02em;
    }

    :is(body.ss-route-partners) .pn-live-badge{
        display:inline-flex;
        align-items:center;
        gap:6px;
        padding:6px 9px;
        border-radius:999px;
        color:#22C55E;
        background:rgba(34,197,94,.08);
        border:1px solid rgba(34,197,94,.22);
        font-size:14px;
        font-weight:900;
    }

    :is(body.ss-route-partners) .pn-live-badge i{
        width:5px;
        height:5px;
        border-radius:50%;
        background:#22C55E;
        box-shadow:0 0 8px #22C55E;
    }

    :is(body.ss-route-partners) .pn-chart{
        height:245px;
        display:flex;
        align-items:flex-end;
        gap:7px;
        padding:15px 8px 0;
        overflow-x:auto;
        border-top:1px solid var(--line);
    }

    :is(body.ss-route-partners) .pn-chart-column{
        min-width:20px;
        height:100%;
        flex:1;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-end;
        gap:5px;
    }

    :is(body.ss-route-partners) .pn-chart-value{
        color:var(--text3);
        font-size:14px;
    }

    :is(body.ss-route-partners) .pn-chart-bar{
        width:100%;
        min-height:5px;
        border-radius:7px 7px 2px 2px;
        background:linear-gradient(180deg,#A78BFA,#3B82F6);
        box-shadow:0 0 18px rgba(139,92,246,.2);
        transition:.25s;
    }

    :is(body.ss-route-partners) .pn-chart-column:hover .pn-chart-bar{
        filter:brightness(1.25);
        transform:scaleX(1.12);
    }

    :is(body.ss-route-partners) .pn-chart-column small{
        color:var(--text3);
        font-size:14px;
        white-space:nowrap;
    }

    :is(body.ss-route-partners) .pn-report-empty{
        min-height:170px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
    }

    :is(body.ss-route-partners) .pn-empty-icon{
        margin-bottom:7px;
        font-size:38px;
        opacity:.7;
    }

    :is(body.ss-route-partners) .pn-report-empty strong{
        font-size:14px;
    }

    :is(body.ss-route-partners) .pn-report-empty span{
        margin-top:4px;
        color:var(--text3);
        font-size:14px;
    }

    :is(body.ss-route-partners) .pn-report-benefits{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:9px;
    }

    :is(body.ss-route-partners) .pn-report-benefits>div{
        display:flex;
        align-items:center;
        gap:11px;
        padding:13px;
        border-radius:12px;
        border:1px solid var(--line);
        background:var(--bg2);
    }

    :is(body.ss-route-partners) .pn-report-benefits>div>span{
        width:38px;
        height:38px;
        flex-shrink:0;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:10px;
        background:rgba(139,92,246,.1);
        font-size:17px;
    }

    :is(body.ss-route-partners) .pn-report-benefits strong,
:is(body.ss-route-partners) .pn-report-benefits small{
        display:block;
    }

    :is(body.ss-route-partners) .pn-report-benefits strong{
        font-size:14px;
    }

    :is(body.ss-route-partners) .pn-report-benefits small{
        margin-top:3px;
        color:var(--text3);
        font-size:14px;
    }

    :is(body.ss-route-partners) .pn-report-button{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        margin-top:15px;
        padding:10px 15px;
        border-radius:10px;
        color:#A78BFA;
        background:rgba(139,92,246,.08);
        border:1px solid rgba(139,92,246,.3);
        text-decoration:none;
        font-size:14px;
        font-weight:900;
        transition:.2s;
    }

    :is(body.ss-route-partners) .pn-report-button:hover{
        background:rgba(139,92,246,.15);
        transform:translateY(-2px);
    }

    @media (max-width:700px){

        :is(body.ss-route-partners) .pn-page{
            margin:10px auto 30px;
        }

        :is(body.ss-route-partners) .pn-report-hero{
            min-height:auto;
            padding:28px 20px;
        }

        :is(body.ss-route-partners) .pn-report-hero h1{
            font-size:31px;
        }

        :is(body.ss-route-partners) .pn-report-mark{
            display:none;
        }

        :is(body.ss-route-partners) .pn-report-stats{
            grid-template-columns:1fr;
        }

        :is(body.ss-route-partners) .pn-panel{
            padding:16px;
        }

        :is(body.ss-route-partners) .pn-panel-header{
            align-items:flex-start;
            flex-direction:column;
        }

        :is(body.ss-route-partners) .pn-report-benefits{
            grid-template-columns:1fr;
        }

        :is(body.ss-route-partners) .pn-chart{
            height:210px;
        }
    }
    
/* FINAL LOGO VISIBILITY FIX */
:is(body.ss-route-partners) .pnf-partner-top{
    min-height:138px!important;
}
:is(body.ss-route-partners) .pnf-partner-top img,
:is(body.ss-route-partners) .pnf-featured-logo img{
    transform:none!important;
}
@media (max-width:760px){
    :is(body.ss-route-partners) .pnf-partner-top{height:125px!important;padding:14px!important}
    :is(body.ss-route-partners) .pnf-partner-top img{max-height:96px!important}
    :is(body.ss-route-partners) .pnf-featured-logo{height:140px!important;padding:15px!important}
    :is(body.ss-route-partners) .pnf-featured-logo img{max-height:108px!important}
}


/* ========= assets/css/partner-apply.css ========= */
/* SoulShive 2027 — Partner application visual redesign.
   Scoped to this page; shared header, footer, data and form endpoint remain untouched. */
:is(body.ss-route-partner-apply).ss26-page .sspa{--pa-bg:#090f25;--pa-panel:#0c1530;--pa-stroke:#2d3b6c;--pa-purple:#a65aff;--pa-blue:#4388ff;--pa-muted:#acb9dc;width:100%;max-width:1580px;margin:7px auto 44px;color:#eff3ff}
:is(body.ss-route-partner-apply).ss26-page .sspa *{min-width:0}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:288px;margin:0 0 24px;padding:clamp(25px,3.5vw,48px);border:1px solid #6551bb;border-radius:20px;background:linear-gradient(105deg,rgba(5,10,26,.98) 3%,rgba(16,16,48,.90) 50%,rgba(36,15,77,.6) 100%),url("/assets/soulshive-hero-2026.webp") center right/cover no-repeat;box-shadow:0 20px 55px #0006}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero:after{content:"";position:absolute;inset:auto -8% -85% 27%;height:240px;z-index:-1;background:radial-gradient(ellipse,#8a31ee4a,transparent 66%);pointer-events:none}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero-copy{position:relative;z-index:1;max-width:740px}
:is(body.ss-route-partner-apply).ss26-page .sspa-back{display:inline-flex;align-items:center;min-height:38px;gap:7px;margin-bottom:21px;color:#c3d0f4;font-size:15px;font-weight:750}
:is(body.ss-route-partner-apply).ss26-page .sspa-back:hover{color:#fff}
:is(body.ss-route-partner-apply).ss26-page .sspa-eyebrow,
:is(body.ss-route-partner-apply).ss26-page .sspa-step{display:flex;align-items:center;gap:8px;color:#b988ff;font-size:14px;font-weight:900;letter-spacing:.12em}
:is(body.ss-route-partner-apply).ss26-page .sspa-dot{display:block;width:9px;height:9px;border-radius:100%;background:#53ecb7;box-shadow:0 0 14px #53ecb770}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero h1{font-size:clamp(31px,3.25vw,52px)!important;line-height:1.09!important;letter-spacing:-.045em;margin:14px 0 14px;max-width:820px;font-weight:900}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero h1 span,
:is(body.ss-route-partner-apply).ss26-page .sspa-benefits h2 span{background:linear-gradient(90deg,#ca94ff,#7775ff,#61aaff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero p{margin:0;max-width:660px;color:#d0d9ef;font-size:17px!important;line-height:1.55!important}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero-chips span{display:inline-flex;align-items:center;min-height:36px;padding:7px 13px;border:1px solid #57538d;border-radius:999px;background:#151b42ba;color:#e4e9ff;font-size:14px;font-weight:750;white-space:normal}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero-art{position:absolute;right:7%;top:20%;display:flex;flex-direction:column;text-align:right;gap:8px;transform:rotate(-4deg);color:#fff;opacity:.26;pointer-events:none;text-shadow:0 0 24px #a74aff}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero-art span{font-size:15px;font-weight:950;letter-spacing:.32em}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero-art strong{font-size:clamp(32px,5vw,72px);line-height:.9;letter-spacing:-.055em}
:is(body.ss-route-partner-apply).ss26-page .sspa-hero-art i{font-size:25px;font-style:normal;font-weight:950}
:is(body.ss-route-partner-apply).ss26-page .sspa-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);gap:22px;align-items:start}
:is(body.ss-route-partner-apply).ss26-page .sspa-panel{border:1px solid var(--pa-stroke);border-radius:18px;background:linear-gradient(155deg,#101a3a,#091329 62%,#080f23);box-shadow:0 16px 38px #0003;overflow:hidden}
:is(body.ss-route-partner-apply).ss26-page .sspa-form-panel{padding:clamp(20px,2.5vw,36px)}
:is(body.ss-route-partner-apply).ss26-page .sspa-panel-head{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #2b3960}
:is(body.ss-route-partner-apply).ss26-page .sspa-step span{color:#6b789f}
:is(body.ss-route-partner-apply).ss26-page .sspa-panel-head h2{font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2;margin:12px 0 9px}
:is(body.ss-route-partner-apply).ss26-page .sspa-panel-head p{max-width:680px;margin:0;color:#b6c2df;font-size:16px!important}
:is(body.ss-route-partner-apply).ss26-page .sspa-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
:is(body.ss-route-partner-apply).ss26-page .sspa-span-all{grid-column:1/-1}
:is(body.ss-route-partner-apply).ss26-page .sspa-field{display:flex;flex-direction:column;gap:9px;min-width:0}
:is(body.ss-route-partner-apply).ss26-page .sspa-field>label{display:block;font-size:14px!important;line-height:1.4!important;letter-spacing:.045em;color:#dde6ff;font-weight:850}
:is(body.ss-route-partner-apply).ss26-page .sspa-required{font-weight:900;color:#ca8dff}
:is(body.ss-route-partner-apply).ss26-page .sspa :is(.sspa-field input,.sspa-field select,.sspa-field textarea){display:block;width:100%!important;max-width:none!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:13px 15px!important;font-family:inherit;font-size:16px!important;line-height:1.45!important;border:1px solid #425385!important;border-radius:11px!important;background:#080f24!important;color:#f4f7ff!important;box-shadow:inset 0 1px 2px #0004!important}
:is(body.ss-route-partner-apply).ss26-page .sspa .sspa-field textarea{resize:vertical;min-height:132px!important}
:is(body.ss-route-partner-apply).ss26-page .sspa .sspa-about textarea{min-height:165px!important}
:is(body.ss-route-partner-apply).ss26-page .sspa .sspa-field :is(input,textarea)::placeholder{color:#8997bb;opacity:1}
:is(body.ss-route-partner-apply).ss26-page .sspa .sspa-field :is(input,textarea,select):focus{border-color:#bd86ff!important;box-shadow:0 0 0 3px #a448ff35!important;outline:0!important}
:is(body.ss-route-partner-apply).ss26-page .sspa-help{color:#a6b4d1;font-size:14px;line-height:1.5}
:is(body.ss-route-partner-apply).ss26-page .sspa-partner-method{min-width:0;margin:26px 0;padding:20px;border:1px solid #4d4487!important;border-radius:14px!important;background:linear-gradient(145deg,#181735,#0a1735)!important;box-shadow:none!important}
:is(body.ss-route-partner-apply).ss26-page .sspa-partner-method legend{float:none;width:auto;max-width:100%;padding:0 6px;color:#d5b0ff;font-size:15px;font-weight:900;letter-spacing:.035em}
:is(body.ss-route-partner-apply).ss26-page .sspa-partner-method>p{margin:4px 0 17px;font-size:16px!important;color:#bdc8e2;line-height:1.55!important}
:is(body.ss-route-partner-apply).ss26-page .sspa-partner-method code{font-size:14px;overflow-wrap:anywhere;color:#e9d6ff}
:is(body.ss-route-partner-apply).ss26-page .sspa-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:is(body.ss-route-partner-apply).ss26-page .sspa-method{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid #394976;border-radius:12px;background:#081229;cursor:pointer;transition:border-color .15s,background .15s}
:is(body.ss-route-partner-apply).ss26-page .sspa-method:has(input:checked){border-color:#9e63ff;background:#1d1749;box-shadow:inset 0 0 0 1px #9e63ff55}
:is(body.ss-route-partner-apply).ss26-page .sspa-method:focus-within{outline:2px solid #b083ff;outline-offset:2px}
:is(body.ss-route-partner-apply).ss26-page .sspa-method input[type=radio]{flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:3px 0 0;accent-color:#a660ff}
:is(body.ss-route-partner-apply).ss26-page .sspa-method-content{display:flex;flex-direction:column;gap:5px}
:is(body.ss-route-partner-apply).ss26-page .sspa-method-content strong{color:#f6f4ff;font-size:16px}
:is(body.ss-route-partner-apply).ss26-page .sspa-method-content small{font-size:14px!important;line-height:1.55!important;color:#aebee0}
:is(body.ss-route-partner-apply).ss26-page .sspa-logo-row{display:flex;align-items:center;gap:16px;margin-top:17px;padding:16px;border:1px solid #354366;border-radius:12px;background:#070c1e}
:is(body.ss-route-partner-apply).ss26-page .sspa-logo-row img{display:block;width:68px;height:68px;flex:0 0 68px;object-fit:contain;border-radius:9px}
:is(body.ss-route-partner-apply).ss26-page .sspa-logo-row strong{font-size:16px}
:is(body.ss-route-partner-apply).ss26-page .sspa-logo-row p{margin:3px 0 5px;font-size:14px!important;color:#b5c2df}
:is(body.ss-route-partner-apply).ss26-page .sspa-logo-row a{display:inline-flex;gap:6px;font-size:14px;font-weight:850;color:#c799ff}
:is(body.ss-route-partner-apply).ss26-page .sspa-about{margin:0 0 23px}
:is(body.ss-route-partner-apply).ss26-page .sspa-submit{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;min-height:53px;padding:12px 20px;color:#fff;background:linear-gradient(110deg,#8629fa,#753cf4 50%,#3978f5);border:1px solid #bb7aff;border-radius:11px;font-size:16px;font-weight:900;text-decoration:none;box-shadow:0 12px 25px #6320de35;cursor:pointer}
:is(body.ss-route-partner-apply).ss26-page .sspa-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}
:is(body.ss-route-partner-apply).ss26-page .sspa-response-note{text-align:center;margin:13px 0 0;color:#a7b5d1;font-size:14px!important}
:is(body.ss-route-partner-apply).ss26-page .sspa-feedback{padding:14px 16px;margin-bottom:22px;border:1px solid #c76c80;border-radius:10px;color:#ffe1e5;background:#36182c;font-size:16px}
:is(body.ss-route-partner-apply).ss26-page .sspa-feedback-ok{border-color:#45bd95;color:#aaf3d5;background:#0c292b}
:is(body.ss-route-partner-apply).ss26-page .sspa-success{display:flex;flex-direction:column;align-items:center;padding:32px 20px;text-align:center;gap:12px}
:is(body.ss-route-partner-apply).ss26-page .sspa-success>span{display:grid;place-items:center;width:64px;height:64px;border-radius:100%;font-size:38px;color:#65ebb5;background:#114535}
:is(body.ss-route-partner-apply).ss26-page .sspa-success h3{margin:2px 0 0;font-size:25px}
:is(body.ss-route-partner-apply).ss26-page .sspa-success p{margin:0 0 13px;color:#b9c6e2}
:is(body.ss-route-partner-apply).ss26-page .sspa-success .sspa-submit{max-width:350px}
:is(body.ss-route-partner-apply).ss26-page .sspa-sidebar{display:grid;gap:18px}
:is(body.ss-route-partner-apply).ss26-page .sspa-benefits{padding:clamp(20px,2.25vw,29px)}
:is(body.ss-route-partner-apply).ss26-page .sspa-benefits h2{font-size:clamp(24px,2vw,32px)!important;line-height:1.15!important;margin:15px 0 10px}
:is(body.ss-route-partner-apply).ss26-page .sspa-benefits-intro{color:#b9c6e2;font-size:16px!important;margin:0 0 14px}
:is(body.ss-route-partner-apply).ss26-page .sspa-benefit{display:flex;align-items:flex-start;gap:14px;padding:19px 0;border-bottom:1px solid #29375b}
:is(body.ss-route-partner-apply).ss26-page .sspa-benefit:last-child{border:0;padding-bottom:0}
:is(body.ss-route-partner-apply).ss26-page .sspa-benefit-icon{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border:1px solid #574d95;background:#211b4b;border-radius:11px;font-size:21px}
:is(body.ss-route-partner-apply).ss26-page .sspa-benefit strong{font-size:16px;line-height:1.45;color:#f3f6ff}
:is(body.ss-route-partner-apply).ss26-page .sspa-benefit p{font-size:15px!important;line-height:1.55!important;color:#b4c0de;margin:6px 0 0}
:is(body.ss-route-partner-apply).ss26-page .sspa-callout{display:flex;gap:14px;align-items:flex-start;padding:22px;border:1px solid #5b4a93;border-radius:16px;background:linear-gradient(130deg,#1a1a43,#111538)}
:is(body.ss-route-partner-apply).ss26-page .sspa-callout-icon{font-size:26px;color:#d4a0ff}
:is(body.ss-route-partner-apply).ss26-page .sspa-callout strong{font-size:16px}
:is(body.ss-route-partner-apply).ss26-page .sspa-callout p{margin:7px 0 0;font-size:15px!important;color:#c0c9e4}
@media (max-width:1100px){:is(body.ss-route-partner-apply).ss26-page .sspa-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:16px}:is(body.ss-route-partner-apply).ss26-page .sspa-form-panel{padding:22px}:is(body.ss-route-partner-apply).ss26-page .sspa-method-grid{grid-template-columns:1fr}:is(body.ss-route-partner-apply).ss26-page .sspa-hero-art{opacity:.15}}
@media (max-width:850px){:is(body.ss-route-partner-apply).ss26-page .sspa-layout{grid-template-columns:1fr}:is(body.ss-route-partner-apply).ss26-page .sspa-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}:is(body.ss-route-partner-apply).ss26-page .sspa-benefits>.sspa-step,
:is(body.ss-route-partner-apply).ss26-page .sspa-benefits>h2,
:is(body.ss-route-partner-apply).ss26-page .sspa-benefits>.sspa-benefits-intro{grid-column:1/-1}:is(body.ss-route-partner-apply).ss26-page .sspa-benefit{border-bottom:1px solid #29375b}:is(body.ss-route-partner-apply).ss26-page .sspa-benefit:nth-last-child(-n/**/+2){border-bottom:0}}
@media (max-width:600px){:is(body.ss-route-partner-apply).ss26-page .sspa{margin-top:2px}:is(body.ss-route-partner-apply).ss26-page .sspa-hero{padding:23px 19px;min-height:310px;border-radius:14px}:is(body.ss-route-partner-apply).ss26-page .sspa-hero h1{font-size:clamp(30px,8vw,42px)!important}:is(body.ss-route-partner-apply).ss26-page .sspa-hero p{font-size:16px!important}:is(body.ss-route-partner-apply).ss26-page .sspa-hero-art{display:none}:is(body.ss-route-partner-apply).ss26-page .sspa-form-panel{padding:18px 15px}:is(body.ss-route-partner-apply).ss26-page .sspa-fields{grid-template-columns:1fr;gap:18px}:is(body.ss-route-partner-apply).ss26-page .sspa-partner-method{padding:16px 12px}:is(body.ss-route-partner-apply).ss26-page .sspa-method-grid{grid-template-columns:1fr}:is(body.ss-route-partner-apply).ss26-page .sspa-logo-row{align-items:flex-start;padding:11px;gap:10px}:is(body.ss-route-partner-apply).ss26-page .sspa-logo-row img{width:48px;height:48px;flex-basis:48px}:is(body.ss-route-partner-apply).ss26-page .sspa-benefits{display:block;padding:20px}:is(body.ss-route-partner-apply).ss26-page .sspa-benefit:nth-last-child(2){border-bottom:1px solid #29375b}:is(body.ss-route-partner-apply).ss26-page .sspa-panel-head h2{font-size:25px!important}}
@media (prefers-reduced-motion:reduce){:is(body.ss-route-partner-apply).ss26-page .sspa *{transition:none!important}}
/* Compact trust chips on narrow screens without reducing labels below 14px. */
@media (max-width:600px){
  :is(body.ss-route-partner-apply).ss26-page .sspa-hero-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
  :is(body.ss-route-partner-apply).ss26-page .sspa-hero-chips span{display:flex;justify-content:center;text-align:center;min-height:40px;padding:7px 9px;font-size:14px}
  :is(body.ss-route-partner-apply).ss26-page .sspa-hero-chips span:last-child{grid-column:1/-1}
}


/* ========= assets/css/partner-embed-mockup-2027.css ========= */
/* Styles of partner-embed-code.php; kept separate from HTML and scoped to this existing page. */
:is(body.ss-route-partner-embed-code) .ss26-partner-kit{max-width:1120px;margin:0 auto 48px}
:is(body.ss-route-partner-embed-code) .ss26-pk-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;padding:26px;border:1px solid #27324a;border-radius:18px;background:radial-gradient(circle at 88% 18%,rgba(124,58,237,.25),transparent 34%),linear-gradient(135deg,#0b1020,#080b13 68%);box-shadow:0 24px 60px rgba(0,0,0,.24)}
:is(body.ss-route-partner-embed-code) .ss26-pk-kicker{font-size:14px;font-weight:950;letter-spacing:.15em;color:#a98bff}
:is(body.ss-route-partner-embed-code) .ss26-pk-hero h1{font-size:28px;margin:7px 0 8px}
:is(body.ss-route-partner-embed-code) .ss26-pk-hero p{max-width:700px;color:#8f9bb0;font-size:14px;line-height:1.75;margin:0}
:is(body.ss-route-partner-embed-code) .ss26-pk-logo{background:#05070c;border:1px solid #222d42;border-radius:14px;padding:10px}
:is(body.ss-route-partner-embed-code) .ss26-pk-logo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px}
:is(body.ss-route-partner-embed-code) .ss26-pk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
:is(body.ss-route-partner-embed-code) .ss26-pk-card{border:1px solid #202a3c;background:#0a0e17;border-radius:14px;padding:18px}
:is(body.ss-route-partner-embed-code) .ss26-pk-card h2{font-size:14px;margin:0 0 6px}:is(body.ss-route-partner-embed-code) .ss26-pk-card p{font-size:14px;color:#7c899e;line-height:1.65;margin:0 0 12px}
:is(body.ss-route-partner-embed-code) .ss26-pk-code{position:relative;background:#060910;border:1px solid #1d293d;border-radius:10px;padding:13px 86px 13px 13px;min-height:68px;overflow:auto}
:is(body.ss-route-partner-embed-code) .ss26-pk-code code{font-size:14px;line-height:1.55;color:#cbd5e1;white-space:pre-wrap;word-break:break-all}
:is(body.ss-route-partner-embed-code) .ss26-copy{position:absolute;right:8px;top:8px;border:1px solid #7540d7;background:#6d28d9;color:#fff;border-radius:7px;padding:7px 10px;font-size:14px;font-weight:900;cursor:pointer}
:is(body.ss-route-partner-embed-code) .ss26-pk-preview{display:flex;align-items:center;justify-content:center;min-height:150px;margin-top:12px;background:#060910;border:1px solid #19253a;border-radius:10px;padding:14px;overflow:hidden}
:is(body.ss-route-partner-embed-code) .ss26-pk-preview img{width:150px;height:150px;object-fit:cover;border-radius:10px}
:is(body.ss-route-partner-embed-code) .ss26-pk-note{margin-top:14px;border:1px solid rgba(34,197,94,.20);background:rgba(34,197,94,.055);border-radius:12px;padding:14px;font-size:14px;color:#91a0b5;line-height:1.7}
:is(body.ss-route-partner-embed-code) .ss26-pk-note b{color:#22c55e}
@media (max-width:760px){:is(body.ss-route-partner-embed-code) .ss26-pk-hero{grid-template-columns:1fr}:is(body.ss-route-partner-embed-code) .ss26-pk-logo{width:150px}:is(body.ss-route-partner-embed-code) .ss26-pk-grid{grid-template-columns:1fr}}

/* Page-level readability and responsive form controls. */
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code input,
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code select,
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code textarea,
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code button{font-size:16px;max-width:100%;}
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code input,
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code select,
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code textarea{min-height:44px}
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code button,
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code .btn{min-height:44px}
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code main,
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code article,
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code section{min-width:0}
@media (max-width:600px){:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code img,
:is(body.ss-route-partner-embed-code) .ss26-page-partner-embed-code iframe{max-width:100%}}


/* ========= assets/css/public-partner-mockup-2027.css ========= */
/* Public partner referral page: layout only, attribution/registration unmodified. */
:is(body.ss-route-partner) .ss27-public-partner{width:min(1420px,calc(100% - 24px));margin:24px auto 45px;min-width:0}
:is(body.ss-route-partner) .ss27-public-partner .ss27-partner-hero{text-align:center;padding:clamp(25px,4vw,55px);border:1px solid #6942ba;border-radius:17px;background:radial-gradient(circle at 75% 12%,rgba(127,48,246,.2),transparent 36%),linear-gradient(140deg,#121634,#080e22)}
:is(body.ss-route-partner) .ss27-public-partner .ss27-partner-title{font-size:clamp(27px,3.3vw,44px);line-height:1.17;margin:12px 0 18px;overflow-wrap:anywhere}
:is(body.ss-route-partner) .ss27-public-partner .ss27-partner-description{max-width:840px;margin:0 auto 25px;line-height:1.7;font-size:17px;color:#c1cce2}
:is(body.ss-route-partner) .ss27-public-partner .ss27-partner-actions{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
:is(body.ss-route-partner) .ss27-public-partner .ss27-partner-actions .btn{min-height:49px;padding:13px 20px;font-size:16px}
:is(body.ss-route-partner) .ss27-public-partner .ss27-partner-benefits{margin:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
:is(body.ss-route-partner) .ss27-public-partner .ss27-partner-benefits .card{padding:24px 18px;min-width:0;border:1px solid #334779;border-radius:13px;background:linear-gradient(145deg,#101b35,#090f22)}
:is(body.ss-route-partner) .ss27-public-partner .ss27-partner-benefits .small{font-size:16px;line-height:1.5}
:is(body.ss-route-partner) .ss27-public-partner .card .small.muted{font-size:15px;line-height:1.6}
@media (max-width:800px){:is(body.ss-route-partner) .ss27-public-partner .ss27-partner-benefits{grid-template-columns:1fr}:is(body.ss-route-partner) .ss27-public-partner .ss27-partner-actions{flex-direction:column}:is(body.ss-route-partner) .ss27-public-partner .ss27-partner-actions .btn{width:100%;justify-content:center}}


/* ========= assets/css/founders-mockup-2027.css ========= */
/* Styles of founders.php; kept separate from HTML and scoped to this existing page. */
:is(body.ss-route-founders).ss26-page- .ss26-page-masthead{display:none!important}
:is(body.ss-route-founders) .founder26{--f:#a63cff;--c:#34dcff;--g:#2ce29a;--gold:#ffc94c;margin:18px 0 28px}
:is(body.ss-route-founders) .founder26 *{box-sizing:border-box}
:is(body.ss-route-founders) .fd-hero{min-height:310px;border:1px solid #7334d7;border-radius:16px;position:relative;overflow:hidden;padding:34px;background:
 radial-gradient(circle at 78% 30%,rgba(129,44,255,.28),transparent 24%),
 radial-gradient(circle at 92% 5%,rgba(35,188,255,.18),transparent 22%),
 linear-gradient(135deg,#11162f,#070c19 62%)}
:is(body.ss-route-founders) .fd-gridfx{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px}
:is(body.ss-route-founders) .fd-crown{position:absolute;right:8%;top:35px;font-size:145px;filter:drop-shadow(0 0 38px rgba(172,62,255,.5));opacity:.65;transform:rotate(7deg)}
:is(body.ss-route-founders) .fd-heroin{position:relative;z-index:2;max-width:740px}:is(body.ss-route-founders) .fd-kicker{color:#d77cff;font-size:14px;font-weight:950;letter-spacing:.16em}:is(body.ss-route-founders) .fd-hero h1{font-size:48px;line-height:.96;margin:10px 0 9px;letter-spacing:-.04em}:is(body.ss-route-founders) .fd-hero h1 span{background:linear-gradient(90deg,#9e36ff,#df4dff,#42dcff);-webkit-background-clip:text;background-clip:text;color:transparent}:is(body.ss-route-founders) .fd-lead{font-size:15px;color:#dce4f3;line-height:1.45}:is(body.ss-route-founders) .fd-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}:is(body.ss-route-founders) .fd-btn{height:43px;padding:0 21px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;border:1px solid #3a507a}:is(body.ss-route-founders) .fd-btn.primary{background:linear-gradient(90deg,#7628ef,#ac34ff);border-color:#bd5cff;color:white;box-shadow:0 0 24px rgba(151,48,255,.28)}:is(body.ss-route-founders) .fd-btn.ghost{background:#0b1529;color:#e1e8f5}
:is(body.ss-route-founders) .fd-progresscard{margin-top:14px;padding:14px;border:1px solid #2d416c;border-radius:11px;background:#091427}:is(body.ss-route-founders) .fd-progresshead{display:flex;justify-content:space-between;gap:12px;align-items:center}:is(body.ss-route-founders) .fd-progresshead b{font-size:14px}:is(body.ss-route-founders) .fd-progresshead strong{font-size:20px;color:#6ef0dd}:is(body.ss-route-founders) .fd-progress{height:9px;border-radius:99px;background:#171d39;overflow:hidden;margin-top:10px}:is(body.ss-route-founders) .fd-progress i{display:block;height:100%;background:linear-gradient(90deg,#32d9ff,#9134ff,#dd43ff);box-shadow:0 0 18px #9a34ff}
:is(body.ss-route-founders) .fd-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}:is(body.ss-route-founders) .fd-benefit{padding:17px;border:1px solid #263b67;border-radius:11px;background:linear-gradient(145deg,#0b172d,#08111f);min-height:145px}:is(body.ss-route-founders) .fd-benefit i{font-style:normal;font-size:26px}:is(body.ss-route-founders) .fd-benefit h3{font-size:14px;margin:9px 0 5px}:is(body.ss-route-founders) .fd-benefit p{font-size:14px;color:#91a0b6;line-height:1.5}
:is(body.ss-route-founders) .fd-how{margin-top:12px;padding:19px;border:1px solid #263b67;border-radius:12px;background:#091427}:is(body.ss-route-founders) .fd-how h2,
:is(body.ss-route-founders) .fd-spots h2{font-size:18px;margin:0 0 13px}:is(body.ss-route-founders) .fd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}:is(body.ss-route-founders) .fd-step{padding:15px;border:1px solid #2b406a;border-radius:9px;background:#07111f}:is(body.ss-route-founders) .fd-step span{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:8px;background:rgba(143,48,255,.14);border:1px solid rgba(143,48,255,.32);color:#d181ff;font-weight:950}:is(body.ss-route-founders) .fd-step b{display:block;margin:9px 0 4px;font-size:14px}:is(body.ss-route-founders) .fd-step p{font-size:14px;color:#8798af;line-height:1.45}
:is(body.ss-route-founders) .fd-spots{margin-top:12px;padding:19px;border:1px solid #6a32bb;border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(124,48,222,.13),transparent 30%),#091427}:is(body.ss-route-founders) .fd-spotgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}:is(body.ss-route-founders) .fd-spot{padding:12px;border:1px solid #2b406a;border-radius:9px;background:#07111f}:is(body.ss-route-founders) .fd-spot b{font-size:14px;display:block}:is(body.ss-route-founders) .fd-spot small{font-size:14px;color:#8999b0}:is(body.ss-route-founders) .fd-spot .tag{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;border:1px solid #a246ff;color:#d991ff;background:rgba(150,55,255,.07);font-size:14px;font-weight:950}
:is(body.ss-route-founders) .fd-member{margin-top:12px;padding:18px;border:1px solid #927134;border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(255,197,64,.15),transparent 32%),linear-gradient(135deg,#17140b,#091020)}:is(body.ss-route-founders) .fd-member b{font-size:18px;color:#ffd367}:is(body.ss-route-founders) .fd-member p{font-size:14px;color:#aab6c7}
:is(body.ss-route-founders) .founder-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,201,76,.5);background:linear-gradient(135deg,rgba(255,201,76,.12),rgba(158,54,255,.12));color:#ffd56f;font-size:14px;font-weight:950;box-shadow:0 0 18px rgba(255,190,55,.08)}
@media (max-width:900px){:is(body.ss-route-founders) .fd-benefits{grid-template-columns:1fr 1fr}:is(body.ss-route-founders) .fd-steps,
:is(body.ss-route-founders) .fd-spotgrid{grid-template-columns:1fr}:is(body.ss-route-founders) .fd-crown{font-size:100px;opacity:.3}:is(body.ss-route-founders) .fd-hero h1{font-size:37px}}
@media (max-width:550px){:is(body.ss-route-founders) .fd-benefits{grid-template-columns:1fr}:is(body.ss-route-founders) .fd-hero{padding:23px 17px}:is(body.ss-route-founders) .fd-hero h1{font-size:32px}}

/* Final Founder grid: responsive overrides no longer blocked by inline attributes. */
:is(body.ss-route-founders) .founder26 .fd-benefits{grid-template-columns:repeat(3,minmax(0,1fr));}
:is(body.ss-route-founders) .founder26 .fd-steps{grid-template-columns:repeat(4,minmax(0,1fr));}
:is(body.ss-route-founders) .founder26 .fd-benefit h3,
:is(body.ss-route-founders) .founder26 .fd-step b,
:is(body.ss-route-founders) .founder26 .fd-spot b{font-size:17px;line-height:1.35}
:is(body.ss-route-founders) .founder26 .fd-lead,
:is(body.ss-route-founders) .founder26 .fd-benefit p,
:is(body.ss-route-founders) .founder26 .fd-step p,
:is(body.ss-route-founders) .founder26 .fd-member p{font-size:16px;line-height:1.6}
:is(body.ss-route-founders) .founder26 .fd-btn{font-size:16px;min-height:48px;height:auto;padding:11px 18px;text-align:center}
:is(body.ss-route-founders) .founder26 .fd-benefit,
:is(body.ss-route-founders) .founder26 .fd-step,
:is(body.ss-route-founders) .founder26 .fd-spot{min-width:0}
@media (max-width:1050px){:is(body.ss-route-founders) .founder26 .fd-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}:is(body.ss-route-founders) .founder26 .fd-steps{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:610px){:is(body.ss-route-founders) .founder26 .fd-benefits,
:is(body.ss-route-founders) .founder26 .fd-steps{grid-template-columns:minmax(0,1fr)}:is(body.ss-route-founders) .founder26 .fd-hero h1{font-size:clamp(29px,8vw,38px);line-height:1.1}:is(body.ss-route-founders) .founder26 .fd-progresshead{align-items:flex-start;flex-wrap:wrap}:is(body.ss-route-founders) .founder26 .fd-crown{right:5px;top:45px;font-size:70px;opacity:.18}:is(body.ss-route-founders) .founder26 .fd-actions{flex-direction:column}:is(body.ss-route-founders) .founder26 .fd-btn{width:100%}}


/* ========= assets/css/news.css ========= */
/* SoulShive 2027 — page CSS extracted without changing rule order. */
:is(body.ss-route-news) .ssnews26{
    max-width:1320px;
    margin:0 auto;
    padding:20px 20px 60px;
}
:is(body.ss-route-news) .ssnews26 *{box-sizing:border-box}
:is(body.ss-route-news) .ssnews26 a{text-decoration:none}
:is(body.ss-route-news) .ssnews26-hero{
    position:relative;
    overflow:hidden;
    min-height:260px;
    border-radius:18px;
    border:1px solid rgba(118,75,255,.45);
    background:
        linear-gradient(90deg,rgba(5,9,19,.92),rgba(10,8,30,.55)),
        url("https://cdn.akamai.steamstatic.com/steam/apps/730/library_hero.jpg") center/cover no-repeat;
    box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 0 70px rgba(125,65,255,.07);
    margin-bottom:24px;
}
:is(body.ss-route-news) .ssnews26-hero:after{
    content:"";
    position:absolute;inset:0;
    background:
        radial-gradient(circle at 80% 30%,rgba(122,71,255,.24),transparent 30%),
        linear-gradient(120deg,transparent 60%,rgba(119,63,255,.08) 61% 62%,transparent 63%);
}
:is(body.ss-route-news) .ssnews26-hero-copy{
    position:relative;z-index:2;
    max-width:700px;
    padding:34px 38px;
}
:is(body.ss-route-news) .ssnews26-kicker{font-size:14px;letter-spacing:.17em;color:#b460ff;font-weight:900}
:is(body.ss-route-news) .ssnews26-hero h1{
    margin:8px 0 8px;
    font-size:46px;
    line-height:1;
    letter-spacing:-.04em;
    color:#fff;
}
:is(body.ss-route-news) .ssnews26-hero h1 span{
    background:linear-gradient(90deg,#fff,#a855f7);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
:is(body.ss-route-news) .ssnews26-hero p{color:#a5b0c4;font-size:14px;line-height:1.6}
:is(body.ss-route-news) .ssnews26-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    margin-top:20px;
    max-width:620px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(5,10,20,.58);
    backdrop-filter:blur(7px);
    border-radius:12px;
}
:is(body.ss-route-news) .ssnews26-stats div{padding:13px 16px;border-right:1px solid rgba(255,255,255,.07)}
:is(body.ss-route-news) .ssnews26-stats div:last-child{border-right:0}
:is(body.ss-route-news) .ssnews26-stats strong{display:block;color:#fff;font-size:19px}
:is(body.ss-route-news) .ssnews26-stats span{display:block;color:#7788a1;font-size:14px;margin-top:3px}
:is(body.ss-route-news) .ssnews26-section{margin-bottom:24px}
:is(body.ss-route-news) .ssnews26-titlebar{
    display:flex;align-items:end;justify-content:space-between;gap:12px;
    margin-bottom:12px;
}
:is(body.ss-route-news) .ssnews26-titlebar span{font-size:14px;color:#9c5dff;font-weight:900;letter-spacing:.12em}
:is(body.ss-route-news) .ssnews26-titlebar h2{margin:4px 0 0;color:#fff;font-size:22px}
:is(body.ss-route-news) .ssnews26-rotate,
:is(body.ss-route-news) .ssnews26-count{font-size:14px;color:#71839c;font-weight:800}
:is(body.ss-route-news) .ssnews26-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:18px;
    align-items:start;
}
:is(body.ss-route-news) .ssnews26-filterbar{
    display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px
}
:is(body.ss-route-news) .ssnews26-search{
    flex:1 1 230px;
    height:42px;border:1px solid #203a5c;border-radius:10px;
    background:#081321;display:flex;align-items:center;gap:8px;padding:0 12px;color:#7689a4
}
:is(body.ss-route-news) .ssnews26-search input{
    flex:1;border:0;outline:0;background:transparent;color:#8da0b9;font-size:14px
}
:is(body.ss-route-news) .ssnews26-cats{display:flex;gap:6px;flex-wrap:wrap}
:is(body.ss-route-news) .ssnews26-cats a{
    height:38px;padding:0 12px;border-radius:9px;
    display:flex;align-items:center;border:1px solid #203a5c;
    background:#081321;color:#90a1b8;font-size:14px;font-weight:900
}
:is(body.ss-route-news) .ssnews26-cats a.active{
    color:#fff;border-color:#7c3aed;background:linear-gradient(135deg,#5b21b6,#7c3aed)
}
:is(body.ss-route-news) .ssnews26-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
:is(body.ss-route-news) .ssnews26-card{
    overflow:hidden;
    border:1px solid #1b3554;
    border-radius:13px;
    background:linear-gradient(180deg,#091524,#07111e);
    transition:.18s ease;
}
:is(body.ss-route-news) .ssnews26-card:hover{transform:translateY(-3px);border-color:#7256da;box-shadow:0 15px 35px rgba(0,0,0,.22)}
:is(body.ss-route-news) .ssnews26-card a{display:block;color:inherit}
:is(body.ss-route-news) .ssnews26-card-img{height:155px;position:relative;overflow:hidden;background:#07101c}
:is(body.ss-route-news) .ssnews26-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.28s ease}
:is(body.ss-route-news) .ssnews26-card:hover .ssnews26-card-img img{transform:scale(1.035)}
:is(body.ss-route-news) .ssnews26-card-img:after{
    content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,15,.38),transparent 55%)
}
:is(body.ss-route-news) .ssnews26-badge{
    position:absolute;left:9px;top:9px;z-index:2;
    padding:5px 8px;border-radius:999px;
    background:rgba(4,9,17,.78);
    border:1px solid var(--game);
    color:#fff;font-size:14px;font-weight:900
}
:is(body.ss-route-news) .ssnews26-card-body{padding:12px}
:is(body.ss-route-news) .ssnews26-meta{display:flex;gap:5px;color:#667a95;font-size:14px;font-weight:800}
:is(body.ss-route-news) .ssnews26-meta span:first-child{color:#b15cff}
:is(body.ss-route-news) .ssnews26-card h3{font-size:14px;line-height:1.3;color:#fff;margin:7px 0}
:is(body.ss-route-news) .ssnews26-card p{font-size:14px;line-height:1.55;color:#8798ad;margin:0}
:is(body.ss-route-news) .ssnews26-card-foot{
    display:flex;align-items:center;gap:10px;
    border-top:1px solid rgba(255,255,255,.055);
    margin-top:11px;padding-top:9px;color:#6f829d;font-size:14px
}
:is(body.ss-route-news) .ssnews26-card-foot .arrow{
    margin-left:auto;width:22px;height:22px;border-radius:50%;
    display:grid;place-items:center;background:#20184a;color:#c9b8ff;font-size:14px
}
:is(body.ss-route-news) .ssnews26-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:20px}
:is(body.ss-route-news) .ssnews26-sidecard{
    border:1px solid #1d3552;
    border-radius:13px;
    background:linear-gradient(180deg,#091524,#07111e);
    padding:13px;
}
:is(body.ss-route-news) .ssnews26-sidehead{font-size:14px;color:#fff;font-weight:900;letter-spacing:.05em;margin-bottom:10px}
:is(body.ss-route-news) .ssnews26-trend{
    display:grid;grid-template-columns:26px 48px 1fr;gap:8px;align-items:center;
    padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#eef4ff
}
:is(body.ss-route-news) .ssnews26-trend:last-child{border-bottom:0}
:is(body.ss-route-news) .ssnews26-trend .num{
    width:24px;height:24px;border-radius:7px;
    display:grid;place-items:center;background:linear-gradient(135deg,#6635d8,#8b5cf6);
    font-size:14px;font-weight:900
}
:is(body.ss-route-news) .ssnews26-trend img{width:48px;height:40px;object-fit:cover;border-radius:7px}
:is(body.ss-route-news) .ssnews26-trend b{display:block;font-size:14px;line-height:1.3}
:is(body.ss-route-news) .ssnews26-trend small{display:block;color:#6f829b;font-size:14px;margin-top:3px}
:is(body.ss-route-news) .ssnews26-tags{display:flex;gap:6px;flex-wrap:wrap}
:is(body.ss-route-news) .ssnews26-tags a{
    padding:6px 8px;border-radius:999px;border:1px solid #253f62;
    background:#091525;color:#9cadc1;font-size:14px;font-weight:800
}
:is(body.ss-route-news) .ssnews26-tags a:hover{border-color:#7c3aed;color:#fff}
:is(body.ss-route-news) .ssnews26-newsletter{
    background:
        radial-gradient(circle at 100% 0%,rgba(126,63,255,.14),transparent 38%),
        linear-gradient(180deg,#091524,#07111e)
}
:is(body.ss-route-news) .ssnews26-newsletter h3{margin:0 0 6px;color:#fff;font-size:16px}
:is(body.ss-route-news) .ssnews26-newsletter p{color:#8293a9;font-size:14px;line-height:1.5}
:is(body.ss-route-news) .ssnews26-mail{display:grid;gap:7px;margin-top:10px}
:is(body.ss-route-news) .ssnews26-mail input{
    height:38px;border-radius:8px;border:1px solid #26405f;background:#071321;color:#fff;padding:0 10px;font-size:14px
}
:is(body.ss-route-news) .ssnews26-mail button{
    height:36px;border:0;border-radius:8px;background:linear-gradient(90deg,#6d28d9,#9333ea);
    color:#fff;font-size:14px;font-weight:900
}
:is(body.ss-route-news) .ssnews26-newsletter small{display:block;color:#60738f;font-size:14px;margin-top:8px}
:is(body.ss-route-news) .ssnews26-community{
    min-height:235px;
    display:flex;flex-direction:column;justify-content:flex-end;
    background:
        linear-gradient(180deg,rgba(6,10,21,.18),rgba(8,13,26,.94)),
        url("https://cdn.akamai.steamstatic.com/steam/apps/730/library_hero.jpg") center/cover no-repeat;
}
:is(body.ss-route-news) .ssnews26-community .big{font-size:27px;line-height:.93;color:#a45cff;font-weight:950;letter-spacing:-.04em}
:is(body.ss-route-news) .ssnews26-community p{font-size:14px;color:#a1aec0;line-height:1.5}
:is(body.ss-route-news) .ssnews26-community a{
    height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;
    background:linear-gradient(90deg,#7c3aed,#9333ea);color:#fff;font-size:14px;font-weight:900
}
:is(body.ss-route-news) .ssnews26-pagination{
    display:flex;justify-content:center;gap:6px;align-items:center;flex-wrap:wrap;margin-top:20px
}
:is(body.ss-route-news) .ssnews26-pagination a,
:is(body.ss-route-news) .ssnews26-pagination span{
    min-width:38px;height:36px;padding:0 10px;border-radius:8px;
    border:1px solid #203a5c;background:#081321;color:#90a1b8;
    display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900
}
:is(body.ss-route-news) .ssnews26-pagination a.active{
    color:#fff;border-color:#7c3aed;background:linear-gradient(135deg,#5b21b6,#7c3aed)
}
:is(body.ss-route-news) .ssnews26-empty{padding:50px;text-align:center;border:1px dashed #26415f;border-radius:14px;color:#8798ad}
:is(body.ss-route-news) #ss-featured-news-slot{margin-bottom:0!important}
:is(body.ss-route-news) #ss-featured-news-slot > div:first-child{display:none!important}
:is(body.ss-route-news) #ss-featured-news-slot > a{
    border-color:#2f4c74!important;
    background:linear-gradient(180deg,#091524,#07111e)!important;
}
@media (max-width:1050px){
    :is(body.ss-route-news) .ssnews26-layout{grid-template-columns:1fr}
    :is(body.ss-route-news) .ssnews26-side{position:static;display:grid;grid-template-columns:1fr 1fr}
    :is(body.ss-route-news) .ssnews26-community{min-height:190px}
}
@media (max-width:780px){
    :is(body.ss-route-news) .ssnews26-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    :is(body.ss-route-news) .ssnews26-stats{grid-template-columns:1fr 1fr}
    :is(body.ss-route-news) .ssnews26-stats div:nth-child(2){border-right:0}
    :is(body.ss-route-news) .ssnews26-stats div:nth-child(-n/**/+2){border-bottom:1px solid rgba(255,255,255,.07)}
    :is(body.ss-route-news) #ss-featured-news-slot > a{grid-template-columns:1fr!important}
}
@media (max-width:560px){
    :is(body.ss-route-news) .ssnews26{padding-left:12px;padding-right:12px}
    :is(body.ss-route-news) .ssnews26-hero-copy{padding:26px 20px}
    :is(body.ss-route-news) .ssnews26-hero h1{font-size:34px}
    :is(body.ss-route-news) .ssnews26-grid{grid-template-columns:1fr}
    :is(body.ss-route-news) .ssnews26-side{grid-template-columns:1fr}
    :is(body.ss-route-news) .ssnews26-cats{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
}

/* ===== FINAL NEWS 1:1 PREMIUM POLISH ===== */
:is(body.ss-route-news) .ssnews26{max-width:1360px!important;padding-top:14px!important}
:is(body.ss-route-news) .ssnews26-hero{min-height:242px!important;margin-bottom:18px!important}
:is(body.ss-route-news) .ssnews26-hero-copy{padding:30px 34px!important}
:is(body.ss-route-news) .ssnews26-hero h1{font-size:44px!important}
:is(body.ss-route-news) .ssnews26-stats{margin-top:16px!important}
:is(body.ss-route-news) .ssnews26-section{margin-bottom:20px!important}
:is(body.ss-route-news) .ssnews26-layout{grid-template-columns:minmax(0,1fr) 322px!important;gap:16px!important}
:is(body.ss-route-news) .ssnews26-main{min-width:0}
:is(body.ss-route-news) .ssnews26-side{gap:10px!important}
:is(body.ss-route-news) .ssnews26-sidecard{padding:14px!important;border-color:#254363!important;box-shadow:0 12px 28px rgba(0,0,0,.15)}
:is(body.ss-route-news) .ssnews26-trend{grid-template-columns:28px 54px 1fr!important;gap:9px!important;padding:9px 0!important}
:is(body.ss-route-news) .ssnews26-trend img{width:54px!important;height:44px!important}
:is(body.ss-route-news) .ssnews26-trend b{font-size:14px!important}
:is(body.ss-route-news) .ssnews26-trend small{font-size:14px!important}
:is(body.ss-route-news) .ssnews26-card{border-color:#213d5f!important}
:is(body.ss-route-news) .ssnews26-card-img{height:164px!important}
:is(body.ss-route-news) .ssnews26-card-body{padding:13px!important}
:is(body.ss-route-news) .ssnews26-card h3{font-size:14px!important}
:is(body.ss-route-news) .ssnews26-card p{font-size:14px!important}
:is(body.ss-route-news) .ssnews26-community{min-height:260px!important;position:relative;overflow:hidden}
:is(body.ss-route-news) .ssnews26-community:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,17,.10),rgba(6,10,22,.88));pointer-events:none}
:is(body.ss-route-news) .ssnews26-community>*{position:relative;z-index:2}
:is(body.ss-route-news) .ssnews26-community .big{font-size:30px!important}
:is(body.ss-route-news) .ssnews26-community a{height:38px!important}
:is(body.ss-route-news) .ssnews26-newsletter h3{font-size:17px!important}
:is(body.ss-route-news) .ssnews26-search{padding-right:5px!important}
:is(body.ss-route-news) .ssnews26-search input{min-width:0}
:is(body.ss-route-news) .ssnews26-search button{height:32px;padding:0 12px;border:0;border-radius:7px;background:linear-gradient(90deg,#6d28d9,#9333ea);color:#fff;font-size:14px;font-weight:900;cursor:pointer}
:is(body.ss-route-news) .ssnews26-titlebar{margin-bottom:10px!important}
:is(body.ss-route-news) .ssnews26-pagination{margin-top:18px!important}
:is(body.ss-route-news) #ss-featured-news-slot > a{box-shadow:0 14px 32px rgba(0,0,0,.18)}
@media (max-width:1050px){:is(body.ss-route-news) .ssnews26-layout{grid-template-columns:1fr!important}}


/* ========= assets/css/news-article.css ========= */
/* SoulShive 2027 — page CSS extracted without changing rule order. */
:is(body.ss-route-news-article) .ssna26{
    max-width:1320px;
    margin:0 auto;
    padding:14px 20px 48px;
}
:is(body.ss-route-news-article) .ssna26 *{box-sizing:border-box}
:is(body.ss-route-news-article) .ssna26 a{text-decoration:none}
:is(body.ss-route-news-article) .ssna26-breadcrumb{
    display:flex;align-items:center;gap:7px;flex-wrap:wrap;
    color:#667a96;font-size:14px;margin:0 0 14px
}
:is(body.ss-route-news-article) .ssna26-breadcrumb a{color:#8294aa}
:is(body.ss-route-news-article) .ssna26-pagegrid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 315px;
    gap:20px;
    align-items:start
}
:is(body.ss-route-news-article) .ssna26-main{min-width:0}
:is(body.ss-route-news-article) .ssna26-header{margin-bottom:15px}
:is(body.ss-route-news-article) .ssna26-game{
    display:inline-flex;align-items:center;gap:6px;
    padding:6px 10px;border-radius:999px;
    border:1px solid var(--game-color);
    background:rgba(138,76,255,.09);
    color:#fff;font-size:14px;font-weight:900
}
:is(body.ss-route-news-article) .ssna26-title{
    margin:10px 0 10px;
    color:#fff;
    font-size:42px;
    line-height:1.06;
    letter-spacing:-.04em;
    font-weight:950
}
:is(body.ss-route-news-article) .ssna26-meta{
    display:flex;align-items:center;gap:15px;flex-wrap:wrap;
    color:#73859c;font-size:14px
}
:is(body.ss-route-news-article) .ssna26-meta span{display:inline-flex;align-items:center;gap:4px}
:is(body.ss-route-news-article) .ssna26-hero{
    overflow:hidden;border-radius:16px;
    border:1px solid rgba(104,73,255,.50);
    background:#06101b;margin-bottom:18px;
    box-shadow:0 14px 34px rgba(0,0,0,.20)
}
:is(body.ss-route-news-article) .ssna26-hero img{display:block;width:100%;max-height:510px;object-fit:cover}
:is(body.ss-route-news-article) .ssna26-video{aspect-ratio:16/9;border-radius:15px;overflow:hidden;border:1px solid #29496d;margin-bottom:18px;background:#000}
:is(body.ss-route-news-article) .ssna26-video iframe{width:100%;height:100%;border:0}
:is(body.ss-route-news-article) .ssna26-excerpt{
    padding:15px 17px;margin-bottom:17px;
    border-left:3px solid #8b5cf6;
    border-radius:0 11px 11px 0;
    background:linear-gradient(90deg,rgba(139,92,246,.11),rgba(139,92,246,.03));
    color:#d4dbea;font-size:14px;line-height:1.7;font-weight:650
}
:is(body.ss-route-news-article) .ssna26-body{
    color:#aeb9c9;
    font-size:14px;
    line-height:1.82
}
:is(body.ss-route-news-article) .ssna26-body p{margin:0 0 17px}
:is(body.ss-route-news-article) .ssna26-body h1,
:is(body.ss-route-news-article) .ssna26-body h2,
:is(body.ss-route-news-article) .ssna26-body h3,
:is(body.ss-route-news-article) .ssna26-body h4{
    color:#fff;line-height:1.2;margin:28px 0 10px;font-weight:900
}
:is(body.ss-route-news-article) .ssna26-body h2{font-size:22px;border-left:4px solid #8b5cf6;padding-left:10px}
:is(body.ss-route-news-article) .ssna26-body h3{font-size:18px}
:is(body.ss-route-news-article) .ssna26-body strong,
:is(body.ss-route-news-article) .ssna26-body b{color:#fff}
:is(body.ss-route-news-article) .ssna26-body a{color:#c084fc;text-decoration:underline}
:is(body.ss-route-news-article) .ssna26-body ul,
:is(body.ss-route-news-article) .ssna26-body ol{padding-left:22px;margin:0 0 18px}
:is(body.ss-route-news-article) .ssna26-body blockquote{
    position:relative;
    margin:22px 0;padding:17px 18px 17px 47px;
    border:1px solid rgba(128,83,255,.45);
    border-radius:12px;
    background:linear-gradient(90deg,rgba(93,45,180,.16),rgba(10,18,31,.92));
    color:#dbe3ef;font-style:italic
}
:is(body.ss-route-news-article) .ssna26-body blockquote:before{
    content:"“";position:absolute;left:14px;top:4px;color:#9c5cff;font-size:38px;font-weight:900
}
:is(body.ss-route-news-article) .ssna26-body img{max-width:100%;height:auto;border-radius:12px;border:1px solid #274563}
:is(body.ss-route-news-article) .ssna26-source{
    margin-top:22px;padding:13px 14px;border:1px solid #274563;border-radius:12px;
    background:linear-gradient(90deg,#081523,#07111e);
    display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap
}
:is(body.ss-route-news-article) .ssna26-source-copy small{display:block;color:#7b8da6;font-size:14px;font-weight:900;letter-spacing:.13em}
:is(body.ss-route-news-article) .ssna26-source-copy b{display:block;color:#fff;font-size:14px;margin-top:3px}
:is(body.ss-route-news-article) .ssna26-source a{
    min-height:34px;padding:0 12px;border-radius:8px;border:1px solid #6b4bca;
    display:flex;align-items:center;color:#fff;font-size:14px;font-weight:900;background:#0a1424
}
:is(body.ss-route-news-article) .ssna26-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}
:is(body.ss-route-news-article) .ssna26-tags span{
    padding:6px 8px;border-radius:999px;border:1px solid #274563;
    background:#081523;color:#8fa0b5;font-size:14px;font-weight:800
}
:is(body.ss-route-news-article) .ssna26-share{
    display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px
}
:is(body.ss-route-news-article) .ssna26-share strong{color:#fff;font-size:14px;margin-right:3px}
:is(body.ss-route-news-article) .ssna26-share a,
:is(body.ss-route-news-article) .ssna26-share button{
    height:32px;padding:0 10px;border:1px solid #29496d;border-radius:8px;
    background:#081523;color:#98a9bd;font-size:14px;font-weight:900;display:flex;align-items:center;cursor:pointer
}
:is(body.ss-route-news-article) .ssna26-side{
    position:sticky;top:18px;display:flex;flex-direction:column;gap:10px
}
:is(body.ss-route-news-article) .ssna26-card{
    border:1px solid #244563;border-radius:13px;
    background:linear-gradient(180deg,#091625,#07111e);
    padding:14px;
    box-shadow:0 12px 28px rgba(0,0,0,.14)
}
:is(body.ss-route-news-article) .ssna26-cardhead{
    color:#dfe7f3;font-size:14px;font-weight:900;letter-spacing:.04em;margin-bottom:10px
}
:is(body.ss-route-news-article) .ssna26-about-row{
    display:flex;justify-content:space-between;gap:12px;padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,.05);color:#7f91a8;font-size:14px
}
:is(body.ss-route-news-article) .ssna26-about-row:last-child{border-bottom:0}
:is(body.ss-route-news-article) .ssna26-about-row b{color:#fff;text-align:right}
:is(body.ss-route-news-article) .ssna26-gamebox{display:flex;gap:10px;align-items:center}
:is(body.ss-route-news-article) .ssna26-gameimg{
    width:58px;height:58px;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#0b1726
}
:is(body.ss-route-news-article) .ssna26-gameimg img{width:100%;height:100%;object-fit:cover}
:is(body.ss-route-news-article) .ssna26-gamecopy b{display:block;color:#fff;font-size:14px}
:is(body.ss-route-news-article) .ssna26-gamecopy small{display:block;color:#72849b;font-size:14px;margin-top:3px}
:is(body.ss-route-news-article) .ssna26-author{display:flex;gap:10px;align-items:center}
:is(body.ss-route-news-article) .ssna26-author-logo{
    width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
    background:#0e2842;border:1px solid #2b6597;color:#fff;font-size:20px
}
:is(body.ss-route-news-article) .ssna26-author b{display:block;color:#fff;font-size:14px}
:is(body.ss-route-news-article) .ssna26-author small{display:block;color:#72849b;font-size:14px;margin-top:3px}
:is(body.ss-route-news-article) .ssna26-rel-list{display:flex;flex-direction:column;gap:8px}
:is(body.ss-route-news-article) .ssna26-rel-item{
    display:grid;grid-template-columns:66px 1fr;gap:8px;align-items:center;
    color:#eef4ff
}
:is(body.ss-route-news-article) .ssna26-rel-item img{width:66px;height:48px;border-radius:7px;object-fit:cover}
:is(body.ss-route-news-article) .ssna26-rel-item b{display:block;font-size:14px;line-height:1.3}
:is(body.ss-route-news-article) .ssna26-rel-item small{display:block;color:#6f8199;font-size:14px;margin-top:3px}
:is(body.ss-route-news-article) .ssna26-related{
    margin-top:28px;padding:14px;border:1px solid rgba(99,69,211,.45);
    border-radius:14px;background:linear-gradient(180deg,#081522,#06111d)
}
:is(body.ss-route-news-article) .ssna26-related-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}
:is(body.ss-route-news-article) .ssna26-related-head span{font-size:14px;color:#a25cff;font-weight:900;letter-spacing:.12em}
:is(body.ss-route-news-article) .ssna26-related-head h2{margin:3px 0 0;color:#fff;font-size:18px}
:is(body.ss-route-news-article) .ssna26-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:is(body.ss-route-news-article) .ssna26-related-card{
    overflow:hidden;border:1px solid #274563;border-radius:10px;background:#081523;color:#fff;transition:.18s ease
}
:is(body.ss-route-news-article) .ssna26-related-card:hover{transform:translateY(-2px);border-color:#7656d8}
:is(body.ss-route-news-article) .ssna26-related-img{height:120px;position:relative;overflow:hidden}
:is(body.ss-route-news-article) .ssna26-related-img img{width:100%;height:100%;object-fit:cover}
:is(body.ss-route-news-article) .ssna26-related-img span{
    position:absolute;left:7px;bottom:7px;padding:4px 6px;border-radius:999px;background:rgba(5,9,17,.78);font-size:14px;font-weight:900
}
:is(body.ss-route-news-article) .ssna26-related-body{padding:9px}
:is(body.ss-route-news-article) .ssna26-related-body small{display:block;color:#70829a;font-size:14px}
:is(body.ss-route-news-article) .ssna26-related-body b{display:block;font-size:14px;line-height:1.35;margin-top:4px}
@media (max-width:980px){
    :is(body.ss-route-news-article) .ssna26-pagegrid{grid-template-columns:1fr}
    :is(body.ss-route-news-article) .ssna26-side{position:static;display:grid;grid-template-columns:1fr 1fr}
}
@media (max-width:650px){
    :is(body.ss-route-news-article) .ssna26{padding-left:12px;padding-right:12px}
    :is(body.ss-route-news-article) .ssna26-title{font-size:29px}
    :is(body.ss-route-news-article) .ssna26-side{grid-template-columns:1fr}
    :is(body.ss-route-news-article) .ssna26-related-grid{grid-template-columns:1fr}
    
}


/* ========= assets/css/newsletter.css ========= */
/* Premium SoulShive newsletter — scoped to the newsletter page. */
:is(body.ss-route-newsletter) .ss27-newsletter{max-width:1150px;margin:0 auto;padding:65px 22px 90px;min-height:65vh;position:relative;display:grid;place-items:center}
:is(body.ss-route-newsletter) .ss27-newsletter-glow{position:absolute;inset:10% 5%;background:radial-gradient(ellipse at center,rgba(118,62,237,.16),transparent 65%);pointer-events:none}
:is(body.ss-route-newsletter) .ss27-newsletter-card{position:relative;width:min(100%,650px);padding:clamp(25px,5vw,54px);border-radius:25px;border:1px solid rgba(139,92,246,.36);background:linear-gradient(145deg,#101c37,#0b1122 75%);box-shadow:0 32px 90px rgba(0,0,0,.38);color:#eef2ff}
:is(body.ss-route-newsletter) .ss27-newsletter-symbol{width:65px;height:65px;display:grid;place-items:center;font-size:31px;border-radius:18px;background:linear-gradient(135deg,#5e35c8,#3566d4);box-shadow:0 12px 38px rgba(106,73,250,.3);margin-bottom:22px}
:is(body.ss-route-newsletter) .ss27-newsletter-kicker{font-size:14px;letter-spacing:.12em;font-weight:800;color:#b5a3ff;margin-bottom:10px}
:is(body.ss-route-newsletter) .ss27-newsletter h1{font-size:clamp(28px,4vw,40px);line-height:1.14;letter-spacing:-.03em;margin:0 0 14px;color:#fff}
:is(body.ss-route-newsletter) .ss27-newsletter p{font-size:16px;line-height:1.65;color:#bccae4;margin:0 0 25px}
:is(body.ss-route-newsletter) .ss27-newsletter-form{display:grid;gap:11px;margin-top:26px}
:is(body.ss-route-newsletter) .ss27-newsletter-form label{font-size:15px;font-weight:800;color:#dbe4fb}
:is(body.ss-route-newsletter) .ss27-newsletter-form input[type=email]{width:100%;padding:15px 17px;border:1px solid #43567b;border-radius:12px;background:#09142a;color:#fff;font-size:16px;outline:0}
:is(body.ss-route-newsletter) .ss27-newsletter-form input[type=email]:focus{border-color:#a48bff;box-shadow:0 0 0 3px rgba(163,139,255,.2)}
:is(body.ss-route-newsletter) .ss27-newsletter-form button{border:0;border-radius:12px;min-height:52px;background:linear-gradient(110deg,#7944dc,#3557d9);color:#fff;font-weight:900;font-size:16px;cursor:pointer}
:is(body.ss-route-newsletter) .ss27-newsletter-form button:hover{filter:brightness(1.13)}
:is(body.ss-route-newsletter) .ss27-newsletter-back{display:inline-flex;margin-top:12px;color:#c4adff;font-size:15px;font-weight:800;text-decoration:none}
:is(body.ss-route-newsletter) .ss27-newsletter-back:hover{text-decoration:underline}
:is(body.ss-route-newsletter) .ss27-newsletter p.ss27-newsletter-footnote{font-size:14px;margin:12px 0 17px;color:#9baecb}
:is(body.ss-route-newsletter) .ss27-newsletter-footnote a{color:#c6b4ff}
:is(body.ss-route-newsletter) .ss27-newsletter-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:600px){:is(body.ss-route-newsletter) .ss27-newsletter{padding:32px 14px 55px}:is(body.ss-route-newsletter) .ss27-newsletter-card{border-radius:19px}}
@media (prefers-reduced-motion:reduce){:is(body.ss-route-newsletter) .ss27-newsletter-form button{transition:none}}


/* ========= assets/css/steam-news-mockup-2027.css ========= */
/* Steam editorial news; source schema columns are matched in steam-news.php. */
:is(body.ss-route-steam-news) .ss27-steam-news{width:min(1640px,calc(100% - 32px));margin:16px auto 45px;color:#f2f6ff}
:is(body.ss-route-steam-news) .ss27-steam-news-hero{padding:clamp(25px,4vw,60px);border:1px solid #6241aa;border-radius:17px;background:radial-gradient(circle at 90% 0%,rgba(126,61,240,.27),transparent 35%),linear-gradient(125deg,#121833,#060d20);margin-bottom:20px}
:is(body.ss-route-steam-news) .ss27-steam-news-kicker{font-size:14px;letter-spacing:.12em;font-weight:850;color:#d2a0ff}
:is(body.ss-route-steam-news) .ss27-steam-news-hero h1{font-size:clamp(29px,4vw,49px);margin:12px 0;line-height:1.15}:is(body.ss-route-steam-news) .ss27-steam-news-hero h1 span{color:#ad77ff}
:is(body.ss-route-steam-news) .ss27-steam-news-hero p{max-width:800px;color:#c2cee6;font-size:17px;line-height:1.6}
:is(body.ss-route-steam-news) .ss27-steam-news-back{display:inline-flex;color:#dfb7ff;padding:13px 0;font-size:16px;font-weight:800}
:is(body.ss-route-steam-news) .ss27-steam-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:is(body.ss-route-steam-news) .ss27-steam-news-card,
:is(body.ss-route-steam-news) .ss27-steam-news-empty{min-width:0;padding:clamp(20px,3vw,30px);border-radius:14px;border:1px solid #30446e;background:linear-gradient(145deg,#0e1931,#08111f)}
:is(body.ss-route-steam-news) .ss27-steam-news-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;font-size:14px;color:#b4c2dd}
:is(body.ss-route-steam-news) .ss27-steam-news-category{font-weight:800;border:1px solid #7143b1;color:#dec3ff;border-radius:100px;padding:6px 11px;background:rgba(136,67,232,.12)}
:is(body.ss-route-steam-news) .ss27-steam-news-card h2{font-size:clamp(20px,2.4vw,25px);margin:0 0 9px;line-height:1.3;overflow-wrap:anywhere}
:is(body.ss-route-steam-news) .ss27-steam-news-game{font-size:15px;color:#7bd7ff;font-weight:750;margin:0 0 16px}
:is(body.ss-route-steam-news) .ss27-steam-news-excerpt,
:is(body.ss-route-steam-news) .ss27-steam-news-empty p{font-size:16px;line-height:1.65;color:#b9c6e1;overflow-wrap:anywhere}
:is(body.ss-route-steam-news) .ss27-steam-news-read{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border-radius:9px;border:1px solid #9755f0;background:linear-gradient(110deg,#6529d3,#9c40e5);padding:11px 18px;color:#fff;text-decoration:none;font-size:16px;font-weight:850;margin-top:10px}
:is(body.ss-route-steam-news) .ss27-steam-news-read:hover{filter:brightness(1.14)}
@media (max-width:880px){:is(body.ss-route-steam-news) .ss27-steam-news-grid{grid-template-columns:1fr}}
@media (max-width:420px){:is(body.ss-route-steam-news) .ss27-steam-news{width:calc(100% - 20px)}:is(body.ss-route-steam-news) .ss27-steam-news-hero{padding:22px 17px}:is(body.ss-route-steam-news) .ss27-steam-news-card{padding:20px 16px}}


/* ========= assets/css/esports-live-mockup-2027.css ========= */
/* Styles of esports-live.php; kept separate from HTML and scoped to this existing page. */
:is(body.ss-route-esports-live).ss26-page-esports .ss26-page-masthead{display:none!important}
:is(body.ss-route-esports-live).ss26-page-esports .ss26-content-wrap.wrap{width:min(1500px,calc(100% - 24px))!important;max-width:1500px!important}
:is(body.ss-route-esports-live) .es26{--p:#9333ff;--v:#d03cff;--c:#35d8ff;--g:#2be49c;--line:#293e6c;color:#f5f7ff;margin:10px auto 30px}:is(body.ss-route-esports-live) .es26 *{box-sizing:border-box}:is(body.ss-route-esports-live) .es26 a{text-decoration:none}
:is(body.ss-route-esports-live) .es-hero{border:1px solid #6532c8;border-radius:12px;background:radial-gradient(circle at 85% 0,#41166c55,transparent 30%),linear-gradient(140deg,#0b1228,#080e1c);padding:16px}:is(body.ss-route-esports-live) .es-kicker{font-size:14px;color:#d05cff;font-weight:950;letter-spacing:.12em}:is(body.ss-route-esports-live) .es-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:5px}:is(body.ss-route-esports-live) .es-head h1{font-size:28px;margin:0}:is(body.ss-route-esports-live) .es-head p{font-size:14px;color:#94a5bd;margin:5px 0 0}:is(body.ss-route-esports-live) .es-live{display:inline-flex;padding:6px 9px;border-radius:6px;background:#d71943;color:#fff;font-size:14px;font-weight:950}
:is(body.ss-route-esports-live) .es-scorebox{display:grid;grid-template-columns:1fr 160px 1fr;gap:16px;align-items:center;margin-top:18px}:is(body.ss-route-esports-live) .es-team{text-align:center}:is(body.ss-route-esports-live) .es-team img{width:90px;height:90px;object-fit:contain}:is(body.ss-route-esports-live) .es-team .ph{width:90px;height:90px;border-radius:18px;background:#101c35;display:grid;place-items:center;margin:auto;font-size:35px}:is(body.ss-route-esports-live) .es-team b{display:block;font-size:18px;margin-top:7px}:is(body.ss-route-esports-live) .es-score{text-align:center}:is(body.ss-route-esports-live) .es-score .nums{display:flex;justify-content:center;gap:14px;align-items:center}:is(body.ss-route-esports-live) .es-score strong{font-size:42px}:is(body.ss-route-esports-live) .es-score strong:first-child{color:#f23a67}:is(body.ss-route-esports-live) .es-score strong:last-child{color:#49a9ff}:is(body.ss-route-esports-live) .es-score span{font-size:26px}:is(body.ss-route-esports-live) .es-score small{display:block;color:#91a2ba;font-size:14px;margin-top:4px}
:is(body.ss-route-esports-live) .es-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:10px;margin-top:10px}:is(body.ss-route-esports-live) .es-card{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#0a162c,#07101f);overflow:hidden}:is(body.ss-route-esports-live) .es-card-head{height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d;font-size:14px;font-weight:950}:is(body.ss-route-esports-live) .es-player{aspect-ratio:16/9;background:#03060c;display:grid;place-items:center}:is(body.ss-route-esports-live) .es-player iframe{width:100%;height:100%;border:0}:is(body.ss-route-esports-live) .es-no-player{text-align:center;padding:30px}:is(body.ss-route-esports-live) .es-no-player b{font-size:18px}:is(body.ss-route-esports-live) .es-no-player p{color:#8fa0b8;font-size:14px}:is(body.ss-route-esports-live) .es-no-player a{display:inline-flex;padding:10px 14px;border-radius:7px;background:#7d2bea;color:#fff!important}
:is(body.ss-route-esports-live) .es-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:9px}:is(body.ss-route-esports-live) .es-meta div{padding:9px;border:1px solid #223a61;border-radius:7px;background:#071327}:is(body.ss-route-esports-live) .es-meta b{display:block;font-size:14px}:is(body.ss-route-esports-live) .es-meta small{display:block;color:#8395ae;font-size:14px;margin-top:3px}
:is(body.ss-route-esports-live) .es-chat-tabs{display:flex;gap:5px;padding:7px;border-bottom:1px solid #ffffff0d}:is(body.ss-route-esports-live) .es-chat-tabs button{height:29px;padding:0 9px;border:1px solid #2a436e;background:#08152a;color:#b9c7da;border-radius:5px;font-size:14px}:is(body.ss-route-esports-live) .es-chat-tabs button.on{background:#7928e9;color:#fff;border-color:#a44fff}:is(body.ss-route-esports-live) .es-chatpane{height:510px;display:flex;flex-direction:column}:is(body.ss-route-esports-live) .es-native{height:100%;display:none}:is(body.ss-route-esports-live) .es-native iframe{width:100%;height:100%;border:0}:is(body.ss-route-esports-live) .es-msgs{flex:1;overflow:auto;padding:9px}:is(body.ss-route-esports-live) .es-msg{padding:7px 0;border-bottom:1px solid #ffffff0b}:is(body.ss-route-esports-live) .es-msg b{font-size:14px;color:#53dcff}:is(body.ss-route-esports-live) .es-msg p{font-size:14px;margin:3px 0;color:#dce5f3;word-break:break-word}:is(body.ss-route-esports-live) .es-msg time{font-size:14px;color:#73859e}:is(body.ss-route-esports-live) .es-chat-form{display:flex;gap:6px;padding:8px;border-top:1px solid #ffffff0d}:is(body.ss-route-esports-live) .es-chat-form input{flex:1;height:36px!important;margin:0!important;background:#061020!important;border:1px solid #2c456e!important;color:#fff!important}:is(body.ss-route-esports-live) .es-chat-form button{width:80px;border:0;border-radius:6px;background:#812df0;color:#fff;font-size:14px;font-weight:950}
:is(body.ss-route-esports-live) .es-below{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}:is(body.ss-route-esports-live) .es-list{padding:6px 10px}:is(body.ss-route-esports-live) .es-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #ffffff0d;color:#eef4ff!important}:is(body.ss-route-esports-live) .es-row:last-child{border-bottom:0}:is(body.ss-route-esports-live) .es-row b{font-size:14px}:is(body.ss-route-esports-live) .es-row small{display:block;color:#8597af;font-size:14px;margin-top:2px}:is(body.ss-route-esports-live) .es-row time{font-size:14px;color:#aebbd0}:is(body.ss-route-esports-live) .es-ended{opacity:.76}:is(body.ss-route-esports-live) .es-disclaimer{margin-top:10px;padding:10px 12px;border:1px solid #253b64;border-radius:8px;color:#8193ad;font-size:14px;background:#07101f}
@media (max-width:950px){:is(body.ss-route-esports-live) .es-layout,
:is(body.ss-route-esports-live) .es-below{grid-template-columns:1fr}:is(body.ss-route-esports-live) .es-chatpane{height:430px}:is(body.ss-route-esports-live) .es-meta{grid-template-columns:1fr 1fr}}
@media (max-width:650px){:is(body.ss-route-esports-live) .es-scorebox{grid-template-columns:1fr 90px 1fr}:is(body.ss-route-esports-live) .es-team img,
:is(body.ss-route-esports-live) .es-team .ph{width:62px;height:62px}:is(body.ss-route-esports-live) .es-team b{font-size:14px}:is(body.ss-route-esports-live) .es-score strong{font-size:29px}:is(body.ss-route-esports-live) .es-head{align-items:flex-start;flex-direction:column}:is(body.ss-route-esports-live) .es-meta{grid-template-columns:1fr}:is(body.ss-route-esports-live) .es-chatpane{height:390px}}

/* Page-level readability and responsive form controls. */
:is(body.ss-route-esports-live) .ss26-page-esports-live input,
:is(body.ss-route-esports-live) .ss26-page-esports-live select,
:is(body.ss-route-esports-live) .ss26-page-esports-live textarea,
:is(body.ss-route-esports-live) .ss26-page-esports-live button{font-size:16px;max-width:100%;}
:is(body.ss-route-esports-live) .ss26-page-esports-live input,
:is(body.ss-route-esports-live) .ss26-page-esports-live select,
:is(body.ss-route-esports-live) .ss26-page-esports-live textarea{min-height:44px}
:is(body.ss-route-esports-live) .ss26-page-esports-live button,
:is(body.ss-route-esports-live) .ss26-page-esports-live .btn{min-height:44px}
:is(body.ss-route-esports-live) .ss26-page-esports-live main,
:is(body.ss-route-esports-live) .ss26-page-esports-live article,
:is(body.ss-route-esports-live) .ss26-page-esports-live section{min-width:0}
@media (max-width:600px){:is(body.ss-route-esports-live) .ss26-page-esports-live img,
:is(body.ss-route-esports-live) .ss26-page-esports-live iframe{max-width:100%}}


/* ========= assets/css/verify-email-mockup-2027.css ========= */
/* Styles of verify-email.php; kept separate from HTML and scoped to this existing page. */
:is(body.ss-route-verify-email) .ss-verify-card{max-width:540px;margin:24px auto 44px;padding:24px;text-align:center}
:is(body.ss-route-verify-email) .ss-verify-card h1{font-size:25px;line-height:1.25;margin:10px 0}
:is(body.ss-route-verify-email) .ss-verify-card p{font-size:16px;line-height:1.6;color:#b4c6df}
:is(body.ss-route-verify-email) .ss-verify-card .btn{min-height:48px;padding:12px 18px;font-size:16px!important;display:inline-flex;justify-content:center;align-items:center;width:100%}
:is(body.ss-route-verify-email) .ss-verify-card .ss-verify-secondary{margin-top:12px}
@media (max-width:540px){:is(body.ss-route-verify-email) .ss-verify-card{margin:12px 0 28px;padding:18px}}

/* Page-level readability and responsive form controls. */
:is(body.ss-route-verify-email) .ss26-page-verify-email input,
:is(body.ss-route-verify-email) .ss26-page-verify-email select,
:is(body.ss-route-verify-email) .ss26-page-verify-email textarea,
:is(body.ss-route-verify-email) .ss26-page-verify-email button{font-size:16px;max-width:100%;}
:is(body.ss-route-verify-email) .ss26-page-verify-email input,
:is(body.ss-route-verify-email) .ss26-page-verify-email select,
:is(body.ss-route-verify-email) .ss26-page-verify-email textarea{min-height:44px}
:is(body.ss-route-verify-email) .ss26-page-verify-email button,
:is(body.ss-route-verify-email) .ss26-page-verify-email .btn{min-height:44px}
:is(body.ss-route-verify-email) .ss26-page-verify-email main,
:is(body.ss-route-verify-email) .ss26-page-verify-email article,
:is(body.ss-route-verify-email) .ss26-page-verify-email section{min-width:0}
@media (max-width:600px){:is(body.ss-route-verify-email) .ss26-page-verify-email img,
:is(body.ss-route-verify-email) .ss26-page-verify-email iframe{max-width:100%}}


/* ========= assets/css/facebook-complete-mockup-2027.css ========= */
/* Styles of facebook-complete.php; kept separate from HTML and scoped to this existing page. */
:is(body.ss-route-facebook-complete) .ss-fb-complete{max-width:560px;margin:30px auto 60px;padding:26px}:is(body.ss-route-facebook-complete) .ss-fb-complete label{display:block;font-size:16px;margin:12px 0 6px}:is(body.ss-route-facebook-complete) .ss-fb-complete input:not([type=checkbox]){width:100%;font-size:16px;min-height:48px;padding:12px}:is(body.ss-route-facebook-complete) .ss-fb-complete button{min-height:48px;font-size:16px!important;width:100%;margin-top:15px}:is(body.ss-route-facebook-complete) .ss-fb-complete p{font-size:15px;line-height:1.6}

/* Page-level readability and responsive form controls. */
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete input,
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete select,
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete textarea,
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete button{font-size:16px;max-width:100%;}
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete input,
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete select,
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete textarea{min-height:44px}
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete button,
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete .btn{min-height:44px}
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete main,
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete article,
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete section{min-width:0}
@media (max-width:600px){:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete img,
:is(body.ss-route-facebook-complete) .ss26-page-facebook-complete iframe{max-width:100%}}


/* ========= assets/css/support-mockup-2027.css ========= */
/* Styles of support.php; kept separate from HTML and scoped to this existing page. */
:is(body.ss-route-support) .ss26-support{width:100%;max-width:none;margin:0 auto 52px}:is(body.ss-route-support) .ss26-support-hero{padding:26px;border:1px solid rgba(142,59,255,.42);border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(142,59,255,.22),transparent 35%),linear-gradient(135deg,#0a1321,#080b13 70%)}:is(body.ss-route-support) .ss26-support-hero .k{font-size:14px;font-weight:950;letter-spacing:.12em;color:#b06bff}:is(body.ss-route-support) .ss26-support-hero h2{font-size:30px;margin:8px 0}:is(body.ss-route-support) .ss26-support-hero p{font-size:14px;color:#9aa7b8;line-height:1.65;max-width:720px}:is(body.ss-route-support) .ss26-report-server{margin-top:15px;padding:14px;border:1px solid #29405c;border-radius:12px;background:#091421}:is(body.ss-route-support) .ss26-report-server b{font-size:15px}:is(body.ss-route-support) .ss26-report-server div{font-size:14px;color:#8fa0b4;margin-top:4px}:is(body.ss-route-support) .ss26-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}:is(body.ss-route-support) .ss26-form{margin-top:16px;padding:20px;border:1px solid #202d41;border-radius:15px;background:#09111d}:is(body.ss-route-support) .ss26-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}:is(body.ss-route-support) .ss26-field{margin-bottom:13px}:is(body.ss-route-support) .ss26-field label{display:block;font-size:14px;font-weight:900;color:#c6cfdd;margin-bottom:6px}:is(body.ss-route-support) .ss26-field input,
:is(body.ss-route-support) .ss26-field select,
:is(body.ss-route-support) .ss26-field textarea{width:100%;border:1px solid #2a3b55;background:#060b13;color:#fff;border-radius:9px;padding:11px 12px;font-size:14px;outline:0}:is(body.ss-route-support) .ss26-field textarea{min-height:170px;resize:vertical}:is(body.ss-route-support) .ss26-field input:focus,
:is(body.ss-route-support) .ss26-field select:focus,
:is(body.ss-route-support) .ss26-field textarea:focus{border-color:#8f35ff;box-shadow:0 0 0 3px rgba(143,53,255,.10)}:is(body.ss-route-support) .ss26-alert{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:14px}:is(body.ss-route-support) .ss26-alert.ok{border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.08);color:#b9f7d3}:is(body.ss-route-support) .ss26-alert.err{border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.08);color:#ffb5bc}@media (max-width:700px){:is(body.ss-route-support) .ss26-grid2{grid-template-columns:1fr}}

/* Page-level readability and responsive form controls. */
:is(body.ss-route-support) .ss26-page-support input,
:is(body.ss-route-support) .ss26-page-support select,
:is(body.ss-route-support) .ss26-page-support textarea,
:is(body.ss-route-support) .ss26-page-support button{font-size:16px;max-width:100%;}
:is(body.ss-route-support) .ss26-page-support input,
:is(body.ss-route-support) .ss26-page-support select,
:is(body.ss-route-support) .ss26-page-support textarea{min-height:44px}
:is(body.ss-route-support) .ss26-page-support button,
:is(body.ss-route-support) .ss26-page-support .btn{min-height:44px}
:is(body.ss-route-support) .ss26-page-support main,
:is(body.ss-route-support) .ss26-page-support article,
:is(body.ss-route-support) .ss26-page-support section{min-width:0}
@media (max-width:600px){:is(body.ss-route-support) .ss26-page-support img,
:is(body.ss-route-support) .ss26-page-support iframe{max-width:100%}}


/* ========= assets/css/server-alternative-mockup-2027.css ========= */
/* Styles of server.php; kept separate from HTML and scoped to this existing page. */
:is(body.ss-route-server){
  --v26:#9b4dff;--v26b:#6d28d9;--v26blue:#38bdf8;--v26green:#22c55e;
  --v26gold:#fbbf24;--v26pink:#ec4899;--v26line:rgba(154,84,255,.26);
}
:is(body.ss-route-server) .ss26-content-wrap{max-width:1480px!important}
:is(body.ss-route-server) .ss26-page-masthead{display:none!important}
:is(body.ss-route-server) .v26-wrap{margin:10px auto 54px}
:is(body.ss-route-server) .v26-breadcrumb{font-size:14px;color:#77809b;margin:9px 2px 11px}
:is(body.ss-route-server) .v26-breadcrumb a{color:#aab2c6}:is(body.ss-route-server) .v26-breadcrumb b{color:#fff}
:is(body.ss-route-server) .v26-hero{position:relative;overflow:hidden;border:1px solid var(--v26line);border-radius:15px;min-height:225px;background:
linear-gradient(90deg,rgba(3,8,20,.97) 0%,rgba(4,9,22,.87) 44%,rgba(16,5,35,.60) 100%),
radial-gradient(circle at 78% 22%,rgba(139,92,246,.32),transparent 30%),
linear-gradient(135deg,#11172b,#090c16)}
:is(body.ss-route-server) .v26-hero:after{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,transparent 0 58%,rgba(168,85,247,.07)),
repeating-linear-gradient(90deg,transparent 0 59px,rgba(255,255,255,.012) 60px)}
:is(body.ss-route-server) .v26-hero-inner{position:relative;z-index:2;padding:22px 24px;display:grid;grid-template-columns:128px minmax(0,1fr) auto;gap:20px;align-items:center}
:is(body.ss-route-server) .v26-game-poster{height:150px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:
linear-gradient(160deg,rgba(168,85,247,.22),rgba(11,15,29,.95)),
radial-gradient(circle at 50% 20%,rgba(56,189,248,.22),transparent 38%);
display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.35)}
:is(body.ss-route-server) .v26-game-poster .ico{font-size:46px}:is(body.ss-route-server) .v26-game-poster b{font-size:14px;margin-top:8px}
:is(body.ss-route-server) .v26-badges{display:flex;gap:7px;flex-wrap:wrap}
:is(body.ss-route-server) .v26-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;border:1px solid rgba(255,255,255,.10);background:rgba(11,18,35,.72);font-size:14px;font-weight:900;letter-spacing:.04em}
:is(body.ss-route-server) .v26-badge.on{color:#7df9a8;border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.09)}
:is(body.ss-route-server) .v26-badge.hot{color:#f0abfc;border-color:rgba(236,72,153,.30);background:rgba(236,72,153,.10)}
:is(body.ss-route-server) .v26-title{font-size:37px;line-height:1.03;margin:10px 0 7px;font-weight:950;letter-spacing:-.035em}
:is(body.ss-route-server) .v26-sub{color:#b4bdd1;font-size:14px}
:is(body.ss-route-server) .v26-quick{display:flex;gap:22px;flex-wrap:wrap;margin-top:17px}
:is(body.ss-route-server) .v26-q{min-width:112px}:is(body.ss-route-server) .v26-q b{display:block;font-size:16px}:is(body.ss-route-server) .v26-q span{display:block;color:#78829a;font-size:14px;margin-top:2px}
:is(body.ss-route-server) .v26-joinbox{min-width:260px;display:flex;flex-direction:column;gap:9px}
:is(body.ss-route-server) .v26-join{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;background:linear-gradient(135deg,#6d28d9,#9b4dff,#7c3aed);color:#fff!important;font-weight:950;box-shadow:0 0 28px rgba(139,92,246,.32)}
:is(body.ss-route-server) .v26-fav{display:flex;gap:8px}:is(body.ss-route-server) .v26-fav button{flex:1;min-height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.10);background:rgba(5,10,23,.72);color:#d9def0;font-weight:800;font-size:14px;cursor:pointer}
:is(body.ss-route-server) .v26-tabs{display:flex;gap:2px;overflow:auto;margin-top:10px;border:1px solid var(--v26line);border-radius:11px;background:rgba(6,10,21,.92);padding:0 8px}
:is(body.ss-route-server) .v26-tabs a{padding:13px 14px;color:#9aa4ba;font-size:14px;font-weight:850;white-space:nowrap;border-bottom:2px solid transparent}:is(body.ss-route-server) .v26-tabs a:first-child{color:#fff;border-color:#a855f7}
:is(body.ss-route-server) .v26-grid{display:grid;grid-template-columns:minmax(0,1.75fr) 340px;gap:12px;margin-top:12px}
:is(body.ss-route-server) .v26-left{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
:is(body.ss-route-server) .v26-card{border:1px solid rgba(110,128,170,.20);border-radius:12px;background:linear-gradient(180deg,rgba(11,18,34,.96),rgba(7,12,24,.97));overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.13)}
:is(body.ss-route-server) .v26-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.055);font-size:14px;font-weight:950;letter-spacing:.035em}
:is(body.ss-route-server) .v26-body{padding:13px}:is(body.ss-route-server) .v26-wide{grid-column:1/-1}
:is(body.ss-route-server) .v26-live-title{font-size:14px;color:#63f19a;font-weight:950}:is(body.ss-route-server) .v26-muted{color:#78829a;font-size:14px}
:is(body.ss-route-server) .v26-spark{height:78px;margin:7px 0 10px;display:flex;align-items:flex-end;gap:2px;padding-top:10px;background:linear-gradient(180deg,rgba(34,197,94,.015),rgba(168,85,247,.025))}
:is(body.ss-route-server) .v26-spark span{flex:1;min-width:3px;border-radius:3px 3px 0 0;background:linear-gradient(#22c55e,#8b5cf6)}
:is(body.ss-route-server) .v26-mini3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}:is(body.ss-route-server) .v26-mini{padding:9px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(255,255,255,.018);text-align:center}:is(body.ss-route-server) .v26-mini b{display:block;font-size:14px}:is(body.ss-route-server) .v26-mini small{font-size:14px;color:#7d879f}
:is(body.ss-route-server) .v26-mapbox{height:145px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:
linear-gradient(180deg,rgba(4,10,24,.20),rgba(4,10,24,.80)),
radial-gradient(circle at 30% 45%,rgba(168,85,247,.30),transparent 17%),
radial-gradient(circle at 67% 55%,rgba(56,189,248,.23),transparent 18%),
linear-gradient(135deg,#20273b,#101728);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:12px}
:is(body.ss-route-server) .v26-mapbox:before{content:"";position:absolute;inset:0;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:22px 22px}
:is(body.ss-route-server) .v26-mapname{position:relative;z-index:2;font-size:24px;font-weight:950;text-shadow:0 2px 12px #000}
:is(body.ss-route-server) .v26-details{width:100%;border-collapse:collapse}:is(body.ss-route-server) .v26-details td{padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.055);font-size:14px}:is(body.ss-route-server) .v26-details td:first-child{color:#7d879e;width:42%}:is(body.ss-route-server) .v26-details td:last-child{font-weight:800;color:#dce2ef}
:is(body.ss-route-server) .v26-feats{display:grid;grid-template-columns:1fr 1fr;gap:7px}:is(body.ss-route-server) .v26-feat{padding:9px;border:1px solid rgba(34,197,94,.12);border-radius:8px;background:rgba(34,197,94,.035);font-size:14px}:is(body.ss-route-server) .v26-feat b{display:block;color:#dfe6f3}:is(body.ss-route-server) .v26-feat span{color:#74809a;font-size:14px}
:is(body.ss-route-server) .v26-activity{display:flex;flex-direction:column}:is(body.ss-route-server) .v26-act{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;color:#aab4ca}:is(body.ss-route-server) .v26-act:last-child{border:0}
:is(body.ss-route-server) .v26-side .v26-card{margin-bottom:12px}
:is(body.ss-route-server) .v26-vote{background:linear-gradient(145deg,rgba(92,32,170,.34),rgba(10,15,30,.96));border-color:rgba(168,85,247,.33)}:is(body.ss-route-server) .v26-vote .v26-body{text-align:center}:is(body.ss-route-server) .v26-vote .rocket{font-size:32px}:is(body.ss-route-server) .v26-vote button{width:100%;border:0;border-radius:8px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:11px;font-weight:950;cursor:pointer}
:is(body.ss-route-server) .v26-owner{display:flex;gap:10px;align-items:center}:is(body.ss-route-server) .v26-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff;background:#10182c;font-size:24px;overflow:hidden}:is(body.ss-route-server) .v26-avatar img{width:100%;height:100%;object-fit:cover}
:is(body.ss-route-server) .v26-share{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}:is(body.ss-route-server) .v26-share button,
:is(body.ss-route-server) .v26-share a{min-height:37px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#0a1121;color:#fff;display:grid;place-items:center;cursor:pointer}
:is(body.ss-route-server) .v26-sim{display:flex;flex-direction:column}:is(body.ss-route-server) .v26-sim a{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#d8deeb}:is(body.ss-route-server) .v26-sim a:last-child{border:0}:is(body.ss-route-server) .v26-sim small{display:block;color:#7e899f}
:is(body.ss-route-server) .v26-players{width:100%;border-collapse:collapse}:is(body.ss-route-server) .v26-players th,
:is(body.ss-route-server) .v26-players td{font-size:14px;padding:8px;border-bottom:1px solid rgba(255,255,255,.045);text-align:left}:is(body.ss-route-server) .v26-players th{color:#717d96}:is(body.ss-route-server) .v26-empty{padding:17px;color:#758099;font-size:14px;text-align:center}
@media (max-width:1050px){:is(body.ss-route-server) .v26-grid{grid-template-columns:1fr}:is(body.ss-route-server) .v26-hero-inner{grid-template-columns:105px 1fr}:is(body.ss-route-server) .v26-joinbox{grid-column:1/-1;min-width:0;flex-direction:row}:is(body.ss-route-server) .v26-joinbox>*{flex:1}}
@media (max-width:720px){:is(body.ss-route-server) .v26-hero-inner{grid-template-columns:1fr;padding:16px}:is(body.ss-route-server) .v26-game-poster{display:none}:is(body.ss-route-server) .v26-title{font-size:27px}:is(body.ss-route-server) .v26-left{grid-template-columns:1fr}:is(body.ss-route-server) .v26-wide{grid-column:auto}:is(body.ss-route-server) .v26-quick{gap:12px}:is(body.ss-route-server) .v26-q{min-width:90px}:is(body.ss-route-server) .v26-joinbox{flex-direction:column}}

/* Page-level readability and responsive form controls. */
:is(body.ss-route-server) .ss26-page-server input,
:is(body.ss-route-server) .ss26-page-server select,
:is(body.ss-route-server) .ss26-page-server textarea,
:is(body.ss-route-server) .ss26-page-server button{font-size:16px;max-width:100%;}
:is(body.ss-route-server) .ss26-page-server input,
:is(body.ss-route-server) .ss26-page-server select,
:is(body.ss-route-server) .ss26-page-server textarea{min-height:44px}
:is(body.ss-route-server) .ss26-page-server button,
:is(body.ss-route-server) .ss26-page-server .btn{min-height:44px}
:is(body.ss-route-server) .ss26-page-server main,
:is(body.ss-route-server) .ss26-page-server article,
:is(body.ss-route-server) .ss26-page-server section{min-width:0}
@media (max-width:600px){:is(body.ss-route-server) .ss26-page-server img,
:is(body.ss-route-server) .ss26-page-server iframe{max-width:100%}}


/* ========= assets/css/server-claim.css ========= */
:is(body.ss-route-claim-server) .ss26-claim{max-width:1120px;margin:0 auto 48px}
:is(body.ss-route-claim-server) .ss26-claim-hero{position:relative;overflow:hidden;border:1px solid #27324a;border-radius:18px;padding:26px;background:radial-gradient(circle at 90% 10%,rgba(124,58,237,.24),transparent 34%),linear-gradient(135deg,#0b1020,#080b13 68%);box-shadow:0 24px 60px rgba(0,0,0,.25)}
:is(body.ss-route-claim-server) .ss26-claim-kicker{font-size:14px;font-weight:950;letter-spacing:.15em;color:#9b7cff}:is(body.ss-route-claim-server) .ss26-claim-hero h2{font-size:27px;margin:7px 0 8px}:is(body.ss-route-claim-server) .ss26-claim-hero p{max-width:760px;color:#8f9bb0;font-size:14px;line-height:1.75;margin:0}
:is(body.ss-route-claim-server) .ss26-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}:is(body.ss-route-claim-server) .ss26-step,
:is(body.ss-route-claim-server) .ss26-owner-card,
:is(body.ss-route-claim-server) .ss26-search-card,
:is(body.ss-route-claim-server) .ss26-claim-row{border:1px solid #202a3c;background:#0a0e17;border-radius:14px}:is(body.ss-route-claim-server) .ss26-step{padding:16px}:is(body.ss-route-claim-server) .ss26-step-num{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(124,58,237,.14);border:1px solid rgba(139,92,246,.28);color:#a98bff;font-size:14px;font-weight:950}:is(body.ss-route-claim-server) .ss26-step b{display:block;margin-top:10px;font-size:14px}:is(body.ss-route-claim-server) .ss26-step p{font-size:14px;color:#76849b;line-height:1.6;margin:5px 0 0}
:is(body.ss-route-claim-server) .ss26-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 10px}:is(body.ss-route-claim-server) .ss26-section-title h3{margin:0;font-size:15px}:is(body.ss-route-claim-server) .ss26-owner-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;margin-top:8px}:is(body.ss-route-claim-server) .ss26-owner-main{min-width:0}:is(body.ss-route-claim-server) .ss26-owner-name{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(body.ss-route-claim-server) .ss26-owner-meta{font-size:14px;color:#718099;margin-top:4px}:is(body.ss-route-claim-server) .ss26-owner-actions{display:flex;gap:7px;flex-wrap:wrap}:is(body.ss-route-claim-server) .ss26-owner-badge{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:3px 7px;border-radius:999px;border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.07);color:#22c55e;font-size:14px;font-weight:950}:is(body.ss-route-claim-server) .ss26-search-card{padding:16px}:is(body.ss-route-claim-server) .ss26-search{width:100%;height:44px;border-radius:9px;border:1px solid #27324a;background:#070a11;color:#fff;padding:0 13px;outline:0}:is(body.ss-route-claim-server) .ss26-search:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.10)}:is(body.ss-route-claim-server) .ss26-search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #151d2b}:is(body.ss-route-claim-server) .ss26-search-result:first-child{margin-top:10px}:is(body.ss-route-claim-server) .ss26-search-result b{font-size:14px}:is(body.ss-route-claim-server) .ss26-search-result small{display:block;color:#738198;margin-top:4px}:is(body.ss-route-claim-server) .ss26-claim-row{padding:14px;margin-top:8px}:is(body.ss-route-claim-server) .ss26-code{margin-top:8px;padding:9px 11px;border-radius:8px;background:#050810;border:1px solid #222c40;color:#c4b5fd;font-family:monospace;font-weight:900;letter-spacing:.06em}:is(body.ss-route-claim-server) .ss26-mini-state{font-size:14px;font-weight:950;padding:4px 7px;border-radius:999px;border:1px solid #2a3550;color:#9aa6ba}:is(body.ss-route-claim-server) .ss26-mini-state.ok{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.06);color:#22c55e}

:is(body.ss-route-claim-server) .ss26-claim-hero p,
:is(body.ss-route-claim-server) .ss26-step p,
:is(body.ss-route-claim-server) .ss26-owner-name,
:is(body.ss-route-claim-server) .ss26-search-result b,
:is(body.ss-route-claim-server) .ss26-search-result small,
:is(body.ss-route-claim-server) .ss26-owner-meta,
:is(body.ss-route-claim-server) .ss26-claim-row,
:is(body.ss-route-claim-server) .ss26-code{font-size:16px;line-height:1.55}
:is(body.ss-route-claim-server) .ss26-step b,
:is(body.ss-route-claim-server) .ss26-section-title h3{font-size:20px;line-height:1.35}
:is(body.ss-route-claim-server) .ss26-owner-actions .btn,
:is(body.ss-route-claim-server) .ss26-claim .btn,
:is(body.ss-route-claim-server) .ss26-search{min-height:44px;font-size:16px}
:is(body.ss-route-claim-server) .ss26-claim :is(button,a,input):focus-visible{outline:3px solid #bbaaff;outline-offset:2px}
@media (max-width:780px){:is(body.ss-route-claim-server) .ss26-steps{grid-template-columns:1fr}:is(body.ss-route-claim-server) .ss26-owner-card,
:is(body.ss-route-claim-server) .ss26-search-result{align-items:flex-start;flex-direction:column}:is(body.ss-route-claim-server) .ss26-owner-actions{width:100%}:is(body.ss-route-claim-server) .ss26-owner-actions .btn{flex:1;text-align:center}}

:is(body.ss-route-claim-server) .ss26-verify-panel{margin:16px 0;border:1px solid #27324a;background:#0a0e17;border-radius:14px;padding:20px}
:is(body.ss-route-claim-server) .ss26-verify-panel h3{font-size:20px;margin:0 0 8px}
:is(body.ss-route-claim-server) .ss26-verify-panel p{color:#a6b3c8;font-size:16px;line-height:1.6}
:is(body.ss-route-claim-server) .ss26-verify-panel .btn{min-height:44px;font-size:16px}
:is(body.ss-route-claim-server) .ss26-verify-panel .ss26-code{display:inline-block;font-size:20px;user-select:all}
:is(body.ss-route-claim-server) .ss26-verify-panel form{margin-top:14px}

:is(body.ss-route-claim-server) .ss26-claim{ width:min(100% - 32px, 1640px); max-width:none; margin:28px auto 64px; color:#eef4ff; font-size:16px; line-height:1.6; }
:is(body.ss-route-claim-server) .ss26-claim-hero,
:is(body.ss-route-claim-server) .ss26-verify-panel,
:is(body.ss-route-claim-server) .ss26-step,
:is(body.ss-route-claim-server) .ss26-owner-card,
:is(body.ss-route-claim-server) .ss26-search-card,
:is(body.ss-route-claim-server) .ss26-claim-row{ border-color:rgba(126,148,205,.23); box-shadow:0 14px 36px rgba(0,0,0,.15); }
:is(body.ss-route-claim-server) .ss26-claim-hero{ padding:clamp(22px,3.5vw,50px); background:radial-gradient(circle at 88% 8%,rgba(137,56,247,.26),transparent 38%),radial-gradient(circle at 12% 110%,rgba(34,94,238,.15),transparent 40%),linear-gradient(135deg,#101b34,#090e20); }
:is(body.ss-route-claim-server) .ss26-claim-hero h2{ font-size:clamp(28px,3vw,44px); line-height:1.17; }
:is(body.ss-route-claim-server) .ss26-claim-hero p,
:is(body.ss-route-claim-server) .ss26-step p,
:is(body.ss-route-claim-server) .ss26-owner-meta,
:is(body.ss-route-claim-server) .ss26-claim-row,
:is(body.ss-route-claim-server) .ss26-search-result small{ color:#adbed9; font-size:16px; }
:is(body.ss-route-claim-server) .ss26-claim-kicker,
:is(body.ss-route-claim-server) .ss26-owner-badge,
:is(body.ss-route-claim-server) .ss26-mini-state{ font-size:14px; }
:is(body.ss-route-claim-server) .ss26-steps{ gap:16px; }
:is(body.ss-route-claim-server) .ss26-step{ padding:22px; background:linear-gradient(145deg,#111c34,#0a1224); }
:is(body.ss-route-claim-server) .ss26-step-num{ width:38px; height:38px; font-size:16px; }
:is(body.ss-route-claim-server) .ss26-step b{ font-size:18px; }
:is(body.ss-route-claim-server) .ss26-owner-name{ font-size:18px; white-space:normal; overflow-wrap:anywhere; }
:is(body.ss-route-claim-server) .ss26-section-title h3{ font-size:clamp(20px,2vw,26px); }
:is(body.ss-route-claim-server) .ss26-owner-card,
:is(body.ss-route-claim-server) .ss26-claim-row{ padding:20px; }
:is(body.ss-route-claim-server) .ss26-search,
:is(body.ss-route-claim-server) .ss26-claim input,
:is(body.ss-route-claim-server) .ss26-claim select{ min-height:50px; font-size:16px; }
:is(body.ss-route-claim-server) .ss26-claim .btn{ min-height:48px; font-size:16px; border-radius:11px; }
:is(body.ss-route-claim-server) .ss26-code{ overflow-wrap:anywhere; font-size:18px; }
:is(body.ss-route-claim-server) .ss26-claim .small,
:is(body.ss-route-claim-server) .ss26-claim small{ font-size:14px; }
@media (max-width:700px){ :is(body.ss-route-claim-server) .ss26-claim{ width:calc(100% - 24px); margin-top:18px; } :is(body.ss-route-claim-server) .ss26-owner-actions .btn,
:is(body.ss-route-claim-server) .ss26-verify-panel form .btn{ width:100%; } :is(body.ss-route-claim-server) .ss26-search-result{ align-items:stretch; } }


/* ========= assets/css/server-edit.css ========= */
:is(body.ss-route-edit-server) .ss27-edit{max-width:1020px;margin:18px auto 50px;color:#eff5ff}
:is(body.ss-route-edit-server) .ss27-edit *{box-sizing:border-box}
:is(body.ss-route-edit-server) .ss27-edit-hero,
:is(body.ss-route-edit-server) .ss27-edit-card{border:1px solid #33486f;border-radius:18px;background:linear-gradient(145deg,#0e1930,#091120);padding:clamp(18px,3vw,30px)}
:is(body.ss-route-edit-server) .ss27-edit-hero{background:radial-gradient(circle at 90% 20%,rgba(119,51,241,.20),transparent 39%),linear-gradient(145deg,#0d1830,#080e1c);margin-bottom:14px}
:is(body.ss-route-edit-server) .ss27-edit-kicker{font-size:14px;color:#b993ff;font-weight:850;letter-spacing:.08em}
:is(body.ss-route-edit-server) .ss27-edit h1{font-size:clamp(25px,3vw,38px);line-height:1.15;margin:7px 0 10px}
:is(body.ss-route-edit-server) .ss27-edit h2{font-size:20px;margin:0 0 15px}
:is(body.ss-route-edit-server) .ss27-edit p{font-size:15px;color:#b4c2d9;line-height:1.65}
:is(body.ss-route-edit-server) .ss27-edit-meta{color:#9cacc7;font-size:14px;overflow-wrap:anywhere}
:is(body.ss-route-edit-server) .ss27-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
:is(body.ss-route-edit-server) .ss27-edit-field{display:grid;gap:7px;margin-bottom:17px;min-width:0}
:is(body.ss-route-edit-server) .ss27-edit-field label{font-size:15px;color:#e1e9f8;font-weight:750}
:is(body.ss-route-edit-server) .ss27-edit-field input,
:is(body.ss-route-edit-server) .ss27-edit-field textarea{width:100%;min-height:48px;border:1px solid #3a5078;border-radius:10px;background:#070f1e;color:#f3f7ff;font-size:16px!important;line-height:1.5;padding:11px 13px}
:is(body.ss-route-edit-server) .ss27-edit-field textarea{resize:vertical;min-height:165px}
:is(body.ss-route-edit-server) .ss27-edit-hint{font-size:14px;color:#9faeca}
:is(body.ss-route-edit-server) .ss27-edit-msg{padding:14px 16px;border:1px solid #35664f;background:#0a211b;border-radius:10px;margin-bottom:16px;color:#9dffcb;font-size:15px}
:is(body.ss-route-edit-server) .ss27-edit-msg.bad{border-color:#854056;background:#2b131d;color:#ffb5c7}
:is(body.ss-route-edit-server) .ss27-edit-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}
:is(body.ss-route-edit-server) .ss27-edit-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:11px 19px;border-radius:10px;background:#141f37;border:1px solid #49618d;color:#fff;text-decoration:none;font-size:15px;font-weight:800;cursor:pointer}
:is(body.ss-route-edit-server) .ss27-edit-btn.primary{background:linear-gradient(100deg,#215be9,#862bf0);border-color:#8e6dff}
@media (max-width:700px){:is(body.ss-route-edit-server) .ss27-edit-grid{grid-template-columns:1fr}:is(body.ss-route-edit-server) .ss27-edit-btn{width:100%}}

:is(body.ss-route-edit-server) .ss27-edit{ width:min(100% - 32px, 1540px); max-width:none; margin:28px auto 70px; font-size:16px; line-height:1.6; }
:is(body.ss-route-edit-server) .ss27-edit-hero,
:is(body.ss-route-edit-server) .ss27-edit-card{ border-color:rgba(125,147,202,.28); padding:clamp(22px,3vw,42px); box-shadow:0 16px 40px rgba(0,0,0,.18); }
:is(body.ss-route-edit-server) .ss27-edit-hero{ background:radial-gradient(circle at 90% 10%,rgba(143,51,241,.28),transparent 43%),radial-gradient(circle at 12% 95%,rgba(32,104,242,.16),transparent 38%),linear-gradient(145deg,#121f3b,#080f1f); }
:is(body.ss-route-edit-server) .ss27-edit h1{ font-size:clamp(28px,3vw,44px); }
:is(body.ss-route-edit-server) .ss27-edit h2{ font-size:clamp(21px,2vw,27px); }
:is(body.ss-route-edit-server) .ss27-edit p,
:is(body.ss-route-edit-server) .ss27-edit-field label,
:is(body.ss-route-edit-server) .ss27-edit-msg,
:is(body.ss-route-edit-server) .ss27-edit-meta{ font-size:16px; }
:is(body.ss-route-edit-server) .ss27-edit-meta,
:is(body.ss-route-edit-server) .ss27-edit-hint{ color:#b2c2db; }
:is(body.ss-route-edit-server) .ss27-edit-kicker,
:is(body.ss-route-edit-server) .ss27-edit-hint{ font-size:14px; }
:is(body.ss-route-edit-server) .ss27-edit-grid{ gap:18px; }
:is(body.ss-route-edit-server) .ss27-edit-field{ gap:9px; margin-bottom:20px; }
:is(body.ss-route-edit-server) .ss27-edit-field input,
:is(body.ss-route-edit-server) .ss27-edit-field textarea{ min-height:52px; background:#080f20; border-color:#415b8d; border-radius:12px; }
:is(body.ss-route-edit-server) .ss27-edit-field textarea{ min-height:185px; }
:is(body.ss-route-edit-server) .ss27-edit-btn{ min-height:50px; padding:12px 20px; font-size:16px; border-radius:12px; }
:is(body.ss-route-edit-server) .ss27-edit-field :is(input,textarea):focus-visible,
:is(body.ss-route-edit-server) .ss27-edit-btn:focus-visible{ outline:3px solid #b79bff; outline-offset:2px; }
@media (max-width:700px){ :is(body.ss-route-edit-server) .ss27-edit{ width:calc(100% - 24px); margin-top:18px; } :is(body.ss-route-edit-server) .ss27-edit-grid{ grid-template-columns:minmax(0,1fr); } :is(body.ss-route-edit-server) .ss27-edit-actions .ss27-edit-btn{ width:100%; } }


/* ========= assets/css/server-ip.css ========= */
:is(body.ss-route-change-server-ip) .sip-wrap{
    max-width:1100px;
    margin:20px auto 40px;
}

:is(body.ss-route-change-server-ip) .sip-hero{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(168,85,247,.25);
    border-radius:22px;
    padding:30px;
    background:
        radial-gradient(circle at 85% 15%,rgba(168,85,247,.18),transparent 35%),
        radial-gradient(circle at 10% 90%,rgba(59,130,246,.12),transparent 35%),
        linear-gradient(145deg,#101018,#09090E);
    box-shadow:0 25px 70px rgba(0,0,0,.25);
}

:is(body.ss-route-change-server-ip) .sip-hero:after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-100px;
    top:-120px;
    border-radius:50%;
    background:rgba(168,85,247,.12);
    filter:blur(50px);
    pointer-events:none;
}

:is(body.ss-route-change-server-ip) .sip-kicker{
    color:#A855F7;
    font-size:14px;
    font-weight:900;
    letter-spacing:.14em;
}

:is(body.ss-route-change-server-ip) .sip-title{
    font-size:34px;
    line-height:1.1;
    font-weight:900;
    margin:7px 0;
}

:is(body.ss-route-change-server-ip) .sip-sub{
    color:#9696A8;
    max-width:720px;
    line-height:1.6;
}

:is(body.ss-route-change-server-ip) .sip-free{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:16px;
    padding:8px 13px;
    border-radius:999px;
    background:rgba(34,197,94,.11);
    border:1px solid rgba(34,197,94,.25);
    color:#22C55E;
    font-size:14px;
    font-weight:900;
}

:is(body.ss-route-change-server-ip) .sip-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:16px;
    margin-top:16px;
}

:is(body.ss-route-change-server-ip) .sip-card{
    background:linear-gradient(145deg,#101018,#0B0B11);
    border:1px solid rgba(255,255,255,.07);
    border-radius:18px;
    padding:22px;
}

:is(body.ss-route-change-server-ip) .sip-card-title{
    font-size:15px;
    font-weight:900;
    margin-bottom:4px;
}

:is(body.ss-route-change-server-ip) .sip-card-sub{
    color:#777789;
    font-size:14px;
    line-height:1.5;
    margin-bottom:18px;
}

:is(body.ss-route-change-server-ip) .sip-field{
    margin-bottom:14px;
}

:is(body.ss-route-change-server-ip) .sip-field label{
    display:block;
    color:#9696A8;
    font-size:14px;
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:6px;
}

:is(body.ss-route-change-server-ip) .sip-input,
:is(body.ss-route-change-server-ip) .sip-select,
:is(body.ss-route-change-server-ip) .sip-textarea{
    width:100%;
    box-sizing:border-box;
    background:#08080D;
    border:1px solid rgba(255,255,255,.09);
    color:#F2F2F7;
    border-radius:10px;
    padding:11px 12px;
    outline:none;
    transition:.2s;
}

:is(body.ss-route-change-server-ip) .sip-input:focus,
:is(body.ss-route-change-server-ip) .sip-select:focus,
:is(body.ss-route-change-server-ip) .sip-textarea:focus{
    border-color:rgba(168,85,247,.65);
    box-shadow:0 0 0 3px rgba(168,85,247,.09);
}

:is(body.ss-route-change-server-ip) .sip-textarea{
    min-height:95px;
    resize:vertical;
}

:is(body.ss-route-change-server-ip) .sip-row{
    display:grid;
    grid-template-columns:1fr 130px;
    gap:10px;
}

:is(body.ss-route-change-server-ip) .sip-current{
    display:grid;
    grid-template-columns:1fr 130px;
    gap:10px;
    margin-bottom:18px;
}

:is(body.ss-route-change-server-ip) .sip-current-box{
    padding:13px;
    border-radius:11px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
}

:is(body.ss-route-change-server-ip) .sip-current-label{
    font-size:14px;
    color:#777789;
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:4px;
}

:is(body.ss-route-change-server-ip) .sip-current-value{
    font-family:monospace;
    font-size:14px;
    color:#F2F2F7;
    overflow:hidden;
    text-overflow:ellipsis;
}

:is(body.ss-route-change-server-ip) .sip-price{
    padding:17px;
    border-radius:15px;
    background:
        linear-gradient(145deg,rgba(34,197,94,.09),rgba(34,197,94,.025));
    border:1px solid rgba(34,197,94,.18);
    margin-bottom:14px;
}

:is(body.ss-route-change-server-ip) .sip-price-label{
    font-size:14px;
    color:#777789;
    font-weight:900;
    letter-spacing:.1em;
}

:is(body.ss-route-change-server-ip) .sip-price-main{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:4px;
}

:is(body.ss-route-change-server-ip) .sip-price-main strong{
    font-size:28px;
    color:#22C55E;
}

:is(body.ss-route-change-server-ip) .sip-price-main span{
    font-size:14px;
    color:#7F7F8F;
}

:is(body.ss-route-change-server-ip) .sip-benefit{
    display:flex;
    gap:8px;
    padding:7px 0;
    color:#B5B5C3;
    font-size:14px;
}

:is(body.ss-route-change-server-ip) .sip-submit{
    width:100%;
    border:0;
    border-radius:11px;
    padding:13px 16px;
    background:linear-gradient(135deg,#7C3AED,#A855F7);
    color:#fff;
    font-weight:900;
    letter-spacing:.04em;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(168,85,247,.2);
}

:is(body.ss-route-change-server-ip) .sip-submit:hover{
    filter:brightness(1.08);
    transform:translateY(-1px);
}

:is(body.ss-route-change-server-ip) .sip-alert{
    padding:13px 15px;
    border-radius:12px;
    margin-bottom:14px;
    font-size:14px;
    line-height:1.5;
}

:is(body.ss-route-change-server-ip) .sip-alert.ok{
    color:#22C55E;
    background:rgba(34,197,94,.09);
    border:1px solid rgba(34,197,94,.2);
}

:is(body.ss-route-change-server-ip) .sip-alert.error{
    color:#FCA5A5;
    background:rgba(239,68,68,.08);
    border:1px solid rgba(239,68,68,.2);
}

:is(body.ss-route-change-server-ip) .sip-history{
    margin-top:16px;
}

:is(body.ss-route-change-server-ip) .sip-history-row{
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr 110px;
    gap:12px;
    align-items:center;
    padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
}

:is(body.ss-route-change-server-ip) .sip-history-row:last-child{
    border-bottom:0;
}

:is(body.ss-route-change-server-ip) .sip-small{
    font-size:14px;
    color:#777789;
}

:is(body.ss-route-change-server-ip) .sip-mono{
    font-family:monospace;
    font-size:14px;
}

:is(body.ss-route-change-server-ip) .sip-status{
    display:inline-flex;
    width:max-content;
    align-items:center;
    gap:4px;
    padding:5px 8px;
    border:1px solid;
    border-radius:999px;
    font-size:14px;
    font-weight:900;
}

:is(body.ss-route-change-server-ip) .sip-empty{
    padding:25px;
    text-align:center;
    color:#777789;
}

@media (max-width:850px){
    :is(body.ss-route-change-server-ip) .sip-grid{
        grid-template-columns:1fr;
    }

    :is(body.ss-route-change-server-ip) .sip-history-row{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:560px){
    :is(body.ss-route-change-server-ip) .sip-hero{
        padding:22px;
        border-radius:16px;
    }

    :is(body.ss-route-change-server-ip) .sip-title{
        font-size:27px;
    }

    :is(body.ss-route-change-server-ip) .sip-card{
        padding:16px;
    }

    :is(body.ss-route-change-server-ip) .sip-current,
:is(body.ss-route-change-server-ip) .sip-row{
        grid-template-columns:1fr;
    }

    :is(body.ss-route-change-server-ip) .sip-history-row{
        grid-template-columns:1fr;
    }
}

:is(body.ss-route-change-server-ip) .sip-wrap{ width:min(100% - 32px, 1540px); max-width:none; margin:28px auto 70px; font-size:16px; line-height:1.6; color:#edf2ff; }
:is(body.ss-route-change-server-ip) .sip-hero,
:is(body.ss-route-change-server-ip) .sip-card{ border-color:rgba(137,158,218,.25); box-shadow:0 16px 40px rgba(0,0,0,.18); }
:is(body.ss-route-change-server-ip) .sip-hero{ padding:clamp(22px,3.5vw,44px); background:radial-gradient(circle at 83% 13%,rgba(152,63,245,.25),transparent 39%),radial-gradient(circle at 10% 90%,rgba(38,104,240,.16),transparent 40%),linear-gradient(145deg,#131d37,#090e20); }
:is(body.ss-route-change-server-ip) .sip-title{ font-size:clamp(27px,3vw,42px); line-height:1.2; }
:is(body.ss-route-change-server-ip) .sip-sub,
:is(body.ss-route-change-server-ip) .sip-card-sub,
:is(body.ss-route-change-server-ip) .sip-benefit,
:is(body.ss-route-change-server-ip) .sip-current-value,
:is(body.ss-route-change-server-ip) .sip-mono,
:is(body.ss-route-change-server-ip) .sip-small,
:is(body.ss-route-change-server-ip) .sip-price-main span{ font-size:16px; color:#b3c2d9; }
:is(body.ss-route-change-server-ip) .sip-kicker,
:is(body.ss-route-change-server-ip) .sip-current-label,
:is(body.ss-route-change-server-ip) .sip-price-label{ font-size:14px; }
:is(body.ss-route-change-server-ip) .sip-field label,
:is(body.ss-route-change-server-ip) .sip-field :is(input,select,textarea),
:is(body.ss-route-change-server-ip) .sip-submit{ font-size:16px; }
:is(body.ss-route-change-server-ip) .sip-field :is(input,select,textarea),
:is(body.ss-route-change-server-ip) .sip-input,
:is(body.ss-route-change-server-ip) .sip-select,
:is(body.ss-route-change-server-ip) .sip-textarea{ min-height:50px; border-radius:11px; }
:is(body.ss-route-change-server-ip) .sip-submit{ min-height:50px; }
:is(body.ss-route-change-server-ip) .sip-history-row{ min-width:0; }
:is(body.ss-route-change-server-ip) .sip-mono,
:is(body.ss-route-change-server-ip) .sip-current-value{ overflow-wrap:anywhere; white-space:normal; }
:is(body.ss-route-change-server-ip) .sip-wrap :is(a,button,input,select,textarea):focus-visible{ outline:3px solid #b79bff; outline-offset:3px; }
@media (max-width:700px){ :is(body.ss-route-change-server-ip) .sip-wrap{ width:calc(100% - 24px); margin-top:18px; } :is(body.ss-route-change-server-ip) .sip-grid,
:is(body.ss-route-change-server-ip) .sip-current,
:is(body.ss-route-change-server-ip) .sip-row,
:is(body.ss-route-change-server-ip) .sip-history-row{ grid-template-columns:minmax(0,1fr); } :is(body.ss-route-change-server-ip) .sip-card{ padding:18px; } }


/* ========= assets/css/server-dashboard.css ========= */
:is(body.ss-route-server-dashboard) .ss26-dash{max-width:1180px;margin:0 auto 50px;font-size:16px;line-height:1.55}:is(body.ss-route-server-dashboard) .ss26-dlabel,
:is(body.ss-route-server-dashboard) .ss26-dmeta,
:is(body.ss-route-server-dashboard) .ss26-dsub,
:is(body.ss-route-server-dashboard) .ss26-dbadge,
:is(body.ss-route-server-dashboard) .ss27-growth-item{font-size:16px!important}:is(body.ss-route-server-dashboard) .ss26-dcard{min-width:0;overflow-wrap:anywhere}:is(body.ss-route-server-dashboard) .ss26-dactions .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center}:is(body.ss-route-server-dashboard) .ss26-dhero{border:1px solid #27324a;border-radius:18px;padding:22px;background:radial-gradient(circle at 88% 10%,rgba(124,58,237,.23),transparent 38%),linear-gradient(135deg,#0c1120,#080b13)}:is(body.ss-route-server-dashboard) .ss26-dhero h2{margin:5px 0 7px;font-size:24px}:is(body.ss-route-server-dashboard) .ss26-dk{font-size:14px;letter-spacing:.14em;font-weight:950;color:#9c7cff}:is(body.ss-route-server-dashboard) .ss26-dmeta{font-size:14px;color:#79879c}:is(body.ss-route-server-dashboard) .ss26-dbrow{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}:is(body.ss-route-server-dashboard) .ss26-dbadge{padding:4px 8px;border-radius:999px;border:1px solid #2a3550;font-size:14px;font-weight:950;color:#a8b3c5}:is(body.ss-route-server-dashboard) .ss26-dbadge.ok{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.06);color:#22c55e}:is(body.ss-route-server-dashboard) .ss26-dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}:is(body.ss-route-server-dashboard) .ss26-dcard{border:1px solid #202a3c;background:#0a0e17;border-radius:14px;padding:15px}:is(body.ss-route-server-dashboard) .ss26-dlabel{font-size:14px;letter-spacing:.1em;font-weight:950;color:#66758c}:is(body.ss-route-server-dashboard) .ss26-dvalue{font-size:22px;font-weight:950;margin-top:6px}:is(body.ss-route-server-dashboard) .ss26-dsub{font-size:14px;color:#6f7d92;margin-top:3px}:is(body.ss-route-server-dashboard) .ss26-dgraphs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}:is(body.ss-route-server-dashboard) .ss26-dchart{display:block;width:100%;height:150px;margin-top:12px}:is(body.ss-route-server-dashboard) .ss26-empty-chart{height:150px;display:grid;place-items:center;color:#6c7a90;font-size:14px}:is(body.ss-route-server-dashboard) .ss26-dactions{display:flex;gap:8px;flex-wrap:wrap}:is(body.ss-route-server-dashboard) .ss26-boostbox{margin-top:12px;border-color:rgba(251,191,36,.23);background:linear-gradient(135deg,rgba(251,191,36,.05),#0a0e17)}
:is(body.ss-route-server-dashboard) .ss27-growth{margin-top:12px}:is(body.ss-route-server-dashboard) .ss27-growth-score{font-size:17px;color:#b79bff}:is(body.ss-route-server-dashboard) .ss27-growth-progress{height:10px;border-radius:999px;background:#1c2941;overflow:hidden;margin:12px 0 16px}:is(body.ss-route-server-dashboard) .ss27-growth-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2275f6,#a132f6)}:is(body.ss-route-server-dashboard) .ss27-growth-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:is(body.ss-route-server-dashboard) .ss27-growth-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #304363;border-radius:10px;padding:12px;color:#dae5f8;font-size:15px;line-height:1.5}:is(body.ss-route-server-dashboard) .ss27-growth-mark{font-size:20px;color:#a5b4d1}:is(body.ss-route-server-dashboard) .ss27-growth-mark.ok{color:#40e6a7}:is(body.ss-route-server-dashboard) .ss27-growth-item a,
:is(body.ss-route-server-dashboard) .ss27-growth-done{margin-left:auto;color:#b49aff;font-size:14px;font-weight:800}:is(body.ss-route-server-dashboard) .ss27-growth-done{color:#5de7b1}@media (max-width:650px){:is(body.ss-route-server-dashboard) .ss27-growth-list{grid-template-columns:1fr}}
@media (max-width:900px){:is(body.ss-route-server-dashboard) .ss26-dgrid{grid-template-columns:1fr 1fr}:is(body.ss-route-server-dashboard) .ss26-dgraphs{grid-template-columns:1fr}}@media (max-width:560px){:is(body.ss-route-server-dashboard) .ss26-dgrid{grid-template-columns:1fr}:is(body.ss-route-server-dashboard) .ss26-dhero>.flex{align-items:flex-start;flex-direction:column}}

:is(body.ss-route-server-dashboard) .ss26-dash{ width:min(100% - 32px, 1640px); max-width:none; margin:25px auto 70px; font-size:16px; line-height:1.65; color:#eaf0ff; }
:is(body.ss-route-server-dashboard) .ss26-dhero{ padding:clamp(22px,3vw,44px); border-color:rgba(135,155,222,.27); background:radial-gradient(circle at 86% 10%,rgba(141,63,240,.25),transparent 38%),radial-gradient(circle at 9% 90%,rgba(36,103,242,.15),transparent 37%),linear-gradient(145deg,#121e38,#080e20); }
:is(body.ss-route-server-dashboard) .ss26-dhero h2{ font-size:clamp(26px,3vw,42px); line-height:1.2; overflow-wrap:anywhere; }
:is(body.ss-route-server-dashboard) .ss26-dgrid,
:is(body.ss-route-server-dashboard) .ss26-dgraphs{ gap:16px; margin-top:16px; }
:is(body.ss-route-server-dashboard) .ss26-dgrid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
:is(body.ss-route-server-dashboard) .ss26-dcard{ padding:clamp(18px,1.8vw,28px); border-color:rgba(119,144,199,.24); background:linear-gradient(145deg,#101a2e,#090f1f); }
:is(body.ss-route-server-dashboard) .ss26-dk,
:is(body.ss-route-server-dashboard) .ss26-dlabel,
:is(body.ss-route-server-dashboard) .ss26-dbadge,
:is(body.ss-route-server-dashboard) .ss26-dsub{ font-size:14px!important; }
:is(body.ss-route-server-dashboard) .ss26-dmeta,
:is(body.ss-route-server-dashboard) .ss27-growth-item,
:is(body.ss-route-server-dashboard) .ss26-empty-chart{ font-size:16px!important; color:#b6c6df; }
:is(body.ss-route-server-dashboard) .ss26-dvalue{ font-size:clamp(25px,2.6vw,38px); overflow-wrap:anywhere; }
:is(body.ss-route-server-dashboard) .ss26-dvalue-map{ font-size:clamp(20px,2vw,28px); }
:is(body.ss-route-server-dashboard) .ss26-dactions{ gap:10px; }
:is(body.ss-route-server-dashboard) .ss26-dactions .btn,
:is(body.ss-route-server-dashboard) .ss26-dash .btn{ min-height:48px; padding:11px 15px; font-size:16px; border-radius:11px; }
:is(body.ss-route-server-dashboard) .ss26-dchart{ height:175px; }
:is(body.ss-route-server-dashboard) .ss27-growth-list{ gap:14px; }
:is(body.ss-route-server-dashboard) .ss27-growth-item{ min-width:0; padding:16px; }
:is(body.ss-route-server-dashboard) .ss27-growth-item a,
:is(body.ss-route-server-dashboard) .ss27-growth-done{ font-size:14px; }
:is(body.ss-route-server-dashboard) .ss26-dash a:focus-visible{ outline:3px solid #b79bff; outline-offset:3px; }
@media (max-width:1020px){ :is(body.ss-route-server-dashboard) .ss26-dgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px){ :is(body.ss-route-server-dashboard) .ss26-dash{ width:calc(100% - 24px); margin-top:18px; } :is(body.ss-route-server-dashboard) .ss26-dgrid,
:is(body.ss-route-server-dashboard) .ss26-dgraphs,
:is(body.ss-route-server-dashboard) .ss27-growth-list{ grid-template-columns:minmax(0,1fr); } :is(body.ss-route-server-dashboard) .ss26-dhero>.flex{ flex-direction:column; align-items:stretch; } :is(body.ss-route-server-dashboard) .ss26-dactions .btn{ flex:1 1 100%; text-align:center; } }


/* ========= assets/css/server-banners.css ========= */
:is(body.ss-route-server-banners) .ss-banners-page{width:min(100% - 32px,1180px);margin:32px auto 78px;color:#e8efff;font-size:16px;line-height:1.6}
:is(body.ss-route-server-banners) .ss-banners-crumb{display:flex;flex-wrap:wrap;gap:9px;font-size:15px;color:#aebbd9;margin-bottom:20px}:is(body.ss-route-server-banners) .ss-banners-crumb a{color:#a9c9ff}
:is(body.ss-route-server-banners) .ss-banners-intro{padding:clamp(22px,4vw,38px);border-radius:20px;background:radial-gradient(circle at 85% 0%,rgba(147,51,234,.3),transparent 36%),linear-gradient(145deg,#141d35,#080e1e);border:1px solid #3e4b76;margin-bottom:20px}
:is(body.ss-route-server-banners) .ss-banners-kicker{color:#c492ff;font-size:14px;font-weight:850;letter-spacing:.12em}:is(body.ss-route-server-banners) .ss-banners-intro h1{font-size:clamp(27px,4vw,43px);line-height:1.15;margin:12px 0}:is(body.ss-route-server-banners) .ss-banners-intro p{font-size:17px;max-width:830px;color:#becbec}
:is(body.ss-route-server-banners) .ss-banners-info{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}:is(body.ss-route-server-banners) .ss-banners-info>*{padding:7px 13px;border-radius:9px;border:1px solid #354265;background:#0b1530;overflow-wrap:anywhere}:is(body.ss-route-server-banners) .ss-banners-info code{font-size:16px;color:#aef1ff}:is(body.ss-route-server-banners) .ss-banners-back{display:inline-flex;align-items:center;min-height:46px;padding:9px 16px;border:1px solid #475c93;border-radius:9px;color:#e7e7ff;text-decoration:none;font-weight:700}
:is(body.ss-route-server-banners) .ss-banners-card{padding:clamp(18px,3vw,30px);border-radius:18px;background:#0b1224;border:1px solid #303d60;margin-bottom:20px}:is(body.ss-route-server-banners) .ss-banners-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}:is(body.ss-route-server-banners) .ss-banners-card-head h2{font-size:23px;line-height:1.3;margin:0}:is(body.ss-route-server-banners) .ss-banners-card-head span{color:#b6c5e1;font-size:14px}
:is(body.ss-route-server-banners) .ss-banners-preview{display:block;width:max-content;max-width:100%;margin-bottom:24px;border-radius:10px;overflow:hidden}:is(body.ss-route-server-banners) .ss-banners-preview img{display:block;max-width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.23)}
:is(body.ss-route-server-banners) .ss-banners-fields{display:grid;grid-template-columns:1fr;gap:17px}:is(body.ss-route-server-banners) .ss-banners-field label{display:block;font-size:16px;font-weight:800;margin:0 0 8px;color:#ecedff}:is(body.ss-route-server-banners) .ss-banners-copyrow{display:flex;gap:10px;align-items:stretch}:is(body.ss-route-server-banners) .ss-banners-copyrow textarea{flex:1;min-width:0;resize:vertical;border:1px solid #40527b;background:#070d1c;color:#d6e4ff;border-radius:10px;padding:12px;font:15px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:55px;overflow-wrap:anywhere}:is(body.ss-route-server-banners) .ss-banners-copy{align-self:stretch;min-width:106px;padding:12px 16px;border:0;border-radius:10px;color:white;background:linear-gradient(110deg,#7c3aed,#2463eb);font-size:16px;font-weight:850;cursor:pointer}:is(body.ss-route-server-banners) .ss-banners-copy:hover{filter:brightness(1.13)}:is(body.ss-route-server-banners) .ss-banners-copy:focus-visible,
:is(body.ss-route-server-banners) .ss-banners-back:focus-visible,
:is(body.ss-route-server-banners) .ss-banners-preview:focus-visible{outline:3px solid #9ab5ff;outline-offset:3px}
:is(body.ss-route-server-banners) .ss-banners-note{font-size:15px;color:#b9c6e7;margin:10px 0 16px}
:is(body.ss-route-server-banners) .ss-banner-unavailable{padding:36px 20px;max-width:850px;margin:auto;font-size:16px}
@media (max-width:640px){:is(body.ss-route-server-banners) .ss-banners-page{width:calc(100% - 24px);margin-top:18px}:is(body.ss-route-server-banners) .ss-banners-copyrow{flex-direction:column}:is(body.ss-route-server-banners) .ss-banners-copy{min-height:48px}:is(body.ss-route-server-banners) .ss-banners-card-head h2{font-size:21px}}


/* ========= assets/css/soulpoints.css ========= */
:is(body.ss-route-coins) .sp26{--p:#8d31ff;--p2:#bd3cff;--cyan:#37ddff;--green:#2ce69b;--gold:#ffc64a;--red:#ff5572;width:100%;max-width:none;margin:0 auto 54px;color:#f6f8ff}:is(body.ss-route-coins) .sp26 *{box-sizing:border-box}:is(body.ss-route-coins) .sp-hero{position:relative;overflow:hidden;border:1px solid rgba(139,49,255,.48);border-radius:18px;padding:25px;background:radial-gradient(circle at 82% 5%,rgba(142,49,255,.23),transparent 34%),radial-gradient(circle at 8% 120%,rgba(45,198,255,.10),transparent 38%),linear-gradient(135deg,#0b1326,#070b15 70%)}:is(body.ss-route-coins) .sp-k{font-size:14px;font-weight:950;letter-spacing:.16em;color:#b789ff}:is(body.ss-route-coins) .sp-hero h1{margin:7px 0 7px;font-size:34px;letter-spacing:-.035em}:is(body.ss-route-coins) .sp-hero h1 span{color:#bb5cff}:is(body.ss-route-coins) .sp-hero p{margin:0;max-width:720px;color:#8c9ab0;font-size:14px;line-height:1.7}:is(body.ss-route-coins) .sp-balance{position:absolute;right:25px;top:24px;text-align:right}:is(body.ss-route-coins) .sp-balance small{display:block;font-size:14px;color:#8291a8;font-weight:900;letter-spacing:.08em}:is(body.ss-route-coins) .sp-balance strong{display:block;font-size:34px;color:#ffd464;margin-top:3px;text-shadow:0 0 18px rgba(255,194,56,.18)}:is(body.ss-route-coins) .sp-balance em{font-style:normal;font-size:14px;color:#8b99ad}:is(body.ss-route-coins) .sp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:12px}:is(body.ss-route-coins) .sp-card{border:1px solid #223555;background:linear-gradient(180deg,#0a1529,#07101f);border-radius:13px;padding:15px}:is(body.ss-route-coins) .sp-stat small{display:block;font-size:14px;color:#6f8099;font-weight:950;letter-spacing:.09em}:is(body.ss-route-coins) .sp-stat strong{display:block;font-size:21px;margin-top:5px}:is(body.ss-route-coins) .sp-stat.earn strong{color:#58eeb0}:is(body.ss-route-coins) .sp-stat.spend strong{color:#ff7b96}:is(body.ss-route-coins) .sp-stat.month strong{color:#58dfff}:is(body.ss-route-coins) .sp-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:12px;margin-top:12px}:is(body.ss-route-coins) .sp-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:12px}:is(body.ss-route-coins) .sp-head h2{font-size:14px;margin:0}:is(body.ss-route-coins) .sp-head p{margin:3px 0 0;color:#7f8fa7;font-size:14px}:is(body.ss-route-coins) .sp-shop{padding:16px}:is(body.ss-route-coins) .sp-rategrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}:is(body.ss-route-coins) .sp-rate{position:relative;overflow:hidden;border:1px solid #2a426e;border-radius:12px;background:#081326;padding:14px}:is(body.ss-route-coins) .sp-rate:before{content:"";position:absolute;inset:auto -40px -55px auto;width:130px;height:130px;border-radius:50%;background:var(--glow,rgba(142,49,255,.12));filter:blur(2px)}:is(body.ss-route-coins) .sp-rate.bronze{--glow:rgba(197,120,62,.18)}:is(body.ss-route-coins) .sp-rate.silver{--glow:rgba(143,185,220,.16)}:is(body.ss-route-coins) .sp-rate.gold{--glow:rgba(255,194,57,.16);border-color:#644d1f}:is(body.ss-route-coins) .sp-rate.platinum{--glow:rgba(177,105,255,.18);border-color:#5f3e8e}:is(body.ss-route-coins) .sp-rate-top{display:flex;align-items:center;gap:9px}:is(body.ss-route-coins) .sp-rate-icon{font-size:28px}:is(body.ss-route-coins) .sp-rate h3{font-size:14px;margin:0}:is(body.ss-route-coins) .sp-rate h3 small{display:block;color:#7c8da5;font-size:14px;margin-top:2px;font-weight:600}:is(body.ss-route-coins) .sp-price{margin:12px 0 8px;font-size:22px;font-weight:950}:is(body.ss-route-coins) .sp-price span{font-size:14px;color:#7c8aa1}:is(body.ss-route-coins) .sp-days{display:flex;gap:5px;flex-wrap:wrap}:is(body.ss-route-coins) .sp-day{border:1px solid #2c436e;background:#071020;color:#c6d1e2;border-radius:6px;padding:6px 8px;font-size:14px;font-weight:900;cursor:pointer}:is(body.ss-route-coins) .sp-day.on{background:#7028dc;border-color:#ae4cff;color:#fff}:is(body.ss-route-coins) .sp-buyrow{display:grid;grid-template-columns:1fr 90px;gap:7px;margin-top:8px}:is(body.ss-route-coins) .sp-buyrow select,
:is(body.ss-route-coins) .sp-buyrow input{height:36px;border:1px solid #2d4777;background:#060e1d;color:#eef3fc;border-radius:7px;padding:0 9px;font-size:14px}:is(body.ss-route-coins) .sp-cost{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:8px 9px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:#060e1d;font-size:14px;color:#8d9bb0}:is(body.ss-route-coins) .sp-cost b{font-size:14px;color:#ffd05a}:is(body.ss-route-coins) .sp-btn{width:100%;height:37px;margin-top:8px;border:0;border-radius:7px;background:linear-gradient(90deg,#7427ec,#aa34ff);color:#fff;font-size:14px;font-weight:950;cursor:pointer;box-shadow:0 0 18px rgba(142,43,255,.18)}:is(body.ss-route-coins) .sp-btn:disabled{opacity:.45;cursor:not-allowed}:is(body.ss-route-coins) .sp-side{display:grid;gap:12px;align-content:start}:is(body.ss-route-coins) .sp-loyalty{border-color:rgba(255,197,68,.31);background:radial-gradient(circle at 90% 10%,rgba(255,189,47,.10),transparent 38%),linear-gradient(180deg,#14130e,#0a101c)}:is(body.ss-route-coins) .sp-loyalty h2{margin:0;font-size:14px;color:#ffd364}:is(body.ss-route-coins) .sp-loyalty p{font-size:14px;color:#9ca7b7;line-height:1.55}:is(body.ss-route-coins) .sp-progress{height:9px;border-radius:99px;background:#171d2b;overflow:hidden;border:1px solid #26334b}:is(body.ss-route-coins) .sp-progress i{display:block;height:100%;background:linear-gradient(90deg,#e8a828,#ffd95e);box-shadow:0 0 12px rgba(255,199,64,.28)}:is(body.ss-route-coins) .sp-progress-row{display:flex;justify-content:space-between;margin-top:6px;font-size:14px;color:#9ba5b4}:is(body.ss-route-coins) .sp-reward{margin-top:10px;padding:10px;border:1px solid #5d4820;border-radius:8px;background:rgba(255,198,70,.05)}:is(body.ss-route-coins) .sp-reward b{font-size:14px;color:#ffd466}:is(body.ss-route-coins) .sp-reward select{width:100%;height:34px;margin-top:7px;background:#080d15;color:#fff;border:1px solid #4d3c22;border-radius:6px;padding:0 8px;font-size:14px}:is(body.ss-route-coins) .sp-help h3{font-size:14px;margin:0 0 10px}:is(body.ss-route-coins) .sp-help-row{display:flex;gap:9px;padding:8px 0;border-top:1px solid rgba(255,255,255,.055)}:is(body.ss-route-coins) .sp-help-row:first-of-type{border-top:0}:is(body.ss-route-coins) .sp-help-row i{font-style:normal;width:30px;height:30px;border-radius:8px;background:#101d34;display:grid;place-items:center}:is(body.ss-route-coins) .sp-help-row b{display:block;font-size:14px}:is(body.ss-route-coins) .sp-help-row small{display:block;color:#7889a2;font-size:14px;margin-top:2px;line-height:1.4}:is(body.ss-route-coins) .sp-tablecard{margin-top:12px;padding:0;overflow:hidden}:is(body.ss-route-coins) .sp-tablehead{padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.055);display:flex;justify-content:space-between}:is(body.ss-route-coins) .sp-tablehead b{font-size:14px}:is(body.ss-route-coins) .sp-tablehead span{font-size:14px;color:#7788a2}:is(body.ss-route-coins) .sp-table{width:100%;border-collapse:collapse}:is(body.ss-route-coins) .sp-table th,
:is(body.ss-route-coins) .sp-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.045);text-align:left;font-size:14px}:is(body.ss-route-coins) .sp-table th{font-size:14px;color:#6f8098;letter-spacing:.07em}:is(body.ss-route-coins) .sp-plus{color:#4de6a4;font-weight:900}:is(body.ss-route-coins) .sp-minus{color:#ff7d94;font-weight:900}:is(body.ss-route-coins) .sp-empty{padding:22px;text-align:center;color:#728198;font-size:14px}:is(body.ss-route-coins) .sp-note{margin-top:10px;font-size:14px;color:#66758b;line-height:1.55}:is(body.ss-route-coins) .sp-alert{display:none;margin:12px 0 0;padding:10px 12px;border-radius:8px;border:1px solid #27466d;background:#071326;font-size:14px}:is(body.ss-route-coins) .sp-alert.ok{display:block;color:#65efb1;border-color:rgba(44,230,155,.30)}:is(body.ss-route-coins) .sp-alert.err{display:block;color:#ff8ca0;border-color:rgba(255,85,114,.30)}
@media (max-width:900px){:is(body.ss-route-coins) .sp-layout{grid-template-columns:1fr}:is(body.ss-route-coins) .sp-balance{position:static;text-align:left;margin-top:16px}:is(body.ss-route-coins) .sp-stats{grid-template-columns:1fr 1fr}}
@media (max-width:620px){:is(body.ss-route-coins) .sp26{margin-left:6px;margin-right:6px}:is(body.ss-route-coins) .sp-stats,
:is(body.ss-route-coins) .sp-rategrid{grid-template-columns:1fr}:is(body.ss-route-coins) .sp-hero h1{font-size:27px}:is(body.ss-route-coins) .sp-buyrow{grid-template-columns:1fr 82px}:is(body.ss-route-coins) .sp-tablecard{overflow:auto}:is(body.ss-route-coins) .sp-table{min-width:650px}}

:is(body.ss-route-coins) .sp26{width:100%;max-width:1700px;margin:0 auto 52px;padding:0 clamp(8px,1.8vw,24px);font-size:16px;line-height:1.6}
:is(body.ss-route-coins) .sp26 .sp-hero,
:is(body.ss-route-coins) .sp26 .sp-card{border-radius:17px}
:is(body.ss-route-coins) .sp26 :is(input,select,textarea,button,.btn){font-size:16px;min-height:48px}
:is(body.ss-route-coins) .sp26 :is(p,li,label,.sp-muted,.sp-detail){font-size:16px;line-height:1.6}
:is(body.ss-route-coins) .sp26 :is(small,.small,.sp-k){font-size:14px;line-height:1.5}
:is(body.ss-route-coins) .sp26 .sp-tablecard{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
:is(body.ss-route-coins) .sp26 .sp-table{min-width:650px}
:is(body.ss-route-coins) .sp26 .sp-stat strong{overflow-wrap:anywhere}
@media (max-width:760px){:is(body.ss-route-coins) .sp26{padding:0 10px}:is(body.ss-route-coins) .sp26 .sp-layout{display:grid;grid-template-columns:minmax(0,1fr)}:is(body.ss-route-coins) .sp26 .sp-hero{padding:22px 18px}:is(body.ss-route-coins) .sp26 .sp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:430px){:is(body.ss-route-coins) .sp26 .sp-stats,
:is(body.ss-route-coins) .sp26 .sp-rategrid{grid-template-columns:minmax(0,1fr)}:is(body.ss-route-coins) .sp26 .sp-buyrow{grid-template-columns:minmax(0,1fr)}:is(body.ss-route-coins) .sp26 .sp-buyrow :is(input,select,button){width:100%}}
:is(body.ss-route-coins) .sp26 .sp-loyalty h2,
:is(body.ss-route-coins) .sp26 .sp-help h3{font-size:20px;line-height:1.35}
:is(body.ss-route-coins) .sp26 .sp-rate h3{font-size:19px;line-height:1.4}
:is(body.ss-route-coins) .sp26 .sp-rate h3 small{font-size:14px;line-height:1.4}


/* ================ PREMIUM SOULSHIVE 2027 ================ */
:root{
  --ss-bg:#060b19;--ss-surface:#0d1630;--ss-surface-2:#111d39;
  --ss-line:rgba(111,127,207,.29);--ss-purple:#9548ff;--ss-blue:#378eff;
  --ss-text:#f5f7ff;--ss-muted:#b3bed6;
}
body.ss27-mockup{background:#050916;color:var(--ss-text)}
body.ss27-mockup :is(button,input,select,textarea){font:inherit}
body.ss27-mockup :is(button,a,input,select,textarea):focus-visible{outline:2px solid #7dd3fc;outline-offset:3px}
body.ss27-mockup :is(.ss26-panel,.ssbx-tier,.ssbx-promo,.ssbx-hero,.ss26-servercard,.ss26-rec-card){box-shadow:0 10px 32px rgba(1,4,13,.22)}
/* Home: one coherent, compact banner as in the supplied mockup. */
body.ss-route-index .ss26-content-wrap.wrap{max-width:1480px!important;width:min(100% - 32px,1480px)!important;padding-inline:0!important}
body.ss-route-index .ss26-home-community{max-width:100%!important;width:100%!important;padding:0!important}
body.ss-route-index .ss26-community-hero{
  height:auto!important;min-height:280px!important;max-height:none!important;
  display:flex!important;align-items:center!important;
  border:1px solid rgba(135,72,255,.58)!important;border-radius:15px!important;
  background:linear-gradient(90deg,rgba(4,9,25,.93) 0%,rgba(6,10,30,.72) 44%,rgba(5,11,31,.15) 100%),
    url('/assets/soulshive2026/home-community-hero.webp') center center/cover no-repeat!important;
}
body.ss-route-index .ss26-community-hero-art{display:none!important}
body.ss-route-index .ss26-community-hero:after{background:linear-gradient(90deg,rgba(6,7,24,.48),transparent 80%)!important}
body.ss-route-index .ss26-community-hero-copy{width:min(100%,640px)!important;padding:24px clamp(18px,3vw,40px)!important}
body.ss-route-index .ss26-community-hero h1{font-size:clamp(30px,3.2vw,49px)!important;line-height:1.02!important;margin:5px 0!important}
body.ss-route-index .ss26-community-hero p{font-size:clamp(15px,1.1vw,17px)!important;line-height:1.48!important;margin:9px 0 12px!important}
body.ss-route-index .ss26-hero-search{max-width:495px!important;margin:12px 0 0!important}
body.ss-route-index .ss26-community-actions{margin-top:12px!important;gap:8px!important}
body.ss-route-index .ss26-community-actions>a{font-size:14px!important;min-height:38px!important;padding:8px 11px!important}
body.ss-route-index .ss26-community-trust{display:none!important}
body.ss-route-index .ss26-community-stats{margin-block:12px!important;gap:11px!important}
/* The hero is not half the screen even at phone widths. */
@media(max-width:740px){
 body.ss-route-index .ss26-content-wrap.wrap{width:calc(100% - 20px)!important}
 body.ss-route-index .ss26-community-hero{
    min-height:340px!important;max-height:none!important;align-items:flex-start!important;
    background:linear-gradient(180deg,rgba(5,9,26,.96) 0%,rgba(5,9,26,.90) 42%,rgba(5,9,26,.32) 100%),
      url('/assets/soulshive2026/home-community-hero.webp') 60% center/cover no-repeat!important
 }
 body.ss-route-index .ss26-community-hero-copy{padding:21px 17px 24px!important;width:100%!important}
 body.ss-route-index .ss26-community-hero h1{font-size:clamp(29px,7vw,39px)!important}
 body.ss-route-index .ss26-community-hero p{max-width:470px!important;font-size:15px!important}
 body.ss-route-index .ss26-community-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.ss-route-index .ss26-community-actions>a{padding:8px!important;text-align:center!important;min-width:0!important}
 body.ss-route-index .ss26-community-actions>a:last-child{grid-column:1/-1}
}
@media(max-width:375px){
 body.ss-route-index .ss26-community-hero{min-height:375px!important}
 body.ss-route-index .ss26-community-actions{grid-template-columns:1fr!important}
 body.ss-route-index .ss26-community-actions>a:last-child{grid-column:auto}
}
/* Boost: mockup-inspired compact header and legible tier layout; no price/checkout changes. */
body.ss-route-boost .ssbx{max-width:1460px;margin-inline:auto}
body.ss-route-boost .ssbx-hero{
 min-height:235px!important;border:1px solid rgba(151,74,255,.56)!important;border-radius:15px!important;
 background:linear-gradient(90deg,rgba(7,8,30,.93),rgba(8,9,31,.78) 45%,rgba(13,8,35,.20) 100%),
 url('/assets/boost/boost-hero-premium.webp') center 44%/cover no-repeat!important;
}
body.ss-route-boost .ssbx-hero-in{max-width:740px!important;padding:25px clamp(18px,3vw,36px)!important}
body.ss-route-boost .ssbx-hero h1{font-size:clamp(32px,3.5vw,49px)!important;line-height:1.04!important;letter-spacing:-.03em!important}
body.ss-route-boost .ssbx-hero h2{font-size:clamp(16px,1.7vw,21px)!important}
body.ss-route-boost .ssbx-hero p{font-size:15px!important;line-height:1.55!important}
body.ss-route-boost .ssbx-hero-points{margin-top:11px!important;gap:12px!important}
body.ss-route-boost .ssbx-hp i{width:31px!important;height:31px!important;font-size:16px!important}
body.ss-route-boost .ssbx-actions{margin-top:12px!important}
body.ss-route-boost .ssbx-packages{gap:14px!important}
body.ss-route-boost .ssbx-tier{background:linear-gradient(160deg,#11102d 0%,#080f23 68%,#0b1228 100%)!important;border-radius:14px!important}
body.ss-route-boost .ssbx-head h2{font-size:clamp(18px,1.7vw,25px)!important}
body.ss-route-boost .ssbx-head p{font-size:15px!important}
@media(min-width:1160px){body.ss-route-boost .ssbx-packages{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:720px) and (max-width:1159px){body.ss-route-boost .ssbx-packages{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:719px){
 body.ss-route-boost .ssbx-hero{min-height:290px!important}
 body.ss-route-boost .ssbx-hero-in{padding:23px 16px!important}
 body.ss-route-boost .ssbx-hero-points{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
 body.ss-route-boost .ssbx-hp small{font-size:14px!important}
 body.ss-route-boost .ssbx-packages{grid-template-columns:1fr!important}
}
/* Shared card system for marketplace and other public pages. */
body.ss27-mockup :is(.ss26-panel,.market-card,.ssbx-tier){border-radius:13px}
body.ss27-mockup :is(h1,h2,h3){overflow-wrap:break-word}
@media(prefers-reduced-motion:reduce){body.ss27-mockup *,body.ss27-mockup *::before,body.ss27-mockup *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Home feature tiles immediately after real public stats. */
body.ss-route-index .ss26-community-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin:9px 0 16px!important;justify-content:flex-start!important}
body.ss-route-index .ss26-community-actions>.ss26-btn{min-height:39px!important;height:auto!important;padding:8px 14px!important}
body.ss-route-index .ss26-recommended{margin-top:12px!important}
body.ss-route-index .ss26-recommended-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.ss-route-index .ss26-rec-card{position:relative;display:flex!important;flex-direction:column!important;gap:0!important;min-height:195px!important;overflow:hidden!important;padding:0!important;border:1px solid rgba(129,88,217,.48)!important;border-radius:12px!important;background:#0c1428!important}
body.ss-route-index .ss26-rec-visual{display:block!important;height:120px!important;width:100%!important;overflow:hidden;position:relative}
body.ss-route-index .ss26-rec-visual:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,#0b1529);pointer-events:none}
body.ss-route-index .ss26-rec-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.ss-route-index .ss26-rec-game{position:absolute!important;z-index:2;top:86px!important;left:10px!important;max-width:48px}
body.ss-route-index .ss26-rec-main{padding:11px 13px 6px 64px!important;min-height:64px!important}
body.ss-route-index .ss26-rec-main b{font-size:16px!important;line-height:1.25!important}
body.ss-route-index .ss26-rec-main small,body.ss-route-index .ss26-rec-main em{font-size:14px!important}
body.ss-route-index .ss26-rec-right{padding:0 13px 12px!important;display:flex!important;gap:8px!important;align-items:center!important;justify-content:space-between!important;width:100%!important}
body.ss-route-index .ss26-rec-right b{font-size:14px!important}
body.ss-route-index .ss26-recommended-head h2{font-size:clamp(18px,1.8vw,23px)!important}
@media(min-width:780px) and (max-width:1150px){body.ss-route-index .ss26-recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:779px){
 body.ss-route-index .ss26-recommended-grid{grid-template-columns:1fr!important;gap:10px!important}
 body.ss-route-index .ss26-rec-card{min-height:0!important;display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important}
 body.ss-route-index .ss26-rec-visual{grid-row:1/3;height:120px!important}
 body.ss-route-index .ss26-rec-main{padding:12px 10px 2px!important;min-height:0!important}
 body.ss-route-index .ss26-rec-right{padding:2px 10px 11px!important}
 body.ss-route-index .ss26-rec-game{top:77px!important;left:8px!important}
 body.ss-route-index .ss26-community-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 body.ss-route-index .ss26-community-actions>.ss26-btn{width:100%!important;min-width:0!important;line-height:1.3!important;text-align:center!important;font-size:14px!important;padding:9px!important}
 body.ss-route-index .ss26-community-actions>.ss26-btn:last-child{grid-column:1/-1}
}
@media(max-width:385px){body.ss-route-index .ss26-community-actions{grid-template-columns:1fr!important}body.ss-route-index .ss26-community-actions>.ss26-btn:last-child{grid-column:auto}}

/* Final shared refinements — no additional CSS files. */
body.ss27-mockup{font-size:16px;line-height:1.52}
body.ss27-mockup small{font-size:14px}
body.ss27-mockup .ss26-page-masthead{min-height:108px;max-height:185px;overflow:hidden}
body.ss27-mockup .ss26-page-masthead-inner{padding-block:18px!important}
body.ss27-mockup .ss26-page-masthead h1{font-size:clamp(26px,2.8vw,39px)!important;line-height:1.12!important}
body.ss27-mockup .ss26-page-masthead p{font-size:15px!important;line-height:1.45!important}
body.ss27-mockup :is(input[type="search"],input[type="text"],select,textarea){min-height:42px}
body.ss27-mockup .ss26-content-wrap{max-width:min(100% - 28px,1540px)}
body.ss27-mockup .ss26-page-masthead-art{opacity:.65}
@media(max-width:700px){
 body.ss27-mockup .ss26-page-masthead{min-height:90px;max-height:none}
 body.ss27-mockup .ss26-page-masthead-inner{padding-block:14px!important}
 body.ss27-mockup .ss26-content-wrap{max-width:calc(100% - 20px)}
}


/* ===============================================================
   SOULSHIVE 2027 DESIGN SYSTEM — ALL MAIN SCREENS
   One stylesheet; no change to payments, SQL or page permissions.
   These adjustments follow the supplied ten-panel design reference.
   Scope by route/component so sections do not leak into other pages.
   =============================================================== */
:root{
  --ss27-bg:#070c19;
  --ss27-panel:#101a30;
  --ss27-panel-deep:#0b1428;
  --ss27-border:#2b395e;
  --ss27-border-glow:#6741b5;
  --ss27-text:#f5f6ff;
  --ss27-muted:#b2bed7;
  --ss27-purple:#9c48fa;
  --ss27-blue:#376cff;
  --ss27-green:#30d58c;
  --ss27-radius:12px;
  --ss27-content:1380px;
  --ss27-space:16px;
  --ss27-shadow:0 12px 28px rgba(0,0,0,.26);
}
html{color-scheme:dark}
body.ss27-mockup{
  background:radial-gradient(ellipse 65% 500px at 53% -260px,rgba(76,47,160,.22),transparent),var(--ss27-bg);
  color:var(--ss27-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px;line-height:1.55;overflow-x:clip
}
body.ss27-mockup *{box-sizing:border-box}
body.ss27-mockup :is(a,button,input,select,textarea){font:inherit}
body.ss27-mockup :is(button,a,[role="button"]):focus-visible{
  outline:3px solid #be86ff;outline-offset:3px
}
body.ss27-mockup :is(h1,h2,h3){color:var(--ss27-text);letter-spacing:-.025em;line-height:1.2}
body.ss27-mockup :is(p,.muted,.small){overflow-wrap:anywhere}
body.ss27-mockup :is(.muted,.small,small){color:var(--ss27-muted)}
body.ss27-mockup :is(.wrap,.mx-page,.ss26-content-wrap){max-width:min(calc(100% - 32px),var(--ss27-content));margin-inline:auto}
body.ss27-mockup :is(.card,.ss26-panel,.ssbx-tier,.ss-market-inbox,.ss-market-chat,.sscd-panel,.ssc1-card,.ssp-card){
  background-color:var(--ss27-panel-deep);border-color:var(--ss27-border);border-radius:var(--ss27-radius)
}
body.ss27-mockup :is(.btn,.ss26-btn,.ssbx-btn,.ssg-add,.ssc1-btn,.sscd-button,.auth-submit){
  border-radius:8px;min-height:40px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease
}
@media(hover:hover){body.ss27-mockup :is(.btn,.ss26-btn,.ssbx-btn,.ssg-add,.ssc1-btn,.sscd-button,.auth-submit):hover{
  transform:translateY(-1px);box-shadow:0 8px 22px rgba(102,49,205,.24)
}}
body.ss27-mockup :is(input,select,textarea){color:var(--ss27-text)}
body.ss27-mockup :is(input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="number"],select,textarea){
  background-color:#0a1227;border-color:#35456f;border-radius:8px;min-height:44px
}
body.ss27-mockup :is(input,textarea)::placeholder{color:#aeb9d3;opacity:1}
/* Global navigation is always the same height and spacing. */
body.ss27-mockup .ssg-header{
  background:rgba(7,11,25,.97);border-bottom:1px solid #29365b;box-shadow:0 7px 26px #0005
}
body.ss27-mockup .ssg-inner{max-width:var(--ss27-content);min-height:64px;padding-block:5px}
body.ss27-mockup .ssg-brand img{object-fit:contain}
body.ss27-mockup .ssg-nav>a{font-size:15px;white-space:nowrap}
body.ss27-mockup .ssg-nav>a.on{color:#d7b8ff}
body.ss27-mockup .ssg-search{border-radius:8px;background:#0b152b}
body.ss27-mockup .ssg-add{background:linear-gradient(110deg,#a14aff,#622bdf);color:#fff}
/* Global masthead is a compact page title, not a half-screen banner. */
body.ss27-mockup .ss26-page-masthead{min-height:0;max-height:none;background:linear-gradient(120deg,#11152b,#080f23)}
body.ss27-mockup .ss26-page-masthead-inner{padding-block:17px!important}
body.ss27-mockup .ss26-page-masthead h1{font-size:clamp(25px,2.5vw,35px)!important;margin-block:4px 6px}
body.ss27-mockup .ss26-page-masthead p{max-width:800px;margin:0;font-size:15px!important;color:var(--ss27-muted)}
/* HOME: hero, four stats and featured cards from the supplied mockup. */
body.ss-route-index .ss26-community-hero{
  height:auto!important;min-height:290px!important;max-height:none!important;
  background:linear-gradient(90deg,rgba(4,10,25,.94),rgba(6,11,32,.82) 46%,rgba(8,11,31,.10) 100%),
  url('/assets/soulshive2026/home-community-hero.webp') center 45%/cover no-repeat!important;
  border-radius:12px!important;box-shadow:var(--ss27-shadow)
}
body.ss-route-index .ss26-community-hero-copy{max-width:610px!important;padding:27px clamp(20px,3vw,42px)!important}
body.ss-route-index .ss26-community-hero h1{font-size:clamp(31px,3.35vw,49px)!important;line-height:1.03!important;max-width:610px}
body.ss-route-index .ss26-community-hero p{max-width:600px;font-size:16px!important;margin:11px 0 10px!important}
body.ss-route-index .ss26-hero-search{max-width:480px!important;margin-top:15px!important}
body.ss-route-index .ss26-community-stats{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:13px 0 12px!important
}
body.ss-route-index .ss26-community-stats>div{
  min-width:0!important;border:1px solid var(--ss27-border)!important;border-radius:10px!important;
  background:linear-gradient(145deg,#151c36,#0b152a)!important;padding:14px!important
}
body.ss-route-index .ss26-community-stats strong{font-size:clamp(23px,2.4vw,32px)!important;color:#f7f6ff}
body.ss-route-index .ss26-community-stats :is(span,em){font-size:14px!important}
body.ss-route-index .ss26-community-actions{margin:11px 0 18px!important}
body.ss-route-index .ss26-recommended-head{margin-bottom:10px}
body.ss-route-index .ss26-recommended-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important
}
body.ss-route-index .ss26-rec-card{box-shadow:var(--ss27-shadow);border-color:#394575!important}
body.ss-route-index .ss26-rec-visual{height:132px!important}
body.ss-route-index .ss26-rec-card:hover{border-color:#a260ed!important}
/* BOOST: same premium backdrop, smaller hero, unified card geometry. */
body.ss-route-boost .ssbx-hero{min-height:225px!important;border-radius:12px!important}
body.ss-route-boost .ssbx-hero-in{padding:24px clamp(18px,3vw,38px)!important}
body.ss-route-boost .ssbx-hero h1{font-size:clamp(30px,3.35vw,48px)!important}
body.ss-route-boost .ssbx-packages{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body.ss-route-boost .ssbx-tier{position:relative;min-width:0;overflow:hidden;box-shadow:var(--ss27-shadow)}
body.ss-route-boost .ssbx-tier.pop{border-color:#d39a45!important;box-shadow:0 0 0 1px #ac7328,0 18px 35px #0009}
body.ss-route-boost .ssbx-tier[data-tier="bronze"]{--ss27-tier:#9b6fe9}
body.ss-route-boost .ssbx-tier[data-tier="silver"]{--ss27-tier:#5a9cff}
body.ss-route-boost .ssbx-tier[data-tier="gold"]{--ss27-tier:#efa736}
body.ss-route-boost .ssbx-tier[data-tier="platinum"]{--ss27-tier:#ad79ff}
body.ss-route-boost .ssbx-tier .ssbx-cover{border-bottom:1px solid color-mix(in srgb,var(--ss27-tier) 48%,transparent)}
body.ss-route-boost .ssbx-tier :is(.ssbx-buy,.ssbx-order-btn){width:100%}
/* SERVERS & MASTER: compact listings and transparent live statuses. */
body:is(.sl-page,.ms-page) :is(.sl-card,.ms-panel,.ms-card,.sl-filter){
  border-radius:11px;border-color:var(--ss27-border);background-color:var(--ss27-panel-deep)
}
body.sl-page .sl-hero{min-height:0!important;padding-block:18px!important}
body.sl-page .sl-title{font-size:clamp(27px,2.7vw,38px)!important}
body:is(.sl-page,.ms-page) :is(.sl-tab,.sl-btn,.ms-tab){min-height:40px}
body:is(.sl-page,.ms-page) :is(.sl-sub,.ms-sub){font-size:15px;line-height:1.5}
/* SERVER DETAIL: thin banner, primary content and readable quick status. */
body.ss-route-server_info .sv26{max-width:var(--ss27-content)}
body.ss-route-server_info .sv-hero{border-radius:12px;overflow:hidden;border-color:#374678}
body.ss-route-server_info :is(.sv-fact,.sv-card,.sv-section){border-radius:10px}
/* MARKETPLACE: three media-first cards as in the panel of the mockup. */
body.ss-route-shop .ss27-market-hero{padding:22px clamp(18px,2.8vw,35px);border-color:#4e3d8c}
body.ss-route-shop .ss27-market-filters{border-color:#34436a}
body.ss-route-shop :is(.shop-card,.market-card,.addon-card){
  min-width:0;background:#0b152c;border:1px solid #30416b;border-radius:11px;overflow:hidden
}
/* ADDON: gallery, information and reviews follow shared panels. */
body.ss-route-addon .ss-addon-hero{border:1px solid #4c3f87;border-radius:11px}
body.ss-route-addon .ss-addon-body-grid{gap:16px}
body.ss-route-addon :is(.ss-addon-gallery,.ss-addon-gallery-item){border-radius:10px;overflow:hidden}
/* CHAT: keep a stable sidebar and conversation panel on PC, one column on phones. */
body.ss-route-market-messages .ss-market-msg-grid{gap:12px}
body.ss-route-market-messages :is(.ss-market-inbox,.ss-market-chat){box-shadow:var(--ss27-shadow)}
body.ss-route-market-messages .ss-market-bubble{border-radius:12px;max-width:min(85%,650px)}
/* PROFILE + COMMUNITY: matching panel backgrounds and generous readable text. */
body.ss-route-profile :is(.ssp-card,.ssp-identity){border:1px solid #344269;box-shadow:var(--ss27-shadow)}
body.ss-route-my-communities :is(.sscd-hero,.sscd-panel,.sscd-entry){border-radius:12px}
body.ss-route-community :is(.ssc1-hero,.ssc1-card){border-radius:12px}
/* Admin: same colors as public pages, without overriding data/action semantics. */
body.ss26-admin-route :is(.card,.bw-panel,.bw-stat,.ss27-admin-intro){
  border-color:#32436d;border-radius:11px
}
body.ss26-admin-route :is(.page,.ss27-admin-intro__copy h1){line-height:1.2}
/* Forms/legal/secondary routes inherit the shared spacing and readability. */
body.ss27-mockup :is(.ss27-auth-panel,.about-section,.ss26-panel){box-shadow:var(--ss27-shadow)}
body.ss27-mockup .ss26-content-wrap :is(button,input,select,textarea){max-width:100%}
@media(min-width:1381px){body.ss27-mockup .ss26-content-wrap{max-width:var(--ss27-content)}}
@media(max-width:1090px){
  body.ss-route-boost .ssbx-packages{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss-route-index .ss26-community-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ss-route-index .ss26-recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body.ss27-mockup :is(.wrap,.mx-page,.ss26-content-wrap){max-width:calc(100% - 20px)!important}
  body.ss27-mockup .ssg-inner{min-height:60px}
  body.ss27-mockup .ss26-page-masthead-inner{padding-block:12px!important}
  body.ss27-mockup .ss26-page-masthead h1{font-size:clamp(24px,6vw,31px)!important}
  body.ss-route-index .ss26-community-hero{
    min-height:300px!important;background:linear-gradient(180deg,rgba(7,10,28,.97),rgba(7,10,28,.82) 54%,rgba(7,10,28,.36)),
    url('/assets/soulshive2026/home-community-hero.webp') 65% center/cover no-repeat!important
  }
  body.ss-route-index .ss26-community-hero-copy{padding:20px 16px!important}
  body.ss-route-index .ss26-community-hero h1{font-size:clamp(29px,7vw,38px)!important}
  body.ss-route-index .ss26-hero-search{max-width:100%!important}
  body.ss-route-index .ss26-community-stats{gap:9px!important}
  body.ss-route-index .ss26-community-stats>div{padding:12px 10px!important}
  body.ss-route-index .ss26-community-stats strong{font-size:clamp(21px,5vw,28px)!important}
  body.ss-route-index .ss26-recommended-grid{grid-template-columns:1fr!important}
  body.ss-route-index .ss26-rec-visual{height:120px!important}
  body.ss-route-boost .ssbx-packages{grid-template-columns:1fr!important}
  body.ss-route-boost .ssbx-hero{min-height:240px!important}
  body.ss-route-market-messages .ss-market-msg-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:400px){
  body.ss-route-index .ss26-community-hero{min-height:325px!important}
  body.ss-route-index .ss26-community-stats>div{padding:10px 8px!important}
}
@media(prefers-reduced-motion:reduce){
  body.ss27-mockup :is(.btn,.ss26-btn,.ssbx-btn,.ssg-add,.ssc1-btn,.sscd-button,.auth-submit){transition:none}
}


/* The search field must be a single compact row on phones; this deliberately
   corrects the legacy form's large mobile padding in compiled CSS. */
:is(body.ss-route-index).ss26-home-page .ss26-hero-search{padding:0!important;min-height:0!important}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search-field{padding:4px 5px 4px 10px!important;min-height:48px!important;height:auto!important}
:is(body.ss-route-index).ss26-home-page .ss26-hero-search-field input{min-height:40px!important;height:40px!important}
@media(max-width:640px){
 :is(body.ss-route-index).ss26-home-page main.ss26-home .ss26-community-hero{padding:0!important;min-height:315px!important}
 :is(body.ss-route-index).ss26-home-page .ss26-hero-search{padding:0!important;max-width:100%!important}
 :is(body.ss-route-index).ss26-home-page .ss26-hero-search-field{min-height:48px!important;padding:4px 5px 4px 9px!important}
}


body.ss-route-boost #pachete.ssb27-showcase{
  position:relative;isolation:isolate;overflow:hidden;
  margin:20px 0 18px;padding:25px clamp(15px,2.3vw,32px) 28px;
  background:linear-gradient(180deg,rgba(11,16,39,.74),rgba(7,13,29,.96) 40%),
    url('/assets/boost/boost-hero-premium.webp') center 16%/cover no-repeat;
  border:1px solid rgba(127,107,233,.67);border-radius:17px;
  box-shadow:0 22px 60px rgba(0,0,0,.29),inset 0 1px rgba(190,150,255,.09);
}
body.ss-route-boost .ssb27-pricing-intro{text-align:center;max-width:760px;margin:0 auto 13px}
body.ss-route-boost .ssb27-overline{font-size:14px!important;letter-spacing:.14em;font-weight:900!important;color:#ba99ff!important;margin:0 0 5px!important}
body.ss-route-boost .ssb27-pricing-intro h2{color:#fff!important;font-size:clamp(25px,2.4vw,33px)!important;font-weight:900!important;line-height:1.16;margin:0 0 7px!important}
body.ss-route-boost .ssb27-pricing-intro>p:last-child{font-size:16px!important;line-height:1.55!important;color:#cbd5f5!important;margin:0!important}
body.ss-route-boost .ssb27-global-period{
  display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;
  padding:0;margin:0 auto 23px;border:0!important;background:transparent!important;box-shadow:none!important;
}
body.ss-route-boost .ssb27-global-period legend{float:none;display:block;text-align:center;width:100%;padding:0;margin:0;color:#bfc7e7;font-size:14px;font-weight:750}
body.ss-route-boost .ssb27-global-period-options{display:inline-flex;justify-content:center;gap:2px;padding:4px;border:1px solid #6a5c98;border-radius:999px;background:rgba(26,28,58,.94)}
body.ss-route-boost .ssb27-period{
  display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:42px;
  border:1px solid transparent;border-radius:999px;padding:9px 16px;background:transparent;
  color:#d4d7f1;font-size:15px;font-weight:850;cursor:pointer;transition:background .15s ease,color .15s ease;
}
body.ss-route-boost .ssb27-period.active{border-color:#ac8cff;color:#fff;background:linear-gradient(110deg,#a45fff,#626cf9);box-shadow:0 3px 14px rgba(101,72,215,.35)}
body.ss-route-boost .ssb27-period:focus-within{outline:2px solid #d1bbff;outline-offset:3px}
body.ss-route-boost .ssb27-period input{position:absolute;width:1px;height:1px;opacity:0}
body.ss-route-boost .ssb27-duration-heading,body.ss-route-boost .ssb27-durations{display:none!important}
body.ss-route-boost .ssb27-packages{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;align-items:stretch;
}
body.ss-route-boost .ssbx #pachete .ssb27-card{
  --boost-accent:#b765ff;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;
  min-height:482px;border:2px solid color-mix(in srgb,var(--boost-accent) 75%,#273d7e)!important;
  border-radius:21px!important;background:linear-gradient(165deg,#131936 0%,#0c1630 52%,#070f24 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 13px 35px rgba(0,0,0,.30)!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
body.ss-route-boost .ssbx #pachete .ssb27-card[data-tier=bronze]{--boost-accent:#cb78ff}
body.ss-route-boost .ssbx #pachete .ssb27-card[data-tier=silver]{--boost-accent:#7aafff}
body.ss-route-boost .ssbx #pachete .ssb27-card[data-tier=gold]{--boost-accent:#ffc344;background:linear-gradient(160deg,#2a2131,#191725 55%,#130f23)!important}
body.ss-route-boost .ssbx #pachete .ssb27-card[data-tier=platinum]{--boost-accent:#59b7ff}
body.ss-route-boost .ssbx #pachete .ssb27-card:hover{transform:translateY(-3px);box-shadow:0 17px 35px rgba(0,0,0,.4),0 0 25px color-mix(in srgb,var(--boost-accent) 17%,transparent)!important}
body.ss-route-boost .ssbx #pachete .ssb27-card.pop{border-color:#e8ad40!important;box-shadow:0 0 0 1px rgba(235,174,63,.28),0 18px 40px #0009!important}
body.ss-route-boost .ssb27-card-top{
  display:flex;align-items:center;flex-direction:column;text-align:center;
  padding:46px 16px 20px;min-height:244px;position:relative;
  background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--boost-accent) 11%,transparent),transparent 65%);
}
body.ss-route-boost .ssb27-card-icon{width:65px;height:65px;margin:0 auto 12px;display:grid;place-items:center;
  color:var(--boost-accent);background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  filter:drop-shadow(0 0 11px color-mix(in srgb,var(--boost-accent) 45%,transparent));}
body.ss-route-boost .ssb27-card-icon svg{width:60px;height:60px;display:block}
body.ss-route-boost .ssb27-card-top h3{margin:0!important;font-size:23px!important;letter-spacing:0!important;line-height:1.15!important;color:#fff!important;font-weight:900!important}
body.ss-route-boost .ssb27-caption{margin:9px 0 12px!important;color:#b5bfdf!important;font-size:15px!important;min-height:21px}
body.ss-route-boost .ssb27-price{display:flex;align-items:baseline;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:auto}
body.ss-route-boost .ssb27-price strong{font-size:clamp(32px,2.8vw,42px)!important;line-height:1.1!important;color:#fff!important;font-weight:900!important;letter-spacing:-.035em}
body.ss-route-boost .ssb27-price span{font-size:14px;color:#aeb8d5}
body.ss-route-boost .ssb27-card-body{display:flex;flex:1;flex-direction:column;padding:7px 17px 18px!important;border:0!important}
body.ss-route-boost .ssb27-features{list-style:none;margin:0 0 8px!important;padding:0!important;min-height:0!important;flex:0 0 auto}
body.ss-route-boost .ssb27-features li{display:flex;gap:10px;align-items:flex-start;font-size:15px!important;line-height:1.52!important;margin:12px 0!important;color:#d7dcf7!important}
body.ss-route-boost .ssb27-features li:before{content:'✓';color:var(--boost-accent)!important;font-weight:950;font-size:18px;line-height:1.25}
body.ss-route-boost .ssb27-extra{margin:0 0 16px;color:#c8cbe9;font-size:14px;line-height:1.45}
body.ss-route-boost .ssb27-extra summary{color:#cdb7ff;cursor:pointer;font-size:14px;font-weight:750;list-style:revert}
body.ss-route-boost .ssb27-extra summary:focus-visible{outline:2px solid #c4a3ff;outline-offset:3px}
body.ss-route-boost .ssb27-extra-list{list-style:none;padding:3px 0 0 0;margin:0}
body.ss-route-boost .ssb27-extra-list li{margin:7px 0;display:flex;gap:8px}
body.ss-route-boost .ssb27-extra-list li:before{content:'✓';font-weight:900;color:var(--boost-accent)}
body.ss-route-boost .ssb27-choose{
  margin-top:auto;width:100%;min-height:49px;padding:10px 12px;
  border:1px solid #a69bff!important;border-radius:11px!important;
  color:#fff!important;background:linear-gradient(115deg,#6383ff,#9b32ed)!important;
  font-size:16px!important;font-weight:850!important;box-shadow:0 6px 20px rgba(84,55,212,.33)!important;
  cursor:pointer;
}
body.ss-route-boost .ssb27-choose:hover{filter:brightness(1.12)}
body.ss-route-boost .ssb27-choose:focus-visible{outline:3px solid #d0b7ff;outline-offset:2px}
body.ss-route-boost .ssb27-ribbon{position:absolute;z-index:4;top:0;right:0;left:auto;
  min-width:95px;border-radius:0 17px 0 15px!important;background:var(--boost-accent)!important;
  padding:8px 12px!important;color:#161324!important;line-height:1.1!important;font-size:14px!important;font-weight:900!important;text-align:center;}
body.ss-route-boost .ssbx #pachete .ssb27-card[data-tier=platinum] .ssb27-ribbon{color:#001a37!important}
body.ss-route-boost .ssb27-offer-note{min-height:0;margin:0;padding:5px 12px 7px;text-align:center;font-size:14px;font-weight:800;color:#e8d2ff}
body.ss-route-boost .ssb27-offer-note[hidden]{display:none!important}
@media (min-width:720px) and (max-width:1159px){body.ss-route-boost .ssb27-packages{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:719px){
  body.ss-route-boost #pachete.ssb27-showcase{padding:21px 12px 16px;margin-top:13px}
  body.ss-route-boost .ssb27-global-period{margin-bottom:18px}
  body.ss-route-boost .ssb27-global-period-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,360px)}
  body.ss-route-boost .ssb27-period{min-width:0;padding:9px 5px;font-size:14px}
  body.ss-route-boost .ssb27-packages{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  body.ss-route-boost .ssbx #pachete .ssb27-card{min-height:440px}
  body.ss-route-boost .ssb27-card-top{min-height:220px;padding:37px 14px 14px}
  body.ss-route-boost .ssb27-card-body{padding:6px 16px 16px!important}
}

/* Analytics panel — styles consolidated from Admin PHP, October 2026. */

.ss26-stats-hero{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(168,85,247,.32);background:
radial-gradient(700px 250px at 0% 0%,rgba(168,85,247,.18),transparent 65%),
radial-gradient(500px 220px at 100% 0%,rgba(14,165,233,.10),transparent 65%),
linear-gradient(150deg,#0b0d16,#10121f 58%,#0b0d16)}
.ss26-stats-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.ss26-stats-kicker{font:900 14px/1 system-ui;letter-spacing:.2em;color:#a855f7}
.ss26-live-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(34,197,94,.35);border-radius:999px;background:rgba(34,197,94,.08);font-size:14px;font-weight:900;color:#86efac}
.ss26-live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.08),0 0 18px rgba(34,197,94,.75);animation:sspulse 1.6s infinite}
@keyframes sspulse{50%{opacity:.35;transform:scale(.8)}}
.ss26-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.ss26-stat-card{position:relative;overflow:hidden;padding:17px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.ss26-stat-card:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,#7c3aed,#a855f7,#0ea5e9);opacity:.8}
.ss26-stat-value{font-size:28px;line-height:1;font-weight:900;letter-spacing:-.03em;margin:8px 0 5px}
.ss26-stat-label{font-size:14px;letter-spacing:.12em;font-weight:900;color:var(--text3)}
.ss26-stat-sub{font-size:14px;color:var(--text3)}
.ss26-panel-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:12px}
.ss26-traffic-chart{height:255px;margin-top:12px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,rgba(168,85,247,.04),rgba(255,255,255,.01))}
.ss26-traffic-chart svg{width:100%;height:100%;display:block}
.ss26-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--text3)}
.ss26-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}
.ss26-rank{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.ss26-rank:last-child{border-bottom:0}
.ss26-bar{height:5px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:6px}
.ss26-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a855f7,#0ea5e9)}
.ss26-donut{width:150px;height:150px;border-radius:50%;margin:8px auto;position:relative;background:conic-gradient(#a855f7 0 var(--ss26-desk),#0ea5e9 var(--ss26-desk) var(--ss26-desk-mobile),#f59e0b var(--ss26-desk-mobile) 100%)}
.ss26-donut:after{content:"";position:absolute;inset:22px;border-radius:50%;background:#0b0d16;border:1px solid var(--line)}
.ss26-donut-center{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column}
.ss26-live-table{width:100%;border-collapse:collapse}
.ss26-live-table td{padding:10px 8px;border-bottom:1px solid var(--line);font-size:14px}
.ss26-live-table tr:last-child td{border-bottom:0}
.ss26-range a{padding:7px 10px;border-radius:8px;font-size:14px;font-weight:900;border:1px solid var(--line);color:var(--text2)}
.ss26-range a.on{background:var(--acc-soft);border-color:var(--line2);color:var(--acc)}
.ss26-conv-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}
.ss26-conv-card{padding:14px;border:1px solid rgba(14,165,233,.22);border-radius:12px;background:linear-gradient(150deg,rgba(14,165,233,.06),rgba(168,85,247,.035))}
.ss26-conv-card .v{font-size:23px;font-weight:950;line-height:1;margin:7px 0 5px}
.ss26-campaign-table{width:100%;border-collapse:collapse;min-width:760px}
.ss26-campaign-table th,.ss26-campaign-table td{padding:10px;border-bottom:1px solid var(--line);font-size:14px;text-align:left}
.ss26-campaign-table th{font-size:14px;color:var(--text3);letter-spacing:.08em}
.ss26-source-chip{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid rgba(168,85,247,.28);border-radius:999px;background:rgba(168,85,247,.07);font-size:14px;font-weight:850}
@media(max-width:1050px){.ss26-stat-grid{grid-template-columns:1fr 1fr}.ss26-panel-grid{grid-template-columns:1fr}.ss26-conv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ss26-stat-grid{grid-template-columns:1fr}.ss26-stats-hero{padding:18px}.ss26-stat-value{font-size:24px}}

.ss26-donut--empty{background:#1b2941;border:2px dashed #465674}

.ss26-analytics-top-grid{display:grid;grid-template-columns:1.1fr .9fr .8fr;gap:12px;margin-top:12px}
.ss26-analytics-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.ss26-analytics-top-grid>.card,.ss26-analytics-bottom-grid>.card{min-width:0}
@media(max-width:1100px){.ss26-analytics-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss26-analytics-top-grid>.card:last-child{grid-column:1/-1}}
@media(max-width:680px){.ss26-analytics-top-grid,.ss26-analytics-bottom-grid{grid-template-columns:minmax(0,1fr)}.ss26-analytics-top-grid>.card:last-child{grid-column:auto}}

/* Standalone CS2 Esports Admin navigation — same visual identity as public mockup. */
:is(body.ss26-admin-route.ss-route-esports-setup) .es-brand-image{display:block;width:clamp(185px,24vw,295px);height:auto;max-width:100%;object-fit:contain;mix-blend-mode:screen}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-navbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-language{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #455883;border-radius:10px;background:#101c38}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-language a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:36px;padding:6px 9px;border-radius:7px;color:#b9caeb;text-decoration:none;font-size:15px;font-weight:850}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-language a[aria-current="true"]{background:linear-gradient(130deg,#7d43e0,#4369dc);color:#fff}
:is(body.ss26-admin-route.ss-route-esports-setup) .es-language a:focus-visible{outline:3px solid #cba6ff;outline-offset:2px}
@media(max-width:600px){:is(body.ss26-admin-route.ss-route-esports-setup) .es-navbar-actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}:is(body.ss26-admin-route.ss-route-esports-setup) .es-language{justify-self:start}}

/* Owner payments history page — styles moved out of PHP. */
html:has(> body.ss-route-payments-history){color-scheme:dark}
    html:has(> body.ss-route-payments-history){background:#070b19}
    body.ss26-admin-route.ss27-mockup.ss-route-payments-history{margin:0;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf0ff;background:linear-gradient(180deg,#10102d 0,#070b19 420px)!important;min-height:100vh}
    body.ss-route-payments-history,body.ss-route-payments-history *,body.ss-route-payments-history *::before,body.ss-route-payments-history *::after{box-sizing:border-box}
    body.ss-route-payments-history .ss-finance-top{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:15px clamp(16px,3vw,48px);border-bottom:1px solid #39345d;background:#0a1023}
    body.ss-route-payments-history .ss-finance-top a{color:#d6b9ff;text-decoration:none;font-weight:700;font-size:16px}
    body.ss-route-payments-history .ss-finance-top strong{font-size:18px;color:#fff}
    body.ss-route-payments-history .ss-finance-bottom{text-align:center;border-top:1px solid #39345d;color:#b8c4dc;font-size:14px;padding:23px}
    body.ss-route-payments-history :is(a,button,input,select,textarea):focus-visible{outline:3px solid #ad8eff;outline-offset:3px}

/* Gallery and service guidance — unified stylesheet. */
.sm26{width:100%;max-width:none;margin:0 auto 50px}.sm-hero,.sm-card{border:1px solid #253854;border-radius:15px;background:linear-gradient(180deg,#0a1427,#080f1c);padding:18px}.sm-hero{background:radial-gradient(circle at 88% 10%,rgba(133,50,255,.20),transparent 36%),linear-gradient(135deg,#0c1427,#080c15);margin-bottom:12px}.sm-hero h1{margin:5px 0;font-size:25px}.sm-hero p{margin:0;color:#8493a9;font-size:14px}.sm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sm-card h2{font-size:14px;margin:0 0 12px}.sm-card input{width:100%;height:39px;border:1px solid #30496f;border-radius:7px;background:#060e1a;color:#fff;padding:0 10px}.sm-btn{height:38px;border:0;border-radius:7px;padding:0 15px;background:linear-gradient(90deg,#7427ec,#a932ff);color:#fff;font-weight:900;font-size:14px;cursor:pointer}.sm-form{display:grid;gap:8px}.sm-preview{aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#050a12;margin-top:12px}.sm-preview iframe{width:100%;height:100%;border:0}.sm-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.sm-img{position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;border:1px solid #263b60;background:#07101d}.sm-img img{width:100%;height:100%;object-fit:cover}.sm-del{position:absolute;right:5px;top:5px}.sm-del button{border:0;background:rgba(0,0,0,.72);color:#fff;border-radius:5px;padding:5px 7px;cursor:pointer}.sm-msg{padding:9px 11px;margin-bottom:10px;border-radius:7px;font-size:14px;border:1px solid #9c5266;color:#ff9aac}.sm-back{display:inline-flex;margin-top:12px;color:#b970ff;font-size:14px}@media(max-width:760px){.sm-grid{grid-template-columns:1fr}.sm-gallery{grid-template-columns:1fr 1fr}}
.sm-msg--ok{border-color:rgba(44,230,155,.3);color:#5deeb1}
.sm-msg--error{border-color:rgba(255,85,114,.3);color:#ff8ca0}
.sm-hero p,.sm-card h2,.sm-msg,.sm-back{font-size:16px}
.sm-card input{min-height:44px;height:auto;padding:10px 12px}
.sm-btn{min-height:44px;height:auto;padding:9px 16px;font-size:16px}
@media(max-width:480px){.sm-gallery{grid-template-columns:1fr 1fr}.sm-hero,.sm-card{padding:16px}}

.ss27-guides{box-sizing:border-box;width:min(1180px,calc(100% - 32px));margin:28px auto 56px;color:#eef3ff}
.ss27-guides *{box-sizing:border-box}.ss27-guides-head{margin:0 0 17px}.ss27-guides-head h2{font-size:clamp(22px,2.8vw,30px);line-height:1.25;margin:0 0 8px;color:#fff}.ss27-guides-head p{font-size:16px;color:#b8cae9;line-height:1.6;margin:0}
.ss27-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ss27-guide{min-width:0;background:linear-gradient(150deg,#101d3b,#0b1530);border:1px solid #334877;border-radius:13px;padding:21px;overflow-wrap:anywhere}
.ss27-guide h3{font-size:19px;color:#fff;margin:0 0 11px}.ss27-guide p{font-size:16px;line-height:1.72;color:#c5d2ea;margin:0}
.ss27-guides-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.ss27-guides-links a{font-size:15px;color:#d3b2ff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){.ss27-guides-grid{grid-template-columns:1fr}.ss27-guides{width:calc(100% - 24px)}}

body.ss27-mockup .sm26 button.sm-btn{min-height:44px!important}


/* SOULSHIVE EMBEDS AND MEMBER UNIFICATION 2026-10-19 */



.member-page{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding-bottom:35px;
}




.member-hero{

    position:relative;
    overflow:hidden;

    min-height:390px;

    border:1px solid var(--member-border);
    border-radius:22px;

    background:
        radial-gradient(
            circle at 82% 38%,
            var(--member-soft),
            transparent 28%
        ),
        radial-gradient(
            circle at 15% 85%,
            rgba(59,130,246,.10),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #050611 0%,
            #08091a 48%,
            #03040c 100%
        );

    box-shadow:
        0 25px 80px rgba(0,0,0,.45),
        inset 0 0 80px var(--member-soft);
}




.member-hero:before{

    content:"";

    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(139,92,246,.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,92,246,.07) 1px,
            transparent 1px
        );

    background-size:42px 42px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 85%
        );

    pointer-events:none;
}




.member-hero:after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-170px;
    top:-150px;

    border-radius:50%;

    border:1px solid var(--member-border);

    box-shadow:
        0 0 90px var(--member-soft),
        inset 0 0 90px rgba(0,120,255,.10);

    pointer-events:none;
}




.member-hero-content{

    position:relative;
    z-index:3;

    display:grid;

    grid-template-columns:260px 1fr;

    gap:42px;

    align-items:center;

    min-height:390px;

    padding:45px 55px;
}




.member-avatar-area{

    display:flex;
    justify-content:center;
    align-items:center;

    position:relative;

    height:250px;
}




.member-orbit{

    position:absolute;

    width:245px;
    height:245px;

    border-radius:50%;

    border:1px solid var(--member-border);

    box-shadow:
        0 0 40px var(--member-soft),
        inset 0 0 40px var(--member-soft);

    animation:
        memberSpin 18s linear infinite;
}

.member-orbit:before{

    content:"";

    position:absolute;

    width:9px;
    height:9px;

    border-radius:50%;

    background:var(--member-color);

    box-shadow:
        0 0 15px var(--member-color),
        0 0 30px var(--member-color);

    top:18px;
    left:50%;

    transform:translateX(-50%);
}




.member-orbit-2{

    position:absolute;

    width:205px;
    height:205px;

    border-radius:50%;

    border:1px dashed rgba(255,255,255,.12);

    animation:
        memberSpinReverse 13s linear infinite;
}




.member-avatar-image,
.member-avatar-fallback{

    position:relative;
    z-index:4;

    width:155px;
    height:155px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    border:3px solid;

    object-fit:cover;

    font-size:64px;
    font-weight:950;
}




.member-online{

    position:absolute;

    z-index:6;

    width:20px;
    height:20px;

    right:39px;
    bottom:43px;

    border-radius:50%;

    background:#22C55E;

    border:4px solid #050611;

    box-shadow:
        0 0 12px rgba(34,197,94,.95),
        0 0 25px rgba(34,197,94,.65);
}




.member-kicker{

    display:flex;
    align-items:center;
    gap:9px;

    color:var(--member-color);

    font-size:14px;
    font-weight:900;

    letter-spacing:.16em;
    text-transform:uppercase;
}

.member-kicker:before{

    content:"";

    width:24px;
    height:2px;

    border-radius:3px;

    background:
        linear-gradient(
            90deg,
            var(--member-color),
            #8B5CF6,
            #3B82F6
        );

    box-shadow:
        0 0 12px var(--member-color);
}


.member-name{

    margin:14px 0 5px;

    font-size:48px;

    line-height:1;

    letter-spacing:-.035em;

    font-weight:950;

    color:#F1F3F8;
}


.member-role{

    display:inline-flex;

    align-items:center;

    gap:7px;

    padding:7px 11px;

    border:1px solid var(--member-color);

    border-radius:7px;

    color:var(--member-color);

    background:var(--member-soft);

    font-size:14px;

    font-weight:900;

    letter-spacing:.08em;
}


.member-description{

    max-width:610px;

    margin-top:17px;

    color:#AEB3C4;

    font-size:14px;

    line-height:1.7;
}




.member-stats{

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    margin-top:25px;
}

.member-stat{

    min-width:130px;

    padding:12px 15px;

    border:1px solid rgba(139,92,246,.24);

    border-radius:10px;

    background:rgba(6,8,18,.72);

    backdrop-filter:blur(8px);
}

.member-stat strong{

    display:block;

    color:#F3F4F8;

    font-size:19px;

    line-height:1;
}

.member-stat span{

    display:block;

    margin-top:5px;

    color:#81889B;

    font-size:14px;

    letter-spacing:.10em;

    text-transform:uppercase;
}




.member-actions{

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    margin-top:22px;
}

.member-btn{

    min-height:42px;

    padding:0 18px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:7px;

    border-radius:8px;

    text-decoration:none!important;

    font-size:14px;

    font-weight:900;

    letter-spacing:.03em;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.member-btn-primary{

    color:white!important;

    background:
        linear-gradient(
            135deg,
            var(--member-color),
            #6D28D9
        );

    border:1px solid var(--member-border);

    box-shadow:
        0 8px 28px var(--member-soft);
}

.member-btn-primary:hover{

    transform:translateY(-2px);

    box-shadow:
        0 13px 35px var(--member-soft);
}

.member-btn-ghost{

    color:#D8D9E4!important;

    background:rgba(8,10,20,.78);

    border:1px solid rgba(148,163,184,.22);
}

.member-btn-ghost:hover{

    transform:translateY(-2px);

    border-color:#8B5CF6;

    background:rgba(139,92,246,.08);
}




.member-body{

    margin-top:20px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;
}


.member-card{

    position:relative;

    overflow:hidden;

    border:1px solid rgba(139,92,246,.20);

    border-radius:15px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(139,92,246,.08),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(9,10,22,.97),
            rgba(4,6,14,.97)
        );

    padding:20px;
}

.member-card-title{

    display:flex;

    align-items:center;

    gap:8px;

    color:#F0F1F5;

    font-size:14px;

    font-weight:900;
}

.member-card-sub{

    margin-top:5px;

    color:#7E8497;

    font-size:14px;
}




.member-role-panel{

    margin-top:17px;

    padding:15px;

    border-radius:11px;

    border:1px solid var(--member-border);

    background:
        linear-gradient(
            135deg,
            var(--member-soft),
            rgba(0,0,0,.20)
        );
}

.member-role-panel-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;
}

.member-role-panel-name{

    color:var(--member-color);

    font-size:14px;

    font-weight:900;
}

.member-role-panel-icon{

    font-size:23px;
}

.member-role-panel-text{

    margin-top:9px;

    color:#9CA2B3;

    font-size:14px;

    line-height:1.6;
}




.member-servers{

    margin-top:14px;

    display:flex;

    flex-direction:column;

    gap:8px;
}

.member-server{

    display:flex;

    align-items:center;

    gap:10px;

    padding:11px;

    border:1px solid rgba(139,92,246,.16);

    border-radius:9px;

    background:rgba(5,7,16,.65);

    text-decoration:none!important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.member-server:hover{

    transform:translateX(3px);

    border-color:#8B5CF6;

    background:rgba(12,14,28,.9);
}

.member-server-icon{

    width:36px;
    height:36px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:rgba(139,92,246,.10);

    border:1px solid rgba(139,92,246,.20);

    font-size:17px;
}

.member-server-info{

    min-width:0;

    flex:1;
}

.member-server-name{

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    color:#E7E9F0;

    font-size:14px;

    font-weight:800;
}

.member-server-meta{

    margin-top:3px;

    color:#777E91;

    font-size:14px;
}

.member-server-status{

    color:#22C55E;

    font-size:14px;

    font-weight:900;

    white-space:nowrap;
}




.member-empty{

    margin-top:15px;

    padding:28px 15px;

    text-align:center;

    border:1px dashed rgba(139,92,246,.22);

    border-radius:10px;

    background:rgba(4,6,14,.35);
}

.member-empty-icon{

    font-size:27px;

    opacity:.7;
}

.member-empty-title{

    margin-top:8px;

    color:#A7ACBB;

    font-size:14px;

    font-weight:800;
}

.member-empty-text{

    margin-top:5px;

    color:#676E81;

    font-size:14px;
}




.member-footer-card{

    margin-top:18px;

    padding:25px;

    border:1px solid rgba(109,74,255,.40);

    border-radius:15px;

    background:
        radial-gradient(
            circle at 10% 50%,
            rgba(139,92,246,.15),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 50%,
            rgba(0,123,255,.10),
            transparent 30%
        ),
        linear-gradient(
            110deg,
            #080918,
            #060711
        );

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;
}

.member-footer-title{

    color:#E9EBF2;

    font-size:17px;

    font-weight:900;
}

.member-footer-text{

    margin-top:5px;

    color:#81889B;

    font-size:14px;
    line-height:1.6;
}




@keyframes memberSpin{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }
}

@keyframes memberSpinReverse{

    from{
        transform:rotate(360deg);
    }

    to{
        transform:rotate(0deg);
    }
}




@media(max-width:900px){

    .member-hero-content{

        grid-template-columns:1fr;

        text-align:center;

        padding:35px 25px;
    }

    .member-avatar-area{

        order:0;

        height:230px;
    }

    .member-kicker{

        justify-content:center;
    }

    .member-name{

        font-size:40px;
    }

    .member-description{

        margin-left:auto;
        margin-right:auto;
    }

    .member-stats{

        justify-content:center;
    }

    .member-actions{

        justify-content:center;
    }

    .member-body{

        grid-template-columns:1fr;
    }

}

@media(max-width:560px){

    .member-page{

        padding-left:10px;
        padding-right:10px;
    }

    .member-hero-content{

        padding:30px 18px;
    }

    .member-name{

        font-size:32px;

        word-break:break-word;
    }

    .member-avatar-image,
    .member-avatar-fallback{

        width:130px;
        height:130px;

        font-size:52px;
    }

    .member-orbit{

        width:205px;
        height:205px;
    }

    .member-orbit-2{

        width:175px;
        height:175px;
    }

    .member-online{

        right:34px;
        bottom:40px;
    }

    .member-stat{

        flex:1;

        min-width:110px;
    }

    .member-footer-card{

        flex-direction:column;

        align-items:flex-start;
    }

    .member-actions{

        flex-direction:column;
    }

    .member-btn{

        width:100%;
    }
}

.member-founder-badge{
    display:inline-flex;align-items:center;gap:8px;margin-top:12px;
    padding:8px 13px;border:1px solid rgba(250,200,91,.5);
    border-radius:999px;background:rgba(251,191,36,.1);color:#ffd775;
    font-size:15px;font-weight:850;letter-spacing:.015em;
}

/* Self-contained embeds reuse this stylesheet but must not inherit full-page layout. */
html:has(body.ss-partner-embed),body.ss-partner-embed{margin:0!important;width:100%;height:100%;background:transparent!important;overflow:hidden}
body.ss-partner-embed{padding:0!important;min-width:0!important;max-width:none!important;display:block!important}
body.ss-partner-embed .ss-partner{display:block;width:min(300px,100%);height:min(300px,100%);overflow:hidden;border-radius:14px;border:1px solid rgba(142,65,255,.55);background:#05070c;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.3)}
body.ss-partner-embed .ss-partner img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#05070c}
body.ss-partner-embed .ss-partner:hover{border-color:#a855f7;box-shadow:0 10px 34px rgba(126,48,255,.3)}
body.ss-server-embed{margin:0!important;padding:14px!important;min-width:0!important;width:100%;max-width:none!important;display:block!important;min-height:0!important;background:#111118!important;color:#f2f2f7;border:1px solid rgba(168,85,247,.3);border-radius:12px;font-family:system-ui,sans-serif;font-size:14px;line-height:1.5}
body.ss-server-embed a{color:#a855f7;text-decoration:none}
body.ss-server-embed .g{color:#22c55e}
body.ss-server-embed .r{color:#e58273}
body.ss-server-embed .ss-server-embed-unknown{color:#b6b7cc}
body.ss-server-embed .ss-server-embed-meta{opacity:.75;font-family:ui-monospace,monospace;font-size:14px;overflow-wrap:anywhere;margin:8px 0}
body.ss-server-embed .bar{height:6px;background:#1f1f2b;border-radius:4px;margin:10px 0;overflow:hidden}
body.ss-server-embed .bar i{display:block;height:100%;width:var(--ss-player-fill,0%);border-radius:4px;background:linear-gradient(135deg,#c084fc,#6d28d9)}

/* Printable partnership certificate; tier color is a PHP-calculated CSS variable. */
body.ss-certificate-page{margin:0!important;min-width:0!important;min-height:100vh;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px!important;background:#0b0b10!important;color:#f2f2f7;font-family:Manrope,system-ui,sans-serif}
body.ss-certificate-page *{box-sizing:border-box}
body.ss-certificate-page .cert{width:900px;max-width:100%;aspect-ratio:1.55/1;min-height:450px;position:relative;display:flex;flex-direction:column;padding:52px 60px;border:2px solid color-mix(in srgb,var(--cert-color,#a855f7) 42%,transparent);border-radius:18px;background:radial-gradient(700px 300px at 15% 0%,rgba(168,85,247,.18),transparent),radial-gradient(600px 280px at 90% 100%,color-mix(in srgb,var(--cert-color,#a855f7) 14%,transparent),transparent),#111118;color:#f2f2f7}
body.ss-certificate-page .brand{font-size:15px;font-weight:800;letter-spacing:.14em;color:#a855f7}
body.ss-certificate-page h1{font-size:clamp(23px,3.3vw,34px);font-weight:800;margin:22px 0 6px;letter-spacing:-.01em;color:#f2f2f7}
body.ss-certificate-page .sub{color:#bfbfcc;font-size:16px;line-height:1.6;max-width:560px;margin:0}
body.ss-certificate-page .name{font-size:clamp(23px,3vw,28px);font-weight:800;margin:26px 0 4px;color:var(--cert-color,#a855f7);overflow-wrap:anywhere}
body.ss-certificate-page .tier{display:inline-flex;gap:6px;align-items:center;align-self:flex-start;font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--cert-color,#a855f7);border:1px solid color-mix(in srgb,var(--cert-color,#a855f7) 34%,transparent);background:color-mix(in srgb,var(--cert-color,#a855f7) 10%,transparent);padding:8px 12px;border-radius:999px;margin-top:8px}
body.ss-certificate-page .meta{position:relative;margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;font-size:14px;color:#a8acc2}
body.ss-certificate-page .meta b{display:inline-block;margin-top:5px}
body.ss-certificate-page .cert-value,body.ss-certificate-page .cert-mono{color:#f2f2f7}
body.ss-certificate-page .cert-mono{font-family:ui-monospace,monospace;overflow-wrap:anywhere}
body.ss-certificate-page .qr{width:64px;height:64px;flex-shrink:0;border-radius:8px;background:repeating-linear-gradient(45deg,#222 0 4px,#0b0b10 4px 8px);border:1px solid #333}
body.ss-certificate-page .print{margin-top:0}
body.ss-certificate-page .print button{background:#a855f7;color:#fff;border:0;border-radius:10px;padding:12px 20px;min-height:44px;font-size:16px;font-weight:800;cursor:pointer}
@media(max-width:620px){body.ss-certificate-page{padding:14px!important;justify-content:flex-start}body.ss-certificate-page .cert{min-height:0;aspect-ratio:auto;padding:25px 19px;border-radius:15px}body.ss-certificate-page .meta{flex-wrap:wrap;gap:14px}body.ss-certificate-page .meta .qr{margin-left:auto}body.ss-certificate-page .print button{width:100%}}
@media print{body.ss-certificate-page{background:white!important;min-height:0;padding:0!important}body.ss-certificate-page .cert{border-color:var(--cert-color,#a855f7);break-inside:avoid;width:100%;max-width:none}body.ss-certificate-page .print{display:none!important}}

/* Role border must win over old shared page-card borders. */
body.ss26-page:has(.member-page) .member-page .member-hero{border-color:var(--member-border,rgba(168,85,247,.45))!important}

/* Home cards remain adaptive with real counts; unverified servers are never styled as online. */
body.ss-route-index .ss26-recommended-grid:has(> :only-child){grid-template-columns:minmax(0,min(380px,100%))!important}
body.ss-route-index .ss26-servergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:14px}
body.ss-route-index .ss26-servergrid:has(> :only-child){grid-template-columns:minmax(0,min(370px,100%))}
body.ss-route-index .ss26-servercard .ss26-unverified-label{display:inline-flex;background:rgba(148,163,184,.22);color:#d2ddf0;border:1px solid rgba(148,163,184,.45);font-size:14px;font-weight:800;border-radius:6px;padding:5px 8px}
body.ss-route-index .ss26-servercard .ss26-status-neutral{display:inline-flex;color:#c3cede;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.35);border-radius:6px;padding:4px 7px;font-size:14px;font-weight:700}

body.ss-route-index .ss26-rec-right .ss26-rec-current{color:#52d9b4!important}
body.ss-route-index .ss26-rec-right .ss26-rec-unverified{color:#c5cfe4!important;font-weight:750;line-height:1.3;white-space:normal;overflow-wrap:anywhere}

/* Addon profile — cover, creator and primary action share the compact hero. */
body.ss-route-addon .ss-addon-detail .ss-addon-hero{padding:clamp(16px,2vw,28px);margin-bottom:18px}
body.ss-route-addon .ss-addon-hero-layout{display:grid;grid-template-columns:minmax(275px,0.9fr) minmax(0,1.6fr);align-items:stretch;gap:clamp(18px,2vw,32px)}
body.ss-route-addon .ss-addon-hero-media,body.ss-route-addon .ss-addon-hero-content{min-width:0}
body.ss-route-addon .ss-addon-hero-media .ss-addon-gallery{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:66px;gap:7px;margin:0}
body.ss-route-addon .ss-addon-hero-media .ss-addon-gallery-item.is-cover{grid-column:1/-1;grid-row:span 3}
body.ss-route-addon .ss-addon-hero-media .ss-addon-gallery-item:not(.is-cover){grid-column:span 1;grid-row:span 1}
body.ss-route-addon .ss-addon-hero-media .ss-addon-gallery-empty{min-height:238px;height:100%;margin:0}
body.ss-route-addon .ss-addon-hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px;justify-content:center}
body.ss-route-addon .ss-addon-hero-content .ss-addon-eyebrow{margin:0}
body.ss-route-addon .ss-addon-hero-tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
body.ss-route-addon .ss-addon-hero-tags .badge{padding:6px 10px;overflow-wrap:anywhere}
body.ss-route-addon .ss-addon-hero-tags .ss-addon-verified{color:#65f5b1;border-color:#286d66;background:rgba(21,108,88,.15)}
body.ss-route-addon .ss-addon-hero-content h1{font-size:clamp(26px,2.3vw,39px);line-height:1.2;overflow-wrap:anywhere;margin:0}
body.ss-route-addon .ss-addon-hero-content .ss-addon-hero-author{font-size:16px;margin:0;color:#bfc9e3}
body.ss-route-addon .ss-addon-hero-author a{color:#ddc4ff;text-decoration:underline;text-underline-offset:3px}
body.ss-route-addon .ss-addon-hero-rating{display:flex;flex-wrap:wrap;align-items:center;gap:6px 13px;font-size:15px;color:#b9c6df}
body.ss-route-addon .ss-addon-hero-rating>span:first-child{color:#ffd45a;letter-spacing:.1em}
body.ss-route-addon .ss-addon-hero-rating strong{color:#f4eaff}
body.ss-route-addon .ss-addon-hero-content .ss-addon-hero-intro{font-size:16px;line-height:1.5}
body.ss-route-addon .ss-addon-hero-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:3px}
body.ss-route-addon .ss-addon-hero-price{color:#e2b5ff;font-size:clamp(22px,2vw,31px)}
body.ss-route-addon .ss-addon-detail .ss-addon-hero-action{background:linear-gradient(110deg,#a053f5,#633bd6);color:white;padding:11px 18px;min-height:45px}
body.ss-route-addon #ss-addon-action{scroll-margin-top:90px}
body.ss-route-addon .ss-addon-hero-gallery-caption{font-size:14px;color:#b9c6df}
@media(max-width:850px){body.ss-route-addon .ss-addon-hero-layout{grid-template-columns:minmax(0,1fr)}body.ss-route-addon .ss-addon-hero-media .ss-addon-gallery{grid-auto-rows:77px}}
@media(max-width:560px){body.ss-route-addon .ss-addon-hero-media .ss-addon-gallery{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:55px}body.ss-route-addon .ss-addon-hero-media .ss-addon-gallery-item.is-cover{grid-column:1/-1;grid-row:span 3}body.ss-route-addon .ss-addon-hero-content h1{font-size:27px}body.ss-route-addon .ss-addon-hero-bottom{width:100%;flex-direction:column;align-items:stretch}body.ss-route-addon .ss-addon-detail .ss-addon-hero-action{width:100%}}

/* Server profile anchors indicate the active section without rewriting page state. */
body.ss-route-server_info .sv26 .sv-tabs a:first-child:not([aria-current]){background:transparent!important;color:#c5d0e8!important}
body.ss-route-server_info .sv26 .sv-tabs a[aria-current="location"]{background:linear-gradient(120deg,#7438d3,#4d2c9c)!important;color:#fff!important;border-radius:8px}


/* Staff review — safe explicit rejection form */
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-action-reject-form{
  display:flex; flex-direction:column; align-items:stretch; gap:9px;
  flex:1 1 270px; max-width:100%;
}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-note-label{
  color:#d7dafa; font-size:15px; font-weight:750; line-height:1.5;
}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-note-input{
  display:block; width:100%; min-height:76px; box-sizing:border-box; resize:vertical;
  padding:12px 14px; border:1px solid #53648c; border-radius:11px;
  background:#0b152b; color:#f4f6ff; font:inherit; font-size:16px; line-height:1.5;
}
:is(body.ss26-admin-route.ss-route-staff-review) #ss-staff-review .sr-note-input:focus-visible{
  outline:3px solid #ba9dff; outline-offset:2px;
}

/* Admin multiplayer catalog — component rules in the shared stylesheet. */
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-eyebrow{margin:0 0 10px;color:#bb96ff;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 8px}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-summary>div{display:flex;flex-direction:column;gap:5px;background:#090f22a8;border:1px solid #425283;border-radius:13px;padding:14px;min-width:0}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-summary strong{font-size:clamp(22px,3vw,30px);line-height:1.2;color:#f2f3ff}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-summary span{font-size:14px;line-height:1.5;color:#c9d5ec}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-section-title{font-size:clamp(22px,2.5vw,29px);margin:20px 0 8px;color:#f3efff}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-disclaimer{font-size:15px;margin:0 0 18px;color:#b4c8e4}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-card h3{font-size:20px;margin:0 0 8px;line-height:1.3;overflow-wrap:anywhere}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-card .im26-kind{font-weight:700}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-kind.discovery{border:1px solid #347b88;background:#092d3b;color:#a3e9f8}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-kind.needs-feed{border:1px solid #a4772c;background:#35240d;color:#f6d492}
:is(body.ss26-admin-route.ss-route-import-multigame) .im26-kind.manual{border:1px solid #6d6586;background:#262337;color:#c8c7df}
@media(max-width:900px){:is(body.ss26-admin-route.ss-route-import-multigame) .im26-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){:is(body.ss26-admin-route.ss-route-import-multigame) .im26-summary{gap:9px}:is(body.ss26-admin-route.ss-route-import-multigame) .im26-summary>div{padding:11px}:is(body.ss26-admin-route.ss-route-import-multigame) .im26-wrap{margin:20px auto}}

body.ss26-admin-route.ss-route-clans .ss-clans-admin .ss-clans-hero h1{font-size:clamp(28px,3vw,42px);line-height:1.16;margin:12px 0 16px;letter-spacing:-.025em}
body.ss26-admin-route.ss-route-clans .ss-clans-admin .ss-clans-filter{display:flex;flex-wrap:wrap;gap:12px}
body.ss26-admin-route.ss-route-clans .ss-clans-admin .ss-clans-moderation-form{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;width:100%}
body.ss26-admin-route.ss-route-clans .ss-clans-admin .ss-clans-pill--active{border-color:#368d89;background:#113e41;color:#a4eee2}
body.ss26-admin-route.ss-route-clans .ss-clans-admin .ss-clans-pill--pending{border-color:#8e76c8;background:#34285d;color:#ece0ff}
body.ss26-admin-route.ss-route-clans .ss-clans-admin .ss-clans-pill--blocked{border-color:#bc7176;background:#4b2530;color:#ffd4d4}
body.ss26-admin-route.ss-route-clans .ss-clans-admin .ss-clans-review-description{white-space:pre-wrap;overflow-wrap:anywhere}
body.ss26-admin-route.ss-route-clans .ss-clans-admin .ss-clans-post form{margin-top:14px}
body.ss26-admin-route.ss-route-clans .ss-clans-admin .ss-clans-empty{border-color:#514d77;background:#141b35}
@media(max-width:540px){body.ss26-admin-route.ss-route-clans .ss-clans-admin .ss-clans-moderation-form .ss-clans-btn{flex:1 1 100%}body.ss26-admin-route.ss-route-clans .ss-clans-admin .ss-clans-filter .ss-clans-btn{flex:1 1 100%}}

/* Staff-only message feedback: use the shared theme, no inline page CSS. */
:is(body.ss26-admin-route.ss-route-staff-chat) .ss-chat-feedback{padding:12px 16px;margin:14px 0;border:1px solid rgba(245,158,11,.4);border-radius:12px;background:rgba(245,158,11,.1);color:#ffdb9a;font-size:16px;line-height:1.5}

/* SoulShive Home rankings — same established site palette and shared stylesheet. */
body.ss-route-index .ss26-home-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 22px}
body.ss-route-index .ss26-home-rankpanel{min-width:0;padding:18px;border:1px solid #293955;border-radius:14px;background:linear-gradient(180deg,#0d1730,#090f20)}
body.ss-route-index .ss26-home-rankpanel .ss26-head{gap:12px;flex-wrap:wrap}
body.ss-route-index .ss26-home-rankpanel .ss26-head p{line-height:1.5;font-size:14px;max-width:42ch}
body.ss-route-index .ss26-home-ranklist{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px}
body.ss-route-index .ss26-home-ranklist li{min-width:0}
body.ss-route-index .ss26-home-ranklist a{display:flex;align-items:center;gap:12px;min-width:0;padding:11px 12px;border:1px solid #253654;border-radius:10px;background:rgba(11,23,47,.85);text-decoration:none;color:#f4f6ff;transition:border-color .2s,background .2s}
body.ss-route-index .ss26-home-ranklist a:hover,body.ss-route-index .ss26-home-ranklist a:focus-visible{border-color:#8a4fe5;background:#142044}
body.ss-route-index .ss26-home-rankno{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#1d2945;color:#d7c4ff;font-weight:800;font-size:16px}
body.ss-route-index .ss26-home-rankmeta{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
body.ss-route-index .ss26-home-rankmeta strong{font-size:16px;line-height:1.25;overflow-wrap:anywhere}
body.ss-route-index .ss26-home-rankmeta small{font-size:14px;color:#b1bfd8;overflow-wrap:anywhere}
body.ss-route-index .ss26-home-rankvalue,body.ss-route-index .ss26-home-growth{font-size:16px;font-weight:800;white-space:nowrap}
body.ss-route-index .ss26-home-rankvalue{color:#d6c5ff}
body.ss-route-index .ss26-home-growth{color:#54d69e}
body.ss-route-index .ss26-home-rankempty{margin:14px 0 4px;min-height:50px;color:#bec9df;font-size:16px;line-height:1.5}
@media(max-width:820px){body.ss-route-index .ss26-home-rankings{grid-template-columns:minmax(0,1fr);gap:12px}}
@media(max-width:390px){body.ss-route-index .ss26-home-rankpanel{padding:12px}body.ss-route-index .ss26-home-ranklist a{gap:8px;padding:9px 8px}body.ss-route-index .ss26-home-rankno{flex-basis:28px;height:28px}body.ss-route-index .ss26-home-rankvalue,body.ss-route-index .ss26-home-growth{font-size:14px}}

/* Server detail: verified map observations, consistent with SoulShive cards. */
body.ss-route-server_info .sv26 .ss-map-history{margin-top:18px;min-width:0}
body.ss-route-server_info .sv26 .ss-map-history-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:#dce8fa;font-size:16px}
body.ss-route-server_info .sv26 .ss-map-history-head span{color:#96a8c1;font-size:14px}
body.ss-route-server_info .sv26 .ss-map-history-controls{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
body.ss-route-server_info .sv26 .ss-map-history-controls button{background:#111d37;color:#c8d8ec;border:1px solid #3b4e74;border-radius:9px;min-width:70px;min-height:44px;padding:9px 13px;font-size:16px;font-weight:750;cursor:pointer}
body.ss-route-server_info .sv26 .ss-map-history-controls button.on{color:#fff;border-color:#a666fc;background:linear-gradient(125deg,#6332af,#8742d9)}
body.ss-route-server_info .sv26 .ss-map-history-controls button:focus-visible{outline:3px solid #6ce4ff;outline-offset:2px}
body.ss-route-server_info .sv26 .ss-map-history-panel[hidden]{display:none!important}
body.ss-route-server_info .sv26 .ss-map-history-panel{min-width:0}
body.ss-route-server_info .sv26 .ss-map-history-item{margin:14px 0;min-width:0}
body.ss-route-server_info .sv26 .ss-map-history-line{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:16px;color:#e6eefc;overflow-wrap:anywhere}
body.ss-route-server_info .sv26 .ss-map-history-line span{min-width:0}
body.ss-route-server_info .sv26 .ss-map-history-line b{flex:none;color:#b4a4ff}
body.ss-route-server_info .sv26 .ss-map-history-track{height:8px;margin:8px 0;background:#162844;border:1px solid #2f4568;border-radius:99px;overflow:hidden}
body.ss-route-server_info .sv26 .ss-map-history-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#27c9e7,#8d42eb)}
body.ss-route-server_info .sv26 .ss-map-history-item small,body.ss-route-server_info .sv26 .ss-map-history-note{display:block;color:#a0afc7;font-size:14px;line-height:1.5}
body.ss-route-server_info .sv26 .ss-map-history-empty{border:1px dashed #34476a;border-radius:9px;padding:12px;color:#acbdd5;font-size:16px}

/* Server Info: real observed daily game rank, kept inside the existing SoulShive theme. */
body.ss-route-server_info .sv26 .ss-rank-ranges{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0 15px}
body.ss-route-server_info .sv26 .ss-rank-ranges button{min-height:44px;min-width:69px;padding:8px 13px;background:#111d37;border:1px solid #3b4e74;border-radius:9px;color:#c8d8ec;font-size:16px;font-weight:750;cursor:pointer}
body.ss-route-server_info .sv26 .ss-rank-ranges button.on{background:linear-gradient(125deg,#6332af,#8742d9);border-color:#a666fc;color:#fff}
body.ss-route-server_info .sv26 .ss-rank-ranges button:focus-visible{outline:3px solid #6ce4ff;outline-offset:2px}
body.ss-route-server_info .sv26 .ss-rank-panel[hidden]{display:none!important}
body.ss-route-server_info .sv26 .ss-rank-panel{min-width:0}
body.ss-route-server_info .sv26 .ss-rank-stats{display:flex;gap:12px 24px;flex-wrap:wrap;padding:12px;border:1px solid #293e72;border-radius:10px;background:#0c1931}
body.ss-route-server_info .sv26 .ss-rank-stats span{color:#b9cce1;font-size:16px}
body.ss-route-server_info .sv26 .ss-rank-stats strong{color:#f2f5ff;margin-left:4px}
body.ss-route-server_info .sv26 .ss-rank-stats strong.up{color:#54d69e}
body.ss-route-server_info .sv26 .ss-rank-stats strong.down{color:#ffb28a}
body.ss-route-server_info .sv26 .ss-rank-chart{display:block;width:100%;height:155px;max-width:100%;margin:14px 0 8px;overflow:visible}
body.ss-route-server_info .sv26 .ss-rank-empty{font-size:16px;line-height:1.5;color:#afc1d8;border:1px dashed #34476a;border-radius:10px;padding:14px}
@media(max-width:390px){body.ss-route-server_info .sv26 .ss-rank-stats{gap:9px;flex-direction:column}body.ss-route-server_info .sv26 .ss-rank-chart{height:135px}}

/* Optional observed-player history; extends existing SoulShive dashboard cards. */
.ss26-dash .ss-player-consent{min-width:0}
.ss26-dash .ss-player-consent h2{font-size:20px;line-height:1.35;margin:0 0 8px}
.ss26-dash .ss-player-consent p{max-width:760px;font-size:15px;line-height:1.6;margin:0}
.ss-player-consent-form{flex-shrink:0}
.sv26 .ss-player-alias-history{margin-top:12px;min-width:0}
.sv26 .ss-player-alias-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.sv26 .ss-player-alias-history table{width:100%;min-width:520px}
.sv26 .ss-player-alias-history th,.sv26 .ss-player-alias-history td{font-size:15px!important;overflow-wrap:anywhere}
.sv26 .ss-player-history-note{font-size:14px;line-height:1.6;color:#aab9db;padding:12px 16px;margin:0}
@media(max-width:640px){.ss26-dash .ss-player-consent-form,.ss26-dash .ss-player-consent-form button{width:100%}}

/* Opt-in A2S alias detail: SoulShive original palette, shared typography and responsive cards. */
body.ss-route-player-alias .ss26-page-masthead{display:none}
body.ss-route-player-alias .ss-alias-page{max-width:1200px;margin:25px auto 55px;display:grid;gap:19px;min-width:0}
body.ss-route-player-alias .ss-alias-card{background:linear-gradient(158deg,#101b35,#0a1227);border:1px solid #2c3f65;border-radius:15px;min-width:0;box-shadow:0 9px 26px rgba(0,0,0,.14)}
body.ss-route-player-alias .ss-alias-back{width:max-content;max-width:100%;font-size:16px;color:#c7b6ff;text-decoration:none;font-weight:700}
body.ss-route-player-alias .ss-alias-back:hover{text-decoration:underline}
body.ss-route-player-alias .ss-alias-hero{padding:24px;display:flex;align-items:center;gap:24px;background:radial-gradient(circle at 91% 0,rgba(133,65,238,.24),transparent 42%),linear-gradient(155deg,#17244b,#0a1125)}
body.ss-route-player-alias .ss-alias-avatar{flex:none;width:86px;height:86px;border:2px solid #8857ed;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#4b3b9d,#192e67);font-size:45px;font-weight:850;color:#fff;text-transform:uppercase}
body.ss-route-player-alias .ss-alias-identity{flex:1;min-width:0}
body.ss-route-player-alias .ss-alias-eyebrow{font-size:14px;color:#bcacfa;font-weight:850;letter-spacing:.055em}
body.ss-route-player-alias .ss-alias-identity h1{margin:7px 0;font-size:clamp(25px,3vw,38px);line-height:1.15;overflow-wrap:anywhere;color:#fff}
body.ss-route-player-alias .ss-alias-identity p{font-size:16px;line-height:1.5;color:#c7d5ec;margin:7px 0;overflow-wrap:anywhere}
body.ss-route-player-alias .ss-alias-identity a{color:#aaadff}
body.ss-route-player-alias .ss-alias-identity small{font-size:14px;color:#9eb0cf}
body.ss-route-player-alias .ss-alias-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:7px;padding:12px 17px;background:linear-gradient(125deg,#6735c9,#465dec);border-radius:10px;color:#fff;text-decoration:none;font-size:16px;font-weight:850;white-space:nowrap}
body.ss-route-player-alias .ss-alias-button:focus-visible,body.ss-route-player-alias .ss-alias-back:focus-visible,.sv26 .ss-alias-row-link:focus-visible{outline:3px solid #87dfff;outline-offset:3px}
body.ss-route-player-alias .ss-alias-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
body.ss-route-player-alias .ss-alias-stats .ss-alias-card{padding:21px 16px;display:grid;align-content:center;gap:13px}
body.ss-route-player-alias .ss-alias-stats span{font-size:15px;line-height:1.45;color:#bac8df}
body.ss-route-player-alias .ss-alias-stats strong{font-size:clamp(23px,2.6vw,34px);color:#f6f4ff;line-height:1.1}
body.ss-route-player-alias .ss-alias-stats strong small{font-size:16px;color:#a6b3cd}
body.ss-route-player-alias .ss-alias-history{padding:23px 25px}
body.ss-route-player-alias .ss-alias-history-title{display:flex;align-items:start;justify-content:space-between;gap:18px}
body.ss-route-player-alias .ss-alias-history-title h2{font-size:22px;color:#fff;margin:0 0 7px}
body.ss-route-player-alias .ss-alias-history-title p{font-size:15px;line-height:1.5;color:#abbdd7;margin:0}
body.ss-route-player-alias .ss-alias-history-title>span{padding:8px 12px;border:1px solid #7666b8;background:#38245f;border-radius:9px;color:#fff;font-size:15px;font-weight:800}
body.ss-route-player-alias .ss-alias-bars{height:190px;display:grid;grid-template-columns:repeat(30,minmax(0,1fr));align-items:end;gap:4px;margin:24px 0 8px;padding-bottom:8px;border-bottom:1px solid #526082;min-width:0}
body.ss-route-player-alias .ss-alias-day{height:100%;min-width:0;display:flex;align-items:end;justify-content:center}
body.ss-route-player-alias .ss-alias-measured i{display:block;width:100%;min-height:5px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#5ad9fa,#8a5aee)}
body.ss-route-player-alias .ss-alias-missing{background:repeating-linear-gradient(-45deg,transparent 0 7px,rgba(93,108,157,.08) 7px 9px)}
body.ss-route-player-alias .ss-alias-axis{display:flex;justify-content:space-between;font-size:14px;color:#b6c4dd}
body.ss-route-player-alias .ss-alias-last{font-size:14px;color:#abbcd7;margin:17px 0 0}
body.ss-route-player-alias .ss-alias-disclaimer{padding:18px 21px;border:1px solid #514474;border-radius:12px;background:rgba(83,46,143,.14);color:#d8d4ef}
body.ss-route-player-alias .ss-alias-disclaimer strong{font-size:17px}
body.ss-route-player-alias .ss-alias-disclaimer p{font-size:15px;line-height:1.6;margin:8px 0 0}
body.ss-route-player-alias .ss-alias-unavailable{padding:35px 26px}
body.ss-route-player-alias .ss-alias-unavailable h1{font-size:27px;margin:0 0 14px}
body.ss-route-player-alias .ss-alias-unavailable p{font-size:16px;color:#bccbe6;line-height:1.6}
.sv26 .ss-player-alias-history .ss-alias-row-link{color:#bcd6ff;text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:38px;overflow-wrap:anywhere}
.sv26 .ss-player-alias-history .ss-alias-row-link:hover{color:#dcb8ff;text-decoration:underline}
@media(max-width:940px){body.ss-route-player-alias .ss-alias-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body.ss-route-player-alias .ss-alias-page{margin:15px auto 36px;gap:12px}body.ss-route-player-alias .ss-alias-hero{flex-wrap:wrap;padding:18px;gap:13px}body.ss-route-player-alias .ss-alias-avatar{width:64px;height:64px;border-radius:16px;font-size:32px}body.ss-route-player-alias .ss-alias-identity{flex-basis:calc(100% - 82px)}body.ss-route-player-alias .ss-alias-hero .ss-alias-button{width:100%}body.ss-route-player-alias .ss-alias-stats{gap:9px}body.ss-route-player-alias .ss-alias-stats .ss-alias-card{padding:15px 13px;gap:9px}body.ss-route-player-alias .ss-alias-stats strong{font-size:23px}body.ss-route-player-alias .ss-alias-history{padding:17px 12px}body.ss-route-player-alias .ss-alias-bars{gap:2px;height:156px}}

/* Mockup's compact game-navigation beneath Home search, using real catalog games. */
body.ss-route-index .ss26-home-gamebar{display:flex;align-items:center;gap:17px;min-width:0;padding:13px 15px;margin:13px 0 0;background:linear-gradient(135deg,#0c1730,#091126);border:1px solid #27385e;border-radius:14px}
body.ss-route-index .ss26-home-gamebar-label{flex:none;color:#d8d2f7;font-size:14px;letter-spacing:.055em;font-weight:850}
body.ss-route-index .ss26-home-gamebar-links{display:flex;gap:10px;align-items:stretch;min-width:0;overflow-x:auto;max-width:100%;padding:2px 1px 7px;scrollbar-width:thin;scrollbar-color:#5a4f91 #151d39}
body.ss-route-index .ss26-home-gamebar-links>a{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:88px;min-height:76px;padding:9px 10px 8px;background:#111c36;border:1px solid #29395d;border-radius:10px;text-decoration:none;color:#dce7f9;font-size:14px;font-weight:750;transition:background .2s,border-color .2s}
body.ss-route-index .ss26-home-gamebar-links>a:hover,body.ss-route-index .ss26-home-gamebar-links>a:focus-visible{background:#1c2852;border-color:#9765ee;outline-offset:2px}
body.ss-route-index .ss26-home-gamebar-links .ss-game-logo-wrap{width:38px;height:38px;display:grid;place-items:center}
body.ss-route-index .ss26-home-gamebar-links .ss-game-logo-wrap img{max-width:38px;max-height:38px;object-fit:contain}
body.ss-route-index .ss26-home-gamebar-links>a>span:last-child{display:block;line-height:1.2;white-space:nowrap}
body.ss-route-index .ss26-home-gamebar-links>a.ss26-home-gamebar-all{min-width:106px;background:#22183e;color:#c6adff;border-color:#47396e}
@media(max-width:750px){body.ss-route-index .ss26-home-gamebar{display:block;padding:12px 11px}body.ss-route-index .ss26-home-gamebar-label{display:block;padding:0 2px 9px}body.ss-route-index .ss26-home-gamebar-links>a{min-height:70px;min-width:82px;padding:7px;font-size:14px}}


/* Home: six eligible featured servers in a compact, keyboard-friendly snap track.
   Visuals intentionally reuse SoulShive colors, card and typography system. */
body.ss-route-index .ss26-featured-heading{gap:14px;flex-wrap:wrap}
body.ss-route-index .ss26-featured-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body.ss-route-index .ss26-featured-controls:not([hidden]){display:flex;gap:7px}
body.ss-route-index .ss26-featured-controls[hidden]{display:none!important}
body.ss-route-index .ss26-featured-controls button{
  border:1px solid #455a90;background:linear-gradient(160deg,#182653,#0c1733);color:#f8f8ff;
  width:41px;height:41px;border-radius:9px;cursor:pointer;font-size:26px;line-height:1
}
body.ss-route-index .ss26-featured-controls button:disabled{opacity:.38;cursor:default}
body.ss-route-index .ss26-featured-controls button:focus-visible,
body.ss-route-index .ss26-featured-track:focus-visible{outline:3px solid #79dcff;outline-offset:3px}
body.ss-route-index .ss26-recommended-grid.ss26-featured-track{
  display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 26px)/3)!important;
  grid-template-columns:none!important;gap:13px!important;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-inline:contain;
  scrollbar-width:thin;scrollbar-color:#5553a5 #101832;padding:2px 2px 10px;
}
body.ss-route-index .ss26-featured-track>.ss26-rec-card{
  scroll-snap-align:start;min-width:0!important;max-width:none!important;box-sizing:border-box
}
body.ss-route-index .ss26-rec-label{
  position:absolute;z-index:3;top:10px;right:10px;padding:5px 9px;border-radius:6px;
  border:1px solid #6a789c;color:#e7edf8;background:rgba(10,16,35,.92);
  font-size:14px;font-weight:850;letter-spacing:.02em
}
body.ss-route-index .ss26-rec-label.is-promoted{
  color:#fff1cc;background:linear-gradient(120deg,rgba(103,57,189,.95),rgba(65,36,132,.95));
  border-color:#be96ff
}
body.ss-route-index .ss26-featured-track .ss26-home-rankempty{grid-column:1;padding:15px}
@media(max-width:1100px){
  body.ss-route-index .ss26-recommended-grid.ss26-featured-track{grid-auto-columns:calc((100% - 13px)/2)!important}
}
@media(max-width:700px){
  body.ss-route-index .ss26-recommended-grid.ss26-featured-track{grid-auto-columns:100%!important;gap:10px!important}
  body.ss-route-index .ss26-featured-actions{width:100%;justify-content:space-between}
  body.ss-route-index .ss26-featured-heading{align-items:flex-start}
  body.ss-route-index .ss26-featured-controls button{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){body.ss-route-index .ss26-featured-track{scroll-behavior:auto}}


/* Home ranking rows: original game artwork with the existing ranking copy. */
body.ss-route-index .ss26-home-rankgame{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;
  border:1px solid #354b7d;border-radius:9px;background:#111d38;overflow:hidden}
body.ss-route-index .ss26-home-rankgame .ss-game-logo-wrap{max-width:34px;max-height:34px}
body.ss-route-index .ss26-home-rankgame img{object-fit:contain;max-width:100%;max-height:100%}
@media(max-width:440px){
 body.ss-route-index .ss26-home-ranklist a{gap:7px}
 body.ss-route-index .ss26-home-rankgame{flex-basis:30px;width:30px;height:30px;border-radius:7px}
 body.ss-route-index .ss26-home-rankgame .ss-game-logo-wrap{max-width:28px;max-height:28px}
}


@media(min-width:781px) and (max-width:900px){
 body.ss-route-server_info .sv26 .sv-grid > :is(#live,#map,#health,#rank-history,#players,#reviews,#activity,#similar,.ss-player-alias-history){grid-column:1/-1!important}
 body.ss-route-server_info .sv26 .sv-grid > section:nth-child(3),body.ss-route-server_info .sv26 .sv-grid > div:has(> #vote){grid-column:1/-1!important}
}

/* Server detail: compact action row and readable anchor navigation. */
body.ss-route-server_info .sv26 .sv-owner .sv-joinrow{flex:1 1 390px;width:min(100%,460px);max-width:460px;grid-template-columns:46px minmax(0,1fr) minmax(105px,.8fr);align-items:stretch;gap:8px;min-width:0}
body.ss-route-server_info .sv26 .sv-owner .sv-joinrow .sv-fav{height:auto;min-height:46px}
body.ss-route-server_info .sv26 .sv-quickvote{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border:1px solid #8c53e2;border-radius:9px;background:#251245;color:#fff;text-decoration:none;font-size:16px;font-weight:800;text-align:center}
body.ss-route-server_info .sv26 .sv-quickvote:hover{background:#462077;border-color:#bb8dff}
body.ss-route-server_info .sv26 .sv-quickvote:focus-visible,body.ss-route-server_info .sv26 .sv-tabs a:focus-visible{outline:3px solid #73deff;outline-offset:2px}
body.ss-route-server_info .sv26 .sv-tabs{scrollbar-width:thin;scrollbar-color:#6d49b3 #0d1931;scroll-padding-inline:8px}
body.ss-route-server_info .sv26 .sv-tabs a{flex:none;text-decoration:none}
body.ss-route-server_info .sv26 :is(#overview,#health,#rank-history,#map,#players,#vote,#reviews,#activity,#live,#similar,#owner,#passport){scroll-margin-top:100px}
body.ss-route-server_info .sv26 #rank-history .ss-rank-chart{max-width:100%}
@media(max-width:680px){body.ss-route-server_info .sv26 .sv-owner .sv-joinrow{flex:1 1 100%;max-width:none;width:100%}body.ss-route-server_info .sv26 .sv-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}body.ss-route-server_info .sv26 .sv-tabs a{white-space:nowrap!important;scroll-snap-align:start}}
@media(max-width:390px){body.ss-route-server_info .sv26 .sv-owner .sv-joinrow{grid-template-columns:46px minmax(0,1fr)}body.ss-route-server_info .sv26 .sv-quickvote{grid-column:2}}


/* Directory — true row layout for "Listă", while retaining existing Cards
   and Compact modes. Match the original server directory mockup. */
body.sl-page #serverListBox:not(.sl-gridmode):not(.sl-compactmode) .ss-card-grid{
  grid-template-columns:minmax(0,1fr);gap:10px
}
@media(min-width:711px){
  body.sl-page #serverListBox:not(.sl-gridmode):not(.sl-compactmode) .ss-server-card{
    height:auto;min-height:164px
  }
}
body.sl-page #serverListBox .ss-server-position{
  position:absolute;z-index:2;top:10px;left:10px;display:inline-flex;
  align-items:center;justify-content:center;min-width:38px;min-height:34px;
  padding:5px 8px;background:#121e3ee8;border:1px solid #8c69e5;
  border-radius:8px;color:#f8efff;font-size:16px;font-weight:850;
  box-shadow:0 3px 10px #05081980
}
body.sl-page #serverListBox .ss-server-movement{
  display:inline-flex;align-items:center;justify-content:center;
  padding:4px 7px;border-radius:7px;font-size:15px;font-weight:850;white-space:nowrap
}
body.sl-page #serverListBox .ss-server-movement.up{color:#63e6ac;background:#123b32;border:1px solid #28735d}
body.sl-page #serverListBox .ss-server-movement.down{color:#ffb0a8;background:#452333;border:1px solid #804158}
body.sl-page #serverListBox .ss-server-votes b{color:#d8b4ff}
/* Compact mode must expand for real content; fixed heights clipped the action row. */
body.sl-page #serverListBox.sl-compactmode .ss-server-card{height:auto;min-height:126px}
body.sl-page #serverListBox .ss-server-position:focus-visible{outline:3px solid #71e3ff;outline-offset:2px}

/* Master Server — show actual catalog games and the existing game logos. */
body.ms-page .ms-page .ms-gameart-fallback{
  display:grid;place-items:center;
  background:radial-gradient(circle at 50% 20%,#243963,#101a31 75%);
}
body.ms-page .ms-page .ms-gameart-fallback .ss-game-logo-wrap{
  max-width:64px;max-height:64px;
  border-color:#4c5897;box-shadow:0 5px 15px #02061466;
}
body.ms-page .ms-page .ms-games-empty{
  grid-column:1/-1;margin:0;padding:18px;
  background:#0b1933;border:1px dashed #405582;border-radius:10px;
  color:#c0cdea;font-size:15px;line-height:1.5;
}
body.ms-page .ms-page .ms-more-symbol{
  display:grid;place-items:center;width:46px;height:46px;margin:0 auto 9px;
  border:1px solid #7452c8;border-radius:12px;background:#261744;
  color:#e8dcff;font-weight:900;font-size:30px;line-height:1;
}

/* Master Server — actionable activity cards and truthful empty states. */
body.ms-page .ms-page a.ms-feedrow{color:inherit;text-decoration:none;border-radius:8px;transition:background-color .16s ease,transform .16s ease}
body.ms-page .ms-page a.ms-feedrow:hover{background:rgba(94,114,194,.14);transform:translateX(2px)}
body.ms-page .ms-page a.ms-feedrow:focus-visible{outline:3px solid #70ceff;outline-offset:2px}
body.ms-page .ms-page .ms-network-empty{margin:0;padding:19px 16px;color:#bdcbea;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
@media(max-width:420px){body.ms-page .ms-page a.ms-feedrow{grid-template-columns:20px 28px minmax(0,1fr)!important;gap:7px!important}body.ms-page .ms-page a.ms-feedrow time{grid-column:3;justify-self:start}}

/* SoulShive Marketplace: honest ratings and game art for resources without screenshots. */
body.ss-route-shop .ss-market-art-fallback,
body.ss-route-addon .ss-addon-game-cover{
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
 min-width:0;min-height:130px;padding:16px;
 background:radial-gradient(circle at 60% 10%,rgba(158,94,250,.28),transparent 54%),linear-gradient(145deg,#182a50,#0c142b);
 color:#cbd7ef;text-align:center;overflow:hidden;
}
body.ss-route-shop .ss-market-art-fallback{height:130px}
body.ss-route-shop .ss-market-art-fallback.ss-market-featured-art{height:110px;min-height:110px}
body.ss-route-shop .ss-market-art-fallback>span:last-child,
body.ss-route-addon .ss-addon-game-cover>span:last-child{
 max-width:100%;overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.3;
}
body.ss-route-shop .ss-market-art-fallback .ss-game-logo-wrap,
body.ss-route-addon .ss-addon-game-cover .ss-game-logo-wrap{
 border-color:rgba(163,119,253,.55);box-shadow:0 5px 20px rgba(0,0,0,.2);
}
body.ss-route-shop .ss-shop-game-tag{display:inline-flex;align-items:center;gap:6px;font-size:14px!important;line-height:1.3}
body.ss-route-shop .ss-shop-game-tag .ss-game-logo-wrap{border:0;background:transparent}
body.ss-route-shop .ss-shop-game-tag .ss-game-logo-real{padding:2px}
body.ss-route-shop .ss-market-rating{color:#fbbf24}
body.ss-route-shop .ss-market-unrated,
body.ss-route-addon .ss-addon-unrated{color:#b9c7de;font-size:14px;line-height:1.4}
body.ss-route-addon .ss-addon-detail .ss-addon-gallery-empty.ss-addon-game-cover{
 min-height:238px;height:100%;margin:0;font-size:16px;
}
body.ss-route-addon .ss-addon-detail .ss-addon-related-art .ss-addon-game-cover{width:100%;height:100%}
body.ss-route-addon .ss-addon-detail .ss-addon-related-art .ss-addon-game-cover>span:last-child{font-size:14px}
body.ss-route-addon .ss-addon-hero-rating .ss-addon-unrated{color:#b9c7de}
@media (min-width:801px){
 body.ss-route-shop.ss26-page-shop .ss27-market-grid .shop-card>div:first-child>.ss-market-art-fallback{height:clamp(145px,14vw,220px)!important}
}
@media (max-width:560px){
 body.ss-route-shop.ss26-page-shop .ss27-market-grid .shop-card>div:first-child>.ss-market-art-fallback{height:180px!important}
}

/* Notifications — private activity feed in SoulShive's shared visual system. */
body.ss-route-notifications .ss26-content-wrap{padding-top:28px;padding-bottom:52px}
body.ss-route-notifications .ss-notif{max-width:1100px;margin:0 auto;color:#eef3ff;font-size:16px}
body.ss-route-notifications .ss-notif-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;min-width:0;padding:30px clamp(20px,4vw,40px);border:1px solid #364780;border-radius:18px;background:radial-gradient(circle at 85% 5%,rgba(123,67,238,.26),transparent 47%),linear-gradient(140deg,#152348,#0b142d 70%);box-shadow:0 16px 52px #0005;overflow:hidden}
body.ss-route-notifications .ss-notif-hero-content{position:relative;z-index:1;min-width:0}
body.ss-route-notifications .ss-notif-kicker{font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#c6aaff}
body.ss-route-notifications .ss-notif-hero h1{margin:8px 0 12px;font-size:clamp(28px,3.4vw,43px);line-height:1.15;color:#fff}
body.ss-route-notifications .ss-notif-hero p{max-width:660px;margin:0;color:#c4d0ea;line-height:1.55;font-size:16px}
body.ss-route-notifications .ss-notif-hero-mark{flex:0 0 106px;width:106px;height:106px;display:grid;place-items:center;border:1px solid #9a6ffd88;border-radius:24px;background:linear-gradient(145deg,#44277e,#111b39);color:#cbadff;box-shadow:0 0 45px #7d45e74d}
body.ss-route-notifications .ss-notif-hero-mark svg{height:58px;width:58px}
body.ss-route-notifications .ss-notif-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
body.ss-route-notifications .ss-notif-summary>span{display:inline-flex;gap:8px;align-items:center;min-height:38px;padding:6px 12px;border:1px solid #445586;border-radius:10px;background:#0d1835;color:#cbd7f2;font-size:14px}
body.ss-route-notifications .ss-notif-summary strong{font-size:18px;color:#fff;font-variant-numeric:tabular-nums}
body.ss-route-notifications .ss-notif-summary .has-unread{border-color:#9367ec;background:#30205c}
body.ss-route-notifications .ss-notif-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0 14px;flex-wrap:wrap}
body.ss-route-notifications .ss-notif-toolbar h2{font-size:clamp(20px,2.2vw,25px);margin:0;color:#fff}
body.ss-route-notifications .ss-notif-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body.ss-route-notifications .ss-notif-actions form{margin:0}
body.ss-route-notifications .ss-notif-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #8461dc;border-radius:10px;background:#261e49;color:#f4edff;font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}
body.ss-route-notifications .ss-notif-button:hover{background:#393069;border-color:#bd9cff;color:#fff}
body.ss-route-notifications .ss-notif-button-muted{border-color:#41537d;background:#13203c}
body.ss-route-notifications .ss-notif-button-primary{background:linear-gradient(90deg,#6041df,#8b33e7);color:#fff}
body.ss-route-notifications .ss-notif-list{border:1px solid #2f416e;border-radius:16px;background:#0b152a;overflow:hidden}
body.ss-route-notifications .ss-notif-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 22px;min-width:0;color:#edf2ff;text-decoration:none;border-bottom:1px solid #2b3b62;transition:background .15s ease}
body.ss-route-notifications .ss-notif-item:last-child{border-bottom:0}
body.ss-route-notifications .ss-notif-item.is-unread{background:linear-gradient(90deg,rgba(101,52,177,.25),transparent 85%);box-shadow:inset 3px 0 #ac76ff}
body.ss-route-notifications .ss-notif-item:hover{background:#172747}
body.ss-route-notifications .ss-notif-item-icon{width:50px;height:50px;display:grid;place-items:center;color:#c9b1ff;border:1px solid #705ba3;border-radius:13px;background:#231d46}
body.ss-route-notifications .ss-notif-item-icon svg{height:25px;width:25px}
body.ss-route-notifications .ss-notif-icon-trending{color:#56deb1;border-color:#367d7b;background:#153842}
body.ss-route-notifications .ss-notif-icon-gift,.ss-route-notifications .ss-notif-icon-rocket{color:#eac089;border-color:#8d674b;background:#372941}
body.ss-route-notifications .ss-notif-item-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
body.ss-route-notifications .ss-notif-item-title{font-size:16px;font-weight:800;line-height:1.4;color:#fff;overflow-wrap:anywhere}
body.ss-route-notifications .ss-notif-item-body{font-size:15px;line-height:1.55;color:#bbcae2;overflow-wrap:anywhere}
body.ss-route-notifications .ss-notif-unread-dot{display:inline-block;width:8px;height:8px;margin-left:7px;background:#a986ff;border-radius:50%;vertical-align:middle}
body.ss-route-notifications .ss-notif-item-tail{display:flex;align-items:center;gap:12px;color:#a6b6d3;font-size:14px;white-space:nowrap}
body.ss-route-notifications .ss-notif-item-tail>span{color:#b695ff;font-size:20px}
body.ss-route-notifications .ss-notif-empty{text-align:center;padding:52px 25px;border:1px solid #324577;border-radius:16px;background:#111d37}
body.ss-route-notifications .ss-notif-empty-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 18px;border:1px solid #635b99;border-radius:20px;color:#c6abff;background:#292144}
body.ss-route-notifications .ss-notif-empty-icon svg{width:40px;height:40px}
body.ss-route-notifications .ss-notif-empty h2{margin:0 0 8px;font-size:24px;color:#fff}
body.ss-route-notifications .ss-notif-empty p{margin:0 auto 22px;color:#c0cde4;max-width:460px;line-height:1.6;font-size:16px}
body.ss-route-notifications .ss-notif-footnote{margin:13px 0;color:#afbed8;font-size:14px}
body.ss-route-notifications .ss-notif a:focus-visible,body.ss-route-notifications .ss-notif button:focus-visible{outline:3px solid #7be0ff;outline-offset:3px}
@media(max-width:720px){body.ss-route-notifications .ss26-content-wrap{padding-top:16px}body.ss-route-notifications .ss-notif-hero{padding:24px 20px}body.ss-route-notifications .ss-notif-hero-mark{width:70px;height:70px;flex-basis:70px;border-radius:18px}body.ss-route-notifications .ss-notif-hero-mark svg{width:39px;height:39px}body.ss-route-notifications .ss-notif-item{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:16px 14px}body.ss-route-notifications .ss-notif-item-icon{width:42px;height:42px}body.ss-route-notifications .ss-notif-item-icon svg{width:22px;height:22px}body.ss-route-notifications .ss-notif-item-tail{grid-column:2;justify-content:space-between;margin-top:0}body.ss-route-notifications .ss-notif-actions{width:100%}}
@media(max-width:390px){body.ss-route-notifications .ss-notif-hero-mark{display:none}body.ss-route-notifications .ss-notif-summary{gap:7px}body.ss-route-notifications .ss-notif-actions form{flex:1 1 100%}body.ss-route-notifications .ss-notif-actions button{width:100%}}

/* Servere noi — SoulShive common footer, honest status and readable game chips. */
body.ss-route-latest-servers .chips .chip{display:inline-flex;align-items:center;gap:8px;min-height:40px}
body.ss-route-latest-servers .ss27-new-game-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;max-width:20px;overflow:hidden}
body.ss-route-latest-servers .ss27-new-game-logo img{width:20px;height:20px;max-width:100%;object-fit:contain;vertical-align:middle}
body.ss-route-latest-servers .ss27-new-status{font-size:14px;font-weight:850;line-height:1.35;white-space:normal;text-align:right;flex-shrink:0}
body.ss-route-latest-servers .ss27-new-status.offline{color:#e5b1b9}
body.ss-route-latest-servers .ss27-new-status.unverified{color:#bac8dd}
body.ss-route-latest-servers .srvtop>div:first-child{min-width:0}
body.ss-route-latest-servers .srv h2{font-size:18px;line-height:1.35;overflow-wrap:anywhere}
body.ss-route-latest-servers .hero p,body.ss-route-latest-servers .sharebox span{font-size:16px;line-height:1.6}
body.ss-route-latest-servers .meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.ss-route-latest-servers .meta>div{min-width:0;overflow-wrap:anywhere}
body.ss-route-latest-servers .meta b{font-size:16px}
body.ss-route-latest-servers .empty a{color:#a7c8ff;text-decoration:underline}
body.ss-route-latest-servers .actions{flex-wrap:wrap}
body.ss-route-latest-servers .actions>a{min-width:0;flex:1 1 160px}
@media(max-width:750px){body.ss-route-latest-servers .srvtop{align-items:flex-start}}
@media(max-width:420px){body.ss-route-latest-servers .srvtop{flex-wrap:wrap}body.ss-route-latest-servers .ss27-new-status{text-align:left}}

/* Owner server dashboard — section wayfinding; same SoulShive shared stylesheet. */
:is(body.ss-route-server-dashboard) .ss-owner-hero-layout{gap:20px;flex-wrap:wrap;align-items:flex-start}
:is(body.ss-route-server-dashboard) .ss-owner-hero-layout>div:first-child{flex:1 1 360px;min-width:0}
:is(body.ss-route-server-dashboard) .ss26-dhero h1{font-size:clamp(27px,3vw,42px);line-height:1.2;margin:7px 0;overflow-wrap:anywhere}
:is(body.ss-route-server-dashboard) .ss-owner-section-nav{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 6px;padding:10px;border:1px solid rgba(119,144,199,.27);border-radius:15px;background:#0e172c}
:is(body.ss-route-server-dashboard) .ss-owner-section-nav a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border-radius:10px;text-decoration:none;color:#cedbf7;font-size:15px;font-weight:750;border:1px solid transparent}
:is(body.ss-route-server-dashboard) .ss-owner-section-nav a:hover,:is(body.ss-route-server-dashboard) .ss-owner-section-nav a:focus-visible{background:rgba(121,82,241,.19);border-color:#6653c4;color:white}
:is(body.ss-route-server-dashboard) #owner-metrics,:is(body.ss-route-server-dashboard) #owner-trends,:is(body.ss-route-server-dashboard) #owner-growth,:is(body.ss-route-server-dashboard) #owner-player-history,:is(body.ss-route-server-dashboard) #owner-controls{scroll-margin-top:85px}
:is(body.ss-route-server-dashboard) .ss-owner-chart-head{gap:14px;flex-wrap:wrap;align-items:center}
:is(body.ss-route-server-dashboard) .ss-owner-chart-head h2,:is(body.ss-route-server-dashboard) .ss-owner-card-title{font-size:20px;line-height:1.3;margin:0;font-weight:850;color:#eef2ff}
:is(body.ss-route-server-dashboard) .ss-owner-boost-line,:is(body.ss-route-server-dashboard) .ss-owner-growth-heading,:is(body.ss-route-server-dashboard) .ss-owner-player-layout{gap:16px;flex-wrap:wrap;align-items:center}
:is(body.ss-route-server-dashboard) .ss-owner-growth-heading>div{flex:1 1 290px;min-width:0}
:is(body.ss-route-server-dashboard) #growthTitle{font-size:clamp(21px,2vw,27px);margin:8px 0}
:is(body.ss-route-server-dashboard) .ss-owner-growth-note{margin:17px 0 0}
:is(body.ss-route-server-dashboard) .ss-owner-bottom-actions{margin-top:15px}
:is(body.ss-route-server-dashboard) .ss-player-consent{margin-top:16px}
:is(body.ss-route-server-dashboard) .ss-owner-section-nav a:focus-visible{outline:3px solid #b79bff;outline-offset:2px}
@media(max-width:700px){:is(body.ss-route-server-dashboard) .ss-owner-section-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
:is(body.ss-route-server-dashboard) .ss-owner-section-nav a{flex:0 0 auto;white-space:nowrap}
:is(body.ss-route-server-dashboard) .ss-owner-growth-heading{align-items:flex-start}}
@media(max-width:700px){:is(body.ss-route-server-dashboard) .ss-owner-hero-layout>div:first-child{flex:0 1 auto}}
@media(max-width:700px){
  :is(body.ss-route-server-dashboard) .ss-owner-hero-layout>.ss26-dactions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  :is(body.ss-route-server-dashboard) .ss-owner-hero-layout>.ss26-dactions .btn{min-width:0;white-space:normal;padding-inline:8px;line-height:1.35;text-align:center}
}

/* Staff recruitment: shared SoulShive controls and accessible compact layouts. */
body.ss-route-staff-applications .sa-hero-desc{max-width:680px;color:var(--text2);font-size:16px;line-height:1.7}
body.ss-route-staff-applications .sa-hero-actions,
body.ss-route-staff-applications .sa-auth-actions,
body.ss-route-staff-applications .sa-cta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
body.ss-route-staff-applications .sa-section-grid{margin-top:16px}
body.ss-route-staff-applications .sa-alert{margin-top:18px}
body.ss-route-staff-applications .sa-alert-error{border-color:var(--red);color:var(--red)}
body.ss-route-staff-applications .sa-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
body.ss-route-staff-applications .sa-trust-grid .sa-note b{display:block;color:var(--text);margin-bottom:5px}
body.ss-route-staff-applications .sa-trust-grid .sa-note span{display:block}
body.ss-route-staff-applications .sa-pos-prior{font-size:14px;line-height:1.5;color:var(--text2);margin-top:10px}
body.ss-route-staff-applications .sa-auth-gate{text-align:center;margin-top:16px;padding:30px 18px}
body.ss-route-staff-applications .sa-auth-icon{display:block;font-size:32px}
body.ss-route-staff-applications .sa-auth-gate h3{margin:12px 0 7px;font-size:clamp(19px,2.2vw,24px)}
body.ss-route-staff-applications .sa-auth-gate p{max-width:520px;margin:0 auto;color:var(--text2);font-size:16px;line-height:1.6}
body.ss-route-staff-applications .sa-auth-actions{justify-content:center}
body.ss-route-staff-applications .sa-form{margin-top:16px;max-width:980px}
body.ss-route-staff-applications .sa-form-label{display:block;font-weight:750;font-size:15px;color:var(--text);margin:16px 0 6px}
body.ss-route-staff-applications .sa-form-control{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-size:16px;line-height:1.5;margin:0;padding:12px 14px;border-radius:12px}
body.ss-route-staff-applications textarea.sa-form-control{min-height:104px;resize:vertical}
body.ss-route-staff-applications .sa-privacy-note{margin:16px 0;font-size:15px}
body.ss-route-staff-applications .sa-submit{width:100%;min-height:48px;font-size:16px}
body.ss-route-staff-applications .sa-form-footnote{margin:10px 0 0;color:var(--text2);font-size:15px;line-height:1.55;text-align:center}
body.ss-route-staff-applications .sa-my-app-list{margin-top:18px}
body.ss-route-staff-applications .sa-my-app-title{font-size:17px;margin:0 0 10px}
body.ss-route-staff-applications .sa-my-app-row{font-size:15px;flex-wrap:wrap}
body.ss-route-staff-applications .sa-cta-title{font-size:clamp(22px,2.3vw,29px);line-height:1.22;margin:0 0 10px}
body.ss-route-staff-applications .sa-cta-copy{color:var(--text2);font-size:16px;line-height:1.6;max-width:660px;margin:0 auto}
body.ss-route-staff-applications .sa-cta-actions{justify-content:center}
body.ss-route-staff-applications .sa-layout :is(a,button,select,input,textarea):focus-visible{outline:3px solid #c9abff;outline-offset:3px}
@media(max-width:680px){body.ss-route-staff-applications .sa-trust-grid{grid-template-columns:1fr}body.ss-route-staff-applications .sa-hero-actions .btn,body.ss-route-staff-applications .sa-auth-actions .btn{flex:1 1 180px;text-align:center}body.ss-route-staff-applications .sa-hero{padding:22px 18px}body.ss-route-staff-applications .sa-auth-gate{padding:24px 14px}}
@media(max-width:390px){body.ss-route-staff-applications .sa-stats{gap:6px}body.ss-route-staff-applications .sa-stat{flex:1 1 110px;padding:9px 10px}}

/* Partner portal: private owner dashboard, unified SoulShive surfaces. */
:is(body.ss-route-partner-portal) .sspp{width:min(calc(100% - 32px),1440px);margin:26px auto 64px;color:#edf3ff;font-size:16px;line-height:1.55}
:is(body.ss-route-partner-portal) .sspp *{box-sizing:border-box}
:is(body.ss-route-partner-portal) .sspp-panel{min-width:0;background:linear-gradient(145deg,#101c36,#090f20);border:1px solid rgba(137,157,217,.25);border-radius:18px;box-shadow:0 14px 35px rgba(0,0,0,.18)}
:is(body.ss-route-partner-portal) .sspp-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:clamp(20px,3vw,32px);margin-bottom:16px;background:radial-gradient(circle at 90% 0%,rgba(148,69,234,.26),transparent 45%),linear-gradient(135deg,#142346,#080f20)}
:is(body.ss-route-partner-portal) .sspp-eyebrow{display:block;color:#bda1ff;font-size:14px;font-weight:800;letter-spacing:.07em}
:is(body.ss-route-partner-portal) .sspp h1{font-size:clamp(26px,3.4vw,40px);line-height:1.2;margin:10px 0;overflow-wrap:anywhere}
:is(body.ss-route-partner-portal) .sspp h2{font-size:clamp(19px,2vw,23px);line-height:1.35;margin:0 0 12px}
:is(body.ss-route-partner-portal) .sspp p{color:#b7c6df;margin:0 0 15px;overflow-wrap:anywhere}
:is(body.ss-route-partner-portal) .sspp-badges{display:flex;gap:8px;flex-wrap:wrap}
:is(body.ss-route-partner-portal) .sspp-badge{display:inline-block;border:1px solid rgba(133,157,204,.35);background:#172545;border-radius:8px;padding:5px 10px;font-size:14px;font-weight:700}
:is(body.ss-route-partner-portal) .sspp-tier-badge{color:#e8d6ff;border-color:#875ed0;background:#322150}
:is(body.ss-route-partner-portal) .sspp-tier-bronze .sspp-tier-badge{color:#f9be84;border-color:#a46c34;background:#35251d}
:is(body.ss-route-partner-portal) .sspp-tier-silver .sspp-tier-badge{color:#e0ebf5;border-color:#7c97ac;background:#2b3745}
:is(body.ss-route-partner-portal) .sspp-tier-gold .sspp-tier-badge{color:#ffe09a;border-color:#bb9040;background:#352a17}
:is(body.ss-route-partner-portal) .sspp-tier-platinum .sspp-tier-badge{color:#d3efff;border-color:#83b6d5;background:#22384b}
:is(body.ss-route-partner-portal) .sspp-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:11px;border:1px solid #536ca2;background:#182947;color:#f6f8ff;text-decoration:none;font-size:16px;font-weight:750;cursor:pointer;text-align:center}
:is(body.ss-route-partner-portal) .sspp-action:hover{border-color:#b99aff;background:#27355d}
:is(body.ss-route-partner-portal) .sspp-primary{background:linear-gradient(100deg,#275ce9,#842dec);border-color:#956fff}
:is(body.ss-route-partner-portal) .sspp-action:focus-visible,:is(body.ss-route-partner-portal) .sspp input:focus-visible{outline:3px solid #b99aff;outline-offset:3px}
:is(body.ss-route-partner-portal) .sspp-feedback{border:1px solid #3f7c64;color:#b6ffdc;background:#0d241c;padding:14px 17px;border-radius:11px;margin:12px 0;font-size:16px}
:is(body.ss-route-partner-portal) .sspp-error{border-color:#9c4b5c;background:#32151e;color:#ffd5db}
:is(body.ss-route-partner-portal) .sspp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
:is(body.ss-route-partner-portal) .sspp-stat{padding:18px;display:flex;flex-direction:column;gap:6px}
:is(body.ss-route-partner-portal) .sspp-stat span{font-size:14px;color:#bac9e1}
:is(body.ss-route-partner-portal) .sspp-stat strong{font-size:clamp(22px,2.7vw,30px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
:is(body.ss-route-partner-portal) .sspp-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr);gap:16px;align-items:start}
:is(body.ss-route-partner-portal) .sspp-main-column,:is(body.ss-route-partner-portal) .sspp-side-column{min-width:0;display:grid;gap:16px}
:is(body.ss-route-partner-portal) .sspp-section{padding:clamp(18px,2.3vw,26px)}
:is(body.ss-route-partner-portal) .sspp-no-data{padding:17px;border:1px dashed #41567c;border-radius:10px}
:is(body.ss-route-partner-portal) .sspp-chart{min-height:170px;display:flex;gap:5px;overflow-x:auto;align-items:stretch;padding:12px 0 5px}
:is(body.ss-route-partner-portal) .sspp-chart-day{flex:1 0 22px;min-width:22px;max-width:62px;display:flex;flex-direction:column;align-items:center;gap:5px}
:is(body.ss-route-partner-portal) .sspp-chart-value,:is(body.ss-route-partner-portal) .sspp-chart-day small{font-size:14px;color:#c1d2ef;white-space:nowrap}
:is(body.ss-route-partner-portal) .sspp-chart-track{display:flex;flex:1;min-height:80px;align-items:flex-end;width:100%;background:rgba(68,82,127,.13);border-radius:5px 5px 0 0}
:is(body.ss-route-partner-portal) .sspp-chart-bar{display:block;width:100%;height:var(--sspp-bar-height);background:linear-gradient(180deg,#b259ff,#5365ef);border-radius:4px 4px 0 0}
:is(body.ss-route-partner-portal) .sspp-coupon-code{border:1px dashed #9864fa;border-radius:12px;background:#141c36;color:#d5adff;padding:13px 16px;text-align:center;font-size:22px;font-weight:800;letter-spacing:.05em;overflow-wrap:anywhere;margin:0 0 12px}
:is(body.ss-route-partner-portal) .sspp-link-label,:is(body.ss-route-partner-portal) .sspp-field label{display:block;font-size:15px;color:#edf3ff;font-weight:700;margin-bottom:7px}
:is(body.ss-route-partner-portal) .sspp input{width:100%;min-width:0;background:#080f1e;color:#f4f8ff;border:1px solid #435987;border-radius:10px;min-height:45px;padding:10px 12px;font-size:16px}
:is(body.ss-route-partner-portal) .sspp-link-readonly{overflow:hidden;text-overflow:ellipsis;cursor:text}
:is(body.ss-route-partner-portal) .sspp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0 18px}
:is(body.ss-route-partner-portal) .sspp-field{min-width:0}
:is(body.ss-route-partner-portal) .sspp-field input[type=file]{padding:9px;min-height:50px}
:is(body.ss-route-partner-portal) .sspp-placement{display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(141,161,204,.18);padding:12px 0}
:is(body.ss-route-partner-portal) .sspp-placement-status{white-space:nowrap;font-size:14px;font-weight:800;color:#afbdd5}
:is(body.ss-route-partner-portal) .sspp-placement-status.active{color:#7fe4b6}
:is(body.ss-route-partner-portal) .sspp-empty{min-height:340px;display:grid;place-items:center}
:is(body.ss-route-partner-portal) .sspp-empty-card{padding:clamp(24px,5vw,45px);max-width:700px}
@media(max-width:1000px){:is(body.ss-route-partner-portal) .sspp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}:is(body.ss-route-partner-portal) .sspp-layout{grid-template-columns:1fr}}
@media(max-width:620px){:is(body.ss-route-partner-portal) .sspp{width:calc(100% - 24px);margin:16px auto 42px}:is(body.ss-route-partner-portal) .sspp-hero{flex-direction:column;align-items:stretch}:is(body.ss-route-partner-portal) .sspp-stats{gap:9px}:is(body.ss-route-partner-portal) .sspp-stat{padding:14px}:is(body.ss-route-partner-portal) .sspp-fields{grid-template-columns:minmax(0,1fr)}:is(body.ss-route-partner-portal) .sspp-chart{gap:4px}:is(body.ss-route-partner-portal) .sspp-action{width:100%}}

/* Partner referral and partner kit: aligned with the shared SoulShive visual system. */
:is(body.ss-route-partner) .ss27-partner-logo{display:block;width:76px;height:76px;border-radius:16px;object-fit:cover;margin:0 auto 16px}
:is(body.ss-route-partner) .ss27-partner-badge{display:inline-flex;margin-bottom:10px}
:is(body.ss-route-partner) .ss27-partner-server-count{margin:0 auto 18px}
:is(body.ss-route-partner) .ss27-partner-benefits .card{text-align:center}
:is(body.ss-route-partner) .ss27-partner-benefits h2{font-size:clamp(17px,1.5vw,21px);line-height:1.35;margin:8px 0}
:is(body.ss-route-partner) .ss27-partner-benefit-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:25px;color:#c5b2ff;background:rgba(124,58,237,.18);border:1px solid rgba(156,114,255,.28)}
:is(body.ss-route-partner) .ss27-partner-benefits p{margin:0}
:is(body.ss-route-partner) .ss27-partner-offer{margin-top:18px;padding:22px;border:1px solid rgba(34,197,94,.3);background:linear-gradient(140deg,rgba(34,197,94,.07),#090f22)}
:is(body.ss-route-partner) .ss27-partner-offer h2{font-size:clamp(18px,2vw,23px);margin:0 0 9px;overflow-wrap:anywhere}
:is(body.ss-route-partner) .ss27-partner-offer p{margin:0 0 12px}
:is(body.ss-route-partner-embed-code) .ss26-partner-kit{width:min(1120px,calc(100% - 24px));margin:22px auto 48px;min-width:0}
:is(body.ss-route-partner-embed-code) .ss26-pk-kicker{margin-top:12px}
:is(body.ss-route-partner-embed-code) .ss26-pk-hero h1{font-size:clamp(25px,3vw,36px);line-height:1.2;overflow-wrap:anywhere}
:is(body.ss-route-partner-embed-code) .ss26-pk-hero p,
:is(body.ss-route-partner-embed-code) .ss26-pk-card p{font-size:16px;color:#bac6de}
:is(body.ss-route-partner-embed-code) .ss26-pk-card h2{font-size:19px;line-height:1.35}
:is(body.ss-route-partner-embed-code) .ss26-pk-code{min-width:0}
:is(body.ss-route-partner-embed-code) .ss26-pk-code code{font-size:14px;user-select:text}
:is(body.ss-route-partner-embed-code) .ss26-copy{min-height:40px;font-size:15px}
:is(body.ss-route-partner-embed-code) .ss26-copy:focus-visible{outline:3px solid #b79aff;outline-offset:2px}
:is(body.ss-route-partner-embed-code) .ss26-pk-staging-note{padding:12px 16px;border:1px solid rgba(103,159,255,.4);border-radius:12px;color:#cbd9ff;background:rgba(44,96,192,.1);font-size:15px;line-height:1.6;margin:14px 0 0}
:is(body.ss-route-partner-embed-code) .ss26-pk-preview iframe{display:block;max-width:100%;border:0;border-radius:14px}
:is(body.ss-route-partner-embed-code) .ss26-pk-copy-status{margin:10px 0 0;font-size:15px;color:#c5b2ff;min-height:24px}
@media(max-width:460px){:is(body.ss-route-partner-embed-code) .ss26-pk-hero{padding:20px}:is(body.ss-route-partner-embed-code) .ss26-pk-card{padding:15px}:is(body.ss-route-partner-embed-code) .ss26-pk-code{padding-top:54px;padding-right:12px}:is(body.ss-route-partner-embed-code) .ss26-copy{left:8px;right:auto}}

/* Admin import catalog — compact, filterable game rows in the shared SoulShive theme. */
body.ss26-admin-route.ss-route-import-multigame .im26-tools{background:#10182d;border:1px solid #323f69;border-radius:16px;padding:18px;margin:20px 0 16px;display:flex;flex-wrap:wrap;gap:14px;align-items:end}
body.ss26-admin-route.ss-route-import-multigame .im26-search-box{flex:1 1 260px;min-width:0;display:grid;gap:7px}
body.ss26-admin-route.ss-route-import-multigame .im26-search-box label{font-size:15px;font-weight:700;color:#dae0f5}
body.ss26-admin-route.ss-route-import-multigame .im26-search-box input{width:100%;min-width:0;min-height:46px;background:#0a1124;border:1px solid #475781;color:#fff;border-radius:10px;padding:10px 14px;font:inherit;font-size:16px}
body.ss26-admin-route.ss-route-import-multigame .im26-search-box input::placeholder{color:#a4b2d0}
body.ss26-admin-route.ss-route-import-multigame .im26-filters{display:flex;flex-wrap:wrap;gap:8px;flex:2 1 550px;min-width:0}
body.ss26-admin-route.ss-route-import-multigame .im26-filter{border:1px solid #47547d;color:#cedaf4;background:#18213a;border-radius:11px;min-height:44px;padding:8px 13px;font-size:15px;font-weight:700;cursor:pointer}
body.ss26-admin-route.ss-route-import-multigame .im26-filter[aria-pressed="true"]{background:linear-gradient(110deg,#7338e5,#483cba);color:#fff;border-color:#a99afb;box-shadow:0 2px 14px #7338e544}
body.ss26-admin-route.ss-route-import-multigame .im26-filter:hover{border-color:#aa8dff}
body.ss26-admin-route.ss-route-import-multigame :is(.im26-filter,.im26-game-link,.im26-search-box input):focus-visible{outline:3px solid #bb9cff;outline-offset:3px}
body.ss26-admin-route.ss-route-import-multigame .im26-wrap .im26-count{width:100%;margin:0;color:#c9d3ee;font-size:14px}
body.ss26-admin-route.ss-route-import-multigame .im26-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.ss26-admin-route.ss-route-import-multigame .im26-grid .im26-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:9px 14px;padding:16px;align-items:center;border-radius:14px;min-width:0}
body.ss26-admin-route.ss-route-import-multigame .im26-grid .im26-card[hidden]{display:none}
body.ss26-admin-route.ss-route-import-multigame .im26-game-logo{width:52px;height:52px;display:grid;place-items:center;border-radius:11px;border:1px solid #434f85;background:linear-gradient(135deg,#252752,#12172e);overflow:hidden}
body.ss26-admin-route.ss-route-import-multigame .im26-game-logo img{display:block;width:100%;height:100%;object-fit:cover}
body.ss26-admin-route.ss-route-import-multigame .im26-game-logo span{font-size:15px;font-weight:900;color:#e7e5ff;letter-spacing:.02em}
body.ss26-admin-route.ss-route-import-multigame .im26-game-info{min-width:0}
body.ss26-admin-route.ss-route-import-multigame .im26-game-info h3{margin:0 0 3px;font-size:18px;line-height:1.3}
body.ss26-admin-route.ss-route-import-multigame .im26-wrap .im26-game-method{font-size:14px;line-height:1.4;margin:0;color:#cbd5ee}
body.ss26-admin-route.ss-route-import-multigame .im26-wrap .im26-game-note{font-size:14px;line-height:1.45;margin:6px 0 0;color:#aab8d5}
body.ss26-admin-route.ss-route-import-multigame .im26-game-state{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0}
body.ss26-admin-route.ss-route-import-multigame .im26-game-state .im26-kind{margin:0;font-size:13px;line-height:1.4;padding:5px 10px}
body.ss26-admin-route.ss-route-import-multigame .im26-game-link{display:inline-flex;align-items:center;min-height:36px;text-decoration:none;color:#f4efff;border:1px solid #7063bd;border-radius:9px;background:#31285b;padding:6px 11px;font-size:14px;font-weight:700}
body.ss26-admin-route.ss-route-import-multigame .im26-game-link:hover{background:#463482;border-color:#a18dff}
body.ss26-admin-route.ss-route-import-multigame .im26-wrap .im26-empty{border:1px dashed #8572c7;border-radius:12px;padding:22px;text-align:center;color:#d9cefa;background:#161b36;font-size:16px}
body.ss26-admin-route.ss-route-import-multigame .im26-empty[hidden]{display:none}
@media(max-width:950px){body.ss26-admin-route.ss-route-import-multigame .im26-grid{grid-template-columns:1fr}}
@media(max-width:560px){body.ss26-admin-route.ss-route-import-multigame .im26-tools{padding:12px}body.ss26-admin-route.ss-route-import-multigame .im26-filters{flex:1 1 100%}body.ss26-admin-route.ss-route-import-multigame .im26-filter{flex:1 1 auto}body.ss26-admin-route.ss-route-import-multigame .im26-grid .im26-card{grid-template-columns:44px minmax(0,1fr);gap:8px 10px;padding:13px}body.ss26-admin-route.ss-route-import-multigame .im26-game-logo{width:44px;height:44px}body.ss26-admin-route.ss-route-import-multigame .im26-game-state{grid-column:1 / -1}body.ss26-admin-route.ss-route-import-multigame .im26-wrap .im26-game-method{font-size:14px}}

/* News Manager: localized actions and accessible empty states (existing shared stylesheet). */
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-section-spaced{margin-top:16px}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-section-description{margin-bottom:14px}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-primary-action{width:100%;margin-top:8px}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-full-action{width:100%}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-inline-form{display:inline-flex;max-width:100%;margin:0 6px 8px 0}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-token-help{margin-top:8px}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-token-copy{overflow-wrap:anywhere}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-token-label{display:block;margin-top:8px;font-weight:700;font-size:14px}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-error{border-color:#ef4444;color:#ffb4b4}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-empty{margin:0;padding:18px;color:var(--text2);font-size:16px;border:1px dashed var(--line);border-radius:12px;grid-column:1/-1}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .game-info{min-width:0;overflow-wrap:anywhere}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .game-row{min-width:0;grid-template-columns:38px minmax(0,1fr) auto auto}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-top>a{flex-shrink:0}
body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-inline-form button{white-space:normal;overflow-wrap:anywhere}
@media(max-width:650px){
 body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .game-row{grid-template-columns:36px minmax(0,1fr) auto}
 body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .game-last{grid-column:2/-1;grid-row:2;text-align:left;display:block}
 body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .ssnm-top>a{width:100%;text-align:center}
 body.ss26-admin-route.ss-route-news-manager .ssnm-wrap .timeline div{align-items:flex-start;flex-wrap:wrap}
}

/* Team directory: keep the decorative orb out of the way on phones, and
   make the data-unavailable state readable without changing the role cards. */
@media(max-width:760px){
  :is(body.ss26-admin-route.ss-route-team) .team-hero-orb{display:none}
  :is(body.ss26-admin-route.ss-route-team) .team-hero-content{padding-block:28px}
}
:is(body.ss26-admin-route.ss-route-team) .team-role-count{white-space:normal;text-align:right}
:is(body.ss26-admin-route.ss-route-team) .team-member-name{overflow-wrap:anywhere}

/* Owner financial history — shared SoulShive header identity and RO/EN switch. */
body.ss-route-payments-history .ss-finance-top{flex-wrap:wrap}
body.ss-route-payments-history .ss-finance-logo{display:inline-flex;align-items:center;min-width:0;margin-right:auto}
body.ss-route-payments-history .ss-finance-logo img{width:min(205px,42vw);height:auto;display:block}
body.ss-route-payments-history .ss-finance-languages{display:flex;gap:5px;align-items:center}
body.ss-route-payments-history .ss-finance-languages a{display:inline-flex;min-width:39px;min-height:42px;align-items:center;justify-content:center;border:1px solid #47456b;border-radius:9px;font-size:14px}
body.ss-route-payments-history .ss-finance-languages a[aria-current="page"]{background:#4b267c;border-color:#9966cf;color:#fff}
@media(max-width:560px){body.ss-route-payments-history .ss-finance-top{gap:9px 12px}body.ss-route-payments-history .ss-finance-back{flex-basis:100%;text-align:right}}

/* GTA importer: shared-brand header, language switch and readable workflow. */
:is(body.ss26-admin-route.ss-route-gta-import) .gta-admin-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;margin-bottom:12px;border-bottom:1px solid #303b64}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-admin-brand{display:inline-flex;align-items:center;max-width:100%}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-admin-brand img{display:block;width:min(220px,55vw);height:auto;object-fit:contain}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-admin-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-language{display:flex;gap:3px;border:1px solid #405178;background:#0f1b31;border-radius:10px;padding:3px}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-language a{min-width:42px;min-height:40px;display:grid;place-items:center;padding:5px 9px;border-radius:7px;color:#c9d8f3;font-weight:850;font-size:15px}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-language a[aria-current]{color:#fff;background:#6540b0}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-admin-top .gta-admin-back{margin:0}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-admin-top :is(a,button):focus-visible{outline:3px solid #74cdf9;outline-offset:3px}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-steps{margin:12px 0;padding-left:24px;line-height:1.7}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-steps li{padding:3px 0}
:is(body.ss26-admin-route.ss-route-gta-import) .gta-stats-note{color:#ffce82;font-size:15px;margin:10px 0 18px}
@media(max-width:540px){:is(body.ss26-admin-route.ss-route-gta-import) .gta-admin-top{align-items:flex-start;flex-direction:column}:is(body.ss26-admin-route.ss-route-gta-import) .gta-admin-tools{width:100%;justify-content:space-between}:is(body.ss26-admin-route.ss-route-gta-import) .gta-admin-top .gta-admin-back{padding:10px;font-size:14px}}

/* Owner-only maintenance navigation shared by backups, MySQL checks and launch readiness. */
:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid #343f6e;border-radius:15px;background:linear-gradient(120deg,#111d3c,#171337);margin:18px 0 0}
:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools-links{display:flex;gap:9px;align-items:center;flex-wrap:wrap;min-width:0}
:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #48567f;border-radius:10px;text-decoration:none;font-size:15px;font-weight:750;line-height:1.3;color:#e2e8ff;background:#151e3b}
:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools-links a[aria-current="page"]{border-color:#9d6dff;color:#fff;background:linear-gradient(110deg,#6043b7,#304c9d)}
:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools-languages{display:flex;flex-shrink:0;gap:5px;border:1px solid #48567f;border-radius:10px;padding:4px;background:#101b37}
:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools-languages a{display:inline-flex;align-items:center;justify-content:center;min-width:45px;min-height:38px;border-radius:7px;text-decoration:none;color:#b9c9e9;font-size:15px;font-weight:850}
:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools-languages a[aria-current="true"]{background:#7250d7;color:#fff}
:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools a:focus-visible{outline:3px solid #d4a7ff;outline-offset:3px}
@media(max-width:650px){:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools{padding:12px;gap:12px}:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools-links{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools-links a{justify-content:center;text-align:center;padding:9px 8px;font-size:14px}:is(body.ss-route-backups,body.ss-route-database-health,body.ss-route-launch-readiness).ss26-admin-route .ss-owner-tools-languages{margin-left:auto}}


/* Admin: server IP change requests; responsive with real labels instead of a shrunken desktop table. */
body.ss26-admin-route .ss27-ip-requests{margin:20px 0 28px;min-width:0;font-size:16px;color:#eef2ff}
body.ss26-admin-route .ss27-ip-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:25px;border:1px solid #48416f;border-radius:18px;background:linear-gradient(115deg,#221543,#131c36 75%,#0e1427)}
body.ss26-admin-route .ss27-ip-head>div{flex:1 1 470px;min-width:0}
body.ss26-admin-route .ss27-ip-kicker{color:#be9aff;letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-size:14px;margin:0 0 9px}
body.ss26-admin-route .ss27-ip-head h2{font-size:clamp(23px,2.7vw,33px);line-height:1.2;margin:0 0 10px;color:#fff;letter-spacing:-.02em}
body.ss26-admin-route .ss27-ip-head p:not(.ss27-ip-kicker){font-size:16px;line-height:1.55;color:#d1d5e9;margin:0;max-width:850px}
body.ss26-admin-route .ss27-ip-count{display:inline-flex;align-items:center;gap:9px;border:1px solid #534e83;background:#151d37;border-radius:12px;padding:12px 16px;font-size:15px;color:#d3d8f0}
body.ss26-admin-route .ss27-ip-count strong{font-size:22px;color:#fff}
body.ss26-admin-route .ss27-ip-filters{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}
body.ss26-admin-route .ss27-ip-filter{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;min-height:44px;border:1px solid #3d4767;border-radius:11px;color:#d6dcee;font-size:15px;font-weight:750;background:#151a2d}
body.ss26-admin-route .ss27-ip-filter.is-active{background:#4d2c92;color:#fff;border-color:#a78bfa}
body.ss26-admin-route .ss27-ip-filter:hover{border-color:#b998ff;color:#fff}
body.ss26-admin-route .ss27-ip-filter:focus-visible,
body.ss26-admin-route .ss27-ip-actions button:focus-visible{outline:3px solid #cab4ff;outline-offset:3px}
body.ss26-admin-route .ss27-ip-panel{border:1px solid #2a3556;border-radius:17px;padding:15px;background:linear-gradient(165deg,#15192a,#101325);min-width:0}
body.ss26-admin-route .ss27-ip-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
body.ss26-admin-route .ss27-ip-table{width:100%;min-width:1040px;border-spacing:0 7px;border-collapse:separate}
body.ss26-admin-route .ss27-ip-table th{text-align:left;font-size:14px;font-weight:800;color:#c3cce8;letter-spacing:.02em;padding:9px 12px}
body.ss26-admin-route .ss27-ip-table td{background:#111d33;border-block:1px solid #293e61;padding:13px 12px;vertical-align:middle;font-size:15px;line-height:1.5;color:#edf0fc;overflow-wrap:anywhere}
body.ss26-admin-route .ss27-ip-table td:first-child{border-left:1px solid #293e61;border-radius:10px 0 0 10px}
body.ss26-admin-route .ss27-ip-table td:last-child{border-right:1px solid #293e61;border-radius:0 10px 10px 0}
body.ss26-admin-route .ss27-ip-table strong{font-size:16px;font-weight:800}
body.ss26-admin-route .ss27-ip-subtext{display:block;color:#b5c0dd;font-size:14px;line-height:1.4;margin-top:4px;overflow-wrap:anywhere}
body.ss26-admin-route .ss27-ip-address{font-family:ui-monospace,monospace;font-size:14px!important;white-space:nowrap}
body.ss26-admin-route .ss27-ip-new-address{color:#d6b6ff!important}
body.ss26-admin-route .ss27-ip-reason{max-width:200px}
body.ss26-admin-route .ss27-ip-status{display:inline-flex;padding:5px 9px;border-radius:8px;font-size:14px;font-weight:800;border:1px solid #52617b}
body.ss26-admin-route .ss27-ip-status-pending{color:#ffd085;background:#4b321a;border-color:#8a6032}
body.ss26-admin-route .ss27-ip-status-approved{color:#a2f4ba;background:#183d2e;border-color:#347f51}
body.ss26-admin-route .ss27-ip-status-rejected{color:#ffc3c8;background:#512331;border-color:#7f3b4f}
body.ss26-admin-route .ss27-ip-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
body.ss26-admin-route .ss27-ip-actions form{margin:0}
body.ss26-admin-route .ss27-ip-actions button{cursor:pointer;min-height:44px;padding:8px 12px;border-radius:9px;font-family:inherit;font-size:15px;font-weight:750;border:1px solid transparent;white-space:nowrap}
body.ss26-admin-route .ss27-ip-approve{background:#183e2f!important;color:#afffd1!important;border-color:#337a56!important}
body.ss26-admin-route .ss27-ip-reject{background:#502331!important;color:#ffd2d8!important;border-color:#814256!important}
body.ss26-admin-route .ss27-ip-empty{text-align:center;padding:35px 15px}
body.ss26-admin-route .ss27-ip-empty strong{font-size:19px;color:#f6f3ff}
body.ss26-admin-route .ss27-ip-empty p{font-size:16px;color:#bbc5dd}
body.ss26-admin-route .ss27-ip-limit{font-size:14px;color:#c4cce4;margin:12px 0 0}
@media(max-width:800px){
 body.ss26-admin-route .ss27-ip-head{padding:19px}
 body.ss26-admin-route .ss27-ip-table{display:block;min-width:0;width:100%}
 body.ss26-admin-route .ss27-ip-table thead{display:none}
 body.ss26-admin-route .ss27-ip-table tbody{display:grid;gap:12px}
 body.ss26-admin-route .ss27-ip-table tr{display:block;min-width:0;border:1px solid #394769;border-radius:13px;background:#111d33;overflow:hidden}
 body.ss26-admin-route .ss27-ip-table td{display:grid;grid-template-columns:minmax(92px,32%) minmax(0,1fr);gap:10px;align-items:start;min-width:0;width:100%;border:0!important;border-bottom:1px solid #293c5c!important;border-radius:0!important;padding:12px!important;white-space:normal;font-size:15px}
 body.ss26-admin-route .ss27-ip-table td:last-child{border-bottom:0!important}
 body.ss26-admin-route .ss27-ip-table td::before{content:attr(data-label);font-size:14px;line-height:1.45;color:#bec8e4;font-weight:750}
 body.ss26-admin-route .ss27-ip-table .ss27-ip-address{white-space:normal;overflow-wrap:anywhere}
 body.ss26-admin-route .ss27-ip-table .ss27-ip-reason{max-width:none}
 body.ss26-admin-route .ss27-ip-table .ss27-ip-action-cell{display:block}
 body.ss26-admin-route .ss27-ip-table .ss27-ip-action-cell::before{display:block;margin-bottom:10px}
 body.ss26-admin-route .ss27-ip-actions{width:100%}
 body.ss26-admin-route .ss27-ip-actions form{flex:1 1 120px}
 body.ss26-admin-route .ss27-ip-actions button{width:100%}
 body.ss26-admin-route .ss27-ip-table-wrap{overflow:visible}
}
@media(max-width:380px){
 body.ss26-admin-route .ss27-ip-panel{padding:9px}
 body.ss26-admin-route .ss27-ip-head{padding:16px}
 body.ss26-admin-route .ss27-ip-table td{grid-template-columns:minmax(85px,33%) minmax(0,1fr);gap:8px}
 body.ss26-admin-route .ss27-ip-filter{flex:1 1 auto}
}

/* Server-owner actions share the established SoulShive layout across the four management pages. */
:is(body.ss-route-change-server-ip) .sip-quick-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px}
:is(body.ss-route-change-server-ip) .sip-quick-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid #495a8d;background:linear-gradient(145deg,#182343,#101932);color:#e9edff;font-size:16px;font-weight:750;border-radius:11px;text-decoration:none}
:is(body.ss-route-change-server-ip) .sip-quick-nav a:hover{border-color:#aa8fff;background:#263060}
:is(body.ss-route-change-server-ip) .sip-quick-nav a:focus-visible{outline:3px solid #ba9cff;outline-offset:2px}
:is(body.ss-route-claim-server) .ss26-owner-status{font-size:14px;font-weight:800;display:inline-flex;align-items:center;line-height:1.5}
:is(body.ss-route-claim-server) .ss26-owner-status.is-online{color:#72e3a5}
:is(body.ss-route-claim-server) .ss26-owner-status.is-offline{color:#f8a7b6}
:is(body.ss-route-claim-server) .ss26-owner-status.is-unverified{color:#b6c2dc}
:is(body.ss-route-claim-server) .ss26-owner-main{flex:1 1 260px}
:is(body.ss-route-claim-server) .ss26-owner-actions{flex:0 1 auto;gap:8px}
@media(max-width:700px){
  :is(body.ss-route-change-server-ip) .sip-quick-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  :is(body.ss-route-change-server-ip) .sip-quick-nav a{padding:10px 9px;text-align:center;font-size:14px;overflow-wrap:anywhere}
  :is(body.ss-route-claim-server) .ss26-owner-card{align-items:stretch;flex-direction:column}
  :is(body.ss-route-claim-server) .ss26-owner-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(body.ss-route-claim-server) .ss26-owner-actions .btn{width:100%;min-width:0;white-space:normal;text-align:center}
}
@media(max-width:370px){:is(body.ss-route-change-server-ip) .sip-quick-nav{grid-template-columns:minmax(0,1fr)}}


/* Shared SoulShive presentation for the Apps / Founders public pages. */
body.ss26-page-apps .ss27-apps-page{min-width:0;margin-bottom:48px}
body.ss26-page-apps .ss27-apps-notice{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(150deg,#112842,#101930)!important;border:1px solid #345a78!important}
body.ss26-page-apps .ss27-apps-notice-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#173f43;border:1px solid #3d9c8a;color:#86f3d7;font-size:22px;font-weight:900}
body.ss26-page-apps .ss27-apps-notice strong{display:block;color:#f1f7ff;font-size:18px;line-height:1.4}
body.ss26-page-apps .ss27-apps-notice p{margin:8px 0 0;color:#c0d0e8;font-size:16px;line-height:1.6}
body.ss26-page-apps .ss27-app-card{display:flex;flex-direction:column;gap:16px}
body.ss26-page-apps .ss27-app-card-head{display:flex;align-items:flex-start;gap:13px;min-width:0}
body.ss26-page-apps .ss27-app-card-head>div{min-width:0}
body.ss26-page-apps .ss27-app-card h2{font-size:19px;line-height:1.35;margin:0;color:#f2f5ff;overflow-wrap:anywhere}
body.ss26-page-apps .ss27-app-meta{margin:5px 0 0;color:#a8bdda;font-size:14px;line-height:1.5}
body.ss26-page-apps .ss27-app-icon{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:11px;background:#273257;font-size:21px}
body.ss26-page-apps .ss27-app-desc{color:#bfd0ea;font-size:16px;line-height:1.6;margin:0;flex:1;overflow-wrap:anywhere}
body.ss26-page-apps .ss27-app-action,body.ss26-page-apps .ss27-app-unavailable{display:flex;justify-content:center;align-items:center;min-height:47px;padding:10px 12px;text-align:center;border-radius:10px;font-size:15px;font-weight:800}
body.ss26-page-apps .ss27-app-unavailable{border:1px solid #47516e;color:#b1bdd7;background:#1b243e;cursor:default}
:is(body.ss-route-founders) .fd-program-paused{padding:12px 15px;background:#2b2438;border:1px solid #a66c30;border-radius:10px;color:#ffdfa1;font-size:16px;line-height:1.5;margin:16px 0}
:is(body.ss-route-founders) .fd-reward-progress{margin-top:16px}
:is(body.ss-route-founders) .fd-reward-fill{background:linear-gradient(90deg,#ffc64d,#ad37ff,#44ddff)!important}
:is(body.ss-route-founders) .fd-verified-owner{margin-top:10px;color:#58efb2;font-size:15px;font-weight:800}
:is(body.ss-route-founders) .fd-progresshead strong{overflow-wrap:anywhere}
@media(max-width:620px){body.ss26-page-apps .ss27-apps-notice{padding:18px!important;gap:12px}body.ss26-page-apps .ss27-app-card{min-height:0}body.ss26-page-apps .ss27-apps-page{margin-bottom:34px}}

/* SoulShive account continuity: recovery and verification reuse the existing
   login layout rather than a separate theme or inline PHP styles. */
.ss27-account-flow .ss27-auth-hero{min-height:490px}
.ss27-account-flow .ss27-auth-panel{display:flex;flex-direction:column;justify-content:center}
.ss27-account-flow .ss27-auth-panel form{width:100%}
.ss27-account-flow .ss27-auth-panel .auth-submit{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:50px;padding:12px 16px;border:1px solid #aa80ff;border-radius:10px;background:linear-gradient(115deg,#8534f8,#566ffa);color:#fff;font-size:16px;font-weight:850;text-decoration:none;cursor:pointer;line-height:1.4}
.ss27-account-flow .ss27-auth-panel .ss27-flow-hint,.ss27-account-flow .ss27-auth-panel .ss27-flow-help{font-size:15px;line-height:1.55;color:#bdc8e5;margin:10px 0}
.ss27-account-flow .ss27-auth-panel .ss27-flow-help{text-align:center;margin-top:16px}
.ss27-account-flow .ss27-auth-panel .ss27-flow-help a{color:#cfadff;font-weight:800}
.ss27-account-flow .ss27-auth-panel .ss27-verify-panel{align-self:stretch}
.ss27-account-flow .ss27-auth-panel .ss27-flow-check{display:grid;place-items:center;width:56px;height:56px;background:#214a40;border:1px solid #3e9479;border-radius:50%;font-size:30px;color:#a4f8dc;margin:0 0 18px}
.ss27-account-flow .ss27-auth-panel .ss-verify-secondary{margin-top:12px}
.ss27-account-flow .ss27-auth-panel .ss27-verify-panel p{color:#d0d9ef;font-size:16px;line-height:1.65;margin:0 0 20px}
.ss27-account-flow .ss27-auth-panel .ss-verify-secondary.auth-submit{background:#182a4b;border-color:#496791}
@media(max-width:1020px){.ss27-account-flow .ss27-auth-hero{min-height:220px}}
@media(max-width:670px){.ss27-account-flow .ss27-auth-hero{min-height:0}.ss27-account-flow .ss27-auth-panel .ss27-auth-top{margin-bottom:22px}}

/* Unified public forms and truthful empty states — SoulShive identity. */
:is(body.ss-route-support) .ss26-support{max-width:1100px;padding:0 18px}
:is(body.ss-route-support) .ss26-support-hero p{font-size:16px}
:is(body.ss-route-support) .ss26-field label{font-size:15px}
:is(body.ss-route-support) .ss26-field input,
:is(body.ss-route-support) .ss26-field select,
:is(body.ss-route-support) .ss26-field textarea{font-size:16px;min-height:46px}
:is(body.ss-route-support) .ss26-alert{font-size:16px;line-height:1.55}
:is(body.ss-route-support) .ss26-form{display:block}
:is(body.ss-route-support) .ss26-form .btn{margin:5px 10px 5px 0;min-height:45px}
:is(body.ss-route-support) .ss27-form-hint{font-size:15px;color:#b4c3df;margin:0 0 18px;line-height:1.5}
:is(body.ss-route-support) .ss27-turnstile-space{margin-bottom:14px}
:is(body.ss-route-esports-live) .es-empty-state{margin:20px 0 0;padding:20px;border-radius:14px;border:1px solid #41517a;background:rgba(12,20,43,.86);font-size:17px;line-height:1.55;color:#cbd7ee}
:is(body.ss-route-esports-live) .es-chat-unavailable{padding:15px;color:#cbd7ee;font-size:16px;line-height:1.5}
:is(body.ss-route-esports-live) .es-login-link{color:#d2adff;font-weight:700}
:is(body.ss-route-esports-live) .es-vs-label{color:#d7e2f3;font-size:25px}
:is(body.ss-route-esports-live) #soulChat{display:flex;flex-direction:column;height:100%}
:is(body.ss-route-esports-live) .es-row{overflow-wrap:anywhere}
@media(max-width:570px){:is(body.ss-route-support) .ss26-support{padding:0 12px}}

/* SoulShive · Admin shared UX (moderation, staff, backups, esports). */
:is(body.ss-route-community-moderation) .cmadmin-visually-hidden,
:is(body.ss-route-staff-chat) .ss-chat-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:is(body.ss-route-staff-chat) .ss-chat-list-notice{color:#c4d0e9;line-height:1.5;font-size:15px;padding:12px 8px;margin:0;overflow-wrap:anywhere}
:is(body.ss-route-staff-chat) .staff-chat-sidebar,
:is(body.ss-route-staff-chat) .staff-chat-main{min-width:0}
:is(body.ss-route-staff-chat) .chat-message-meta,
:is(body.ss-route-staff-chat) .chat-bubble{overflow-wrap:anywhere}
:is(body.ss-route-esports-setup) .es-configuration-note{margin:18px 0;padding:14px 18px;background:#122345;border:1px solid #485b9c;border-radius:12px;color:#d2dff5;font-size:16px;line-height:1.55}
:is(body.ss-route-esports-setup) .es-brand-image{width:min(220px,100%);height:auto;object-fit:contain}
:is(body.ss-route-backups) .backup-entry strong{overflow-wrap:anywhere}
@media(max-width:650px){
 :is(body.ss-route-backups) .backup-actions{display:flex;flex-wrap:wrap;gap:8px}
 :is(body.ss-route-backups) .backup-actions form{max-width:100%}
 :is(body.ss-route-backups) .backup-actions button{white-space:normal;min-height:44px}
}

/* SoulShive 2026 public news / 404: shared compact card treatment. */
body.ss26-page-news .ssnews26-featured-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);overflow:hidden;border:1px solid #2c4074;border-radius:16px;background:linear-gradient(145deg,#111c39,#0a152d);color:#f3f6ff;text-decoration:none;min-width:0}
body.ss26-page-news .ssnews26-featured-copy{padding:clamp(18px,2.8vw,30px);display:flex;flex-direction:column;justify-content:center;min-width:0}
body.ss26-page-news .ssnews26-featured-visual{min-height:220px;position:relative;overflow:hidden;background:#10192f}
body.ss26-page-news .ssnews26-featured-visual img{width:100%;height:100%;min-height:220px;object-fit:cover;display:block}
body.ss26-page-news .ssnews26-muted-empty{font-size:15px;line-height:1.5;color:#b4c4df;margin:14px 0 0}
body.ss26-page-news .ssna26-copy-feedback{font-size:14px;color:#a9e2c4;min-height:1em}
body.ss26-page-news .ssna26-share button{cursor:pointer}
body.ss26-page-news .ssna26-share button:focus-visible,body.ss26-page-news .ssnews26-featured-card:focus-visible{outline:3px solid #9c76ff;outline-offset:3px}
body.ss-route-404 .ss404-wrap{max-width:1000px;margin:26px auto 60px;padding:0 16px}
body.ss-route-404 .ss404-hero{background:linear-gradient(140deg,#111d3e,#080f23);border:1px solid #293e72;border-radius:18px;padding:clamp(26px,5vw,55px);text-align:center}
body.ss-route-404 .ss404-number{font-size:clamp(76px,12vw,130px);font-weight:900;letter-spacing:-.07em;line-height:1;background:linear-gradient(110deg,#9066ff,#5aa4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
body.ss-route-404 .ss404-hero h1{font-size:clamp(26px,3vw,36px);margin:12px 0;color:#fff}
body.ss-route-404 .ss404-hero p{font-size:16px;line-height:1.6;color:#c5d0e8;max-width:560px;margin:0 auto 20px}
body.ss-route-404 .ss404-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
body.ss-route-404 .ss404-actions .btn{min-height:45px;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
body.ss-route-404 .ss404-recs{background:#101a34;border:1px solid #293e72;border-radius:17px;max-width:780px;margin:18px auto 0;padding:16px 22px}
body.ss-route-404 .ss404-recs h2{font-size:19px;margin:0 0 10px;color:#fff}
body.ss-route-404 .ss404-server{display:flex;gap:14px;align-items:center;justify-content:space-between;color:#e6ecff;text-decoration:none;padding:12px 0;border-bottom:1px solid #273653}
body.ss-route-404 .ss404-server:last-child{border:0}
body.ss-route-404 .ss404-server-name{display:flex;gap:10px;align-items:center;min-width:0;overflow-wrap:anywhere;font-size:16px}
body.ss-route-404 .ss404-server-players{font-size:14px;color:#b4c4df;white-space:nowrap}
@media(max-width:700px){body.ss26-page-news .ssnews26-featured-card{grid-template-columns:1fr}body.ss26-page-news .ssnews26-featured-visual{min-height:160px;max-height:200px}body.ss26-page-news .ssnews26-featured-visual img{min-height:160px}body.ss-route-404 .ss404-recs{padding:15px}body.ss-route-404 .ss404-server{align-items:flex-start;flex-direction:column;gap:5px}}

/* SoulShive developer documentation — shared dark visual system */
body.ss-route-sdk-docs .ss27-sdk{width:min(1250px,100%);margin:16px auto 48px;min-width:0}
body.ss-route-sdk-docs .ss27-sdk-hero{padding:clamp(24px,4vw,48px);border:1px solid rgba(141,91,234,.55);border-radius:18px;background:radial-gradient(circle at 83% 15%,rgba(111,48,218,.3),transparent 45%),linear-gradient(135deg,#111b39,#090e21);margin-bottom:18px}
body.ss-route-sdk-docs .ss27-sdk-kicker{font-size:14px;font-weight:750;letter-spacing:.11em;color:#b7a6ff}
body.ss-route-sdk-docs .ss27-sdk-hero h1{font-size:clamp(30px,4vw,50px);line-height:1.12;margin:10px 0 15px;color:#f3f5ff}
body.ss-route-sdk-docs .ss27-sdk-hero h1 span{color:#ab82ff}
body.ss-route-sdk-docs .ss27-sdk-hero p{font-size:17px;line-height:1.65;max-width:820px;color:#c1cbe7}
body.ss-route-sdk-docs .ss27-sdk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
body.ss-route-sdk-docs .ss27-sdk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.ss-route-sdk-docs .ss27-sdk-card{min-width:0;padding:clamp(19px,2.3vw,30px);border:1px solid #344572;border-radius:16px;background:linear-gradient(145deg,#101b35,#090e22)}
body.ss-route-sdk-docs .ss27-sdk-card h2{font-size:clamp(20px,2.2vw,26px);line-height:1.28;color:#f3f5ff;margin:0 0 16px}
body.ss-route-sdk-docs .ss27-sdk-card p,body.ss-route-sdk-docs .ss27-sdk-card li{font-size:16px;line-height:1.65;color:#c4cde2}
body.ss-route-sdk-docs .ss27-sdk-card ol{padding-left:24px;margin:10px 0 15px}
body.ss-route-sdk-docs .ss27-sdk-card li+li{margin-top:10px}
body.ss-route-sdk-docs .ss27-sdk-note{border-left:3px solid #a077fa;padding:12px 15px;background:#131b37;border-radius:0 10px 10px 0}
body.ss-route-sdk-docs .ss27-sdk-section{margin-top:18px}
body.ss-route-sdk-docs .ss27-sdk-code,body.ss-route-sdk-docs .ss27-sdk-pre{display:block;max-width:100%;overflow-x:auto;white-space:pre;word-break:normal;padding:16px;border:1px solid #344574;background:#080e22;border-radius:10px;color:#e9d9ff;font-size:15px;line-height:1.6}
body.ss-route-sdk-docs .ss27-sdk-table-wrap{max-width:100%;overflow-x:auto}
body.ss-route-sdk-docs .ss27-sdk-table{width:100%;min-width:680px}
body.ss-route-sdk-docs .ss27-sdk-table th,body.ss-route-sdk-docs .ss27-sdk-table td{padding:12px 10px;font-size:15px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
body.ss-route-sdk-docs .ss27-sdk-table code{font-size:14px;color:#c8b6ff;overflow-wrap:anywhere}
body.ss-route-sdk-docs .ss27-sdk-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:19px}
body.ss-route-sdk-docs .ss27-sdk-downloads .btn{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:48px;white-space:normal;font-size:15px}
@media(max-width:860px){body.ss-route-sdk-docs .ss27-sdk-grid{grid-template-columns:minmax(0,1fr)}body.ss-route-sdk-docs .ss27-sdk-downloads{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){body.ss-route-sdk-docs .ss27-sdk{margin-top:8px}body.ss-route-sdk-docs .ss27-sdk-actions,body.ss-route-sdk-docs .ss27-sdk-downloads{display:grid;grid-template-columns:1fr}body.ss-route-sdk-docs .ss27-sdk-actions .btn{justify-content:center}body.ss-route-sdk-docs .ss27-sdk-hero p{font-size:16px}}

/* Campaign, SoulPoints and partner certificate: shared SoulShive visual alignment. */
body.ss-route-campaign .sscamp{max-width:1240px;margin-inline:auto}
body.ss-route-campaign .sscamp-hero{border-radius:18px;overflow:hidden}
body.ss-route-campaign .sscamp-referral h3,
body.ss-route-campaign .sscamp-referral p{overflow-wrap:anywhere}
body.ss-route-campaign .sscamp-table-wrap{overflow-x:auto;max-width:100%;scrollbar-color:#66439a #0a1324}
body.ss-route-campaign .sscamp-table{min-width:760px}
body.ss-route-campaign .sscamp-stats>*{min-width:0}
body.ss-route-campaign .sscamp-progress-track:focus-visible{outline:2px solid #a987fe;outline-offset:4px}
body.ss-route-coins .sp-points-clarity{font-size:15px;line-height:1.55;color:#b8c8dd;margin:12px 0 0;max-width:72ch}
body.ss-route-coins .sp-catalog-status{font-size:14px;color:#9bdfc4;white-space:normal;text-align:right}
body.ss-route-coins .sp-rategrid>*{min-width:0}
body.ss-route-coins .sp-server{min-width:0;max-width:100%}
body.ss-certificate-page .ss-cert-back{display:inline-flex;align-items:center;color:#d4b8ff;text-decoration:none;font-size:15px;font-weight:700;min-height:44px}
body.ss-certificate-page .ss-cert-back:hover{text-decoration:underline}
body.ss-certificate-page .ss-cert-error{min-height:0;aspect-ratio:auto;gap:12px}
body.ss-certificate-page .ss-cert-error .ss-cert-back{margin-top:20px}
body.ss-certificate-page .print{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center}
@media(max-width:760px){
  body.ss-route-campaign .sscamp-hero h1{font-size:clamp(28px,7vw,42px);overflow-wrap:anywhere}
  body.ss-route-campaign .sscamp-referral{min-width:0}
  body.ss-route-campaign .sscamp-signup-form .sscamp-form-grid{grid-template-columns:1fr}
  body.ss-route-coins .sp-head{flex-wrap:wrap;gap:8px}
  body.ss-route-coins .sp-catalog-status{text-align:left}
  body.ss-certificate-page .cert{width:100%}
}
@media print{
  body.ss-certificate-page .ss-cert-back{display:none!important}
  body.ss-certificate-page .cert{border-radius:0}
}
body.ss-route-campaign .sscamp-live.paused{border-color:#546078;color:#aebbd3;background:#101a2c}
body.ss-route-campaign .sscamp-live.paused i{background:#8793a6;box-shadow:none;animation:none}
body.ss-route-campaign .sscamp-benefit b,
body.ss-route-campaign .sscamp-step b,
body.ss-route-campaign .sscamp-head h2{font-size:16px}
body.ss-route-campaign .sscamp-benefit p,
body.ss-route-campaign .sscamp-step p{font-size:15px}

/* Server media editor — consistent accessible controls in the shared theme. */
.sm26 .sm-eyebrow{color:#c39cff;font-size:14px;font-weight:800;letter-spacing:.08em}
.sm26 .sm-form label{font-size:15px;font-weight:650;color:#d8d9ee;margin-top:3px}
.sm26 .sm-form input[type=file]{cursor:pointer;min-height:46px;padding:8px 10px}
.sm26 .sm-form input:focus-visible,.sm26 .sm-btn:focus-visible,.sm26 .sm-del button:focus-visible{outline:2px solid #bc8cff;outline-offset:3px}
.sm26 .sm-btn{min-height:44px;height:auto;font-size:16px;border-radius:9px}
.sm26 .sm-gallery-card{margin-top:14px}
.sm26 .sm-note,.sm26 .sm-empty{font-size:15px;line-height:1.5;color:#b6bdd4;margin:12px 0 0}
.sm26 .sm-msg--ok{background:rgba(33,178,113,.08);border-color:#2a8860;color:#a6f7c7}
.sm26 .sm-img .sm-del button{min-width:36px;min-height:36px;font-size:16px;cursor:pointer}
.sm26 .sm-gallery img{display:block}

/* Community & staff-message repair: consistent text and keyboard actions. */
:is(body.ss-route-messages) .m26 .ss-sug{display:inline-flex;align-items:center;min-height:44px;margin:0 3px;padding:2px 6px;border:0;border-bottom:1px solid #a46aff;background:transparent;color:#d9b9ff;cursor:pointer;font:inherit}
:is(body.ss-route-messages) .m26 .ss-sug:focus-visible{outline:2px solid #87d7ff;outline-offset:2px}
:is(body.ss-route-messages) .m26 :is(.m26-form label,.m26-check){font-size:16px;line-height:1.55}
.sscp26 .sscp26-muted{color:#aebfdb;font-size:16px;line-height:1.6}

/* Shared Marketplace publishing: same desktop card rhythm and mobile stacking. */
body.ss-route-sell .ss-market-sell-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;align-items:start}
body.ss-route-sell .ss-market-sell-fields-2,body.ss-route-sell .ss-market-sell-fields-3{display:grid;gap:10px}
body.ss-route-sell .ss-market-sell-fields-2{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ss-route-sell .ss-market-sell-fields-3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.ss-route-sell .ss-market-sell-layout>*,body.ss-route-sell .ss-market-sell-fields-2>*,body.ss-route-sell .ss-market-sell-fields-3>*{min-width:0}
body.ss-route-sell .ss-market-sell-form label[for]{display:block;font-size:15px;line-height:1.5;margin-bottom:5px}
body.ss-route-sell .ss-market-sell-form :is(input:not([type=checkbox]),select,textarea){max-width:100%;font-size:16px}
body.ss-route-sell .ss-market-sell-form input[type=file]{overflow:hidden}
body.ss-route-shop .ss-market-unavailable{padding:24px;text-align:center;line-height:1.6;font-size:16px}
@media(max-width:950px){body.ss-route-sell .ss-market-sell-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:590px){body.ss-route-sell .ss-market-sell-fields-2,body.ss-route-sell .ss-market-sell-fields-3{grid-template-columns:minmax(0,1fr)}body.ss-route-sell .ss-market-sell-layout .card{padding:18px}body.ss-route-sell .ss-market-sell-form{overflow-wrap:anywhere}}

/* Permanently retired cash-withdrawal route: consistent SoulShive treatment. */
.ss-retired-route{background:#080d1b;color:#eef1ff;min-height:100vh;padding:clamp(24px,8vh,80px) 16px;font-size:16px}
.ss-retired-panel{max-width:760px;margin:0 auto;padding:clamp(22px,4vw,40px);border:1px solid #354367;border-radius:22px;background:#101a32;box-shadow:0 18px 80px #0004}
.ss-retired-panel img{max-width:100%;height:auto;object-fit:contain}
.ss-retired-panel h1{font-size:clamp(25px,4vw,38px);line-height:1.22;margin:24px 0 16px;color:#fff}
.ss-retired-panel p{font-size:16px;line-height:1.7;color:#cbd3ed}
.ss-retired-panel nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.ss-retired-panel nav a{color:#e6d0ff;border:1px solid #6b4f9f;padding:11px 16px;border-radius:12px;text-decoration:none;font-weight:700}
.ss-retired-panel nav a:hover,.ss-retired-panel nav a:focus-visible{border-color:#c4a1ff;background:#26183f}

/* Unified access denial — reused by every permission-guarded Admin module. */
body.ss-access-denied-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,rgba(100,45,200,.25),transparent 62%),#070c1b;color:#edf2ff;font-size:16px}
.ss-access-denied-card{width:min(100%,620px);padding:clamp(22px,5vw,44px);border:1px solid #354472;border-radius:18px;background:linear-gradient(150deg,#142143,#091329);box-shadow:0 22px 80px #0007;text-align:center}
.ss-access-denied-logo{display:block;width:180px;max-height:72px;object-fit:contain;margin:0 auto 20px}
.ss-access-denied-lock{font-size:40px;line-height:1.3;margin-bottom:12px}
.ss-access-denied-card h1{font-size:clamp(24px,4vw,32px);margin:0 0 12px;color:#fff}
.ss-access-denied-card p{font-size:16px;line-height:1.65;color:#c4d2ed;overflow-wrap:anywhere}
.ss-access-denied-back{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;margin-top:16px;border:1px solid #845cdb;border-radius:10px;background:linear-gradient(110deg,#622be3,#275bbd);color:#fff;font-size:16px;font-weight:750;text-decoration:none}
.ss-access-denied-back:hover{color:#fff;filter:brightness(1.12)}
.ss-access-denied-back:focus-visible{outline:3px solid #8dd8ff;outline-offset:3px}

/* Private conversation navigation uses the shared SoulShive tokens. */
.ss-dm-history{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:.8rem 1rem;border-block:1px solid rgba(124,141,255,.18)}
.ss-dm-history a{font-size:16px;color:#9bc8ff;text-decoration:underline;text-underline-offset:.2em}
.ss-dm-history a:focus-visible{outline:2px solid #9bc8ff;outline-offset:3px}

/* Shared public-page accessibility and responsive baseline; route-scoped to preserve approved layouts. */
body.ss-route-index,body.ss-route-servers,body.ss-route-master-server,
body.ss-route-server_info,body.ss-route-boost,body.ss-route-community,
body.ss-route-market{font-size:16px;line-height:1.55}
:is(body.ss-route-index,body.ss-route-servers,body.ss-route-master-server,
body.ss-route-server_info,body.ss-route-boost,body.ss-route-community,
body.ss-route-market) :is(input,select,textarea,button){font:inherit;max-width:100%}
:is(body.ss-route-index,body.ss-route-servers,body.ss-route-master-server,
body.ss-route-server_info,body.ss-route-boost,body.ss-route-community,
body.ss-route-market) :is(input,select,textarea){min-height:44px}
:is(body.ss-route-index,body.ss-route-servers,body.ss-route-master-server,
body.ss-route-server_info,body.ss-route-boost,body.ss-route-community,
body.ss-route-market) :is(a,button,input,select,textarea,[tabindex]):focus-visible{
 outline:3px solid #83c9ff;outline-offset:3px
}
:is(body.ss-route-index,body.ss-route-servers,body.ss-route-master-server,
body.ss-route-server_info,body.ss-route-boost,body.ss-route-community,
body.ss-route-market) :is(p,li,td,th,label){overflow-wrap:break-word}
:is(body.ss-route-index,body.ss-route-servers,body.ss-route-master-server,
body.ss-route-server_info,body.ss-route-boost,body.ss-route-community,
body.ss-route-market) :is(.muted,.small,.sub,.badge,small){font-size:max(14px, .875rem)}
@media(max-width:767px){
 :is(body.ss-route-index,body.ss-route-servers,body.ss-route-master-server,
 body.ss-route-server_info,body.ss-route-boost,body.ss-route-community,
 body.ss-route-market) :is(.wrap,.container){max-width:100%;min-width:0}
 :is(body.ss-route-index,body.ss-route-servers,body.ss-route-master-server,
 body.ss-route-server_info,body.ss-route-boost,body.ss-route-community,
 body.ss-route-market) :is(table.list,table.mstable){min-width:560px}
 :is(body.ss-route-index,body.ss-route-servers,body.ss-route-master-server,
 body.ss-route-server_info,body.ss-route-boost,body.ss-route-community,
 body.ss-route-market) :is(.card,.panel){min-width:0}
}
@media(prefers-reduced-motion:reduce){
 :is(body.ss-route-index,body.ss-route-servers,body.ss-route-master-server,
 body.ss-route-server_info,body.ss-route-boost,body.ss-route-community,
 body.ss-route-market) :is(*,*::before,*::after){animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Accessible content navigation, shared across public page layouts. */
.ss-skip-to-content{position:fixed;top:12px;left:12px;z-index:2147483000;padding:12px 18px;border:2px solid #8ba9ff;border-radius:10px;background:#101a37;color:#fff;font-size:16px;font-weight:700;text-decoration:none;transform:translateY(-160%);transition:transform .15s ease}
.ss-skip-to-content:focus,.ss-skip-to-content:focus-visible{transform:translateY(0);outline:3px solid #fff;outline-offset:2px}
#ss-main-content:focus{outline:none}
.ss-content-anchor{position:relative;height:0;overflow:hidden}
@media(prefers-reduced-motion:reduce){.ss-skip-to-content{transition:none}}


/* SoulShive shared visual system — multi-page layout batch, 2026-10-21.
   Scoped to existing page components; preserves existing brand assets. */
:root{--ss-surface-raised:#111d35;--ss-outline-soft:rgba(125,153,215,.23);--ss-accent-glow:rgba(101,73,224,.14)}
:is(.ss26-home,.sl-page,.ms-page,.sv-page,.ssbx-page,.ssc1-page,.ss27-market-grid){min-width:0}
:is(.ss26-home,.sl-page,.ms-page,.sv-page,.ssbx-page,.ssc1-page) :is(h1,h2,h3){overflow-wrap:anywhere;text-wrap:balance}
:is(.ss26-home,.sl-page,.ms-page,.sv-page,.ssbx-page,.ssc1-page) :is(p,li){overflow-wrap:break-word}
:is(.ss26-home,.sl-page,.ms-page,.sv-page,.ssbx-page,.ssc1-page) :is(img,video,iframe){max-width:100%}
:is(.ss26-home,.sl-page,.ms-page,.sv-page,.ssbx-page,.ssc1-page) :is(.card,.sl-card,.ms-card,.sv-card,.ssc1-card,.ssbx-tier){min-width:0}
/* Home: keep hero and featured server cards aligned on narrow viewports. */
.ss26-community-hero{isolation:isolate;overflow:hidden}
.ss26-community-hero-copy{position:relative;z-index:1;min-width:0}
.ss26-hero-search{max-width:100%;min-width:0}
.ss26-hero-search-field{min-width:0}
.ss26-recommended-grid{min-width:0;scroll-padding-inline:16px}
.ss26-recommended-grid>*{min-width:0}
/* Servers and Master: readable statistics and responsive filters. */
.sl-filtergrid>*{min-width:0}
.sl-filtergrid :is(input,select){max-width:100%;width:100%;box-sizing:border-box}
.sl-stats,.ms-topstats{align-items:stretch}
.sl-stat,.ms-stat{min-width:0;overflow-wrap:anywhere}
.sl-featured,.ms-games{min-width:0}
.sl-server,.sl-feature{min-width:0}
.ms-feedrow,.ms-trend{min-width:0}
.ms-feedrow>*,.ms-trend>*{min-width:0}
/* Detail: preserve live status and map readability without clipping actions. */
.sv-hero-grid,.sv-grid{min-width:0}
.sv-hero-grid>*,.sv-grid>*{min-width:0}
.sv-title{overflow-wrap:anywhere}
.sv-card{min-width:0}
/* Boost: cards share consistent minimum hit targets, with no tier changes. */
.ssb27-showcase{min-width:0}
.ssb27-card,.ssbx-tier{min-width:0;box-sizing:border-box}
.ssb27-card :is(button,a),.ssbx-tier :is(button,a){touch-action:manipulation}
/* Community: keep spotlight content and cards within their columns. */
.ssc1-hero,.ssc1-duo,.ssc1-section{min-width:0}
.ssc1-duo>*,.ssc1-card{min-width:0}
.ssc1-card :is(h2,h3,p){overflow-wrap:anywhere}
/* Marketplace: predictable card image sizing and readable labels. */
.ss27-market-grid{align-items:stretch}
.ss27-market-grid>.shop-card{min-width:0;height:100%}
.shop-card-title{overflow-wrap:anywhere;line-height:1.4}
.ss27-market-filters :is(input,select){max-width:100%}
@media(max-width:760px){
 .ss26-community-hero-copy{max-width:100%}
 .sl-stats,.ms-topstats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sv-hero-grid,.sv-grid,.ssc1-duo{grid-template-columns:minmax(0,1fr)!important}
 .ss27-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:440px){
 .sl-stats,.ms-topstats,.ss27-market-grid{grid-template-columns:minmax(0,1fr)!important}
 .ss26-hero-search{flex-wrap:wrap}
 .sl-filtergrid{grid-template-columns:minmax(0,1fr)!important}
}

/* Shared premium composition: scoped to public modules, never changes payment or data logic. */
.ss-premium-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:clamp(14px,2vw,24px)}
.ss-premium-hero::after{content:"";pointer-events:none;position:absolute;inset:0;border:1px solid rgba(143,162,255,.15);border-radius:inherit;z-index:3}
.ss-premium-hero :is(h1,h2){max-width:22ch;text-wrap:balance;letter-spacing:-.025em;line-height:1.13}
.ss-premium-hero :is(p,.subtitle){max-width:70ch;line-height:1.65}
.ss-premium-hero :is(a,button,input,select){position:relative;z-index:4}
.ss-premium-metrics{gap:clamp(10px,1.4vw,18px)}
.ss-premium-metrics :is(.sl-stat,.ms-stat,.ssc1-stat,.ss26-stat){min-width:0;box-sizing:border-box;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:border-color .18s ease,transform .18s ease}
.ss-premium-metrics :is(strong,b){font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ss-premium-section{scroll-margin-top:100px}
.ss-premium-filter{scroll-margin-top:96px}
.ss-premium-filter :is(input,select,textarea){min-height:44px;font-size:max(16px,1rem);box-sizing:border-box}
.ss-premium-filter :is(button,[type=submit]){min-height:44px}
.ss-premium-detail{align-items:start;gap:clamp(14px,2vw,24px)}
.ss-premium-detail .sv-card{min-width:0;overflow-wrap:anywhere}
.ss-premium-tiers{gap:clamp(12px,1.5vw,22px)}
.ss-premium-tiers .ssb27-card{display:flex;flex-direction:column;min-width:0;transition:transform .18s ease,border-color .18s ease}
.ss-premium-tiers .ssb27-card-body{flex:1}
.ss-premium-market-grid{gap:clamp(12px,1.5vw,20px)}
.ss-premium-market-grid .shop-card{min-width:0;overflow:hidden;transition:transform .18s ease,border-color .18s ease}
.ss-premium-market-grid .shop-card :is(img,video){max-width:100%;height:auto}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .ss-premium-metrics :is(.sl-stat,.ms-stat,.ssc1-stat,.ss26-stat):hover,.ss-premium-tiers .ssb27-card:hover,.ss-premium-market-grid .shop-card:hover{transform:translateY(-3px)}
}
@media(max-width:760px){
 .ss-premium-hero{border-radius:16px}
 .ss-premium-hero :is(h1,h2){max-width:100%;overflow-wrap:break-word}
 .ss-premium-filter :is(input,select,button){width:100%;max-width:100%}
 .ss-premium-detail{gap:14px}
}
@media(prefers-reduced-motion:reduce){
 .ss-premium-metrics :is(.sl-stat,.ms-stat,.ssc1-stat,.ss26-stat),.ss-premium-tiers .ssb27-card,.ss-premium-market-grid .shop-card{transition:none!important;transform:none!important}
}

/* Secondary public pages: consistent responsive content frame without overriding identity. */
.ss-public-shell{width:min(100% - 32px,1200px);margin-inline:auto;min-width:0;padding-block:clamp(20px,3vw,42px) clamp(36px,5vw,70px)}
.ss-public-shell :is(.ss27-saved-intro,.hero,.ss27-edit-hero,.ss-clans-hero,.sscd-hero,.ss27-partner-hero,.ss27-apps-intro,.ssnews26-hero,.ss27-contact-hero){position:relative;isolation:isolate;border:1px solid rgba(139,160,255,.18);border-radius:clamp(16px,2vw,24px);box-shadow:0 14px 44px rgba(3,7,25,.15);min-width:0}
.ss-public-shell :is(h1,h2){text-wrap:balance;overflow-wrap:break-word}
.ss-public-shell :is(p,li){overflow-wrap:anywhere}
.ss-public-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;box-sizing:border-box}
.ss-public-shell :is(button,.btn,[type=submit]){min-height:42px}
.ss-public-shell :is(a,button,input,select,textarea):focus-visible{outline:2px solid #9daeff;outline-offset:3px}
.ss-public-shell :is(.ss27-saved-grid,.sscd-grid,.ss27-apps-grid,.ssnews26-grid){min-width:0}
@media(max-width:640px){.ss-public-shell{width:calc(100% - 24px);padding-block:18px 44px}.ss-public-shell :is(.ss27-saved-intro,.ss27-edit-hero,.ss-clans-hero,.sscd-hero,.ss27-partner-hero,.ss27-apps-intro,.ssnews26-hero,.ss27-contact-hero){border-radius:16px}.ss-public-shell :is(img,video,iframe){max-width:100%}}
@media(prefers-reduced-motion:reduce){.ss-public-shell *{scroll-behavior:auto!important}}

/* Shared secondary-page layout: preserve each module's own visual identity. */
.ss-secondary-page{min-width:0;max-width:100%;overflow-wrap:break-word}
.ss-secondary-page :is(.about-container,.as26-grid,.sscamp-hero-in,.sip-grid,.ss26-steps,.sp-layout,.member-grid,.m26-layout,.sspa-layout,.ss-market-sell-layout){min-width:0}
.ss-secondary-page :is(img,video,iframe,svg){max-width:100%}
.ss-secondary-page :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0}
.ss-secondary-page :is(button,[type="submit"],.btn){min-height:42px}
.ss-secondary-page :is(a,button,input,textarea,select):focus-visible{outline:2px solid #a9b5ff;outline-offset:3px}
.ss-secondary-page :is(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}
.ss-secondary-page :is(p,li,td){overflow-wrap:anywhere}
.ss-secondary-page :is(table){max-width:100%}
@media(max-width:680px){.ss-secondary-page :is(.about-container,.as26-grid,.sscamp-hero-in,.sip-grid,.ss26-steps,.sp-layout,.member-grid,.m26-layout,.sspa-layout){min-width:0}.ss-secondary-page :is(input,select,textarea){font-size:16px}.ss-secondary-page :is(.sscamp-table-wrap){overflow-x:auto;overscroll-behavior-inline:contain}}
@media(prefers-reduced-motion:reduce){.ss-secondary-page :is(*, *::before, *::after){scroll-behavior:auto!important}}

/* Readability pass for the approved SoulShive UI, public and secondary pages. */
body.ss26-page :is(.mx-hero p,.ss26-community-hero p,.ss-premium-hero p,.ss26-page-masthead p){font-size:clamp(16px,1.05vw,18px)!important;line-height:1.55!important}
body.ss26-page :is(.mx-feature small,.mx-review-sample small,.mx-growth-card>small,.mx-player-legend,.mx-info-grid span,.mx-info-grid b,.mx-review-main small,.ss26-mock-copy small,.ss26-mock-copy span,.ss26-master-name span){font-size:14px!important;line-height:1.45!important}
body.ss26-page :is(.mx-name,.mx-serverrow .mx-cell b,.ss26-master-name>b,.ss26-master-num b,.ss26-master-score b){font-size:16px!important;line-height:1.4!important}
body.ss26-page :is(.mx-tab,.mx-btn,.mx-filter-search input,.mx-filtergrid input,.mx-filtergrid select,.mx-filter-toggle,.ss26-community-actions .ss26-btn){font-size:16px!important;min-height:42px}
body.ss26-page :is(.mx-filter-search input,.mx-filtergrid input,.mx-filtergrid select){max-width:100%;min-width:0}
body.ss26-page :is(.ss-public-shell,.ss-secondary-page) :is(p,li,textarea,input:not([type=checkbox]):not([type=radio]),select){font-size:clamp(16px,1vw,18px);line-height:1.55}
body.ss26-page :is(.ss-public-shell,.ss-secondary-page) :is(small,.meta,.hint,.muted){font-size:max(14px,.875rem)}
body.ss26-page :is(.ss-public-shell,.ss-secondary-page) :is(button,[type=submit],.btn){font-size:16px;min-height:44px}
@media(max-width:760px){
 body.ss26-page :is(.mx-hero h1,.ss26-community-hero h1){font-size:clamp(30px,8vw,42px)!important;line-height:1.12!important}
 body.ss26-page :is(.mx-filter-search,.mx-filter-search input){min-width:0;max-width:100%}
 body.ss26-page :is(.ss-public-shell,.ss-secondary-page) :is(input,textarea,select){font-size:16px!important}
}


/* SOULSHIVE APPROVED MOCKUP — MULTIPAGE COMPOSITION 2026-10-21 */
/* Reuse existing components: compact premium panels, blue/violet actions, readable dense data. */
:root{--ss-ui-panel:#091626;--ss-ui-panel-2:#0d1c30;--ss-ui-edge:rgba(76,128,196,.23);--ss-ui-glow:rgba(97,40,224,.25)}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1,.ss27-market-hero){color:#eaf2ff}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.card,.sl-card,.ms-card,.sv-card,.ssc1-card,.ssbx-card){min-width:0;border-color:var(--ss-ui-edge);background-image:linear-gradient(155deg,rgba(20,39,65,.38),rgba(4,12,26,.16));box-shadow:inset 0 1px rgba(255,255,255,.035)}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero,.ss26-community-hero){position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(68,119,206,.27);border-radius:16px;background-color:#071428}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero,.ss26-community-hero)::after{content:"";position:absolute;z-index:-1;inset:auto -8% -60% 25%;height:85%;pointer-events:none;background:radial-gradient(ellipse,rgba(74,38,182,.14),transparent 70%)}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero,.ss26-community-hero) :is(h1,h2){max-width:25ch;line-height:1.13;letter-spacing:-.025em;text-wrap:balance}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero,.ss26-community-hero) p{max-width:68ch;line-height:1.55}
:is(.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-stats,.ms-topstats,.ssc1-stats,.sv-stats){gap:12px}
:is(.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-stat,.ms-stat,.ssc1-stat,.sv-stat){min-width:0;border:1px solid var(--ss-ui-edge);border-radius:12px;background:linear-gradient(150deg,var(--ss-ui-panel-2),var(--ss-ui-panel));padding:clamp(12px,1.4vw,18px)}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-stat,.ms-stat,.ssc1-stat,.sv-stat) :is(small,span){overflow-wrap:anywhere}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1,.ss27-market-hero) :is(button,.btn,.sl-btn,.ms-btn,.ssbx-btn,.ssc1-btn){touch-action:manipulation;min-height:42px;max-width:100%}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(button,.btn,.sl-btn,.ms-btn,.ssbx-btn,.ssc1-btn):focus-visible{outline:3px solid #77b5ff;outline-offset:3px}
:is(.sl-page,.ms-page,.sv26,.ssc1) :is(table,.sl-table,.ms-table){font-variant-numeric:tabular-nums}
:is(.sl-page,.ms-page,.sv26,.ssc1) :is(th,td){vertical-align:middle}
:is(.sl-page,.ms-page,.sv26,.ssc1) :is(th,td):first-child{padding-inline-start:clamp(10px,1.2vw,18px)}
:is(.sl-page,.ms-page,.sv26,.ssc1) :is(th,td):last-child{padding-inline-end:clamp(10px,1.2vw,18px)}
:is(.ssbx,.ssc1,.sv26,.sl-page,.ms-page) :is(input,select,textarea){min-width:0;max-width:100%;font-size:16px}
:is(.ssbx,.ssc1,.sv26,.sl-page,.ms-page) :is(.muted,small,.small){line-height:1.5}
.ss27-market-hero{border-color:var(--ss-ui-edge);background-image:linear-gradient(125deg,rgba(23,43,80,.55),rgba(8,16,36,.4))}
.ss27-market-grid{gap:clamp(12px,1.4vw,20px)}
.ss27-market-grid>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){
 :is(.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-stats,.ms-topstats,.ssc1-stats,.sv-stats){grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero,.ss26-community-hero){border-radius:12px}
}
@media(max-width:520px){
 :is(.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-stats,.ms-topstats,.ssc1-stats,.sv-stats){grid-template-columns:minmax(0,1fr)}
 .ss27-market-grid{grid-template-columns:minmax(0,1fr)!important}
 :is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero,.ss26-community-hero){padding-inline:clamp(12px,4vw,20px)}
}
@media(prefers-reduced-motion:reduce){:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1,.ss27-market-hero) :is(.card,.btn,button){transition:none!important;animation:none!important}}

/* Shared seven-page composition safeguards: preserve approved SoulShive palette. */
:where(.ss26-panel,.sl-card,.ms-card,.sv-card,.ssbx-how-card,.ssc1-card,.ss-market-card) {
  min-width: 0;
  overflow-wrap: anywhere;
}
:where(.ss26-panel,.sl-card,.ms-card,.sv-card,.ssbx-how-card,.ssc1-card) :where(img,video,canvas,svg) {
  max-width: 100%;
}
:where(.sl-page,.ms-page,.sv-page,.ssbx-page,.ssc1-page,.ss-market-page) :where(input,select,textarea) {
  max-width: 100%;
  min-width: 0;
}
:where(.sl-page,.ms-page,.sv-page,.ssbx-page,.ssc1-page,.ss-market-page) :where(button,.btn,[role="button"]) {
  touch-action: manipulation;
}
:where(.ss26-panel,.sl-card,.ms-card,.sv-card,.ssbx-how-card,.ssc1-card) :where(p,li) {
  overflow-wrap: break-word;
}
:where(.ss26-panel,.sl-card,.ms-card,.sv-card,.ssbx-how-card,.ssc1-card) :where(small,.muted,.meta) {
  line-height: 1.45;
}
@media (max-width: 760px) {
  :where(.sl-page,.ms-page,.sv-page,.ssbx-page,.ssc1-page,.ss-market-page) :where(input,select,textarea) {
    font-size: 16px;
  }
  :where(.ss26-panel,.sl-card,.ms-card,.sv-card,.ssbx-how-card,.ssc1-card) {
    max-width: 100%;
  }
  :where(.sl-page,.ms-page,.sv-page,.ssbx-page,.ssc1-page,.ss-market-page) :where(table) {
    max-width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.ss26-panel,.sl-card,.ms-card,.sv-card,.ssbx-how-card,.ssc1-card) :where(*, *::before, *::after) {
    scroll-behavior: auto;
  }
}


/* SoulShive approved composition: shared panel rhythm across the seven primary routes. */
:root{--ss28-surface:#101a31;--ss28-stroke:rgba(117,153,227,.21);--ss28-glow:rgba(79,108,239,.13)}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.ss26-community-hero,.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero){isolation:isolate;overflow:hidden;border:1px solid var(--ss28-stroke);box-shadow:0 20px 54px rgba(2,7,23,.24),inset 0 1px rgba(185,206,255,.06)}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.ss26-community-hero,.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero) :is(h1,h2){text-wrap:balance;overflow-wrap:normal}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.ss26-community-hero,.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero) :is(p,.sl-sub,.ms-sub){max-width:66ch;line-height:1.6}
:is(.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-stat,.ms-stat,.sv-stat,.ssc1-stat,.ssbx-hp){background:linear-gradient(155deg,rgba(24,40,76,.9),var(--ss28-surface));border:1px solid var(--ss28-stroke);box-shadow:inset 0 1px rgba(195,211,255,.05)}
:is(.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-stat,.ms-stat,.sv-stat,.ssc1-stat,.ssbx-hp) :is(strong,b){font-variant-numeric:tabular-nums}
:is(.ssbx,.ssc1,.sv26,.sl-page,.ms-page) :is(.ssbx-tier,.ssb27-card,.ssc1-card,.sv-card,.sl-card,.ms-card){border-color:var(--ss28-stroke);box-shadow:0 12px 30px rgba(0,5,20,.16)}
:is(.ssbx,.ssc1,.sv26,.sl-page,.ms-page) :is(.ssbx-tier,.ssb27-card,.ssc1-card,.sv-card,.sl-card,.ms-card):focus-within{outline:2px solid rgba(111,162,255,.72);outline-offset:2px}
.ss27-market-hero,.ss27-market-featured,.ss27-market-filters,.shop-card{border-color:var(--ss28-stroke)!important}
.ss27-market-grid>.shop-card{min-width:0;display:flex;flex-direction:column;gap:10px}
.ss27-market-grid>.shop-card :is(img,svg){max-width:100%;height:auto}
.ss27-market-grid>.shop-card :is(.shop-card-title,.small,.muted){overflow-wrap:anywhere}
.ss27-market-filters :is(input,select,button){min-height:44px;font-size:16px}
:is(.sl-page,.ms-page,.sv26,.ssbx,.ssc1,.ss26-home) :is(a,button,input,select,textarea):focus-visible,.ss27-market-grid a:focus-visible{outline:3px solid #81b6ff;outline-offset:3px}
@media(max-width:780px){
 :is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.ss26-community-hero,.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero){border-radius:14px}
 .ss27-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ss27-market-filters :is(input,select){width:100%;max-width:100%}
}
@media(max-width:520px){.ss27-market-grid{grid-template-columns:minmax(0,1fr)}.ss27-market-grid>.shop-card{width:100%}}
@media(prefers-reduced-motion:reduce){:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1,.ss27-market-grid) :is(a,button,.card){animation:none!important;transition:none!important}}


/* SoulShive approved layout: shared composition for the four core discovery routes.
   Scoped classes preserve the established artwork, identity and page-specific content. */
.ss-approved-hero{position:relative;isolation:isolate;overflow:hidden}
.ss-approved-hero::after{content:"";pointer-events:none;position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(91,141,255,.45),rgba(148,91,255,.36),transparent)}
.ss-approved-hero :is(h1,.sl-title,.ms-title,.sv-title){overflow-wrap:anywhere;line-height:1.12;letter-spacing:-.025em}
.ss-approved-hero :is(p,.sl-sub,.ms-sub,.sv-sub){max-width:72ch;line-height:1.6}
.ss-approved-hero :is(a,button,input){touch-action:manipulation}
.ss-approved-hero :is(a,button):focus-visible{outline:3px solid #9cc3ff;outline-offset:3px}
.ss-approved-metrics{min-width:0}
.ss-approved-metrics > *{min-width:0;overflow-wrap:anywhere}
.ss-approved-metrics :is(strong,b){font-variant-numeric:tabular-nums}
.ss-approved-metrics :is(span,small,em){line-height:1.5}
.ss-approved-panel{min-width:0;max-width:100%;overflow-wrap:anywhere}
.ss-approved-panel :is(input,select,textarea){min-width:0;max-width:100%;font-size:16px}
.ss-approved-panel :is(button,[type=submit]){min-height:44px}
.ss-approved-actions{display:flex;flex-wrap:wrap;gap:12px}
.ss-approved-actions > *{min-width:0}
.ss-approved-dashboard{min-width:0}
.ss-approved-dashboard > *{min-width:0}
@media(max-width:760px){
 .ss-approved-hero :is(h1,.sl-title,.ms-title,.sv-title){font-size:clamp(28px,7vw,42px);line-height:1.13}
 .ss-approved-hero :is(p,.sl-sub,.ms-sub,.sv-sub){font-size:16px;line-height:1.55}
 .ss-approved-metrics{gap:12px}
 .ss-approved-panel{width:100%}
 .ss-approved-actions > a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.ss-approved-hero *{scroll-behavior:auto!important}}

/* SoulShive approved visual system — Boost, Marketplace, Community and profiles. */
.ss-design-v2,.ss27-market-hero.ss-design-hero{min-width:0}
.ss-design-hero{isolation:isolate;overflow:hidden;border-radius:22px!important;border:1px solid rgba(111,128,255,.24)!important;box-shadow:0 18px 48px rgba(4,7,24,.23)}
.ss-design-v2 :is(.ssbx-hero,.ssc1-hero,.member-hero),.ss27-market-hero.ss-design-hero{background-image:radial-gradient(ellipse at 12% 0%,rgba(83,96,238,.16),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(138,68,227,.12),transparent 58%)}
.ss-design-section{min-width:0;scroll-margin-top:95px}
.ss-design-filter{min-width:0;border-radius:16px!important;border:1px solid rgba(113,128,231,.24)!important}
.ss-design-filter form{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.ss-design-filter :is(input,select){min-width:0;max-width:100%;font-size:16px;min-height:44px}
.ss-design-filter button{min-height:44px;font-size:16px}
.ss-design-metrics{min-width:0;gap:12px}
.ss-design-metrics>*{min-width:0;overflow-wrap:anywhere}
.ss-design-v2 :is(.ssbx-actions,.ssc1-actions){display:flex;flex-wrap:wrap;gap:12px}
.ss-design-v2 :is(.ssbx-btn,.ssc1-btn){min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.ss-design-v2 :is(.ssbx-hero p,.ssc1-hero p,.member-hero p){font-size:clamp(16px,1.1vw,18px);line-height:1.6}
.ss-design-v2 :is(.ssbx-hero small,.ssc1-stats small,.member-hero small){font-size:14px;line-height:1.45}
.ss-design-v2 :is(a,button,input,select,textarea):focus-visible,.ss-design-filter :is(a,button,input,select):focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}
@media(max-width:760px){
 .ss-design-hero{border-radius:16px!important}
 .ss27-market-hero.ss-design-hero>div[style*="padding:28px"]{padding:22px 18px!important}
 .ss27-market-hero.ss-design-hero h1{font-size:clamp(28px,7vw,36px)!important;line-height:1.15!important}
 .ss-design-filter form>*{max-width:100%;flex-shrink:1}
 .ss-design-filter form input[type=search]{flex:1 1 100%!important;min-width:0!important}
 .ss-design-v2 :is(.ssbx-actions,.ssc1-actions)>a{max-width:100%}
 .ss-design-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){.ss-design-metrics{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ss-design-v2 *, .ss-design-filter *{scroll-behavior:auto!important;animation-duration:.01ms!important}}

/* Unified account, inbox and community management design; existing page layouts remain authoritative. */
.ss-account-design{min-width:0;max-width:100%;overflow-wrap:anywhere}
.ss-account-design :is(h1,h2,h3){text-wrap:balance;overflow-wrap:anywhere}
.ss-account-design :is(p,li,label){line-height:1.6}
.ss-account-hero{position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid rgba(113,135,248,.23);border-radius:20px;background-image:radial-gradient(ellipse at 8% 0%,rgba(78,103,242,.12),transparent 58%),radial-gradient(ellipse at 100% 100%,rgba(143,70,231,.10),transparent 60%)}
.ss-account-hero :is(h1,h2){line-height:1.15;letter-spacing:-.025em}
.ss-account-hero :is(p,.cmmsg-top>div){min-width:0;max-width:74ch}
.ss-account-hero :is(a,button){touch-action:manipulation}
.ss-account-panel{min-width:0;max-width:100%;overflow-wrap:anywhere}
.ss-account-layout,.ss-account-layout>*{min-width:0}
.ss-account-metrics,.ss-account-metrics>*{min-width:0}
.ss-account-metrics :is(strong,b){font-variant-numeric:tabular-nums}
.ss-account-grid,.ss-account-grid>*{min-width:0}
.ss-account-thread{min-width:0;max-width:100%;overflow-wrap:anywhere}
.ss-account-thread :is(p,time){overflow-wrap:anywhere;white-space:normal}
.ss-account-design :is(input,select,textarea){min-width:0;max-width:100%;font-size:16px}
.ss-account-design :is(button,[type=submit]){min-height:44px}
.ss-account-design :is(a,button,input,select,textarea):focus-visible{outline:3px solid #a5baff;outline-offset:3px}
.ss-account-list>*{min-width:0}
@media(max-width:760px){
 .ss-account-hero{border-radius:15px}
 .ss-account-hero :is(h1,h2){font-size:clamp(26px,6.5vw,38px);line-height:1.16}
 .ss-account-design :is(.ss-market-msg-grid,.sscd-columns,.ssp-shell,.m26-layout){min-width:0;max-width:100%}
 .ss-account-design :is(.ss-market-msg-grid,.sscd-columns){grid-template-columns:minmax(0,1fr)}
 .ss-account-design :is(.ss-market-inbox,.ss-market-chat,.cmmsg-panel){min-width:0;max-width:100%}
 .ss-account-design :is(.ss27-saved-tabs,.ss-notif-toolbar){flex-wrap:wrap;gap:10px}
 .ss-account-design :is(.ss27-saved-tabs button,.ss-notif-toolbar button){min-height:44px}
}
@media(prefers-reduced-motion:reduce){.ss-account-design :is(a,button){transition:none!important;animation:none!important}}

/* Secondary page composition, shared by public, owner and community screens. */
.ss-batch-design{min-width:0;max-width:100%;overflow-wrap:break-word}
.ss-batch-design :is(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}
.ss-batch-design :is(p,li){line-height:1.6}
.ss-batch-design :is(input,select,textarea){min-width:0;max-width:100%;font-size:max(16px,1rem)}
.ss-batch-design :is(img,video,iframe){max-width:100%}
.ss-batch-design :is(table){max-width:100%}
.ss-batch-design :is(a,button,input,select,textarea):focus-visible{outline:3px solid #a5baff;outline-offset:3px}
.ss-batch-design :is(button,[type=submit]){touch-action:manipulation}
.ss-batch-design :is(.about-hero,.ss27-apps-intro,.ssnews26-hero,.pn-report-hero,.ss27-partner-hero,.ss27-contact-hero,.ss-clans-hero,.ss27-team-hero,.sa-hero,.as26-hero,.ss26-claim-hero,.ss27-edit-hero,.ss26-dhero,.sm-hero,.sscamp-hero,.ss26-support-hero){position:relative;isolation:isolate;min-width:0;overflow:hidden;border-radius:20px}
.ss-batch-design :is(.about-hero,.ss27-apps-intro,.ssnews26-hero,.pn-report-hero,.ss27-partner-hero,.ss27-contact-hero,.ss-clans-hero,.ss27-team-hero,.sa-hero,.as26-hero,.ss26-claim-hero,.ss27-edit-hero,.ss26-dhero,.sm-hero,.sscamp-hero,.ss26-support-hero) :is(h1,h2){line-height:1.15;letter-spacing:-.025em}
.ss-batch-design :is(.about-hero-grid,.ss27-apps-grid,.ss-clans-grid,.ss27-partner-benefits,.ss-market-sell-layout,.sa-layout)>*{min-width:0}
.ss-batch-design :is(.card,.panel,article){min-width:0;overflow-wrap:break-word}
@media(max-width:760px){
 .ss-batch-design :is(.about-hero,.ss27-apps-intro,.ssnews26-hero,.pn-report-hero,.ss27-partner-hero,.ss27-contact-hero,.ss-clans-hero,.ss27-team-hero,.sa-hero,.as26-hero,.ss26-claim-hero,.ss27-edit-hero,.ss26-dhero,.sm-hero,.sscamp-hero,.ss26-support-hero){border-radius:15px}
 .ss-batch-design :is(.about-hero-grid,.ss27-apps-grid,.ss-clans-grid,.ss27-partner-benefits){grid-template-columns:minmax(0,1fr)}
 .ss-batch-design :is(.flex,.actions){flex-wrap:wrap}
 .ss-batch-design :is(a,button){max-width:100%}
}
@media(prefers-reduced-motion:reduce){.ss-batch-design :is(a,button){animation:none!important;transition:none!important}}

/* Admin pages share a responsive visual foundation without changing permission or data flows. */
.ss-admin-design{min-width:0;max-width:100%;overflow-wrap:anywhere}
.ss-admin-design :is(h1,h2,h3){overflow-wrap:break-word;text-wrap:balance;line-height:1.18}
.ss-admin-design :is(p,li,dd){line-height:1.6}
.ss-admin-design :is(input,select,textarea){min-width:0;max-width:100%;font-size:16px}
.ss-admin-design :is(button,[type=submit]){min-height:44px;touch-action:manipulation}
.ss-admin-design :is(a,button,input,select,textarea):focus-visible{outline:3px solid #a5baff;outline-offset:3px}
.ss-admin-design :is(img,video,iframe,canvas){max-width:100%;height:auto}
.ss-admin-design :is(pre,code){overflow-wrap:anywhere}
.ss-admin-design :is(table){max-width:100%}
.ss-admin-design :is(.backup-card,.ss-clans-panel,.es-status,.cmadmin-filter,.card,.panel){min-width:0;overflow-wrap:anywhere}
.ss-admin-hero{min-width:0;position:relative;isolation:isolate;overflow:hidden;border-radius:20px;border:1px solid rgba(116,132,242,.25);background-image:radial-gradient(ellipse at 0% 0%,rgba(75,106,236,.12),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(139,71,226,.10),transparent 60%)}
.ss-admin-hero :is(h1,h2){letter-spacing:-.025em}
.ss-admin-hero :is(p,small){max-width:78ch}
.ss-admin-grid,.ss-admin-grid>*{min-width:0}
.ss-admin-panel{min-width:0;max-width:100%}
@media(max-width:760px){
 .ss-admin-hero{border-radius:15px}
 .ss-admin-hero h1{font-size:clamp(26px,6.5vw,40px);line-height:1.15}
 .ss-admin-design :is(.backup-columns,.es-status,.cmadmin-filter,.ss-clans-grid){grid-template-columns:minmax(0,1fr)}
 .ss-admin-design :is(.ssnm-top,.staff-chat-header){flex-wrap:wrap;gap:16px}
 .ss-admin-design :is(.backup-card,.ss-clans-panel,.card,.panel){max-width:100%}
 .ss-admin-design :is(a,button){max-width:100%}
}
@media(prefers-reduced-motion:reduce){.ss-admin-design :is(a,button){transition:none!important;animation:none!important}}

/* Admin dashboard and server management: keep existing components, improve small-screen access. */
.ss27-admin-intro.ss-admin-hero{padding:clamp(18px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ss27-admin-intro.ss-admin-hero .ss27-admin-intro__copy{flex:1 1 300px;min-width:0}
.ss27-admin-intro.ss-admin-hero h1{font-size:clamp(28px,3.5vw,44px);line-height:1.12}
.ss27-admin-tabs.ss-admin-design{display:flex;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;margin-block:18px}
.ss27-admin-tabs.ss-admin-design .chip{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:normal}
.svw.ss-admin-design{min-width:0;max-width:100%}
.svw.ss-admin-design .sv-head.ss-admin-hero{padding:clamp(18px,3vw,30px);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.svw.ss-admin-design .sv-head h1{font-size:clamp(26px,3vw,38px);line-height:1.15}
.svw.ss-admin-design .sv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px}
.svw.ss-admin-design .sv-stat{min-width:0;overflow-wrap:anywhere}
.svw.ss-admin-design .sv-filter-grid{min-width:0;max-width:100%}
.svw.ss-admin-design .sv-filter-grid>*{min-width:0;max-width:100%}
.svw.ss-admin-design .sv-panel{min-width:0;max-width:100%}
@media(max-width:760px){
 .ss27-admin-intro.ss-admin-hero{align-items:stretch}
 .ss27-admin-intro.ss-admin-hero .ss27-admin-intro__site{width:100%;text-align:center}
 .ss27-admin-tabs.ss-admin-design .chip{flex:1 1 140px}
 .svw.ss-admin-design .sv-head>*{min-width:0}
 .svw.ss-admin-design .sv-filter-grid{grid-template-columns:minmax(0,1fr)}
}

/* Detailed public pages: shared containment and specific page compositions. */
.ss-detail-design{min-width:0;max-width:100%;overflow-wrap:break-word}
.ss-detail-design :is(h1,h2,h3){text-wrap:balance;line-height:1.18;overflow-wrap:break-word}
.ss-detail-design :is(p,li,dd){line-height:1.65}
.ss-detail-design :is(input,select,textarea){min-width:0;max-width:100%;font-size:16px}
.ss-detail-design :is(button,[type=submit]){min-height:44px;touch-action:manipulation}
.ss-detail-design :is(a,button,input,select,textarea):focus-visible{outline:3px solid #a5baff;outline-offset:3px}
.ss-detail-design :is(img,video,iframe){max-width:100%;height:auto}
.ss-detail-design :is(pre,code){overflow-wrap:anywhere}
.ss-detail-design :is(.card,.panel,article,section){min-width:0}
.ss-detail-design :is(.cm27-hero,.cmown-hero,.ss-clans-hero,.ssna26-hero,.ss-alias-hero,.ss-samp-hero,.ss27-sdk-hero,.fd-hero,.ss26-dhero,.sm-hero){min-width:0;isolation:isolate;overflow:hidden;border-radius:20px}
.ss-detail-design :is(.cm27-hero,.cmown-hero,.ss-clans-hero,.ssna26-hero,.ss-alias-hero,.ss-samp-hero,.ss27-sdk-hero,.fd-hero) h1{font-size:clamp(28px,3.7vw,52px);line-height:1.12;letter-spacing:-.025em}
.ss-detail-design :is(.cm27-filter,.cmown-toolbar,.ss-samp-results,.ss27-sdk-card,.ss-alias-stats,.sspp-stats,.fd-benefits){min-width:0;max-width:100%}
.ss-detail-design :is(.cm27-filter,.cmown-toolbar) :is(input,select){min-width:0;max-width:100%}
.ss-detail-design :is(.ss27-sdk-card,.ss-alias-card,.sscp26-card,.ssna26-card){overflow-wrap:anywhere}
.ss-detail-design :is(.ss27-sdk-card,.sscp26-card) :is(pre,code){white-space:pre-wrap;overflow-wrap:anywhere}
.ss-detail-design :is(.sspp-stats,.ss-alias-stats,.fd-benefits)>*{min-width:0}
@media(max-width:760px){
 .ss-detail-design :is(.cm27-hero,.cmown-hero,.ss-clans-hero,.ssna26-hero,.ss-alias-hero,.ss-samp-hero,.ss27-sdk-hero,.fd-hero,.ss26-dhero,.sm-hero){border-radius:15px}
 .ss-detail-design :is(.cm27-filter,.cmown-toolbar,.ss-clans-grid,.sspp-stats,.ss-alias-stats,.fd-benefits){grid-template-columns:minmax(0,1fr);flex-wrap:wrap}
 .ss-detail-design :is(.cm27-filter,.cmown-toolbar,.ss-clans-hero,.ss-samp-hero,.fd-hero){flex-wrap:wrap}
 .ss-detail-design :is(a,button){max-width:100%}
}
@media(prefers-reduced-motion:reduce){.ss-detail-design :is(a,button){transition:none!important;animation:none!important}}

/* Document and account pages: consistent, accessible navigation and content rhythm. */
.ss26-document-design,.ss26-account-design{min-width:0;overflow-wrap:break-word}
.ss26-document-design :is(h1,h2,h3),.ss26-account-design :is(h1,h2,h3){text-wrap:balance}
.ss26-document-design :is(p,li),.ss26-account-design :is(p,li){line-height:1.65}
.ss26-document-design :is(a,button,input,textarea,select):focus-visible,
.ss26-account-design :is(a,button,input,textarea,select):focus-visible{outline:3px solid #a5baff;outline-offset:3px}
.ss26-account-design :is(input,select,textarea){font-size:16px;max-width:100%;min-width:0}
.ss26-account-design :is(button,[type=submit]){min-height:44px;touch-action:manipulation}
.ss26-account-design :is(.ss27-auth-hero,.ss27-auth-panel){min-width:0;overflow-wrap:anywhere}
.ss26-document-nav{margin:18px 0 22px;padding:20px 24px;border:1px solid rgba(115,138,225,.30);border-radius:16px;background:linear-gradient(125deg,rgba(24,41,82,.85),rgba(17,24,51,.95));color:#eaf0ff}
.ss26-document-nav>strong{display:block;margin-bottom:12px;font-size:17px}
.ss26-document-nav ul{display:flex;flex-wrap:wrap;gap:9px 12px;margin:0;padding:0;list-style:none}
.ss26-document-nav a{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid rgba(152,167,230,.25);border-radius:10px;background:rgba(255,255,255,.035);color:#dce5ff;font-size:15px;font-weight:700;text-decoration:none}
.ss26-document-nav a:hover{background:rgba(131,94,235,.2);border-color:#a68aff;color:#fff}
.ss26-document-design .ss27-policy-sections section[id]{scroll-margin-top:90px}
@media(max-width:670px){
 .ss26-document-nav{padding:16px;margin:14px 0 18px}
 .ss26-document-nav ul{display:grid;grid-template-columns:minmax(0,1fr)}
 .ss26-document-nav a{width:100%}
 .ss26-account-design .ss27-auth-shell{min-width:0;grid-template-columns:minmax(0,1fr)}
 .ss26-account-design :is(.ss27-auth-hero,.ss27-auth-panel){max-width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.ss26-document-design :is(a,button),.ss26-account-design :is(a,button){transition:none!important}}

/* Account and discovery pages: semantic content focus and responsive containment. */
#ss-main-content:focus{outline:none}
:where(.member-page,.m26,.ss-notif,.ss27-saved,.ss27-latest) :is(img,svg,video){max-width:100%}
:where(.member-page,.m26,.ss-notif,.ss27-saved,.ss27-latest) :is(input,select,textarea){max-width:100%;min-width:0}
:where(.member-page,.m26,.ss-notif,.ss27-saved,.ss27-latest) :is(a,button,input,select,textarea):focus-visible{outline:3px solid #a5baff;outline-offset:3px}
:where(.member-page,.m26,.ss-notif,.ss27-saved,.ss27-latest) :is(button,[type=submit]){touch-action:manipulation}
@media(max-width:680px){
 :where(.member-page,.m26,.ss-notif,.ss27-saved,.ss27-latest){min-width:0;overflow-wrap:break-word}
 :where(.member-page,.m26,.ss-notif,.ss27-saved,.ss27-latest) :is(.member-hero,.m26-hero,.ss-notif-hero,.ss27-saved-intro){min-width:0}
 :where(.member-page,.m26,.ss-notif,.ss27-saved,.ss27-latest) :is(button,[type=submit]){min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 :where(.member-page,.m26,.ss-notif,.ss27-saved,.ss27-latest) :is(a,button){transition:none!important}
}

/* Primary page section navigation: native links, no JS dependency. */
.ss-page-jumps{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;margin:16px auto 22px;padding:12px 14px;max-width:1240px;border:1px solid rgba(119,143,235,.25);border-radius:16px;background:linear-gradient(110deg,rgba(21,37,73,.9),rgba(19,24,51,.88))}
.ss-page-jumps>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:9px 16px;border-radius:11px;border:1px solid rgba(151,167,234,.28);background:rgba(255,255,255,.035);color:#e8edff;text-decoration:none;font-size:15px;font-weight:700;line-height:1.35;text-align:center;overflow-wrap:anywhere;transition:background .15s,border-color .15s}
.ss-page-jumps>a:hover{background:rgba(96,91,213,.22);border-color:rgba(167,148,255,.75)}
.ss-page-jumps>a:focus-visible{outline:3px solid #a5baff;outline-offset:3px}
.ss-page-jumps--inset{margin-inline:auto;padding-inline:16px}
:where(.ss26-home,.sl-page,.ms-page,.sv26,.ssc1,.ssbx,.ssb27-showcase) :is(section[id],h2[id],form[id]){scroll-margin-top:90px}
@media(max-width:640px){.ss-page-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px;border-radius:13px}.ss-page-jumps>a{width:100%;padding:10px 8px;font-size:14px}}
@media(max-width:380px){.ss-page-jumps{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ss-page-jumps>a{transition:none}}

/* Optional community server: compact homepage spotlight, not a header obstruction. */
.ss-community-cs{display:flex;align-items:center;gap:clamp(14px,2vw,28px);padding:clamp(18px,2.5vw,26px);margin:20px 0;border:1px solid rgba(100,140,255,.35);border-radius:18px;background:linear-gradient(110deg,rgba(16,36,77,.96),rgba(25,20,64,.94));box-shadow:0 12px 34px rgba(2,6,23,.25);color:#edf3ff}
.ss-community-cs-icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border-radius:16px;background:linear-gradient(135deg,#2368d8,#7040c4);font-size:22px;font-weight:900;letter-spacing:.03em}
.ss-community-cs-copy{flex:1;min-width:0}
.ss-community-cs-eyebrow{display:block;color:#9cb9ff;font-size:14px;font-weight:800;letter-spacing:.055em}
.ss-community-cs h2{margin:4px 0;font-size:clamp(20px,2vw,27px);line-height:1.25;overflow-wrap:anywhere}
.ss-community-cs p{margin:0;color:#c2d2ed;font-size:16px;line-height:1.5}
.ss-community-cs-address{display:inline-block;color:#fff;font-weight:700;overflow-wrap:anywhere}
.ss-community-cs-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.ss-community-cs-join,.ss-community-cs-copy-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:10px;font-size:15px;font-weight:700;line-height:1.3;font-family:inherit;text-decoration:none;cursor:pointer}
.ss-community-cs-join{background:#3c6dea;color:#fff!important;border:1px solid #6c91fc}
.ss-community-cs-copy-button{background:rgba(255,255,255,.06);border:1px solid rgba(177,199,255,.32);color:#fff}
.ss-community-cs :is(a,button):focus-visible{outline:3px solid #b8caff;outline-offset:3px}
@media(max-width:760px){.ss-community-cs{flex-wrap:wrap}.ss-community-cs-icon{flex-basis:52px;width:52px;height:52px}.ss-community-cs-copy{flex-basis:calc(100% - 78px)}.ss-community-cs-actions{width:100%;justify-content:stretch}.ss-community-cs-actions>*{flex:1}}

/* Community server details remain readable without taking over the homepage. */
.ss-community-cs-description{margin-top:6px!important;color:#aebfe5!important;font-size:15px!important;line-height:1.5}
.ss-community-admin-note{font-size:15px;line-height:1.6;color:#c0cde6;margin:0 0 12px}
.ss-community-cs-copy-button{overflow-wrap:anywhere;max-width:100%}
@media(max-width:440px){.ss-community-cs-actions{flex-direction:column}.ss-community-cs-actions>*{width:100%}}

/* Official community server: one shared card across Home, directory and community. */
.sl-page > .ss-community-cs{margin:20px 0 24px}
.ssc1 > .ss-community-cs{margin:20px clamp(12px,3vw,36px) 26px}
@media(min-width:1100px){.ssc1 > .ss-community-cs{max-width:1200px;margin-left:auto;margin-right:auto}}
@media(max-width:760px){.sl-page > .ss-community-cs,.ssc1 > .ss-community-cs{margin-top:14px;margin-bottom:20px}}

/* Server status: stale monitoring is neutral, not an offline claim. */
body.sl-page #serverListBox .ss-server-status.unverified{color:#d2c4f3;white-space:normal}
body.sl-page #serverListBox .ss-server-card.is-unverified{border-color:rgba(146,155,194,.3)}
body.ss-route-index .ss26-rec-unverified{color:#c8c3e0}

/* Discovery cards: unified hierarchy for real server data and marketplace items. */
.ss26-catalog-card,.ss26-discovery-card,.ss26-market-product{min-width:0;isolation:isolate;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.ss26-catalog-card:hover,.ss26-discovery-card:hover,.ss26-market-product:hover{border-color:rgba(130,160,255,.62);box-shadow:0 16px 36px rgba(3,8,27,.26)}
.ss26-catalog-card:focus-within,.ss26-discovery-card:focus-visible,.ss26-market-product:focus-visible{outline:3px solid #a8bfff;outline-offset:3px}
.ss26-catalog-card-heading,.ss26-catalog-card-metrics,.ss26-catalog-card-footer{min-width:0}
.ss26-catalog-card .ss-server-identity,.ss26-catalog-card .ss-server-title{min-width:0;overflow-wrap:anywhere}
.ss26-catalog-card .ss-server-data .ss-stat{min-width:0}
.ss26-catalog-card .ss-server-status.unverified{color:#d4c7f4}
.ss26-catalog-card .ss-server-bottom .ss-ip{min-width:0;max-width:100%;overflow-wrap:anywhere}
.ss26-discovery-card .ss26-rec-main,.ss26-discovery-card .ss26-rec-main b{min-width:0;overflow-wrap:anywhere}
.ss26-discovery-ranking>li{min-width:0}
.ss26-discovery-ranking>li>a{min-width:0;gap:clamp(8px,1vw,14px)}
.ss26-discovery-ranking .ss26-home-rankmeta{min-width:0;overflow:hidden}
.ss26-discovery-ranking .ss26-home-rankmeta strong{overflow-wrap:anywhere}
.ss26-market-catalog{align-items:stretch}
.ss26-market-product{height:100%;min-width:0;text-decoration:none}
.ss26-market-product-media{overflow:hidden;background:linear-gradient(135deg,#172c58,#241d4a)}
.ss26-market-product-media>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;height:auto!important;transition:transform .22s ease}
.ss26-market-product:hover .ss26-market-product-media>img{transform:scale(1.035)}
.ss26-market-product-body{min-width:0;gap:3px}
.ss26-market-product-body .shop-card-title{overflow-wrap:anywhere;line-height:1.35}
.ss26-market-product-body .flex{min-width:0;flex-wrap:wrap}
.ss26-market-product-body .small{line-height:1.5}
@media(max-width:740px){
 .ss26-catalog-card .ss-server-bottom{flex-wrap:wrap;gap:10px}
 .ss26-catalog-card .ss-server-actions{flex-wrap:wrap}
 .ss26-market-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:470px){
 .ss26-market-catalog{grid-template-columns:minmax(0,1fr)}
 .ss26-market-product-media>img{max-height:220px}
 .ss26-catalog-card .ss-server-data{gap:8px}
 .ss26-discovery-ranking .ss26-home-rankvalue,.ss26-discovery-ranking .ss26-home-growth{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.ss26-catalog-card,.ss26-discovery-card,.ss26-market-product,.ss26-market-product-media>img{transition:none!important}}

/* Observed samples are available as readable data alongside server graphs. */
body.ss-route-server_info .sv26 .ss-chart-observations{margin:12px 0 18px;border:1px solid #2b456e;border-radius:12px;background:#0c1b34;overflow:hidden;color:#dce9ff}
body.ss-route-server_info .sv26 .ss-chart-observations summary{cursor:pointer;padding:13px 16px;font-size:16px;font-weight:700;line-height:1.5}
body.ss-route-server_info .sv26 .ss-chart-observations summary:focus-visible{outline:3px solid #80d8ff;outline-offset:-3px}
body.ss-route-server_info .sv26 .ss-chart-observations-scroll{max-height:280px;overflow:auto;overscroll-behavior:contain}
body.ss-route-server_info .sv26 .ss-chart-observations-scroll:focus-visible{outline:3px solid #80d8ff;outline-offset:-3px}
body.ss-route-server_info .sv26 .ss-chart-observations table{width:100%;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}
body.ss-route-server_info .sv26 .ss-chart-observations th,body.ss-route-server_info .sv26 .ss-chart-observations td{padding:10px 16px;text-align:left;border-top:1px solid #233858;overflow-wrap:anywhere}
body.ss-route-server_info .sv26 .ss-chart-observations th{color:#a7c8f5;font-weight:800;background:#102442;position:sticky;top:0}
body.ss-route-server_info .sv26 .ss-chart-observations tbody tr:nth-child(even){background:#10213d}

/* Server Info: observation export is secondary to the chart, accessible on touch and keyboard. */
body.ss-route-server_info .sv26 .ss-observations-export{margin:12px 16px 16px;padding:11px 16px;min-height:44px;border:1px solid #5279ae;border-radius:10px;background:#152d50;color:#e8f4ff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;max-width:calc(100% - 32px);white-space:normal;text-align:center}
body.ss-route-server_info .sv26 .ss-observations-export:hover{background:#203d68;border-color:#85b6ef}
body.ss-route-server_info .sv26 .ss-observations-export:focus-visible{outline:3px solid #80d8ff;outline-offset:3px}

/* Boost: tier prices, discounts and duration selectors remain legible on mobile. */
.ssb27-packages{align-items:stretch}
.ssb27-card{min-width:0;display:flex;flex-direction:column}
.ssb27-card-top,.ssb27-card-body{min-width:0}
.ssb27-card-body{margin-top:auto}
.ssb27-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;font-variant-numeric:tabular-nums}
.ssb27-price strong{font-size:clamp(26px,2.7vw,38px);line-height:1.15}
.ssb27-durations{min-width:0}
.ssb27-dur{min-width:0;overflow-wrap:anywhere}
.ssb27-dur :is(b,small){font-variant-numeric:tabular-nums}
.ssb27-card :is(button,a,input):focus-visible{outline:3px solid #a8bfff;outline-offset:3px}
.ssbx-promo,.ssbx-seasonal{overflow-wrap:anywhere}
@media(max-width:720px){.ssb27-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.ssbx-seasonal{min-width:0}}
@media(max-width:520px){.ssb27-packages{grid-template-columns:minmax(0,1fr)}.ssb27-card{width:100%}.ssb27-dur{min-height:44px}}

/* Unified discovery / community / marketplace layout for the approved dark interface. */
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1,.ss27-market-grid){min-width:0}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.card,.sl-card,.ms-card,.sv-card,.ssc1-card,.ssb27-card){min-width:0}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.card,.sl-card,.ms-card,.sv-card,.ssc1-card,.ssb27-card) :is(h2,h3,p){overflow-wrap:break-word}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-hero,.ms-hero,.sv-hero,.ssc1-hero,.ss26-community-hero){isolation:isolate}
:is(.ss26-home,.sl-page,.ms-page,.sv26,.ssbx,.ssc1) :is(.sl-hero,.ms-hero,.sv-hero,.ssc1-hero,.ss26-community-hero) :is(a,button,input){position:relative;z-index:1}
.ss27-market-featured>a,.ss27-market-grid>a{min-width:0}
.ss27-market-featured :is(img,.ss-market-art-fallback){object-fit:cover}
.ss27-market-filters form{min-width:0}
.ss27-market-filters :is(input,select){color:var(--text);min-width:0}
.ss27-market-filters :is(input,select,button,a):focus-visible{outline:3px solid #a8bfff;outline-offset:3px}
.ss27-market-grid .ss26-market-product-body{display:flex;flex-direction:column;gap:8px}
.ss27-market-grid .ss26-market-product-body :is(h2,h3,.shop-card-title){overflow-wrap:anywhere}
.ssc1-stats,.ssc1-duo{min-width:0}
.ssc1-stat{min-width:0}
.ssc1-stat>div{min-width:0}
.ssc1-stat :is(b,span,small){overflow-wrap:break-word}
.ssc1-card :is(a,button,input,select,textarea):focus-visible{outline:3px solid #a8bfff;outline-offset:3px}
.sl-page .ss26-catalog-card :is(.ss-server-heading,.ss-server-data,.ss-server-bottom){min-width:0}
.sl-page .ss26-catalog-card .ss-server-actions :is(a,button){min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.ssb27-packages .ssb27-card :is(.ssb27-price,.ssb27-durations){min-width:0}
@media(max-width:760px){
 .ssc1-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ssc1-duo{grid-template-columns:minmax(0,1fr)}
 .ss27-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ss27-market-filters form{flex-wrap:wrap}
}
@media(max-width:520px){
 .ssc1-stats,.ss27-market-grid{grid-template-columns:minmax(0,1fr)}
 .ss27-market-filters :is(input,select,button){width:100%}
 .sl-page .ss26-catalog-card .ss-server-actions{width:100%}
}

/* Marketplace showcase: semantic layout, no inline positioning or fixed-width carousel cards. */
body.ss-route-shop .ss-market-showcase{position:relative;isolation:isolate;overflow:hidden;padding:0;margin-bottom:16px;background:linear-gradient(120deg,#111f40,#11132e);border:1px solid #51468e;border-radius:18px}
body.ss-route-shop .ss-market-showcase::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 0%,rgba(91,116,249,.25),transparent 65%),radial-gradient(ellipse at 90% 100%,rgba(151,81,227,.18),transparent 55%)}
body.ss-route-shop .ss-market-showcase-content{padding:clamp(22px,3.5vw,40px);max-width:980px}
body.ss-route-shop .ss-market-showcase-kicker{font-size:14px;font-weight:800;letter-spacing:.12em;color:#b6a7ff;margin:0 0 12px}
body.ss-route-shop .ss-market-showcase-title{font-size:clamp(29px,3.6vw,46px);line-height:1.12;letter-spacing:-.025em;margin:0 0 14px;color:#fff;overflow-wrap:anywhere}
body.ss-route-shop .ss-market-showcase-title span{color:#d0b7ff}
body.ss-route-shop .ss-market-showcase-description{max-width:720px;font-size:16px;line-height:1.65;color:#d6e1f5;margin:0 0 22px}
body.ss-route-shop .ss-market-showcase-description strong{color:#cbbcff}
body.ss-route-shop .ss-market-showcase-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px}
body.ss-route-shop .ss-market-showcase-stat{min-width:0;padding:14px 16px;background:rgba(16,31,63,.7);border:1px solid rgba(138,164,245,.26);border-radius:12px}
body.ss-route-shop .ss-market-showcase-stat strong{display:block;color:#f0ecff;font-size:clamp(21px,2.5vw,28px);font-variant-numeric:tabular-nums;line-height:1.25}
body.ss-route-shop .ss-market-showcase-stat span{display:block;color:#bdcdea;font-size:14px;line-height:1.5;margin-top:4px}
body.ss-route-shop .ss-market-featured-heading{font-size:clamp(18px,2vw,22px);line-height:1.3;margin:0;color:#f3f5ff}
body.ss-route-shop .ss-market-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}
body.ss-route-shop .ss-market-featured-card{display:block;min-width:0;max-width:none;padding:0;overflow:hidden;color:var(--text);border:1px solid rgba(139,148,239,.35);border-radius:14px;text-decoration:none}
body.ss-route-shop .ss-market-featured-card:focus-visible{outline:3px solid #b9cbff;outline-offset:3px}
body.ss-route-shop .ss-market-featured-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
body.ss-route-shop .ss-market-featured-body{padding:14px}
body.ss-route-shop .ss-market-featured-body .shop-feature-title{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
@media(max-width:760px){body.ss-route-shop .ss-market-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){body.ss-route-shop .ss-market-showcase-stats{grid-template-columns:minmax(0,1fr)}body.ss-route-shop .ss-market-featured-grid{grid-template-columns:minmax(0,1fr)}body.ss-route-shop .ss-market-showcase-content{padding:22px 18px}}

/* Shared visual composition for the main SoulShive routes. The existing route
   artwork, data and controls remain authoritative; these rules only align layout. */
.ss-layout-hero{position:relative;isolation:isolate;min-width:0}
.ss-layout-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(105deg,rgba(7,15,34,.18),transparent 68%)}
.ss-layout-hero-content{position:relative;z-index:1;min-width:0}
.ss-layout-hero-content :is(h1,p){overflow-wrap:break-word}
.ss-layout-hero-content h1{letter-spacing:-.025em;text-wrap:balance}
.ss-layout-hero-content :is(.sl-sub,.ms-sub,.ssc1-trust,.ss26-community-trust){max-width:78ch}
.ss-layout-hero :is(a,button,input,select){min-height:44px}
.ss-layout-hero :is(a,button,input,select):focus-visible{outline:3px solid #b3c5ff;outline-offset:3px}
.ss-layout-metrics{min-width:0}
.ss-layout-metrics>div{min-width:0}
.ss-layout-metrics :is(strong,b,small,span,em){overflow-wrap:break-word}
.ss-layout-metrics :is(strong,b){font-variant-numeric:tabular-nums}
.ss-layout-section{min-width:0}
.ss-layout-section :is(h2,h3){text-wrap:balance}
.ss-layout-section :is(a,button):focus-visible{outline:3px solid #b3c5ff;outline-offset:3px}
.ss-layout-filter :is(input,select,button){min-width:0;max-width:100%;font-size:max(16px,1em)}
.ss-layout-filter :is(input,select,button):focus-visible{outline:3px solid #b3c5ff;outline-offset:2px}
.ss-layout-hero-grid{min-width:0}
.ss-layout-hero-grid>div{min-width:0}
.ss-layout-mapbody{min-width:0}
.ss-layout-mapbody>div{min-width:0}
.ss-layout-rankings{min-width:0}
.ss-layout-rankings>div{min-width:0}
.ss-layout-products{min-width:0}
.ss-layout-products>*{min-width:0}
@media(max-width:760px){
 .ss-layout-hero-content h1{font-size:clamp(29px,7vw,43px);line-height:1.15}
 .ss-layout-hero-content :is(.sl-sub,.ms-sub,p){line-height:1.6}
 .ss-layout-hero :is(.sl-facts,.ms-actions,.ssc1-actions,.ss26-community-trust){flex-wrap:wrap}
 .ss-layout-mapbody{overflow-x:auto}
 .ss-layout-filter :is(input,select){width:100%}
}
@media(max-width:520px){
 .ss-layout-hero-content h1{font-size:clamp(28px,8vw,36px)}
 .ss-layout-hero :is(.ss27-directory-actions,.ms-actions,.ssc1-actions){gap:10px}
 .ss-layout-hero :is(.ss27-directory-actions,.ms-actions,.ssc1-actions)>a{max-width:100%;white-space:normal;text-align:center}
 .ss-layout-metrics :is(strong,b){line-height:1.25}
}
@media(prefers-reduced-motion:reduce){.ss-layout-hero *{scroll-behavior:auto}}

/* Primary page visual composition: shared layout hooks, existing SoulShive identity. */
:where(.ss-visual-featured,.ss-visual-directory,.ss-visual-rankings,.ss-visual-analytics,.ss-visual-community,.ss-visual-tiers,.ss-visual-products,.ss-visual-network){min-width:0;max-width:100%}
:where(.ss-visual-featured,.ss-visual-directory,.ss-visual-rankings,.ss-visual-analytics,.ss-visual-community,.ss-visual-tiers,.ss-visual-products) :where(h2,h3){line-height:1.25;letter-spacing:-.015em;text-wrap:balance}
:where(.ss-visual-featured,.ss-visual-directory,.ss-visual-rankings,.ss-visual-analytics,.ss-visual-community,.ss-visual-tiers,.ss-visual-products) :where(p,li){line-height:1.6}
:where(.ss-visual-featured,.ss-visual-directory,.ss-visual-rankings,.ss-visual-analytics,.ss-visual-community,.ss-visual-tiers,.ss-visual-products) :where(a,button,input,select):focus-visible{outline:3px solid #adc4ff;outline-offset:3px}
:where(.ss-visual-metrics,.ss-visual-rankings,.ss-visual-products,.ss-visual-tiers,.ss-visual-community)>*{min-width:0}
:where(.ss-visual-metrics,.ss-visual-rankings,.ss-visual-products,.ss-visual-tiers) :where(strong,b){font-variant-numeric:tabular-nums}
.ss-visual-filters :where(input,select,button){min-height:44px;max-width:100%;font-size:16px}
.ss-visual-filters :where(input,select,button):focus-visible{outline:3px solid #adc4ff;outline-offset:2px}
.ss-visual-analytics :where(canvas,svg){max-width:100%}
.ss-visual-analytics :where(table){width:100%;border-collapse:collapse}
.ss-visual-analytics :where(th,td){text-align:start;line-height:1.5}
.ss-visual-network{overflow-x:auto;overscroll-behavior-inline:contain}
.ss-visual-products :where(img){max-width:100%;height:auto;object-fit:cover}
@media(max-width:760px){
 :where(.ss-visual-featured,.ss-visual-directory,.ss-visual-rankings,.ss-visual-analytics,.ss-visual-community,.ss-visual-tiers,.ss-visual-products){scroll-margin-top:88px}
 .ss-visual-analytics{overflow-x:auto;overscroll-behavior-inline:contain}
 .ss-visual-analytics :where(table){min-width:480px}
 .ss-visual-filters :where(input,select,button){min-width:0}
}
@media(prefers-reduced-motion:reduce){:where(.ss-visual-featured,.ss-visual-directory,.ss-visual-rankings,.ss-visual-analytics,.ss-visual-community,.ss-visual-tiers,.ss-visual-products) *{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Approved SoulShive reference: compact directory and discovery tabs. */
.ss26-discovery-tabs{display:flex;align-items:center;gap:clamp(10px,2vw,26px);flex-wrap:wrap;margin:16px 0 14px;padding:0 2px}
.ss26-discovery-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;color:#c5d4f4;text-decoration:none;font-size:15px;font-weight:700;border-bottom:2px solid transparent}
.ss26-discovery-tabs a:hover,.ss26-discovery-tabs a:focus-visible,.ss26-discovery-tabs a.is-current{color:#fff;border-bottom-color:#408cff}
.ss26-discovery-tabs a:focus-visible{outline:2px solid #a9c9ff;outline-offset:2px}
.ss26-catalog-preview{min-width:0;margin-block:16px 22px}
.ss26-catalog-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid rgba(109,142,210,.2);border-radius:12px}
.ss26-catalog-scroll:focus-visible{outline:3px solid #8fb9ff;outline-offset:3px}
.ss26-catalog-table{width:100%;min-width:650px;border-collapse:collapse;color:#e4edff;font-size:15px;font-variant-numeric:tabular-nums}
.ss26-catalog-table th{text-align:left;color:#aebddd;font-size:14px;font-weight:700;letter-spacing:.025em;background:rgba(12,25,49,.85)}
.ss26-catalog-table th,.ss26-catalog-table td{padding:12px 14px;border-bottom:1px solid rgba(108,135,186,.16);vertical-align:middle}
.ss26-catalog-table tbody tr:last-child td{border-bottom:0}
.ss26-catalog-table tbody tr:hover{background:rgba(50,85,157,.13)}
.ss26-catalog-rank{font-weight:800;color:#aac7ff}
.ss26-catalog-name{display:flex;align-items:center;gap:10px;min-width:185px;color:inherit;text-decoration:none}
.ss26-catalog-name:hover strong{text-decoration:underline}
.ss26-catalog-name strong,.ss26-catalog-name small{display:block;overflow-wrap:anywhere}
.ss26-catalog-name small{color:#aebddd;font-size:14px;margin-top:2px}
.ss26-catalog-icon{width:36px;flex:0 0 36px;display:grid;place-items:center}
.ss26-catalog-icon img{max-width:34px;max-height:34px;object-fit:contain}
.ss26-catalog-votes{font-weight:800}
.ss26-catalog-status{display:inline-flex;white-space:nowrap;align-items:center;gap:6px;color:#c5d0e7;font-size:14px}
.ss26-catalog-status::before{content:'';width:7px;height:7px;border-radius:50%;background:#8d9db8}
.ss26-catalog-status.is-online::before{background:#38d993}
.ss26-catalog-status.is-offline::before{background:#ff6f79}
@media(max-width:640px){.ss26-discovery-tabs{gap:2px 8px}.ss26-discovery-tabs a{font-size:14px;padding-inline:8px}.ss26-catalog-table th,.ss26-catalog-table td{padding:10px}}

/* Home directory navigation and ranking: approved-layout refinement. */
.ss26-discovery-tabs{position:relative;gap:8px 14px;border-bottom:1px solid rgba(126,157,221,.22);padding-bottom:2px}
.ss26-discovery-tabs a{font-size:16px;line-height:1.4;white-space:nowrap;border-radius:8px 8px 0 0}
.ss26-discovery-tabs a:hover{background:rgba(66,105,196,.12)}
.ss26-catalog-table{font-size:16px}
.ss26-catalog-table tbody tr:focus-within{background:rgba(50,85,157,.22)}
.ss26-catalog-name:focus-visible{outline:2px solid #a9c9ff;outline-offset:4px;border-radius:3px}
.ss26-home-rankpanel[id],.ss26-recommended[id],.ss26-catalog-preview[id]{scroll-margin-top:110px}
#ssHomeGrowingTitle{scroll-margin-top:110px}
@media(max-width:640px){.ss26-discovery-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:5px}.ss26-discovery-tabs a{flex:none;font-size:16px;padding-inline:11px}.ss26-catalog-table{font-size:16px}}

/* Approved reference: featured servers and ranked directory form one discovery board. */
body.ss-route-index .ss26-home-discovery-board{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-block:18px 24px;align-items:stretch}
body.ss-route-index .ss26-home-discovery-board>.ss26-recommended,
body.ss-route-index .ss26-home-discovery-board>.ss26-catalog-preview{min-width:0;margin:0;max-width:100%;height:auto}
body.ss-route-index .ss26-home-discovery-board .ss26-recommended-head,
body.ss-route-index .ss26-home-discovery-board .ss26-head{min-height:0;align-items:flex-start}
body.ss-route-index .ss26-home-discovery-board .ss26-catalog-scroll{width:100%;max-width:100%}
body.ss-route-index .ss26-home-discovery-board .ss26-rec-main b{overflow-wrap:anywhere}
@media(min-width:1500px){
 body.ss-route-index .ss26-home-discovery-board{grid-template-columns:minmax(0,1fr);gap:16px}
 body.ss-route-index .ss26-home-discovery-board .ss26-featured-track{grid-auto-columns:calc((100% - 28px)/3)!important}
 body.ss-route-index .ss26-home-discovery-board .ss26-catalog-table{min-width:640px}
}
@media(max-width:760px){
 body.ss-route-index .ss26-home-discovery-board{gap:12px;margin-block:12px 20px}
 body.ss-route-index .ss26-home-discovery-board .ss26-recommended-head,
 body.ss-route-index .ss26-home-discovery-board .ss26-head{min-height:0}
}

/* Home: verified recent activity, using the existing SoulShive panel language. */
body.ss-route-index .ss26-live-activity{margin-block:18px 24px;min-width:0;padding:clamp(16px,2vw,26px);border:1px solid rgba(105,134,204,.25);border-radius:16px;background:linear-gradient(135deg,rgba(17,29,59,.96),rgba(12,20,42,.98))}
body.ss-route-index .ss26-live-eyebrow{display:block;color:#a8bafa;font-size:14px;font-weight:800;letter-spacing:.08em;margin-bottom:8px}
body.ss-route-index .ss26-live-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
body.ss-route-index .ss26-live-entry{display:grid;grid-template-columns:32px 40px minmax(0,1.6fr) minmax(100px,.8fr) minmax(76px,.5fr) 100px;align-items:center;gap:12px;padding:12px 14px;min-width:0;border:1px solid #293a60;border-radius:12px;background:#101e3d;color:#f3f6ff;text-decoration:none;transition:border-color .2s,background .2s}
body.ss-route-index .ss26-live-entry:hover{background:#172951;border-color:#718fe3}
body.ss-route-index .ss26-live-entry:focus-visible{outline:3px solid #a9bdff;outline-offset:3px}
body.ss-route-index .ss26-live-number{font-size:17px;font-weight:800;color:#a6bafa;text-align:center}
body.ss-route-index .ss26-live-game{display:flex;align-items:center;justify-content:center;min-width:0}
body.ss-route-index .ss26-live-identity{display:grid;gap:3px;min-width:0}
body.ss-route-index .ss26-live-identity strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ss-route-index .ss26-live-identity small{font-size:14px;color:#afc0e6}
body.ss-route-index .ss26-live-map{font-size:15px;color:#d0d9f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ss-route-index .ss26-live-players{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}
body.ss-route-index .ss26-live-players span{color:#9aaed5;font-weight:500}
body.ss-route-index .ss26-live-status{font-size:14px;font-weight:800;color:#77e8b2;text-align:right;white-space:nowrap}
@media(max-width:900px){body.ss-route-index .ss26-live-entry{grid-template-columns:26px 36px minmax(0,1fr) auto;gap:8px}body.ss-route-index .ss26-live-map,body.ss-route-index .ss26-live-status{display:none}}
@media(max-width:480px){body.ss-route-index .ss26-live-entry{padding:11px 9px;grid-template-columns:22px 32px minmax(0,1fr) auto}body.ss-route-index .ss26-live-identity strong{font-size:16px}body.ss-route-index .ss26-live-players{font-size:16px}}
@media(prefers-reduced-motion:reduce){body.ss-route-index .ss26-live-entry{transition:none}}

/* Approved 2026 reference: a single discovery column with three illustrated
   feature tiles above the ranked table. No additional stylesheet or mock data. */
body.ss-route-index .ss26-home-discovery-board.ss26-approved-directory{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  align-items:start!important;max-width:100%;
}
body.ss-route-index .ss26-approved-directory>.ss26-recommended,
body.ss-route-index .ss26-approved-directory>.ss26-catalog-preview{height:auto!important;margin:0!important}
body.ss-route-index .ss26-approved-directory .ss26-recommended-grid.ss26-featured-track{
  grid-auto-columns:calc((100% - 28px)/3)!important;gap:14px!important;
  padding:4px 3px 12px;scroll-padding-inline:3px;
}
body.ss-route-index .ss26-approved-directory .ss26-approved-feature-tile{
  min-height:255px!important;border:1px solid #5a399d!important;
  box-shadow:0 0 0 1px rgba(109,58,223,.12),0 12px 25px rgba(0,0,0,.27)!important;
}
body.ss-route-index .ss26-approved-feature-tile .ss26-rec-visual{height:134px!important}
body.ss-route-index .ss26-approved-feature-tile .ss26-rec-main{padding-bottom:5px!important}
body.ss-route-index .ss26-approved-feature-tile .ss26-rec-right{margin-top:auto;padding-bottom:5px!important}
body.ss-route-index .ss26-approved-feature-tile .ss26-approved-join{
  display:block;margin:0 12px 12px;padding:9px 12px;border-radius:7px;text-align:center;
  color:#fff;font-size:15px;font-weight:800;line-height:1.35;
  background:linear-gradient(100deg,#176ee5,#7135df);
}
body.ss-route-index .ss26-approved-feature-tile:hover .ss26-approved-join{background:linear-gradient(100deg,#268bf9,#924bf1)}
body.ss-route-index .ss26-approved-directory .ss26-catalog-scroll{border-color:#304572}
body.ss-route-index .ss26-approved-directory .ss26-catalog-table{min-width:650px!important}
body.ss-route-index .ss26-approved-directory .ss26-catalog-table tbody tr:nth-child(even){background:rgba(27,45,85,.27)}
body.ss-route-index .ss26-approved-directory .ss26-catalog-table tbody tr:hover{background:rgba(63,88,159,.24)}
@media(max-width:900px){
 body.ss-route-index .ss26-approved-directory .ss26-recommended-grid.ss26-featured-track{grid-auto-columns:calc((100% - 14px)/2)!important}
}
@media(max-width:590px){
 body.ss-route-index .ss26-approved-directory .ss26-recommended-grid.ss26-featured-track{grid-auto-columns:88%!important}
 body.ss-route-index .ss26-approved-directory .ss26-approved-feature-tile{min-height:245px!important;display:flex!important;flex-direction:column!important}
 body.ss-route-index .ss26-approved-feature-tile .ss26-rec-visual{height:128px!important;grid-row:auto}
 body.ss-route-index .ss26-approved-feature-tile .ss26-rec-main{padding:10px 12px 4px 60px!important}
 body.ss-route-index .ss26-approved-feature-tile .ss26-rec-game{top:98px!important;left:10px!important}
 body.ss-route-index .ss26-approved-feature-tile .ss26-rec-right{padding:0 12px 7px!important}
}
@media(prefers-reduced-motion:reduce){body.ss-route-index .ss26-approved-feature-tile .ss26-approved-join{transition:none}}

/* Admin navigation: all authorized sections visible without horizontal scrolling. */
body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid,
body.ss26-page-admin nav.ss27-admin-tabs.ss-admin-menu-grid {
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))!important;
  gap:10px!important;align-items:stretch!important;max-width:100%!important;
  overflow:visible!important;flex-wrap:wrap!important;scroll-snap-type:none!important;
  padding:14px!important;height:auto!important;
}
body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid > a.chip,
body.ss26-page-admin nav.ss27-admin-tabs.ss-admin-menu-grid > a.chip {
  display:flex!important;min-width:0!important;max-width:100%!important;min-height:48px!important;
  width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;
  text-align:center!important;font-size:15px!important;line-height:1.35!important;
  padding:11px 12px!important;scroll-snap-align:none!important;
}
@media(max-width:540px){
  body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid,
  body.ss26-page-admin nav.ss27-admin-tabs.ss-admin-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important}
  body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid > a.chip,
  body.ss26-page-admin nav.ss27-admin-tabs.ss-admin-menu-grid > a.chip{font-size:14px!important;padding:10px 7px!important}
}
@media(max-width:350px){
  body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid,
  body.ss26-page-admin nav.ss27-admin-tabs.ss-admin-menu-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* Home hero layout is owned by soulshive-reference-alignment-2026.css.
   The retired centered hero rules were overriding the approved left-copy/right-art design. */
body.ss-route-index .ss26-home-utility-panels{margin:18px 0 22px;min-width:0}
body.ss-route-index .ss26-home-utility-panels .ss26-community-stats{margin:0 0 12px!important}
body.ss-route-index .ss26-home-utility-panels .ss26-community-actions{margin:0!important;flex-wrap:wrap}
body.ss-route-index .ss26-approved-rankings{margin-block:12px 20px}
body.ss-route-index .ss26-approved-directory .ss26-featured-track{scroll-snap-type:x mandatory}
body.ss-route-index .ss26-approved-directory .ss26-approved-feature-tile{scroll-snap-align:start}
@media(max-width:720px){body.ss-route-index .ss26-home-utility-panels .ss26-community-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:390px){body.ss-route-index .ss26-home-utility-panels .ss26-community-stats{grid-template-columns:minmax(0,1fr)!important}}

/* Latest server directory: align cards with the approved discovery dashboard. */
body.ss-route-latest-servers .ss-latest-hero{padding-block:clamp(26px,4vw,56px);min-height:0}
body.ss-route-latest-servers .ss-latest-hero .wrap{position:relative;z-index:1}
body.ss-route-latest-servers .ss-latest-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.1;max-width:20ch}
body.ss-route-latest-servers .ss-latest-directory{padding-block:clamp(20px,3vw,36px)}
body.ss-route-latest-servers .ss-latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
body.ss-route-latest-servers .ss-latest-server-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(114,145,224,.28);border-radius:18px;background:linear-gradient(155deg,#141e39,#0c1428);box-shadow:0 14px 34px rgba(2,6,20,.2)}
body.ss-route-latest-servers .ss-latest-server-card .ss-latest-map{position:relative;min-height:160px;background-position:center;background-size:cover}
body.ss-route-latest-servers .ss-latest-map-game{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(153,177,248,.5);border-radius:12px;background:rgba(9,16,36,.9)}
body.ss-route-latest-servers .ss-latest-map-game img{width:26px;height:26px;object-fit:contain}
body.ss-route-latest-servers .ss-latest-card-body{display:flex;flex:1;flex-direction:column;gap:14px;min-width:0;padding:18px}
body.ss-route-latest-servers .ss-latest-card-body h2{font-size:clamp(18px,1.5vw,22px);line-height:1.3;overflow-wrap:anywhere}
body.ss-route-latest-servers .ss-latest-card-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.ss-route-latest-servers .ss-latest-card-metrics>div{min-width:0;padding:10px 8px;border-radius:10px;background:rgba(95,121,198,.09)}
body.ss-route-latest-servers .ss-latest-card-metrics b{display:block;font-size:16px;overflow-wrap:anywhere}
body.ss-route-latest-servers .ss-latest-card-metrics span{font-size:14px}
body.ss-route-latest-servers .ss-latest-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
body.ss-route-latest-servers .ss-latest-card-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:1 1 130px}
@media(max-width:820px){body.ss-route-latest-servers .ss-latest-grid{grid-template-columns:1fr}}
@media(max-width:480px){body.ss-route-latest-servers .ss-latest-card-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body.ss-route-latest-servers .ss-latest-card-body{padding:14px}}

/* Approved SoulShive visual system: directory, details, master list, Boost, community, market. */
:where(.sl-page,.ms-page,.sv-page,.ssbx,.ssc1,.ss-market-showcase){min-width:0}
:where(.sl-page,.ms-page,.sv-page,.ssbx,.ssc1) :where(h1,h2,h3,p,a,span,strong){overflow-wrap:break-word}
:where(.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero,.ss27-market-hero){isolation:isolate;overflow:hidden;border:1px solid rgba(108,145,225,.25);border-radius:18px;background-color:#0d1730}
:where(.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero,.ss27-market-hero) :where(h1){font-size:clamp(30px,3.8vw,50px);line-height:1.12;letter-spacing:-.025em}
:where(.sl-hero,.ms-hero,.sv-hero,.ssbx-hero,.ssc1-hero,.ss27-market-hero) :where(p,.sl-sub){font-size:clamp(16px,1.4vw,18px);line-height:1.55}
:where(.sl-card,.ms-card,.sv-card,.ssbx .ssb27-showcase,.ssc1-section,.ss27-market-featured,.ss27-market-filters){min-width:0;border-radius:16px}
:where(.sl-filtergrid,.sl-featured,.sl-list,.ms-page,.sv-hero-grid,.sv-facts,.ssbx,.ssc1-duo,.ss-market-featured-grid){min-width:0;max-width:100%}
:where(.sl-filtergrid,.ss27-market-filters) :where(input,select,button){min-height:44px;font-size:16px;max-width:100%}
:where(.sl-filtertabs,.sl-views,.ss-page-jumps,.ss27-directory-actions){display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
:where(.sl-filtertabs,.sl-views,.ss-page-jumps,.ss27-directory-actions) :where(a,button){min-height:42px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center}
.sl-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sl-feature{min-width:0;overflow:hidden;border-radius:15px}
.sl-fmain{min-width:0}
.sl-fmain>div{min-width:0}
.sl-fname{overflow-wrap:anywhere}
.sl-listtop{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}
.sl-listtop>div{min-width:0}
.sl-stats,.ms-topstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sl-stat,.ms-topstats>*{min-width:0}
.sl-stat strong{font-variant-numeric:tabular-nums}
.sv-hero-grid{display:grid;gap:18px;align-items:center}
.sv-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sv-facts>*{min-width:0}
.sv-card :where(table,canvas,svg){max-width:100%}
.sv-card.ss-visual-analytics{overflow-x:auto}
.sv-card.ss-visual-analytics table{min-width:480px}
.ssbx-hero-in,.ssc1-hero-copy,.ss-market-showcase-content{min-width:0;max-width:100%}
.ss-market-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ss-market-featured-card{min-width:0;overflow:hidden}
.ss-market-featured-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.ss-market-featured-body{min-width:0}
.ss-market-showcase-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ss-market-showcase-stat{min-width:0}
.ssc1-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ssc1-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:1000px){
 .sl-featured,.ss-market-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sl-stats,.ms-topstats,.ssc1-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ssc1-duo{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
 .sl-featured,.ss-market-featured-grid,.ss-market-showcase-stats,.sv-facts{grid-template-columns:minmax(0,1fr)}
 .sl-stats,.ms-topstats,.ssc1-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sl-feature{width:100%}
 .sl-listtop,.sl-views{align-items:stretch}
 .sl-views>*{flex:1 1 auto}
 .ss-market-showcase-content,.ssbx-hero-in,.ssc1-hero-copy{padding-inline:clamp(14px,4vw,22px)}
}
@media(max-width:360px){.sl-stats,.ms-topstats,.ssc1-stats{grid-template-columns:minmax(0,1fr)}}

/* Directory filter explanation stays readable on small screens. */
.ss27-directory-count{font-size:16px;line-height:1.6;color:#bdc6dc;margin:14px 0 18px;padding:12px 16px;border:1px solid rgba(139,115,217,.24);border-radius:12px;background:rgba(15,19,39,.75)}

/* Screenshot audit: prevent gradient title rectangle and clipped directory hero. */
body.sl-page .sl-hero .sl-title{display:block!important;max-width:min(100%,24ch)!important;overflow:visible!important;line-height:1.14!important;word-break:normal!important;overflow-wrap:break-word!important}
body.sl-page .sl-hero .sl-title span{display:inline!important;background:linear-gradient(90deg,#b64aff,#36b9ff)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;box-decoration-break:clone!important;padding:0!important;border:0!important;box-shadow:none!important}
body.sl-page .sl-hero .sl-heroin{min-width:0!important;max-width:100%!important;padding-block:28px!important}
body.sl-page .sl-hero .sl-sub{overflow:visible!important;max-height:none!important;white-space:normal!important}
body.sl-page .sl-filtertabs{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:9px!important}
body.sl-page .sl-filtertabs > *{min-width:0!important;white-space:normal!important}
/* Screenshot audit: never hide authorized Admin links behind a horizontal scroll. */
body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr))!important;overflow:visible!important;overflow-x:visible!important;flex-wrap:wrap!important;scroll-snap-type:none!important;max-height:none!important;height:auto!important}
body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid .chip{display:flex!important;flex:none!important;width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;justify-content:center!important;text-align:center!important;min-height:46px!important}
@media(max-width:650px){body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.sl-page .sl-hero .sl-title{font-size:clamp(28px,8vw,42px)!important}}
@media(max-width:360px){body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid{grid-template-columns:minmax(0,1fr)!important}}

/* Admin catalog visibility: readable on desktop and mobile. */
body.ss26-admin-route .ss-admin-directory-alert{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:14px 0;padding:15px 18px;border:1px solid #74537e;border-radius:12px;background:#1b1731;color:#f1e9ff;font-size:16px;line-height:1.5}
body.ss26-admin-route .ss-admin-directory-alert strong{color:#fff}
body.ss26-admin-route .ss-admin-directory-alert span{max-width:100%;overflow-wrap:anywhere}

/* Home rankings: display the stored game, mode and last-known map without implying live monitoring. */
body.ss-route-index .ss26-home-rankdetails{display:flex;flex-wrap:wrap;align-items:center;gap:3px 12px;line-height:1.45;min-width:0}
body.ss-route-index .ss26-home-rankdetail{display:inline-flex;align-items:baseline;gap:4px;min-width:0;overflow-wrap:anywhere;font-size:14px;color:#c0cee6}
body.ss-route-index .ss26-home-rankdetail b{color:#d9c9ff;font-weight:700}
body.ss-route-index .ss26-home-rankmeta{gap:5px}
@media(max-width:540px){body.ss-route-index .ss26-home-rankdetails{gap:2px 8px}body.ss-route-index .ss26-home-ranklist a{align-items:flex-start}body.ss-route-index .ss26-home-rankvalue,body.ss-route-index .ss26-home-growth{margin-top:8px}}

/* Home: eliminate the empty half-width discovery column on desktop.
   Keep the carousel scrollable when more than three approved cards exist. */
@media (min-width: 901px) {
  body.ss-route-index .ss26-approved-directory .ss26-recommended,
  body.ss-route-index .ss26-approved-directory .ss26-catalog-preview {
    grid-column: 1 / -1;
    width: 100%;
  }
  body.ss-route-index .ss26-approved-directory .ss26-recommended-grid.ss26-featured-track {
    width: 100%;
    grid-auto-columns: calc((100% - 28px) / 3) !important;
  }
}
body.ss-route-index .ss26-home-rankmeta {flex:1 1 auto;min-width:0}
body.ss-route-index .ss26-home-rankmeta strong {display:block;white-space:normal;overflow-wrap:anywhere}
body.ss-route-index .ss26-home-rankdetail {white-space:normal}

/* Home directory: use actual catalog facts, and avoid blank third slots for small catalogs. */
body.ss-route-index .ss26-approved-feature-tile .ss26-rec-facts{display:flex;flex-wrap:wrap;gap:5px 10px;padding:0 12px 8px;color:#d4e1fa;font-size:14px;line-height:1.4;min-width:0}
body.ss-route-index .ss26-approved-feature-tile .ss26-rec-facts span{overflow-wrap:anywhere}
body.ss-route-index .ss26-approved-feature-tile .ss26-rec-facts b{color:#bcaaff}
body.ss-route-index .ss26-approved-directory .ss26-featured-count-1.ss26-featured-track{grid-auto-columns:min(100%,460px)!important}
body.ss-route-index .ss26-approved-directory .ss26-featured-count-2.ss26-featured-track{grid-auto-columns:calc((100% - 14px)/2)!important}
body.ss-route-index .ss26-catalog-map-stale{display:block;color:#aab8d4;font-size:13px;line-height:1.4}
@media(max-width:590px){body.ss-route-index .ss26-approved-directory .ss26-featured-count-2.ss26-featured-track{grid-auto-columns:88%!important}}

/* Optional YouTube trailer: server detail, consistent with SoulShive premium cards. */
.ss-server-trailer{min-width:0;overflow:hidden}
.ss-server-trailer-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.ss-server-trailer-head h2{font-size:clamp(20px,2vw,26px);margin:4px 0 6px}
.ss-server-trailer-head p{font-size:16px;color:#aab8d9;margin:0}
.ss-server-trailer-kicker{font-size:14px;font-weight:800;letter-spacing:.1em;color:#ae84ff}
.ss-server-trailer-head>a{font-size:15px;font-weight:800;color:#c6a7ff;text-decoration:none}
.ss-server-trailer-frame{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:14px;border:1px solid #34305f;background:#080d20}
.ss-server-trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.as26-video-help{font-size:14px;line-height:1.5;color:#aebcdb;margin:7px 0 0}

/* Server trailer owner editor: follows the shared SoulShive detail cards. */
.ss-server-trailer-editor{min-width:0;padding:22px}
.ss-server-trailer-editor h2{font-size:clamp(20px,2vw,25px);margin:0 0 8px}
.ss-server-trailer-editor p{font-size:16px;color:#b6c2dc;margin:0 0 16px}
.ss-server-trailer-editor label{display:block;font-size:16px;font-weight:700;margin-bottom:8px}
.ss-trailer-edit-row{display:flex;flex-wrap:wrap;gap:12px}
.ss-trailer-edit-row input{flex:1 1 260px;min-width:0;background:#0a1429;border:1px solid #445176;border-radius:10px;color:#f4f4ff;padding:12px;font-size:16px}
.ss-trailer-edit-row button{border:0;border-radius:10px;padding:12px 20px;color:white;background:linear-gradient(110deg,#7a35e7,#355bfa);font-size:16px;font-weight:800;cursor:pointer}
.ss-server-trailer-editor .ss-trailer-error{color:#ffb5c6}

/* Server trailer loads its privacy-enhanced player only after an explicit click. */
.ss-server-trailer-play{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:12px;cursor:pointer;border:0;background:#080d20;color:#fff;font:inherit}
.ss-server-trailer-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}
.ss-server-trailer-play:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(3,6,21,.68) 100%);pointer-events:none}
.ss-server-trailer-play-icon,.ss-server-trailer-play-text{position:relative;z-index:1}
.ss-server-trailer-play-icon{display:grid;place-items:center;width:72px;height:52px;border-radius:14px;background:#8a3cf1;font-size:26px;box-shadow:0 8px 30px #0008}
.ss-server-trailer-play-text{font-size:16px;font-weight:800;text-shadow:0 2px 8px #000}
.ss-server-trailer-play:focus-visible{outline:3px solid #d9b9ff;outline-offset:-5px}
.ss-server-trailer-play:hover .ss-server-trailer-play-icon{background:#a45aff}

/* Owner catalog diagnostics: readable table without horizontal page overflow. */
.ss-catalog-health-table{width:100%;overflow-x:auto}
.ss-catalog-health-table table{width:100%;border-collapse:collapse;font-size:16px}
.ss-catalog-health-table th,.ss-catalog-health-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(148,163,184,.2)}
.ss-catalog-health-table th{font-weight:700}
.ss-route-catalog-health .schema-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}

/* Admin sections grouped without horizontal scrolling; headers span the whole grid. */
body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid > .ss-admin-menu-heading{grid-column:1/-1;min-width:0;margin:12px 0 0;padding:11px 12px 7px;border-bottom:1px solid rgba(129,111,211,.35);color:#e6d8ff;font-size:17px;font-weight:750;line-height:1.4}
body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid > .ss-admin-menu-heading:first-child{margin-top:0}
body.ss26-admin-route nav.ss27-admin-tabs.ss-admin-menu-grid > a.chip:focus-visible{outline:3px solid #8dc8ff;outline-offset:3px}


/* Mobile header: keep the primary action legible without clipping or multiline text. */
@media (max-width: 930px) {
  .ssg-header .ssg-inner { display:flex!important; align-items:center!important; gap:8px!important; min-width:0!important; }
  .ssg-header .ssg-brand { min-width:0!important; flex:0 1 auto!important; margin-right:auto!important; }
  .ssg-header .ssg-brand img { max-width:100%!important; }
  .ssg-header .ssg-actions { min-width:0!important; flex:0 0 auto!important; margin:0!important; }
  .ssg-header .ssg-add { box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; height:42px!important; min-height:42px!important; max-width:none!important; width:auto!important; padding:0 12px!important; font-size:13px!important; line-height:1.15!important; white-space:nowrap!important; text-align:center!important; }
  .ssg-header .ssg-add .ssg-add-long { display:none!important; }
  .ssg-header .ssg-add .ssg-add-short { display:inline!important; white-space:nowrap!important; }
  .ssg-header .ssg-burger { order:3!important; flex:0 0 42px!important; margin:0!important; height:42px!important; width:42px!important; }
}
@media (max-width: 390px) {
  .ssg-header .ssg-add { padding-inline:8px!important; font-size:12px!important; }
  .ssg-header .ssg-brand { max-width:38vw!important; }
}

/* Home reference alignment: compact, content-driven rows without artificial empty height.
   This block intentionally supersedes legacy home selectors above. */
body.ss-route-index .ss26-home-discovery-board.ss26-approved-directory{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;align-items:start!important;gap:16px!important}
body.ss-route-index .ss26-approved-directory>.ss26-recommended,
body.ss-route-index .ss26-approved-directory>.ss26-catalog-preview{grid-column:1/-1!important;align-self:start!important;min-height:0!important;height:auto!important;max-height:none!important;margin:0!important;min-width:0!important}
body.ss-route-index .ss26-approved-directory .ss26-recommended-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:10px 18px!important;min-height:0!important}
body.ss-route-index .ss26-approved-directory .ss26-recommended-grid.ss26-featured-track{min-height:0!important;align-items:stretch!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 28px)/3)!important;gap:14px!important}
body.ss-route-index .ss26-approved-directory .ss26-featured-count-1.ss26-featured-track{grid-auto-columns:min(100%,480px)!important}
body.ss-route-index .ss26-approved-directory .ss26-featured-count-2.ss26-featured-track{grid-auto-columns:calc((100% - 14px)/2)!important}
body.ss-route-index .ss26-approved-directory .ss26-approved-feature-tile{min-width:0!important;height:auto!important;align-self:stretch!important;overflow:hidden!important}
body.ss-route-index .ss26-approved-directory .ss26-rec-main b{overflow-wrap:anywhere!important;word-break:normal!important}
body.ss-route-index .ss26-approved-directory .ss26-rec-facts{min-height:0!important}
body.ss-route-index .ss26-approved-directory .ss26-catalog-preview{overflow:hidden!important}
body.ss-route-index .ss26-approved-directory .ss26-catalog-scroll{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important}
body.ss-route-index .ss26-home-rankings.ss26-rankings-single{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
body.ss-route-index .ss26-home-rankings .ss26-home-rankpanel{height:auto!important;min-height:0!important;align-self:start!important}
body.ss-route-index .ss26-home-rankings .ss26-home-ranklist{min-height:0!important}
@media(max-width:900px){body.ss-route-index .ss26-approved-directory .ss26-recommended-grid.ss26-featured-track{grid-auto-columns:calc((100% - 14px)/2)!important}}
@media(max-width:590px){
 body.ss-route-index .ss26-home-discovery-board.ss26-approved-directory{gap:12px!important}
 body.ss-route-index .ss26-approved-directory .ss26-recommended-grid.ss26-featured-track,
 body.ss-route-index .ss26-approved-directory .ss26-featured-count-1.ss26-featured-track,
 body.ss-route-index .ss26-approved-directory .ss26-featured-count-2.ss26-featured-track{grid-auto-columns:minmax(0,88%)!important}
 body.ss-route-index .ss26-approved-directory .ss26-catalog-scroll{border-radius:10px!important}
 body.ss-route-index .ss26-home-rankings .ss26-home-rankpanel{padding:12px!important}
}