/* 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:13px!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}}