@import url('/portal/portal.css');
:root{--accent:#e0b679;--accent-bright:#f3d5a7;--ink:#f5f4ef;--muted:#c4c8c4;--line:#ffffff24;--gold:#e0b679;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:96px}body.ss-site{margin:0;background:#161b1b url('/assets/southside-sunset.png') center/cover fixed no-repeat;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}body.ss-site:before{content:'';position:fixed;inset:0;background:#101617a1;pointer-events:none;z-index:-1}.ss-global-backdrop,.hero-scene,.creator-art{display:none!important}a{color:inherit;text-decoration:none}a:hover{color:#f3d5a7}button,a,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(40px,5.4vw,72px)}h2{font-size:clamp(26px,3vw,38px)}h3{font-size:22px}em{font-style:normal!important;background:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--accent);margin-bottom:18px}.site-header.ss-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px max(5vw,calc((100vw - 1300px)/2));background:#11191af2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);flex-wrap:nowrap}.brand{display:flex;gap:12px;align-items:center;font-weight:700}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e0b67977;border-radius:3px;color:var(--accent);background:#e0b67912;font-size:23px}.brand-mark>span{display:none}.brand-word{font-size:17px;line-height:1.15}.brand-word small{display:block;font-size:8px;letter-spacing:.19em;margin-top:5px;font-weight:400;color:var(--muted)}.ss-nav{display:flex;gap:22px;align-items:center;font-size:12px;flex-basis:auto;order:0}.ss-nav a{padding:9px 0;background:none!important;border-radius:0!important;border:0!important}.ss-nav .nav-admin{border-left:1px solid var(--line)!important;padding-left:22px}.ss-header>.button-discord{display:none}.menu-toggle{display:none}.ss-hero{position:relative;min-height:560px;height:auto;display:flex;align-items:center;max-height:none;padding:100px max(6vw,calc((100vw - 1200px)/2));background:#10161745}.ss-hero-content{width:100%;max-width:720px;text-align:left;margin:0}.ss-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.045em;margin-bottom:25px}.ss-hero h1 span:last-child{color:#fff4e1}.hero-lede{max-width:530px;font-size:17px;line-height:1.75;color:#e4e6e3;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button,button.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 21px;background:#152022cc;border:1px solid #ffffff52;border-radius:3px!important;color:var(--ink);font-size:13px;font-weight:700;box-shadow:none;transform:none!important}.button.primary,.button-discord,.button-launcher{color:#201b12!important;background:#e0b679!important;border:1px solid #e0b679!important}.button:hover{background:#243233;color:#fff}.button.primary:hover{background:#f0c98c!important}.hero-caption{position:absolute;bottom:25px;right:5vw;font-size:9px;letter-spacing:.17em;color:#fff9}.live-strip{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr) 190px;background:#172123f2;border:1px solid var(--line);border-radius:3px;position:relative;z-index:1}.live-item{padding:23px 28px;display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--line)}.live-item small{font-size:10px;letter-spacing:.13em;color:var(--accent)}.live-item strong{font-size:22px;font-weight:700}.live-item span{font-size:11px;color:var(--muted)}.live-link{display:flex;justify-content:space-between;align-items:center;padding:28px;font-size:13px}.ss-section{max-width:1200px;margin:0 auto;padding:52px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}.section-heading h2{margin-bottom:0}.section-heading p:not(.eyebrow){max-width:310px;color:var(--muted);font-size:13px;margin:0}.start-grid,.system-grid,.faction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.start-card,.system-card,.faction-card,.partner-tile{background:#172123ed;border:1px solid var(--line);border-radius:3px!important;padding:28px;box-shadow:none!important;transform:none!important}.start-card p,.system-card p,.faction-card p,.partner-tile p{color:var(--muted);font-size:14px;line-height:1.7}.step-label{display:block;color:var(--accent);font:12px monospace;margin-bottom:20px}.text-link{color:#edc68b;font-size:13px;font-weight:700;text-decoration:none;border:0}.system-index{display:none}.system-card h3{margin-top:0}.faction-mark{display:block;color:var(--accent);font-size:15px;letter-spacing:2px;margin-bottom:20px;background:none}.faction-card{display:block}.faction-image{width:100%;height:150px;object-fit:cover;margin-bottom:20px;border-radius:2px}.faction-card-body{padding:0}.faction-card h2{font-size:23px}.partner-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.partner-tile img{width:64px;height:64px;object-fit:cover;border-radius:3px}.partner-tile-mark{color:var(--accent)}.empty-state{grid-column:1/-1;background:#172123ed;border:1px solid var(--line);padding:25px;color:var(--muted);font-size:14px}.support-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#172123ed;border:1px solid var(--line);border-radius:3px;padding:35px;text-align:left}.support-panel>div{max-width:700px}.support-panel p{font-size:14px;color:var(--muted);margin-bottom:0}.support-panel .eyebrow{margin-bottom:15px}.support-panel>.button{flex-shrink:0}.help-detail{background:#172123ed;border:1px solid var(--line);border-radius:3px;padding:20px 25px;margin-top:12px}.help-detail summary{cursor:pointer;font-weight:700;font-size:14px}.help-detail p{color:var(--muted);font-size:14px;margin-top:15px;margin-bottom:0}.ss-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;background:#11191af2;padding:35px 5vw;border-top:1px solid var(--line)}.ss-footer nav{display:flex;gap:20px;font-size:12px}.ss-footer p{width:100%;margin:0;color:#b3beb8;font-size:11px}.ss-footer .footer-bottom{width:100%;font-size:11px}.ss-footer .footer-column h3{font-size:11px}.ss-footer .footer-column a{display:block;font-size:13px}.ss-footer .brand-word{font-size:16px}.ss-footer .footer-brand p{margin-top:12px}.ss-page{max-width:1200px;margin:40px auto 70px;padding:35px;background:#172123ed;border:1px solid var(--line);border-radius:3px}.ss-page h1{font-size:44px}.ss-page-head{padding:15px 0 30px}.subpage-lede{color:var(--muted);max-width:760px;font-size:15px}.ss-legal-content p{white-space:pre-line}.ss-legal-warning{background:#e0b67914;border:1px solid #e0b67966;border-radius:3px;padding:20px}.ss-page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.rule-intro-card,.launcher-card,.rule-content,.rule-categories{background:transparent;border-radius:3px;box-shadow:none}.rule-category,.rule-item,.rule-number{border-radius:3px}.rule-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px}.rule-item{padding:15px 0;border-bottom:1px solid var(--line);background:none}.rule-search input{background:#0f191a;color:#fff;border:1px solid #ffffff40;border-radius:3px;padding:12px}.launcher-mark{display:none}.launcher-card{padding:10px;text-align:left}.launcher-address{background:#0f191a;border:1px solid var(--line);border-radius:3px;padding:20px;overflow-wrap:anywhere}.launcher-status,.launcher-note{color:var(--muted);font-size:13px}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#e0b679;color:#171918;padding:12px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.ss-site [data-reveal]{opacity:1!important;transform:none!important}.ss-site *{animation:none!important}code{overflow-wrap:anywhere}
@media(max-width:1300px){.ss-section{margin:0 5vw}.live-strip{margin:0 5vw}.ss-page{margin:30px 5vw 60px}.ss-nav{gap:14px}}
@media(max-width:850px){.ss-header{flex-wrap:wrap!important;padding:16px 5vw!important}.menu-toggle{display:block;border:1px solid var(--line);background:#172123;color:white;padding:8px 15px;border-radius:3px}.ss-nav{display:none;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0}.ss-nav.is-open{display:flex}.ss-nav a{padding:12px!important;border-bottom:1px solid var(--line)!important}.ss-nav .nav-admin{border-left:0!important}.live-strip{grid-template-columns:repeat(3,1fr)}.live-link{grid-column:1/-1;padding:15px 24px;border-top:1px solid var(--line)}.start-grid,.faction-grid,.system-grid,.partner-list{grid-template-columns:repeat(2,minmax(0,1fr))}.start-card:last-child{grid-column:1/-1}.support-panel{display:block}.support-panel>.button{margin-top:25px}.ss-footer nav{flex-wrap:wrap}.rule-layout{grid-template-columns:1fr}.rule-categories{display:flex;flex-wrap:wrap}}
@media(max-width:560px){.ss-hero{padding:65px 6vw 75px;min-height:490px}.hero-caption{font-size:8px;bottom:16px;left:6vw}.hero-lede{font-size:15px}.live-strip{grid-template-columns:1fr}.live-item{padding:18px 22px;border-right:0;border-bottom:1px solid var(--line)}.live-item strong{font-size:22px}.ss-section{padding:36px 0}.section-heading{display:block}.section-heading>p,.section-heading>.text-link{display:block;margin-top:15px}.start-grid,.system-grid,.faction-grid,.partner-list{grid-template-columns:1fr}.start-card,.system-card,.faction-card{padding:24px}.support-panel{padding:25px}.ss-page{padding:24px}.ss-page h1{font-size:34px}.ss-nav{font-size:14px}.ss-footer{padding:30px 6vw}.hero-actions>.button{width:100%}}

.ss-hero:before,.ss-hero:after{display:none!important}.hero-actions{justify-content:flex-start}.ss-hero{background:transparent!important}.ss-hero h1{text-shadow:none}.ss-hero-content{margin:0}
/* SouthSide identity: sunset photography, lilac details and layered surfaces. */
:root{--accent:#bc9aef;--accent-bright:#dbc6ff;--line:#d0b7ff29;--muted:#d1cdd8;--ink:#faf6ff}
body.ss-site:before{background:#17121c72}.ss-header{background:#17131fe6!important;border-bottom:1px solid #d0b7ff29;backdrop-filter:blur(18px)}
.brand-logo{width:54px;height:54px;object-fit:cover;border-radius:10px;border:1px solid #d5b6ee70;box-shadow:0 5px 18px #0005}.ss-brand{gap:13px}.brand-word small{color:#c4a5ec}.ss-nav a:hover{color:#d7b9ff!important}.ss-nav .nav-admin{color:#d7b9ff!important}
.ss-hero{display:flex!important;align-items:center;justify-content:space-between;gap:48px;min-height:640px;padding:80px max(5vw,calc((100vw - 1200px)/2)) 100px!important}.ss-hero-content{width:min(750px,100%);flex:1;min-width:0}.ss-hero h1{font-size:clamp(42px,4.8vw,70px)!important;letter-spacing:-2.7px!important;line-height:1.08!important;max-width:760px}.ss-hero h1 #site-hero-accent{color:#f4e7ff}.hero-lede{max-width:550px;color:#f0e9f4;text-shadow:0 1px 8px #0008}.eyebrow{color:#c5a3f1!important;letter-spacing:2px}.hero-identity{width:300px;flex:0 0 300px;background:#1b1424c4;border:1px solid #d5b6ee66;border-radius:16px;padding:12px;box-shadow:0 22px 60px #08050e70;backdrop-filter:blur(12px);text-align:center}.hero-identity img{width:100%;height:auto;display:block;border-radius:9px}.hero-identity span{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#d8baf8;margin-top:18px}.hero-identity p{font-size:14px;color:#efe3fa;margin:8px 0 10px}.hero-caption{color:#dcc5ef;letter-spacing:2px}
.button{border-radius:8px!important;background:#231c30c9;border-color:#d0b7ff50;backdrop-filter:blur(10px);padding:14px 22px!important}.button.primary{background:#b798ec!important;border-color:#b798ec!important;color:#21172f!important;box-shadow:0 7px 24px #a27ad631!important}.button.primary:hover{background:#cfb4f6!important}.button:hover{border-color:#d4b4ff;background:#30263e}.text-link,a:hover{color:#d3b6fb}.ss-section{padding:55px 0}.section-heading h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1px}.live-strip{border-radius:12px;background:#1a1623e3;backdrop-filter:blur(16px);border-color:#c3a1ef55;box-shadow:0 14px 40px #0004}.live-item small{color:#c5a3f1}.live-link{color:#d9c0fa}.live-item strong{font-weight:700}
.start-card,.system-card,.faction-card,.partner-tile,.help-detail,.support-panel,.empty-state,.ss-page{background:#201b2ae6;border-color:#b897d63d;border-radius:12px;backdrop-filter:blur(14px);box-shadow:0 12px 32px #06030d30}.start-card,.system-card,.faction-card{border-top:2px solid #b798ec8c}.start-card:hover,.faction-card:hover{border-color:#c8a9f6a0}.step-label{color:#c9a8f6;background:#b798ec16;border:1px solid #b798ec40;border-radius:8px;width:42px;height:42px;display:grid;place-items:center;font-size:15px}.faction-mark{color:#c8a3f4}.support-panel{border-left:3px solid #b798ec}.ss-footer{background:#17121fe8;backdrop-filter:blur(14px);border-color:#c3a1ef45}.ss-page h1{letter-spacing:-1.4px}.launcher-address{background:#18121f;border-color:#bb94eb55;border-radius:10px}.ss-legal-warning{border-radius:10px;background:#b798ec12;border-color:#b798ec55}.menu-toggle{border-radius:7px;background:#241b32;border-color:#c5a3f170}.skip-link{background:#b798ec}
@media(max-width:1000px){.hero-identity{width:240px;flex-basis:240px}.ss-hero{gap:30px}.ss-hero h1{font-size:54px!important}}
@media(max-width:700px){.ss-hero{display:block!important;padding:50px 6vw 70px!important;min-height:0}.ss-hero h1{font-size:clamp(38px,10vw,54px)!important;letter-spacing:-1.5px!important}.hero-identity{width:170px;margin:32px 0 0;display:none}.hero-caption{font-size:8px;left:6vw}.brand-logo{width:46px;height:46px}.ss-section{padding:36px 0}.ss-hero-content{width:100%}.hero-lede{font-size:15px}.live-strip{margin-top:0}.ss-header{gap:12px!important}.ss-page{padding:24px}.ss-footer nav{line-height:1.8}}