/* Shared glass surfaces for every public page. */
:root{--glass-fill:rgba(27,22,40,.48);--glass-border:rgba(239,227,255,.25);--glass-shadow:0 18px 60px #08041038,inset 0 1px 0 #ffffff38;--accent:#ccb4fb;--ink:#fcfaff;--muted:#e0d8e8}
body.ss-site{background-color:#181221;isolation:isolate;min-height:100vh}body.ss-site:before{background:rgba(17,13,27,.43)}
.ss-site .ss-header{position:sticky;top:18px;width:min(1280px,calc(100% - 48px));margin:18px auto 0;padding:13px 22px!important;border:1px solid var(--glass-border);border-radius:26px;background:rgba(28,24,40,.55)!important;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);box-shadow:var(--glass-shadow);z-index:40;gap:22px}.ss-site .brand-logo{width:48px;height:48px;border-radius:14px;border:1px solid #fff5;box-shadow:0 5px 20px #0003}.brand-word{font-size:18px}.brand-word small{font-size:9px;letter-spacing:2px}.ss-site .ss-nav{gap:5px}.ss-site .ss-nav a{border-radius:12px;padding:10px 13px!important;border:1px solid transparent;white-space:nowrap;font-size:12px;font-weight:600}.ss-site .ss-nav a:hover{background:#ffffff10;border-color:#ffffff22;color:#fff!important}.ss-site .ss-nav .nav-admin{border:1px solid #d9baff55!important;background:#c4a0fa16;color:#e8d8ff!important;margin-left:6px}
.ss-site .ss-hero{min-height:680px;display:flex!important;align-items:center;justify-content:flex-start;padding:58px max(5vw,calc((100vw - 1200px)/2)) 68px!important;overflow:visible;isolation:auto}.ss-site .ss-hero-content{flex:0 1 800px;width:min(800px,100%);padding:42px 44px 40px;border:1px solid var(--glass-border);border-radius:32px;background:linear-gradient(135deg,#ffffff0b,#ffffff02),rgba(25,20,37,.38);backdrop-filter:blur(15px) saturate(130%);-webkit-backdrop-filter:blur(15px) saturate(130%);box-shadow:var(--glass-shadow);text-align:left}.hero-kicker{display:inline-block;padding:8px 12px;margin-bottom:25px;border-radius:10px;background:#cba6ff16;border:1px solid #d3b3ff42;color:#eadbff;font-size:9px;letter-spacing:2px;font-weight:700}.ss-site .ss-hero #site-hero-eyebrow{display:inline-block;font-size:9px;letter-spacing:1.5px;max-width:100%;line-height:1.6}.ss-site .ss-hero h1{font-size:clamp(43px,5.1vw,72px)!important;line-height:1.04!important;letter-spacing:-3px!important;color:#fff;margin-bottom:24px}.ss-site .ss-hero #site-hero-accent{color:#dac2ff}.ss-site .hero-lede{max-width:610px;font-size:16px;line-height:1.8;margin:0 0 28px;color:#f0eaf4;text-shadow:none}.ss-site .hero-actions{gap:12px;align-items:center;justify-content:flex-start}.ss-site .button{border-radius:16px!important;border:1px solid #f0e0ff44;background:#ffffff0d!important;color:#fff!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff20!important;padding:14px 20px!important;font-size:13px;line-height:1.4;min-height:48px;text-align:center}.ss-site .button.primary{background:#b799eddd!important;color:#1d142a!important;border-color:#ecdfff70!important;box-shadow:0 8px 26px #9171c53b,inset 0 1px #ffffff60!important;font-weight:700}.ss-site .button:hover{background:#ffffff1a!important;border-color:#f1e1ff88}.ss-site .button.primary:hover{background:#d0b7f8!important}.hero-guide{font-size:12px;color:#e6d8f7;padding:12px 2px;margin-left:3px}.ss-site .hero-caption{right:max(5vw,calc((100vw - 1200px)/2));bottom:24px;font-size:8px;letter-spacing:2.5px}
.ss-site .live-strip{background:rgba(30,24,45,.52);border:1px solid var(--glass-border);border-radius:24px;backdrop-filter:blur(23px) saturate(150%);-webkit-backdrop-filter:blur(23px) saturate(150%);box-shadow:var(--glass-shadow);overflow:hidden}.ss-site .live-item{border-color:#ffffff1f;padding:26px}.ss-site .live-item strong{font-size:28px;margin:7px 0;color:#fff}.ss-site .live-item small{color:#d9c4fa;letter-spacing:1.6px}.ss-site .live-link{font-size:13px;background:#ffffff05}.ss-site .live-link:hover{background:#ffffff10;color:#fff}.ss-site .ss-section{padding:64px 0}.ss-site .section-heading{margin-bottom:26px;gap:30px}.ss-site .section-heading h2{font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-1.2px}.ss-site .section-heading>p{color:#e8deef}.ss-site .eyebrow{color:#d0b2f8!important;letter-spacing:2px;font-size:10px}
.ss-site :is(.start-card,.system-card,.faction-card,.partner-tile,.help-detail,.support-panel,.empty-state,.ss-page,.rule-category,.rule-intro-card,.launcher-card){border:1px solid var(--glass-border);border-radius:24px!important;background:linear-gradient(130deg,#ffffff0b,#ffffff02),var(--glass-fill)!important;box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.ss-site :is(.start-card,.system-card,.faction-card){padding:30px;border-top:1px solid #f2e4ff55}.ss-site :is(.start-card,.faction-card,.system-card):hover{border-color:#e3c7ff85;background-color:rgba(48,35,66,.55)!important}.ss-site .step-label{width:44px;height:44px;border-radius:14px;background:#cfb0ff18;border-color:#fff3;box-shadow:inset 0 1px #fff3;color:#e1cbff}.ss-site :is(.start-card,.system-card,.faction-card) p{color:#e0d9e8;line-height:1.8}.ss-site .text-link{color:#e2c9ff}.ss-site .text-link:hover{color:#fff}.ss-site .faction-image{border-radius:16px}.ss-site .partner-tile img{border-radius:16px}.ss-site .support-panel{padding:38px;border-left:1px solid var(--glass-border)}.ss-site .help-detail{margin-top:16px;padding:23px 28px}.ss-site .help-detail summary{font-size:15px}.ss-site .empty-state{padding:26px 30px;color:#e1d8e9}.ss-site .ss-page{padding:42px;border-radius:28px!important}.ss-site .ss-legal-warning{border-radius:18px}.ss-site .launcher-address,.ss-site .rule-search input{border-radius:16px;background:#17102066;border:1px solid #ffffff32;backdrop-filter:blur(12px)}.ss-site .rule-number{border-radius:10px}.ss-site .rule-item{border-radius:16px}.ss-site .rule-category{padding:16px}.ss-site .ss-footer{width:min(1280px,calc(100% - 48px));margin:10px auto 24px;padding:30px 34px;background:rgba(23,18,34,.58);border:1px solid var(--glass-border);border-radius:24px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--glass-shadow)}.ss-site .ss-footer .brand{font-weight:700;font-size:16px}.ss-site .ss-footer nav{gap:18px}.ss-site .menu-toggle{border-radius:12px;background:#ffffff12;border:1px solid #ffffff35;padding:10px 15px}.ss-site .skip-link{border-radius:12px}
@supports not (backdrop-filter:blur(1px)){.ss-site .ss-hero-content,.ss-site .ss-header,.ss-site .live-strip,.ss-site .ss-page,.ss-site .start-card,.ss-site .system-card{background:#252031!important}}
@media(max-width:1100px){.ss-site .ss-header{gap:15px;padding:12px 16px!important}.ss-site .ss-nav a{padding:9px 8px!important}.ss-site .ss-hero-content{flex-basis:760px}.ss-site .ss-hero{min-height:620px}.ss-site .ss-hero h1{font-size:64px!important}}
@media(max-width:850px){.ss-site .ss-header{width:calc(100% - 32px);top:12px;margin-top:12px;flex-wrap:wrap!important;border-radius:22px}.ss-site .ss-nav a{padding:12px 15px!important}.ss-site .ss-nav .nav-admin{margin:8px 0 0!important}.ss-site .ss-hero{padding:38px 5vw 48px!important;min-height:0}.ss-site .ss-hero-content{padding:32px;border-radius:26px}.ss-site .ss-hero h1{font-size:54px!important}.ss-site .hero-caption{display:none}.ss-site .ss-footer{width:calc(100% - 32px);padding:28px}.ss-site .live-item{padding:22px}.ss-site .live-link{border-color:#ffffff22}}
@media(max-width:560px){.ss-site .ss-hero{padding:28px 16px 28px!important}.ss-site .ss-hero-content{padding:26px 22px;border-radius:24px}.ss-site .ss-hero h1{font-size:clamp(35px,9vw,48px)!important;letter-spacing:-1.6px!important}.ss-site .hero-lede{font-size:14px;line-height:1.75}.hero-kicker{letter-spacing:1.5px;font-size:8px;margin-bottom:23px}.ss-site .hero-actions{display:grid;grid-template-columns:1fr;width:100%}.ss-site .hero-actions>.button{width:100%;min-height:48px}.hero-guide{margin:0;text-align:center}.ss-site .live-strip{margin:0 16px;border-radius:22px}.ss-site .live-item{padding:20px 24px}.ss-site .live-item strong{font-size:26px}.ss-site .ss-section{margin:0 16px;padding:36px 0}.ss-site :is(.start-card,.system-card,.faction-card){padding:26px}.ss-site .section-heading h2{font-size:30px}.ss-site .ss-page{padding:26px 22px;margin:28px 16px 40px}.ss-site .support-panel{padding:28px 24px}.ss-site .ss-footer{padding:26px 22px}.ss-site .brand-word{font-size:16px}.ss-site .brand-logo{width:43px;height:43px;border-radius:13px}.ss-site .ss-header{gap:10px}}
@media(prefers-reduced-motion:no-preference){.ss-site a,.ss-site .start-card,.ss-site .faction-card{transition:background-color .16s ease,border-color .16s ease,color .16s ease}}
.ss-site .ss-nav a{border-radius:14px!important}.ss-site .ss-nav .nav-admin{border-radius:14px!important}