/* SoulShive public server tools and team. */
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main:is(.ss-banners-page,.ss-banner-unavailable,.ss-samp,.ss27-sdk,.ss-clans){width:min(1280px,calc(100% - 48px))!important;max-width:1280px!important;margin:20px auto 40px!important;padding:0!important;color:#f4f6ff!important;font:16px/1.65 Manrope,system-ui,sans-serif!important;min-width:0!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(.ss-banners-intro,.ss-samp-hero,.ss27-sdk-hero,.ss-clans-hero){background:radial-gradient(ellipse at top right,#56268a55,transparent 65%),linear-gradient(125deg,#152443,#081426)!important;border:1px solid #34466d!important;border-radius:12px!important;padding:24px!important;margin:0 0 24px!important;min-height:0!important;box-shadow:0 16px 45px #0003!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main h1{font-size:clamp(28px,2.8vw,38px)!important;line-height:1.16!important;letter-spacing:-.035em!important;color:#f4f6ff!important;margin:0 0 14px!important;font-weight:800!important;overflow-wrap:anywhere!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(h2,h3){font-size:24px!important;line-height:1.35!important;color:#f4f6ff!important;margin:0 0 14px!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(p,li,.muted,.ss-banners-note,.ss-samp-note){font-size:16px!important;line-height:1.7!important;color:#aebfdd!important;overflow-wrap:anywhere!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(.ss-banners-card,.ss-samp-steps > div,.ss-samp-results,.ss27-sdk-card,.ss-clans-card,.ss-clans-panel,.ss-clans-values > div,.ss-clans-empty){background:linear-gradient(135deg,#101f39,#071222)!important;border:1px solid #293b60!important;border-radius:12px!important;padding:20px!important;box-shadow:0 10px 30px #0002!important;min-width:0!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(.btn,.ss-banners-copy,.ss-samp-btn,.ss-clans-btn,.ss-clans-join,.ss-samp-search button){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;padding:10px 18px!important;border:1px solid #a983ff!important;border-radius:12px!important;background:linear-gradient(120deg,#a84cff,#6021f9)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;text-decoration:none!important;white-space:normal!important;cursor:pointer!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(.btn.ghost,.ss-samp-btn.outline,.ss-clans-btn-quiet){background:#13213b!important;border-color:#40577d!important;color:#dfd7f4!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(a,button,input,textarea):focus-visible{outline:3px solid #c29cff!important;outline-offset:4px!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(textarea,input[type=search]){box-sizing:border-box!important;max-width:100%!important;min-width:0!important;padding:12px!important;background:#061123!important;color:#e2eaff!important;border:1px solid #3c5074!important;border-radius:10px!important;font:16px/1.65 ui-monospace,monospace!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-banners-card{margin-bottom:22px!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-banners-copyrow{display:flex!important;gap:12px!important;align-items:flex-start!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-banners-copyrow textarea{flex:1!important;width:100%!important;resize:vertical!important;overflow-wrap:anywhere!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-banners-preview{display:flex!important;align-items:center!important;justify-content:center!important;min-height:120px!important;padding:24px!important;background:#061122!important;border:1px solid #293b60!important;border-radius:12px!important;margin:20px 0!important;overflow:hidden!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-banners-preview img{max-width:100%!important;height:auto!important;object-fit:contain!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss27-sdk-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss27-sdk-section{margin-top:20px!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(.ss27-sdk-pre,.ss27-sdk-code){max-width:100%!important;box-sizing:border-box!important;overflow:auto!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;background:#061122!important;border:1px solid #304464!important;border-radius:12px!important;padding:18px!important;color:#c8b0f3!important;font:16px/1.65 ui-monospace,monospace!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss27-sdk-table-wrap{overflow-x:auto!important;max-width:100%!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss27-sdk-table{width:100%!important;border-collapse:collapse!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss27-sdk-table :is(th,td){padding:14px!important;text-align:left!important;font-size:16px!important;border-bottom:1px solid #293b60!important;color:#bdcde7!important;overflow-wrap:anywhere!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(.ss27-sdk-downloads,.ss27-sdk-actions,.ss-samp-actions,.ss-clans-hero-actions){display:flex!important;flex-wrap:wrap!important;gap:12px!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-samp-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:24px 0!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-samp-hero{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important;gap:24px!important;align-items:center!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-clans-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-clans-member{overflow:hidden!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-clans-hero-inner{max-width:900px!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main img{max-width:100%!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main svg{max-width:100%!important}
@media(max-width:850px){body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(.ss27-sdk-grid,.ss-samp-hero){grid-template-columns:minmax(0,1fr)!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-clans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:540px){body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main:is(.ss-banners-page,.ss-banner-unavailable,.ss-samp,.ss27-sdk,.ss-clans){width:calc(100% - 24px)!important;margin-top:18px!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(.ss-samp-steps,.ss-clans-grid){grid-template-columns:minmax(0,1fr)!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(.ss-banners-intro,.ss-samp-hero,.ss27-sdk-hero,.ss-clans-hero){padding:22px!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main :is(.ss-banners-card,.ss-samp-results,.ss27-sdk-card,.ss-clans-member){padding:18px!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-banners-copyrow{flex-wrap:wrap!important}
body.ss27-mockup:is(.ss-route-server-banners,.ss-route-samp,.ss-route-sdk-docs,.ss-route-clans,.ss-route-clan) main .ss-banners-copyrow textarea{flex:1 1 100%!important}
}

body.ss27-mockup.ss-route-clans .ss-clans-panel{margin-bottom:24px!important}

body.ss27-mockup.ss-route-server-banners .ss-banners-copyrow{align-items:flex-start!important;gap:12px!important}
body.ss27-mockup.ss-route-server-banners .ss-banners-copyrow textarea{min-width:0!important;resize:vertical!important;line-height:1.6!important}
body.ss27-mockup.ss-route-sdk-docs :is(pre,code){tab-size:2!important;overflow-wrap:anywhere!important}
body.ss27-mockup.ss-route-clans .ss-clans-member{min-width:0!important;overflow-wrap:anywhere!important}

/* Secondary community, loyalty and observation pages. */
body.ss27-mockup:is(.ss-route-founders,.ss-route-coins,.ss-route-my-communities,.ss-route-clan,.ss-route-partner,.ss-route-player-alias) #ss-main-content{width:min(1280px,calc(100% - 48px))!important;max-width:1280px!important;margin:20px auto 40px!important;padding:0!important;min-width:0!important}
body.ss27-mockup:is(.ss-route-founders,.ss-route-coins,.ss-route-my-communities,.ss-route-clan,.ss-route-partner,.ss-route-player-alias) #ss-main-content :is(.fd-hero,.sp-hero,.sscd-hero,.ss-clans-hero,.ss27-partner-hero,.ss-alias-hero,.ss-alias-unavailable){padding:24px!important;min-height:0!important;border-radius:12px!important;background:linear-gradient(125deg,#152443,#081426)!important;border:1px solid #34466d!important}
body.ss27-mockup:is(.ss-route-founders,.ss-route-coins,.ss-route-my-communities,.ss-route-clan,.ss-route-partner,.ss-route-player-alias) #ss-main-content h1{font-size:clamp(28px,2.8vw,38px)!important;line-height:1.2!important;overflow-wrap:anywhere!important}
body.ss27-mockup:is(.ss-route-founders,.ss-route-coins,.ss-route-my-communities,.ss-route-clan,.ss-route-partner,.ss-route-player-alias) #ss-main-content :is(p,input,select,textarea){font-size:16px!important;line-height:1.6!important}
body.ss27-mockup:is(.ss-route-founders,.ss-route-coins,.ss-route-my-communities,.ss-route-clan,.ss-route-partner,.ss-route-player-alias) #ss-main-content :is(input,select,textarea){min-width:0!important;max-width:100%!important}
body.ss27-mockup.ss-route-partner .ss27-partner-logo{object-fit:contain!important}
@media(max-width:650px){body.ss27-mockup:is(.ss-route-founders,.ss-route-coins,.ss-route-my-communities,.ss-route-clan,.ss-route-partner,.ss-route-player-alias) #ss-main-content{width:calc(100% - 28px)!important}body.ss27-mockup:is(.ss-route-founders,.ss-route-coins,.ss-route-my-communities,.ss-route-clan,.ss-route-partner,.ss-route-player-alias) #ss-main-content :is(.fd-hero,.sp-hero,.sscd-hero,.ss-clans-hero,.ss27-partner-hero,.ss-alias-hero,.ss-alias-unavailable){padding:16px!important}}

body.ss27-mockup.ss-route-clan .ss-clans-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:16px!important}
body.ss27-mockup.ss-route-clan .ss-clans-panel{margin-bottom:18px!important}
body.ss27-mockup.ss-route-clan .ss-clans-meta{font-size:16px!important;line-height:1.6!important;color:#b9c9e2!important}
body.ss27-mockup.ss-route-player-alias .ss-alias-history-title{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important}
body.ss27-mockup.ss-route-player-alias .ss-alias-history-title>div{flex:1 1 180px!important;min-width:0!important}
body.ss27-mockup.ss-route-player-alias .ss-alias-history-title>span{flex:0 0 auto!important;white-space:nowrap!important}
@media(max-width:650px){body.ss27-mockup.ss-route-player-alias .ss-alias-identity{flex-basis:100%!important}body.ss27-mockup.ss-route-player-alias .ss-alias-hero{gap:12px!important}}

/* Confirmation pages keep the same content width and clear result hierarchy. */
body.ss27-mockup:is(.ss-route-newsletter,.ss-route-return) #ss-main-content{width:min(900px,calc(100% - 48px))!important;max-width:900px!important;margin:24px auto 40px!important;padding:0!important;min-width:0!important}
body.ss27-mockup:is(.ss-route-newsletter,.ss-route-return) #ss-main-content :is(.ss-status-card,.ss27-newsletter-card){padding:24px!important;border:1px solid #34466d!important;border-radius:12px!important;background:linear-gradient(125deg,#152443,#081426)!important;color:#f4f6ff!important;min-width:0!important}
body.ss27-mockup:is(.ss-route-newsletter,.ss-route-return) #ss-main-content h1{font-size:clamp(28px,2.8vw,38px)!important;line-height:1.2!important;overflow-wrap:anywhere!important}
body.ss27-mockup:is(.ss-route-newsletter,.ss-route-return) #ss-main-content :is(p,label,input,button){font-size:16px!important;line-height:1.6!important}
@media(max-width:650px){body.ss27-mockup:is(.ss-route-newsletter,.ss-route-return) #ss-main-content{width:calc(100% - 28px)!important}body.ss27-mockup:is(.ss-route-newsletter,.ss-route-return) #ss-main-content :is(.ss-status-card,.ss27-newsletter-card){padding:16px!important}}

/* Server media and partner tools retain the common page frame. */
body.ss27-mockup:is(.ss-route-member,.ss-route-server-media,.ss-route-partner-portal,.ss-route-partner-embed-code) #ss-main-content{width:min(1280px,calc(100% - 48px))!important;max-width:1280px!important;min-width:0!important;margin:20px auto 40px!important;padding:0!important}
body.ss27-mockup:is(.ss-route-member,.ss-route-server-media,.ss-route-partner-portal,.ss-route-partner-embed-code) #ss-main-content :is(.member-hero,.sm-hero,.sspp-hero,.ss26-pk-hero){padding:24px!important;min-height:0!important;border-radius:12px!important;background:linear-gradient(125deg,#152443,#081426)!important;border:1px solid #34466d!important}
body.ss27-mockup:is(.ss-route-member,.ss-route-server-media,.ss-route-partner-portal,.ss-route-partner-embed-code) #ss-main-content h1{font-size:clamp(28px,2.8vw,38px)!important;line-height:1.2!important;overflow-wrap:anywhere!important}
body.ss27-mockup:is(.ss-route-member,.ss-route-server-media,.ss-route-partner-portal,.ss-route-partner-embed-code) #ss-main-content :is(p,label,input,textarea,select){font-size:16px!important;line-height:1.6!important;min-width:0!important;max-width:100%!important}
body.ss27-mockup.ss-route-partner-embed-code :is(code,.ss26-pk-code){overflow-wrap:anywhere!important;min-width:0!important}
@media(max-width:650px){body.ss27-mockup:is(.ss-route-member,.ss-route-server-media,.ss-route-partner-portal,.ss-route-partner-embed-code) #ss-main-content{width:calc(100% - 28px)!important}body.ss27-mockup:is(.ss-route-member,.ss-route-server-media,.ss-route-partner-portal,.ss-route-partner-embed-code) #ss-main-content :is(.member-hero,.sm-hero,.sspp-hero,.ss26-pk-hero){padding:16px!important}}
body.ss27-mockup.ss-route-member .member-hero-content{min-height:0!important;padding:0!important;grid-template-columns:180px minmax(0,1fr)!important;gap:24px!important}
body.ss27-mockup.ss-route-member .member-avatar-area{height:180px!important}
body.ss27-mockup.ss-route-member :is(.member-avatar-image,.member-avatar-fallback){width:128px!important;height:128px!important}
body.ss27-mockup.ss-route-member .member-orbit{width:174px!important;height:174px!important}
body.ss27-mockup.ss-route-member .member-orbit-2{width:154px!important;height:154px!important}
body.ss27-mockup.ss-route-member .member-body{align-items:start!important}
@media(max-width:650px){body.ss27-mockup.ss-route-member .member-hero-content{grid-template-columns:minmax(0,1fr)!important}}