:root{--wine:#350d0b;--deep:#210807;--cream:#f6e7c9;--gold:#e9bf6e;--muted:#caaf8b;--line:#b98642;--red:#a62914;--paper:#eadaba;--ink:#593821;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--deep);color:var(--cream);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffcf75;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}section[id]{scroll-margin-top:92px}[hidden]{display:none!important}button{color:inherit}.skip-link{position:fixed;top:-100px;left:12px;padding:10px;background:var(--cream);color:var(--ink);z-index:100}.skip-link:focus{top:10px}
.site-header{height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:38px;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #daa55488;background:linear-gradient(#35190ef5,#240e0cf5);box-shadow:0 3px 20px #0005;backdrop-filter:blur(10px)}
.brand{display:flex;gap:12px;align-items:center;flex:none;font:700 21px Georgia,"Times New Roman",serif;color:var(--gold);letter-spacing:2px;line-height:1.2}.brand-mark{font-size:34px;text-shadow:0 1px 0 #ffdf87,2px 3px 0 #5f260f;border-right:1px solid #bd904f66;padding-right:12px}.brand small{display:block;font:8px/1.8 system-ui;letter-spacing:2px;color:#dbb78e}.site-header nav{display:flex;justify-content:center;gap:28px;flex:1}.site-header nav a{font-size:12px;text-transform:uppercase;font-weight:600;color:#dccdb8;position:relative;white-space:nowrap}.site-header nav a:hover,.site-header nav a.active{color:#f8d688}.site-header nav a.active:after{content:"";height:2px;background:var(--gold);position:absolute;bottom:-24px;left:0;right:0}.header-play{padding:8px 18px;border:1px solid #e5ac50;background:linear-gradient(#b65923,#733213);border-radius:3px;white-space:nowrap;font-weight:600;font-size:13px}.header-play span{margin-left:12px}.nav-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:780px;display:flex;justify-content:center;align-items:flex-end;text-align:center;background:#501b12;overflow:hidden}.hero-art{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 25%,#ab693a,#3e100c 75%);background-image:url('/portal/hero.png');background-size:cover;background-position:center 35%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#350d0b 0%,#350d0bcc 15%,#25060722 58%,#21080700 82%)}.hero-content{padding:210px 20px 76px;width:100%;max-width:780px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:600}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:2px;text-shadow:0 1px 4px #000;font-size:11px}.hero .eyebrow span{width:26px;height:1px;background:var(--gold)}.hero h1{font:700 clamp(74px,9vw,130px)/.95 Georgia,"Times New Roman",serif;margin:0 0 20px;color:#ffdc85;letter-spacing:-5px;text-shadow:0 3px 0 #602315,0 5px 15px #190402,1px 0 1px #fff6c2}.hero h1 small{font-size:24px;letter-spacing:14px;display:block;line-height:1.8;padding-left:14px}.hero-motto{font:24px Georgia,serif;letter-spacing:3px;color:#ffebbc;margin-bottom:10px;text-shadow:0 2px 6px #000}.hero-desc{color:#f3d5aa;font-size:13px;line-height:1.8;margin-bottom:24px;text-shadow:0 2px 4px #000}.hero-actions{display:flex;justify-content:center;align-items:stretch;gap:10px}.gold-button{display:inline-flex;position:relative;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;min-width:240px;min-height:66px;padding:12px 24px;border:1px solid #ffe09c;outline:1px solid #a77c39;outline-offset:4px;background:linear-gradient(135deg,#d7a154,#964211 55%,#c4802e);box-shadow:inset 0 0 0 4px #f3c27333,0 8px 24px #1b050999;color:#fff0cc;font:700 24px Georgia,serif;text-shadow:0 2px 2px #673207;transition:filter .2s,transform .2s}.gold-button:hover{filter:brightness(1.15);transform:translateY(-2px)}.gold-button small{width:100%;font:9px system-ui;letter-spacing:4px;margin-bottom:-3px}.gold-button span{font:24px system-ui}.secondary-actions{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:0 8px}.secondary-actions a{padding:7px 14px;background:linear-gradient(#ead4a3,#d1ab74);border:1px solid #f2d596;color:#6a3b1c;font-size:11px;box-shadow:inset 0 0 0 3px #78391333}.server-strip{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin:26px auto 0;padding:9px 15px;border:1px solid #dfaf5366;border-radius:4px;background:#200b0de0;text-align:left;font-size:11px}.server-strip>b{font:24px Georgia,serif;color:var(--gold);border-right:1px solid #dba86144;padding-right:12px}.server-strip small{display:block;color:#c3bc94;font-size:10px}.server-strip>a{color:var(--gold);margin-left:16px;font-size:11px}.server-light{height:7px;width:7px;background:#b9ab8b;border-radius:50%;flex:none}.server-light.online{background:#91ca67;box-shadow:0 0 9px #87cf7d99}.hero-bottom{position:absolute;bottom:0;left:50%;color:var(--gold);font-size:24px;transform:translateX(-50%)}
.section{padding:68px 24px;position:relative}.section:before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,#ba874855,transparent)}.section-title{text-align:center;margin-bottom:34px}.section-title>p{font-size:9px;letter-spacing:4px;color:var(--muted);margin-bottom:9px}.section-title h2{font:36px/1.4 Georgia,"Times New Roman",serif;color:var(--gold);margin-bottom:8px;text-shadow:0 2px 5px #0006}.section-title>span{font-size:10px;position:relative;color:#c0924a}.section-title>span:before,.section-title>span:after{content:"";position:absolute;top:8px;width:110px;height:1px;background:linear-gradient(90deg,transparent,#a87336);right:24px}.section-title>span:after{left:24px;right:auto;transform:rotate(180deg)}.news-section{background:radial-gradient(ellipse at 10% 45%,#692c1a77,transparent 50%),linear-gradient(#350d0b,#4b170e)}
.news-board{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px;border:1px solid #cca664;box-shadow:0 0 0 5px #5e2a1488,0 0 0 6px #a9804066,0 10px 30px #0005;background:var(--paper);color:var(--ink);position:relative}.news-board:before,.news-board:after{content:"◆";position:absolute;top:-14px;color:#dfb97b;font-size:20px}.news-board:before{left:-14px}.news-board:after{right:-14px}.news-feature{position:relative;min-height:322px;overflow:hidden;background:#401811;border:1px solid #b98a44;color:#f8e5bd}.news-feature>img{width:100%;height:100%;position:absolute;object-fit:cover;filter:sepia(.35) brightness(.55)}.news-feature>div{position:relative;z-index:1;padding:140px 26px 24px;background:linear-gradient(transparent,#24100eea)}.label{font-size:9px;font-weight:600;letter-spacing:2px;color:#eccc93}.news-feature h3{font:32px Georgia,serif;color:#f8d288;margin:10px 0}.news-feature p{font-size:12px;line-height:1.8}.text-link{font-size:11px;color:#f8d288}.news-tabs{display:flex;gap:24px;border-bottom:1px solid #9a723955;margin-bottom:8px}.news-tabs button{border:0;background:none;color:#93714f;padding:9px 3px;font-size:13px}.news-tabs button.selected{color:#a24a1e;box-shadow:0 2px 0 #a24a1e;font-weight:600}.news-item{width:100%;border:0;border-bottom:1px dashed #a78a6255;text-align:left;padding:11px 1px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;background:none;color:var(--ink)}.news-item>span{font-size:9px;color:#aa642e}.news-item b{font-size:12px;font-weight:500;grid-column:1;line-height:1.6}.news-item small{font-size:9px;color:#916e4d;grid-column:2;grid-row:1/3;align-self:center}.news-item:hover b{color:#c05a1f}.news-more{display:flex;justify-content:space-between;max-width:210px;margin:14px auto 0;padding:7px 15px;border:1px solid #b4976b;background:#f1e4c9;color:#935322;font-size:10px}.guide-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1050px;margin:32px auto 0}.guide-shortcuts a{display:flex;align-items:center;gap:12px;padding:16px 12px;border:1px solid #b78246;background:linear-gradient(120deg,#6e371e,#452111);box-shadow:inset 0 0 0 3px #e0b26715;color:#dbb474;font-size:18px}.guide-shortcuts a>span{font:32px Georgia,serif;border-right:1px solid #c1974555;padding-right:10px}.guide-shortcuts a>div{flex:1}.guide-shortcuts small{font-size:7px;letter-spacing:1px;color:#c4a381;display:block}.guide-shortcuts b{font:15px Georgia,serif;color:#f8dfac}
.faction-section{background:radial-gradient(ellipse at 40% 70%,#8b4c2644,transparent 55%),#38110e}.faction-tabs{max-width:1050px;margin:0 auto 22px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.faction-tabs button{padding:9px 13px;border:1px solid #93642e;background:#2c120ff0;color:#cba979;border-radius:2px;font:12px Georgia,serif}.faction-tabs button[aria-selected=true]{color:#492d16;background:linear-gradient(#f4d498,#c49c5e);border-color:#ffe2a3;box-shadow:0 0 14px #b56b1733}.faction-panel{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;max-width:900px;margin:auto;gap:50px;min-height:340px}.faction-visual{position:relative;text-align:center;display:grid;place-items:center;height:300px;background:radial-gradient(ellipse at center,#dbab5244,transparent 65%)}.faction-visual:before{content:"";position:absolute;inset:18px;border:1px solid #dbac4344;border-radius:50%;outline:1px solid #bf8f2e22;outline-offset:12px}.faction-visual:after{content:"";position:absolute;inset:45px;border:1px dashed #c8a05666;border-radius:50%;pointer-events:none}.faction-visual img{max-height:235px;height:235px;width:auto;position:relative;z-index:1;image-rendering:pixelated;filter:drop-shadow(0 8px 12px #0009)}.faction-visual small{font-size:8px;letter-spacing:2px;position:absolute;bottom:6px;color:#a78965}.faction-seal{position:absolute;top:27px;left:42px;font:18px Georgia,serif;writing-mode:vertical-rl;color:#e9c875;border:1px solid #c8954666;padding:8px;z-index:2}.faction-copy .eyebrow{font-size:9px}.faction-copy h3{font:48px Georgia,serif;color:#f7ce78;margin-bottom:15px}.faction-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#dbc09d}.faction-copy dl{display:grid;grid-template-columns:85px 1fr;gap:8px;font-size:12px;margin:22px 0}.faction-copy dt{color:#9f805f}.faction-copy dd{margin:0;color:#efd49f}.outline-button{display:inline-block;border:1px solid #c59a50;padding:9px 17px;color:#edc988;font-size:11px;background:#2d110b88}.outline-button:hover{background:#6c331c}
.features-section{background:linear-gradient(150deg,#4e1b10,#2c0b09)}.feature-board{display:grid;grid-template-columns:235px 1fr;max-width:1050px;margin:auto;gap:18px;padding:16px;border:1px solid #c09651;background:linear-gradient(135deg,#dcc694,#f1e4c4);box-shadow:0 0 0 5px #9b652a22;color:var(--ink)}.feature-tabs{display:flex;flex-direction:column;background:linear-gradient(#a47749,#67401f);border:1px solid #b88743}.feature-tabs button{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;padding:26px 20px;border:0;border-bottom:1px solid #e6c59944;background:transparent;color:#f8e9c9}.feature-tabs button b{font:18px Georgia,serif}.feature-tabs button small{font-size:10px;color:#e1c7a2}.feature-tabs button[aria-selected=true]{background:linear-gradient(90deg,#e5ba7055,transparent);box-shadow:inset 4px 0 0 #f9d391}.feature-panel{position:relative;min-height:370px;background:#3b160e;color:var(--cream);overflow:hidden;border:1px solid #9e6e2c}.feature-panel>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.65) sepia(.2);opacity:.85}.feature-caption{position:relative;padding:170px 32px 25px;background:linear-gradient(transparent,#240b08ef 70%);min-height:100%}.feature-caption>span{font-size:9px;letter-spacing:2px;color:#edc780}.feature-caption h3{font:34px Georgia,serif;color:#ffdc94;margin:9px 0 13px}.feature-caption p{font-size:12px;line-height:1.8;max-width:580px;color:#e8d4b2}
.help-section{background:#38130e}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1050px;margin:auto}.steps article{background:linear-gradient(#572718,#35150e);padding:24px 20px;border-top:2px solid #ac7940}.steps article>span{font:36px Georgia,serif;color:#c9a15e}.steps h3{font:19px Georgia,serif;margin:15px 0;color:#f0d19a}.steps p{font-size:12px;color:#caae8d;margin:0;line-height:1.9}.controls-note{max-width:1050px;margin:22px auto 0;border:1px solid #bf914444;padding:14px 20px;display:flex;gap:6px 18px;flex-wrap:wrap;font-size:11px;color:#bba386}.controls-note b{color:#efd29a}.support-section{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;max-width:1098px;margin:auto}.support-section h2{font:32px Georgia,serif;color:var(--gold);line-height:1.4}.support-section>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#bca182}.faq details{border-bottom:1px solid #a8834544;padding:14px 0}.faq summary{cursor:pointer;font-size:13px;color:#e5c591}.faq p{font-size:12px;color:#bdac95;padding:12px 0 0;margin:0;line-height:1.9}.faq a{color:#efc67c;text-decoration:underline}.final-cta{text-align:center;padding:20px 20px 65px}.final-cta>p{font:24px Georgia,serif;color:var(--gold)}.final-cta .gold-button{font-size:21px;min-height:55px}
.floating-links{position:fixed;right:12px;top:27%;width:93px;z-index:12;border:1px solid #d4ab61;padding:5px;background:linear-gradient(#6d3118ee,#32110cee);box-shadow:0 4px 16px #0005;text-align:center}.floating-links>span{display:block;font-size:8px;color:#d1ab73;padding:7px 0;letter-spacing:1px}.floating-links>a{display:block;padding:8px 2px;margin:3px 0;background:linear-gradient(#ecd4a5,#c3a276);font-size:10px;color:#743b1d;border:1px solid #f4d193}.floating-links>a:first-of-type{background:linear-gradient(#bc5c1b,#7d240b);color:#ffe3aa;font-weight:600;border-color:#d5a04b}.floating-links>a:last-of-type{background:none;border:0;color:#efd29a;font-size:18px;padding:0}
footer{text-align:center;border-top:1px solid #ae804e55;background:#29110a;padding:32px 20px 40px;font-size:11px;color:#ac8b6b}.footer-brand{display:block;font:28px Georgia,serif;color:#edc079;margin-bottom:14px}.footer-brand span{font-size:18px;letter-spacing:3px}footer p{margin-bottom:6px}footer>div{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:18px}footer>div a{color:#d2b789}dialog{max-width:min(650px,calc(100vw - 32px));max-height:85dvh;padding:34px;background:#f1e2c4;color:var(--ink);border:2px solid #b28344;box-shadow:0 0 0 5px #713b20;overflow:auto}dialog::backdrop{background:#110402cc;backdrop-filter:blur(4px)}dialog h2{font:30px Georgia,serif;margin-bottom:22px;color:#894317}dialog .eyebrow{color:#a17038;font-size:9px}dialog p,dialog li{font-size:14px;line-height:1.9}dialog .gold-button{font-size:17px;min-width:180px;min-height:45px;margin:18px 5px 6px}.dialog-close{position:absolute;right:12px;top:8px;font-size:25px;background:none;border:0;color:#8f572f;width:36px;height:36px}
@media(min-width:1250px){.section{padding-right:120px;padding-left:120px}}
@media(max-width:1050px){.site-header{gap:20px;padding:0 20px}.site-header nav{gap:16px}.floating-links{display:none}.guide-shortcuts{grid-template-columns:repeat(2,1fr)}.hero{min-height:730px}.feature-board{grid-template-columns:195px 1fr}.feature-tabs button{padding:25px 13px}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){section[id]{scroll-margin-top:70px}.site-header{height:66px;padding:0 16px;gap:12px}.brand{font-size:16px;gap:8px}.brand-mark{font-size:28px;padding-right:8px}.brand small{font-size:6px;letter-spacing:1px}.nav-toggle{display:block;order:3;width:36px;height:36px;color:#efd09b;font-size:20px;background:none;border:1px solid #926835}.header-play{margin-left:auto;font-size:10px;padding:7px 10px}.header-play span{margin-left:5px}.site-header nav{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;gap:0;background:#2f130ef5;border-bottom:1px solid #b98849}.site-header nav.open{display:flex}.site-header nav a{padding:13px 24px;border-bottom:1px solid #a27e4122}.site-header nav a.active:after{display:none}.hero{min-height:695px}.hero-art{background-position:50% 0;background-size:auto 610px;background-repeat:no-repeat;background-color:#44110c}.hero-shade{background:linear-gradient(0deg,#350d0b 1%,#350d0bcc 27%,#23070911 75%)}.hero-content{padding:260px 14px 50px}.hero .eyebrow{font-size:8px;letter-spacing:1px;gap:7px}.hero .eyebrow span{width:14px}.hero h1{font-size:83px;letter-spacing:-3px;margin-bottom:15px}.hero h1 small{font-size:16px;letter-spacing:10px}.hero-motto{font-size:19px;letter-spacing:1px}.hero-desc{font-size:11px;line-height:1.8;margin-bottom:20px}.hero-actions{gap:10px}.gold-button{min-width:190px;min-height:60px;font-size:21px;padding:10px 15px}.secondary-actions{padding:0;gap:8px}.secondary-actions a{font-size:9px;padding:8px}.server-strip{gap:9px;padding:8px 11px;margin-top:22px}.server-strip>a{margin-left:5px;font-size:9px}.server-strip small{font-size:9px}.section{padding:46px 18px}.section-title{margin-bottom:27px}.section-title h2{font-size:29px}.section-title>p{font-size:8px;letter-spacing:2px}.news-board{grid-template-columns:1fr;padding:12px;gap:14px}.news-feature{min-height:245px}.news-feature>div{padding:102px 22px 22px}.news-feature h3{font-size:28px}.news-tabs{gap:22px}.news-item{padding:11px 3px}.news-item b{font-size:12px}.news-item small{font-size:8px}.guide-shortcuts{gap:10px;margin-top:24px}.guide-shortcuts a{padding:12px 9px;gap:8px;font-size:12px}.guide-shortcuts a>span{font-size:23px;padding-right:6px}.guide-shortcuts b{font-size:13px}.guide-shortcuts small{font-size:6px;letter-spacing:.4px}.faction-tabs{gap:6px}.faction-tabs button{font-size:11px;padding:8px 10px}.faction-panel{grid-template-columns:1fr;gap:15px}.faction-visual{height:240px;max-width:270px;width:100%;margin:auto}.faction-visual img{height:185px;max-height:185px}.faction-copy{text-align:center}.faction-copy h3{font-size:39px}.faction-copy>p:not(.eyebrow){font-size:12px}.faction-copy dl{max-width:290px;margin:18px auto;text-align:left}.faction-copy .outline-button{margin-top:10px}.feature-board{grid-template-columns:1fr;padding:10px;gap:10px}.feature-tabs{display:grid;grid-template-columns:1fr 1fr}.feature-tabs button{padding:13px 12px;border:1px solid #d8b77c33}.feature-tabs button b{font-size:14px}.feature-tabs button small{font-size:9px}.feature-tabs button[aria-selected=true]{box-shadow:inset 0 -3px 0 #f9d391}.feature-panel{min-height:325px}.feature-caption{padding:125px 18px 22px}.feature-caption h3{font-size:27px}.feature-caption p{font-size:11px}.feature-caption>span{font-size:8px;letter-spacing:1px}.steps{gap:12px}.steps article{padding:18px 14px}.steps article>span{font-size:30px}.steps h3{font-size:17px}.steps p{font-size:11px}.controls-note{padding:12px 14px;font-size:10px;gap:7px 14px}.support-section{grid-template-columns:1fr;gap:15px}.support-section h2{font-size:29px}.support-section>div>p:not(.eyebrow){font-size:12px}.faq summary{font-size:12px}.final-cta{padding-bottom:45px}.final-cta>p{font-size:21px}footer{font-size:10px;padding:28px 18px}dialog{padding:28px 22px}dialog h2{font-size:24px}dialog p,dialog li{font-size:13px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.gold-button{transition:none}}
@media(max-width:700px){.hero-art{background-position:22% 0}}
.hero h1{font-size:clamp(65px,8vw,110px);letter-spacing:-3px;white-space:nowrap}
@media(max-width:700px){.hero h1{font-size:clamp(44px,13vw,70px);letter-spacing:-2px}.brand small{letter-spacing:.5px}.footer-brand span{display:block;font-size:15px;margin-top:5px;letter-spacing:1px}}