/* Modern community theme. Original design is preserved in the dated backup. */
:root{--page:#0b1020;--page-deep:#080d19;--surface:#121b2d;--surface-raised:#18243a;--line:#293750;--text:#f1f5fd;--muted:#a4b3ca;--cyan:#8aabff;--orange:#f5c37c;color-scheme:dark}
html{scroll-padding-top:130px}body{font-family:Inter,'Segoe UI',Arial,sans-serif!important;background:#0b1020!important;background-image:radial-gradient(ellipse at 85% 0%,#26396360,transparent 40%)!important;color:#f1f5fd;font-size:16px;line-height:1.65}
body::before,body::after{display:none!important}button,input,select,textarea{font-family:inherit}a,button,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a4baff!important;outline-offset:4px}
.site-nav{position:sticky!important;top:0;z-index:100;background:#0c1426ef!important;backdrop-filter:blur(18px);border-bottom:1px solid #293750!important;box-shadow:0 8px 30px #00000018}
.site-nav-inner{max-width:1400px!important;min-height:84px!important;padding:16px 32px!important;display:grid!important;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;margin:0 auto!important}
.site-brand{gap:12px!important}.site-brand-mark{width:42px!important;height:42px!important;border:1px solid #7899ef!important;background:#233964!important;color:#c7d5ff!important;border-radius:13px!important;box-shadow:none!important;font:800 18px/1 'Segoe UI',Arial,sans-serif!important;display:grid!important;place-items:center}
.site-brand strong{font-size:16px!important;letter-spacing:-.2px!important;color:#fff}.site-brand small{font-size:13px!important;color:#9cacc5!important;letter-spacing:.15px!important;display:block}
.site-nav-links{display:flex!important;justify-content:center;gap:5px!important;overflow-x:auto;min-width:0;scrollbar-width:none}.site-nav-links::-webkit-scrollbar{display:none}.site-nav-links a{font-size:15px!important;letter-spacing:0!important;font-weight:600!important;min-height:44px;padding:11px 14px!important;border:1px solid transparent!important;border-radius:10px!important;white-space:nowrap;color:#abbad1!important}
.site-nav-links a:hover{background:#1c2b45!important;color:#fff!important}.site-nav-links a.active{background:#24395d!important;color:#d9e5ff!important;border-color:#3a527f!important;box-shadow:none!important}
.language-switcher{position:relative;justify-self:end}.language-current{min-height:44px;padding:9px 13px!important;background:#18253c!important;border:1px solid #3a4b69!important;border-radius:11px!important;color:#e5edfc!important;font-size:15px!important;gap:8px!important}.language-flag{display:none!important}.language-code{letter-spacing:1px;font-weight:700}.language-menu{position:absolute!important;right:0;top:calc(100% + 8px);min-width:168px;background:#18243b!important;border:1px solid #3a4c6c!important;border-radius:14px!important;padding:6px!important;box-shadow:0 14px 40px #0006;z-index:110}.language-menu[hidden]{display:none!important}.language-menu button{width:100%;text-align:left;justify-content:flex-start;display:block;min-height:44px;padding:10px 13px!important;background:transparent;border:0;border-radius:8px;font-size:16px;color:#d5e0f3}.language-menu button[aria-selected=true]{background:#2c426c;color:#fff}.language-menu button:hover{background:#263a5c}
.topbar,.guide-page-header{background:transparent!important;border-bottom:1px solid #27354b!important;backdrop-filter:none!important;padding:40px max(24px,calc((100vw - 1280px)/2)) 34px!important;height:auto!important}
.topbar h1,.guide-page-header h1{font-size:clamp(32px,4vw,48px)!important;line-height:1.2!important;letter-spacing:-1.2px!important;color:#f5f8ff!important;margin:10px 0 12px!important;font-weight:750!important}
.eyebrow{font-size:13px!important;letter-spacing:1.5px!important;color:#9db9fb!important;line-height:1.6;font-weight:700!important}.subtitle{font-size:18px!important;line-height:1.7!important;color:#adbed5!important;max-width:850px}
.container{max-width:1280px!important;width:calc(100% - 48px)!important;margin-left:auto!important;margin-right:auto!important}.home-hero{max-width:1344px!important;margin:0 auto!important;padding:66px 32px 54px!important;gap:48px!important;background:none!important;border:0!important;align-items:center!important}.home-hero::before,.home-hero::after{display:none!important}.home-hero h1{font-family:inherit!important;font-size:clamp(40px,5.5vw,72px)!important;line-height:1.09!important;letter-spacing:-2.3px!important;font-weight:750!important;max-width:850px}.home-hero h1 span{color:#a3bdfd!important}.home-intro{font-size:18px!important;color:#acbdd4!important;line-height:1.8!important;max-width:700px!important;margin:24px 0!important}
.server-364-notice{border:0!important;border-left:3px solid #7199f8!important;background:#17243a!important;border-radius:0 12px 12px 0!important;padding:18px!important;gap:15px!important}.server-364-badge{border:0!important;background:#304c7b!important;color:#e2ecff!important;border-radius:9px!important;font-size:17px!important}.server-364-notice p{font-size:15px!important;color:#a9bbd4!important}.server-364-notice strong{color:#e0e9f7!important;font-size:16px!important;display:block;margin-bottom:5px}
.home-status-card{background:#15223a!important;border:1px solid #344b71!important;border-radius:22px!important;box-shadow:0 20px 50px #0002!important;transform:none!important;padding:30px!important;max-width:350px!important}.home-status-card::before,.home-status-card::after{display:none!important}.home-status-card strong{font:650 26px/1.5 'Segoe UI',Arial,sans-serif!important;color:#edf3ff!important;letter-spacing:-.4px}.status-kicker{color:#9db9fb!important;font-size:13px!important}.status-line{color:#becce0!important;font-size:15px!important;border-color:#344763!important}.status-line span{background:#88d6bd!important;box-shadow:none!important}
.home-actions{gap:12px!important;flex-wrap:wrap}.primary-action,.secondary-action{min-height:48px;padding:12px 20px!important;border-radius:11px!important;font-size:16px!important;letter-spacing:0!important}.primary-action{background:#8baaff!important;color:#0a1633!important;border:1px solid #8baaff!important;box-shadow:none!important}.secondary-action{background:#1a2942!important;color:#d9e5fb!important;border:1px solid #3c5171!important}
.portal-grid,.event-grid{gap:20px!important}.portal-card,.event-card{border:1px solid #2d3e5a!important;background:#131e33!important;border-radius:18px!important;padding:26px!important;box-shadow:none!important;transition:background .18s,border-color .18s,transform .18s!important;min-width:0}.portal-card::before,.event-card::before{display:none!important}.portal-card:hover,.event-card:hover{border-color:#6685bb!important;background:#192941!important;transform:translateY(-3px)!important}.portal-card h2,.event-card h2{font-size:26px!important;color:#f1f5ff!important;letter-spacing:-.6px!important;line-height:1.3!important}.portal-card p,.event-card p{font-size:16px!important;color:#a9bad2!important;line-height:1.7!important}.portal-label{color:#a7c0ff!important;font-size:13px!important;letter-spacing:1.3px!important}.portal-number,.event-index{font-size:14px!important;color:#a3bbeb!important;border-color:#3c5379!important;background:#1e3150!important;box-shadow:none!important;border-radius:8px!important}.portal-arrow{color:#98b6fa!important;background:#223653!important;border-radius:9px!important}.event-status{font-size:13px!important;letter-spacing:0!important;border-radius:20px!important}.event-status-ready{background:#173c3a!important;color:#a5e4ce!important;border-color:#285b51!important}.event-card-media{border-radius:12px!important;overflow:hidden}.event-card-media img{filter:none!important}.tutorial-intro{margin-top:30px!important;margin-bottom:28px!important}.tutorial-intro h2{font-size:28px!important}.tutorial-intro p{font-size:17px!important;color:#adbed4!important}
.sg-main{max-width:1180px!important}.sg-main p{font-size:17px;color:#b2c1d6!important;line-height:1.75!important}.sg-intro,.sg-check,.sg-sources{background:#131e32!important;border:1px solid #2e405c!important;border-radius:18px!important;box-shadow:none!important}.sg-required{background:#2b261e!important;border:1px solid #b18b51!important;border-left:5px solid #efc681!important;border-radius:14px!important;padding:24px 28px!important}.sg-required h2{color:#f2d4a0!important;font-size:clamp(26px,3vw,36px)!important}.sg-required p{color:#dfd1b9!important}.sg-required .eyebrow{color:#ebc68c!important}.sg-required p:last-child{font-size:15px!important}.sg-tabs{padding:6px;background:#101a2c;border:1px solid #293b58;border-radius:15px;gap:6px!important}.sg-tabs button{background:transparent!important;border:0!important;color:#b9c8e0!important;border-radius:10px!important;box-shadow:none!important;font-size:17px!important;min-height:50px!important}.sg-tabs button[aria-pressed=true]{background:#8dafff!important;color:#101d38!important}.sg-priority-note{padding:20px 24px;border:1px solid #465f91;background:#1b2d4e;border-radius:14px;margin:24px 0}.sg-priority-note strong{font-size:20px;color:#dce7ff;line-height:1.5;display:block}.sg-priority-note p{font-size:16px;margin:6px 0 0}.sg-priority{display:inline-flex;background:#294c7b;color:#e5efff;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:800;letter-spacing:.2px;margin-bottom:12px}.sg-group-title{color:#e0eaff!important;border-top:0!important;padding-top:0!important;font-size:26px!important;margin:0 0 8px!important}.sg-group{border-top:1px solid #30435f;padding-top:28px;margin-top:32px}.sg-card{background:#141f34!important;border:1px solid #30435e!important;border-radius:16px!important;align-items:flex-start!important;gap:18px!important;padding:20px!important;box-shadow:none!important}.sg-card img{border-radius:12px!important;border:1px solid #51617d!important;background:#213552!important}.sg-card h3{font-size:23px!important;font-weight:700!important;color:#f2f6ff!important;letter-spacing:-.3px!important}.sg-card .sg-skill{font-size:14px!important;color:#9fb3d1!important}.sg-card .sg-effect{font-size:18px!important;line-height:1.5!important;color:#aac8ff!important;font-weight:700!important}.sg-card p{font-size:16px!important;line-height:1.65!important}.sg-note{background:#17253a!important;border-left-color:#89aafb!important}.sg-options{background:#101a2c!important;border-color:#344a69!important;border-radius:14px!important}.sg-options summary,.sg-sources summary{color:#b5ceff!important;font-size:18px!important;line-height:1.6}.sg-grid{gap:18px!important}.sg-back{color:#b1c9ff!important;min-height:48px}.sg-steps li{color:#a8c0ff!important}.sg-steps strong{font-size:18px!important;color:#e8f0ff!important}.sg-steps span{font-size:16px!important;color:#b1c1d8!important}
/* Calculators retain their layout and controls; update the shared surfaces only. */
.guide-shell,.guide-content,.guide-card,.calculator-card,.upgrade-card,.alliance-card{border-color:#30435e!important;border-radius:16px!important}.guide-card,.calculator-card,.upgrade-card,.alliance-card{background:#131f34!important}body:not(.home-page) input,body:not(.home-page) select,body:not(.home-page) textarea{font-size:16px;min-height:42px;border-radius:9px;color:#e1eafb;background-color:#101c31;border-color:#3b4e6d}table{font-size:15px}th{color:#c4d5f0!important}footer{max-width:1280px;margin:56px auto 0!important;padding:28px 24px!important;border-top:1px solid #2b3c57!important;background:transparent!important;color:#9cafcc!important;font-size:15px!important}.footer-credit{font-size:14px!important;color:#899dbb!important;margin-top:5px}
@media(max-width:1100px){.site-nav-inner{gap:14px!important;padding:14px 22px!important}.site-nav-links a{font-size:14px!important;padding:10px!important}.site-brand small{display:none}.home-status-card{max-width:300px!important}.home-hero{gap:26px!important}}
@media(max-width:760px){.site-nav-inner{grid-template-columns:1fr auto;gap:10px!important;padding:12px 18px 10px!important;min-height:0!important}.site-brand{grid-column:1;grid-row:1}.site-brand strong{font-size:15px!important}.site-brand-mark{width:38px!important;height:38px!important}.site-nav-links{grid-column:1/-1;grid-row:2;justify-content:flex-start!important;max-width:100%;gap:3px!important}.site-nav-links a{padding:10px 12px!important;font-size:14px!important}.language-switcher,.site-language{grid-column:2;grid-row:1}.site-brand small{display:none!important}.topbar,.guide-page-header{padding:30px 20px!important}.topbar h1,.guide-page-header h1{font-size:34px!important;letter-spacing:-.8px!important}.subtitle{font-size:17px!important}.container{width:calc(100% - 32px)!important}.home-hero{display:block!important;padding:38px 20px!important}.home-hero h1{font-size:44px!important;letter-spacing:-1.5px!important}.home-status-card{display:none!important}.home-intro{font-size:17px!important}.home-actions{display:flex!important}.primary-action,.secondary-action{width:100%;justify-content:center}.portal-grid{grid-template-columns:1fr!important}.portal-card,.event-card{padding:22px!important}.portal-card h2,.event-card h2{font-size:24px!important}.sg-main{width:100%!important;padding:0 16px 32px!important}.sg-tabs button{flex-basis:100%!important;font-size:17px!important}.sg-required{padding:20px!important}.sg-required h2{font-size:28px!important}.sg-card{gap:15px!important;padding:16px!important}.sg-card img{width:88px!important;height:116px!important}.sg-card h3{font-size:22px!important}.sg-card .sg-effect{font-size:17px!important}.sg-card p{font-size:16px!important}.sg-group-title{font-size:23px!important}.sg-priority-note{padding:18px}.sg-priority-note strong{font-size:18px}.sg-sources{padding:20px!important}.sg-options{padding:16px!important}.event-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{transition:none!important;animation:none!important}}
.site-language{border:0!important;margin:0!important;padding:0!important;justify-self:end;display:flex;align-items:center;gap:8px;color:#a9c0ea!important}.site-language select{width:112px!important;min-height:44px!important;border:1px solid #3b5178!important;background:#1b2b46!important;color:#e0eaff!important;font-size:15px!important;border-radius:10px!important;padding:7px 9px!important}
/* Keep the language code visible on small screens and avoid condensed legacy text. */
body{font-family:Arial,'Segoe UI',sans-serif!important}body :where(h1,h2,h3,h4,p,a,span,strong,small,label,li,summary,button,input,select,textarea,th,td){font-family:inherit!important}.language-code{display:inline!important;font-size:14px!important}.language-current{min-width:64px!important}.language-current>span[aria-hidden]{font-size:0!important;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;margin-left:4px}
.portal-card{position:relative!important;display:flex!important;flex-direction:column!important;gap:28px!important;min-height:260px!important}.portal-number{width:fit-content!important;display:inline-flex!important;align-items:center;justify-content:center;padding:4px 8px!important;font-size:13px!important;line-height:1.5!important}.portal-card .portal-arrow{position:absolute!important;right:24px!important;top:24px!important;bottom:auto!important;left:auto!important;width:32px!important;height:32px!important;display:grid!important;place-items:center}.portal-arrow svg{width:17px;height:17px}.primary-action svg{width:16px;height:16px;margin-left:8px}
.toolbar,.guide-progress-box,.upgrade-calculator{background:#141f34!important;border:1px solid #30435f!important;border-radius:16px!important;padding:24px!important}.toolbar label,.calculator-field span{color:#b7c8e0!important;font-size:15px!important}.view-tabs{gap:8px!important;margin:24px 0!important;flex-wrap:wrap}.view-tab,.filter-toggle{background:#17263e!important;border:1px solid #385072!important;color:#bcd0ed!important;border-radius:10px!important;min-height:44px;padding:10px 16px!important;font-size:15px!important}.view-tab.active{background:#2d4976!important;border-color:#5b7aac!important;color:#f0f5ff!important}.hero-card{background:#142038!important;border:1px solid #344b6d!important;border-radius:16px!important;overflow:hidden;box-shadow:none!important}.hero-card:hover{border-color:#7a9cdb!important;transform:translateY(-3px)!important}.hero-card .card-body{padding:18px!important}.hero-card h2{color:#eaf1ff!important;font-size:22px!important}.hero-card .card-body p{font-size:15px!important;color:#a8bdd9!important}.guide-menu-card{background:#142139!important;border:1px solid #31476a!important;border-radius:16px!important;padding:25px!important;box-shadow:none!important}.guide-menu-card h2{color:#dce9ff!important;font-size:23px!important}.guide-menu-card p{color:#a8bdd8!important;font-size:16px!important}.guide-menu-card:hover{border-color:#7798ce!important;transform:translateY(-3px)!important}.guide-progress-bar{background:#88aaf7!important}.guide-status{border-radius:20px!important;font-size:13px!important}.guide-status.done{background:#1c3e3b!important;color:#a5dfca!important}.calculator-summary-card{background:#1a2b46!important;border:1px solid #3b5274!important;border-radius:13px!important;padding:18px!important}.calculator-summary-card p{color:#b4c7e1!important;font-size:15px!important}.calculator-breakdown-table thead th{background:#1c2f4d!important}.calculator-empty{background:#15243b!important;border-color:#3d5374!important;color:#b9cbe3!important}.calculator-breakdown-table tbody tr:nth-child(even){background:#14223a!important}.guide-title{color:#e1edff!important;letter-spacing:-.4px!important;font-size:26px!important}.timeline-open-link{color:#b5ceff!important}.modal-content,.modal-panel,.hero-modal-content{background:#141e32!important;border:1px solid #3e5376!important;border-radius:18px!important}
@media(max-width:760px){.toolbar,.upgrade-calculator{padding:18px!important}.view-tabs{gap:7px!important}.view-tab{font-size:14px!important;padding:10px 12px!important}.guide-menu-card{padding:22px!important}.hero-card h2{font-size:20px!important}}
.modal-card{background:#131e32!important;border:1px solid #3e5275!important;border-radius:18px!important}.modal-card .stat-item,.modal-card .skill-item{background:#19283f!important;border-color:#344a6c!important;border-radius:12px!important}.modal-card .stat-label{color:#acc0dd!important}.modal-card .skill-desc{font-size:16px!important;line-height:1.7!important}.modal-card h2,.modal-card h3{color:#e4edff!important}
body *:not(svg):not(path):not(circle):not(line):not(polyline):not(rect){font-family:Arial,'Segoe UI',sans-serif!important}