/* Central South Side: editorial layout and restrained motion. */
:root{--css-violet:#aa88d4;--css-gold:#d9b980;--css-ink:#110e15;--css-panel:#1b1721;--css-border:#665575}
body.ss-site{background:#110e15!important;background-image:none!important;color:#f2edf4!important}
.ss-site .ss-header{background:#110e15ed!important;border-bottom:1px solid #8b779554!important;box-shadow:none!important;backdrop-filter:blur(14px)!important}
.ss-site .brand-logo{border:0!important;border-radius:3px!important;box-shadow:none!important;object-fit:contain!important}
.ss-site .brand-word{font-size:16px!important;letter-spacing:.01em!important}.ss-site .brand-word small{color:#c5a9d8!important;letter-spacing:.2em!important}
.ss-site .ss-nav a{border-radius:3px!important;font-weight:650!important}.ss-site .ss-nav .nav-admin{border-radius:3px!important;background:transparent!important;border-color:#9278a863!important}
.ss-site .ss-nav a:hover,.ss-site .ss-nav a:focus-visible{background:#a989ce16!important;transform:none!important;color:#fff!important}
.ss-site .ss-hero{align-items:flex-end!important;justify-content:flex-start!important;min-height:650px!important;height:min(820px,91svh)!important;padding:100px max(6vw,calc((100vw - 1360px)/2)) 115px!important;background-position:center 49%!important}
.ss-site .ss-hero:before{display:block!important;background:linear-gradient(90deg,#100d15ee 0%,#120e1acf 36%,#140d2061 74%,#120e1a32 100%),linear-gradient(0deg,#110e15dd,transparent 52%)!important}
.ss-site .ss-hero:after{display:block!important;height:130px!important;background:linear-gradient(0deg,#110e15,transparent)!important}
.ss-site .ss-hero-content{width:min(780px,100%)!important;margin:0!important;text-align:left!important;animation:css-enter .7s cubic-bezier(.2,.7,.2,1) both!important}
.ss-site .hero-kicker{display:inline-block!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;color:#d6bcf0!important;letter-spacing:.21em!important;font-size:11px!important}
.ss-site .ss-hero h1{max-width:820px!important;font-size:clamp(45px,6vw,84px)!important;line-height:1.02!important;letter-spacing:-.052em!important;text-shadow:0 5px 26px #0009!important}
.ss-site .ss-hero #site-hero-accent{color:#d6b7f2!important;-webkit-text-fill-color:#d6b7f2!important}
.ss-site .hero-lede{max-width:530px!important;margin:26px 0 30px!important;color:#e4dce9!important;text-align:left!important;font-size:17px!important;line-height:1.65!important}
.ss-site .hero-actions{justify-content:flex-start!important}.ss-site .hero-guide{color:#f2e8f5!important}
.ss-site .button{border-radius:4px!important;box-shadow:none!important;font-weight:700!important}.ss-site .button.primary{background:#c5a0ed!important;color:#180f1e!important;border:1px solid #c5a0ed!important}.ss-site .button:not(.primary){background:#1a1420db!important;border:1px solid #b294c885!important}
.ss-site .button:hover,.ss-site .button:focus-visible{transform:translateY(-2px)!important;box-shadow:0 8px 24px #0006!important}
.ss-site .live-strip{max-width:1360px!important;background:#1a1520!important;border:1px solid #705b7e!important;border-radius:4px!important;box-shadow:none!important}
.ss-site .live-item{border-color:#6a566f8c!important}.ss-site .live-item small,.ss-site .eyebrow{color:#caaae9!important}.ss-site .live-link{border-radius:3px!important;background:#bd9cda1d!important}
.ss-site .ss-section{max-width:1360px!important;padding:88px 28px!important;border-bottom:1px solid #7f6a8a4d!important}
.ss-site .section-heading h2{font-size:clamp(34px,4.5vw,62px)!important;line-height:1.02!important;letter-spacing:-.048em!important}
.ss-site :is(.start-card,.system-card,.faction-card,.partner-tile,.help-detail,.support-panel,.empty-state,.rule-category,.rule-intro-card,.launcher-card,.ss-page){background:#1b1721!important;border:1px solid #695874!important;border-radius:5px!important;box-shadow:none!important;backdrop-filter:none!important}
.ss-site :is(.start-card,.system-card,.faction-card,.partner-tile):before{height:1px!important;background:#b18ad1!important;opacity:.5!important}
.ss-site :is(.start-card,.system-card,.faction-card,.partner-tile):hover{transform:translateY(-3px)!important;border-color:#bb9bd6!important;box-shadow:0 13px 30px #0005!important}
.ss-site .faction-image{border-radius:3px!important;background:#110d16!important}.ss-site .faction-leadership{border-color:#8b749963!important}
.ss-site .support-panel{background:#221a2a!important;border-left:2px solid #c3a0de!important}
.ss-site .ss-footer{background:#0e0b11!important;border-top:1px solid #6b5a76!important}
.ss-site .ss-page{padding:42px!important}
.ss-site .ss-section.is-revealing{animation:css-reveal .6s cubic-bezier(.2,.7,.2,1) both!important}
@keyframes css-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes css-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.ss-site .ss-hero{min-height:610px!important;height:auto!important;padding:100px 7vw 90px!important;align-items:center!important}.ss-site .ss-hero h1{font-size:clamp(42px,10vw,62px)!important}.ss-site .ss-section{padding:58px 18px!important}.ss-site .ss-page{padding:24px!important}.ss-site .live-strip{border-radius:0!important}}
@media(prefers-reduced-motion:reduce){.ss-site .ss-hero-content,.ss-site .ss-section.is-revealing{animation:none!important}.ss-site :is(.button,.start-card,.system-card,.faction-card,.partner-tile){transition:none!important}}