:root{color-scheme:dark;--bg:#0c0a10;--surface:#15121c;--raised:#1d1827;--accent:#a855f7;--text:#f5f3f7;--muted:#a5a1ac;--border:#ffffff12}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h2{font-size:clamp(26px,3vw,42px)}p{color:var(--muted)}.ss-header{height:96px;position:sticky;top:0;z-index:20;background:#0c0a10f5;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:25px}.ss-brand{display:flex;align-items:center;gap:14px;line-height:1.1;flex-shrink:0}.ss-brand img{width:54px;height:54px;object-fit:cover;border-radius:8px}.ss-brand strong{font-size:18px;display:block}.ss-brand small{display:block;color:var(--accent);font-size:11px;letter-spacing:3px;margin-top:7px}.ss-nav{display:flex;align-items:center;gap:26px}.ss-nav>a{font-size:12px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase;color:var(--muted);padding:12px 0}.ss-nav>a:hover,.ss-nav>a.is-active{color:var(--accent)}.ss-nav>a.is-active{border-bottom:2px solid var(--accent)}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--accent);border-radius:999px;padding:13px 25px;color:var(--text);font-weight:700;background:transparent;line-height:1.5}.button.primary,button.primary{background:var(--accent);color:white}.button:hover,button.primary:hover{filter:brightness(1.15)}.nav-admin{font-size:12px}.ss-menu-button{display:none}.ss-hero{min-height:calc(100svh - 96px);position:relative;display:flex;align-items:center;padding:70px 8vw;background-image:linear-gradient(90deg,#0c0a10ef 5%,#0c0a1090 70%),linear-gradient(0deg,#0c0a10,transparent 65%),var(--css-hero-image,url('/assets/southside-sunset.png'));background-size:cover;background-position:center}.ss-hero-content{max-width:680px;text-align:center}.hero-mark{width:170px;height:170px;object-fit:cover;border-radius:18px;box-shadow:0 20px 80px #0007;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:var(--accent);text-transform:uppercase}.ss-hero h1{font-size:clamp(36px,4.4vw,68px);letter-spacing:-2px;margin-bottom:24px}.ss-hero h1 span:last-child{color:var(--accent)}.ss-hero-content>p:not(.eyebrow){font-size:18px;line-height:1.9}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px}.live-strip{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:var(--surface)}.live-cell{padding:25px;border-right:1px solid var(--border);line-height:1.3}.live-cell:last-child{border:0}.live-cell strong{font-size:23px;display:block}.live-cell span,.live-cell small{font-size:12px;color:var(--muted);display:block;margin-top:8px}.live-cell>a{color:var(--accent)}.ss-section{max-width:1280px;margin:auto;padding:100px 40px}.section-heading{text-align:center;max-width:790px;margin:0 auto 50px}.section-heading:after{content:'';display:block;width:48px;height:3px;background:var(--accent);margin:25px auto}.feature-grid,.system-grid,.faction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-card,.system-card,.start-card,.faction-card,.partner-tile{padding:35px;background:var(--surface);border:1px solid var(--border)}.feature-card,.system-card,.start-card{text-align:center}.feature-icon,.system-index{display:block;color:var(--accent);font-size:30px;margin:0 0 25px}.feature-card h3,.start-card h3,.system-card h3{font-size:23px}.feature-card:hover,.start-card:hover{border-color:#a855f755}.start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.step-label{display:inline-block;font-size:11px;letter-spacing:2px;color:var(--accent);border:1px solid var(--border);padding:4px 12px;margin-bottom:25px}.text-link,.system-card a,.partner-tile a{color:var(--accent);font-weight:700}.faction-image{width:100%;height:150px;object-fit:contain;margin-bottom:20px}.faction-card h2{font-size:23px}.faction-mark{font-size:36px;color:var(--accent)}.faction-card .eyebrow{font-size:9px}.story-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.story-section img{width:100%;border-radius:8px}.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.partner-tile{text-align:center;border-radius:20px}.partner-tile img{width:110px;height:110px;object-fit:contain}.partner-tile-mark{font-size:40px;color:var(--accent)}.support-panel{padding:45px;background:var(--surface);border:1px solid var(--border);text-align:center}.help-detail{padding:22px;background:var(--surface);margin:12px 0}.help-detail summary{cursor:pointer;font-weight:700}.help-detail p{margin:15px 0 0}.ss-footer{padding:32px 5vw;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:13px}.ss-footer nav{display:flex;gap:20px}.empty-state{padding:25px;background:var(--surface);grid-column:1/-1}.account-menu-content{position:absolute;padding:15px;background:var(--raised);display:grid;gap:10px}.account-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer}.account-menu img{border-radius:50%}button:not(.primary){background:var(--raised);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:6px}.forum-banner{padding:55px max(5vw,calc((100vw - 1200px)/2));background:linear-gradient(90deg,#0c0a10d0,#0c0a1060),url('/assets/central-south-side-community-banner.png') center/cover;border-bottom:1px solid var(--border)}.forum-banner h1{font-size:42px;margin-bottom:8px}.forum-wrap{max-width:1280px;margin:auto;padding:42px 40px 90px}.forum-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;flex-wrap:wrap}.forum-toolbar h2{margin:0}.forum-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px}.forum-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:22px}.forum-panel>h3{background:var(--raised);padding:16px 22px;margin:0;font-size:18px}.board-row,.topic-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border-bottom:1px solid var(--border)}.board-row:last-child,.topic-row:last-child{border:0}.board-row:hover,.topic-row:hover{background:var(--raised)}.board-row h3,.topic-row h3{font-size:19px;margin:0 0 6px}.board-row p,.topic-row p{margin:0;font-size:13px}.row-count{font-size:12px;color:var(--muted);white-space:nowrap}.sidebar-body{padding:20px}.sidebar-body a{display:block;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.badge{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:1px}.forum-crumb{color:var(--accent);font-size:13px;margin-bottom:22px}.post{display:grid;grid-template-columns:150px minmax(0,1fr);border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:18px;overflow:hidden}.post-author{padding:24px;text-align:center;border-right:1px solid var(--border);background:var(--raised);overflow-wrap:anywhere}.post-author img{width:64px;height:64px;border-radius:50%;display:block;margin:0 auto 12px}.post-body{padding:24px;min-width:0}.post-body .content{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.post-meta{font-size:12px;color:var(--muted);margin-bottom:16px}.forum-form{background:var(--surface);padding:25px;border:1px solid var(--border);border-radius:8px}.forum-form label{display:block;margin-bottom:18px}.forum-form input,.forum-form textarea,.forum-form select,.forum-search{display:block;width:100%;margin-top:7px;padding:12px;background:var(--bg);color:var(--text);border:1px solid #ffffff26;border-radius:5px}.forum-form textarea{min-height:160px;resize:vertical}.forum-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.forum-notice{padding:16px;background:var(--raised);border-left:3px solid var(--accent);margin:16px 0;color:var(--text)}.pagination{display:flex;justify-content:space-between;margin:20px 0}.store-card{max-width:760px;margin:80px auto;padding:50px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.hidden,[hidden]{display:none!important}@media(min-width:1500px){.ss-hero-content{margin-left:5vw}}@media(max-width:1080px){.ss-nav{gap:15px}.ss-nav>a{letter-spacing:.5px}.start-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.system-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.ss-header{height:78px}.ss-menu-button{display:block}.ss-nav{display:none;position:absolute;top:78px;left:0;right:0;padding:25px;background:var(--bg);flex-direction:column;align-items:stretch}.ss-nav.is-open{display:flex}.ss-hero{min-height:700px;padding:65px 25px;background-position:65%}.ss-hero-content{max-width:100%}.hero-mark{width:130px;height:130px}.live-strip{grid-template-columns:repeat(2,1fr);margin:0 20px}.ss-section{padding:65px 22px}.story-section{grid-template-columns:1fr;gap:25px}.faction-grid,.partner-grid{grid-template-columns:repeat(2,1fr)}.ss-footer{flex-direction:column}.forum-layout{grid-template-columns:1fr}.forum-wrap{padding:30px 18px 60px}.post{grid-template-columns:1fr}.post-author{display:flex;gap:12px;align-items:center;padding:14px;text-align:left;border-right:0;border-bottom:1px solid var(--border)}.post-author img{width:38px;height:38px;margin:0}.post-body{padding:18px}.store-card{margin:40px 20px;padding:30px}.forum-banner h1{font-size:32px}}@media(max-width:500px){.start-grid,.feature-grid,.system-grid,.faction-grid{grid-template-columns:1fr}.ss-brand strong{font-size:15px}.ss-brand small{letter-spacing:2px}.ss-brand img{width:44px;height:44px}.board-row,.topic-row{padding:18px;gap:12px}.row-count{white-space:normal;text-align:right}.ss-footer nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.ss-site .ss-header{background:#0c0a10f5!important}.ss-site .ss-brand{color:var(--text)}.ss-site .ss-brand img{width:54px;height:54px}.ss-site .button.primary{color:white!important}.ss-site .ss-menu-button{padding:8px 14px}.ss-site .ss-nav>a{border-radius:0;background:transparent}.ss-site .ss-nav.is-open{background:var(--bg)!important}.ss-site .ss-header .nav-admin{background:transparent!important;color:var(--text)!important}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:var(--accent);padding:10px 20px;color:white}.skip-link:focus{top:10px}.ss-site .ss-page{margin:0 auto;padding:60px 5vw;max-width:1280px;background:var(--bg)!important}

.ss-site .ss-header{position:sticky!important;top:0!important;margin:0!important;width:100%!important;max-width:none!important;border-radius:0!important;box-shadow:none!important;padding:0 4vw!important}.ss-site .ss-header .button.nav-admin{background:transparent!important;color:var(--text)!important;border-color:var(--accent)!important;border-radius:999px!important}.ss-site .ss-page h1 em{font-family:inherit!important;font-style:normal!important}.ss-site .ss-footer{max-width:none!important;margin:0!important;padding:32px 5vw!important;background:var(--bg)!important}.ss-site .ss-footer nav{display:flex!important;flex-wrap:wrap!important;gap:20px!important}

/* Quiet administration entry beside the public legal links. */
.ss-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.footer-account,.footer-admin{font-size:12px;color:var(--muted)}
.footer-account{position:relative}.footer-account summary{cursor:pointer;list-style:none;font-weight:400}
.footer-account summary::-webkit-details-marker{display:none}
.footer-account .account-menu-content{bottom:calc(100% + 14px);right:0;top:auto;min-width:200px;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 35px #0005;z-index:20;text-align:left}
.footer-account a:hover,.footer-account summary:hover,.footer-admin:hover{color:var(--text)}
.header-discord{flex-shrink:0;border:2px solid var(--accent);border-radius:40px;padding:13px 24px;font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--text);white-space:nowrap}
.header-discord:hover{background:var(--accent)}
.ss-header .ss-nav{margin-left:auto;margin-right:auto}
@media(max-width:1100px){.header-discord{padding:10px 15px;font-size:10px;letter-spacing:1px}}
@media(max-width:800px){.header-discord{display:none}.ss-header .ss-nav{margin:0}.ss-footer nav{gap:14px 20px}.footer-account .account-menu-content{left:0;right:auto}}