:root{--ink:#F4F2EB;--muted:#A6A9AE;--dark:#0A0B0D;--panel:#121417;--panel-soft:#1B1E22;--forest:#24282D;--gold:#E3B84F;--green:#E3B84F;--line:rgba(232,235,224,.12);--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dark);color:var(--ink);font:14px var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#0A0B0D;border-right:1px solid var(--line);padding:28px 19px 20px;display:flex;flex-direction:column;z-index:20}
.sidebar-top{padding:3px 8px 25px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:0;font:800 15px var(--display);letter-spacing:.2em;white-space:nowrap}
.brand-accent{color:var(--gold);margin-left:.08em}
.server-type{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-size:9px;letter-spacing:.16em}
.type-dot,.server-pulse{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 10px rgba(105,201,238,.45)}
.sidebar-nav{display:flex;flex-direction:column;gap:5px;padding:25px 0}
.nav-group{margin:17px 8px 6px;color:#717b70;font-size:8px;font-weight:700;letter-spacing:.18em}
.nav-group:first-child{margin-top:0}
.nav-link{position:relative;display:flex;align-items:center;gap:12px;min-height:42px;padding:0 10px;color:#b0b5aa;font-size:12px;border:1px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}
.nav-link:hover{background:rgba(227,184,79,.06);color:var(--gold)}
.nav-link.active{background:#121417;border-color:rgba(227,184,79,.13);color:var(--gold)}
.nav-link.active:after{content:"";position:absolute;right:-1px;top:10px;bottom:10px;width:2px;background:var(--gold)}
.nav-icon{width:18px;text-align:center;color:var(--gold);font-size:15px}
.sidebar-server{margin-top:auto;border:1px solid var(--line);background:linear-gradient(145deg,rgba(227,184,79,.08),rgba(18,20,23,.5));padding:15px 13px}
.sidebar-server-heading{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:8px;letter-spacing:.14em}
.sidebar-server>strong{display:block;margin:13px 0 8px;font:600 13px var(--display);letter-spacing:.01em}
.sidebar-server>small{display:block;margin-top:8px;color:#858d82;font-size:9px}
.copy-button{border:0;background:none;padding:0;color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.13em;cursor:pointer}
.copy-button:hover{color:#E8C778}
.main-shell{width:calc(100% - 248px);margin-left:248px;min-width:0}
.topbar{height:72px;position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,48px);background:rgba(7,8,10,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.breadcrumb{display:flex;align-items:center;gap:11px;color:#7f897d;font-size:9px;font-weight:700;letter-spacing:.17em}
.breadcrumb span:first-child{color:#d9dcd1}
.breadcrumb b{color:var(--gold);font-weight:400}
.topbar-actions{display:flex;align-items:center;gap:21px}
.season-label{color:#90998c;font-size:8px;font-weight:700;letter-spacing:.14em}
.top-community{font-size:11px;color:#c2c7bc;transition:color .2s}
.top-community:hover{color:var(--gold)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 18px;font:700 10px var(--display);letter-spacing:.04em;border:1px solid transparent;transition:transform .22s ease,color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease}
.button span{font-size:16px;font-weight:400}
.button-small{padding:10px 13px;gap:15px}
.button-primary{background:var(--gold);color:#0A0B0D}
.button-primary:hover{background:#E8C778;transform:translateY(-2px);box-shadow:0 8px 22px rgba(227,184,79,.17)}
.button-outline{border-color:rgba(232,235,224,.28);color:var(--ink)}
.button-outline:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px);background:rgba(227,184,79,.06)}
.page-content{max-width:1600px;margin:0 auto;padding:25px clamp(18px,3vw,48px) 0;position:relative;isolation:isolate}
.welcome-panel{height:460px;min-height:400px;position:relative;overflow:hidden;border:1px solid rgba(232,235,224,.11);background:#121417}
.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,8,10,.94) 0%,rgba(7,8,10,.77) 36%,rgba(7,8,10,.28) 72%,rgba(7,8,10,.18) 100%),linear-gradient(0deg,rgba(7,8,10,.72),transparent 48%),url('assets/stonewake-world.png');background-size:cover;background-position:center,center,center 49%;transform:scale(1.025);animation:forest-drift 34s ease-in-out infinite alternate;will-change:transform,background-position}
.hero-shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 76% 38%,rgba(227,184,79,.18),transparent 40%),linear-gradient(120deg,rgba(8,9,12,.46),rgba(8,9,12,.20));opacity:.85;animation:canopy-glow 18s ease-in-out infinite alternate}


50%{opacity:.68}100%{transform:translate3d(1.8%,-1.3%,0);opacity:.58}}
to{transform:translate3d(1.2%,-.8%,0) scale(1.04);opacity:.78}}
.ambient-background{position:absolute;z-index:2;top:485px;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}
.ambient-background span{position:absolute;width:5px;height:5px;border-radius:50%;background:#f5d783;box-shadow:0 0 8px 3px rgba(227,184,79,.48),0 0 18px 6px rgba(227,184,79,.18);opacity:.66;animation:background-mote 9s ease-in-out infinite alternate}
.ambient-background span:nth-child(1){left:1.5%;top:115px;animation-delay:-3s}.ambient-background span:nth-child(2){right:1.8%;top:205px;width:4px;height:4px;animation-delay:-6s}.ambient-background span:nth-child(3){left:2.5%;top:385px;width:6px;height:6px;animation-delay:-1s}.ambient-background span:nth-child(4){right:1%;top:510px;animation-delay:-5s}.ambient-background span:nth-child(5){left:1%;top:690px;width:4px;height:4px;animation-delay:-2s}.ambient-background span:nth-child(6){right:2.5%;top:860px;width:6px;height:6px;animation-delay:-7s}.ambient-background span:nth-child(7){left:2%;top:1050px;animation-delay:-4s}.ambient-background span:nth-child(8){right:1%;top:1240px;width:4px;height:4px;animation-delay:-1s}.ambient-background span:nth-child(9){left:1.5%;top:1450px;width:6px;height:6px;animation-delay:-6s}.ambient-background span:nth-child(10){right:2%;top:1670px;animation-delay:-2s}.ambient-background span:nth-child(11){left:2.5%;top:1880px;width:4px;height:4px;animation-delay:-5s}.ambient-background span:nth-child(12){right:1.5%;top:2110px;width:5px;height:5px;animation-delay:-3s}
@keyframes background-mote{from{transform:translate3d(-4px,7px,0) scale(.8);opacity:.3}to{transform:translate3d(7px,-14px,0) scale(1.25);opacity:.78}}
@keyframes forest-drift{from{transform:scale(1.025);background-position:center,center,center 49%}to{transform:scale(1.065);background-position:center,center,53% 52%}}
@keyframes canopy-glow{from{opacity:.35;transform:translate3d(-1%,0,0)}to{opacity:.65;transform:translate3d(1%,1%,0)}}
.hero-copy{position:absolute;z-index:2;left:clamp(24px,5vw,72px);top:50%;transform:translateY(-48%);max-width:540px}
.eyebrow,.section-index{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.18em}
.eyebrow-line{width:24px;height:1px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.065em}
h1{font-size:clamp(54px,6.4vw,86px);line-height:.98;margin:20px 0 16px}
h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold);letter-spacing:-.07em}
.hero-copy>p{max-width:455px;margin-bottom:22px;color:#d1d4ca;font-size:13px;line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:22px}
.hero-text-link{font-size:10px;color:#e3e4dc;transition:color .2s}
.hero-text-link:hover{color:var(--gold)}
.hero-text-link span{margin-left:8px;color:var(--gold)}
.hero-info-card{position:absolute;z-index:2;right:28px;top:28px;min-width:220px;padding:15px 17px;background:rgba(7,8,10,.68);border:1px solid rgba(232,235,224,.18);backdrop-filter:blur(12px)}
.hero-info-card small,.join-card>small{display:block;color:#a6ac9f;font-size:8px;letter-spacing:.16em}
.hero-info-card strong{display:block;margin:8px 0 10px;font:600 12px var(--display)}
.hero-info-card>span{display:flex;align-items:center;gap:8px;color:#b7bdb0;font-size:9px}
.hero-foot{position:absolute;z-index:2;left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;color:rgba(232,235,224,.62);font-size:7px;font-weight:700;letter-spacing:.16em}
.stat-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:13px 0 50px}
.stat-card{min-height:92px;position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;column-gap:14px;padding:15px 18px;background:linear-gradient(135deg,#121417,#17191D);border:1px solid var(--line);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.stat-card:hover{transform:translateY(-2px);border-color:rgba(227,184,79,.4);background:#202328}
.stat-card>strong{grid-row:span 2;align-self:center;color:var(--gold);font:600 28px var(--display);letter-spacing:-.06em}
.stat-card>strong span{font-size:16px}
.stat-card>span{align-self:end;color:#e0e2d9;font-size:8px;font-weight:700;letter-spacing:.14em}
.stat-card>small{align-self:start;margin-top:5px;color:#879084;font-size:9px}
.features-section{position:relative;z-index:1;padding:0 0 54px;scroll-margin-top:90px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}
.section-index{display:block;color:#879184}
.section-heading h2,.community-panel h2{margin:10px 0 0;font-size:clamp(30px,3.4vw,45px);line-height:1.04}
.section-heading>p{max-width:310px;margin:0 0 4px;color:#9da497;font-size:11px;line-height:1.7}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.feature-card{min-height:205px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:18px 19px;background:linear-gradient(145deg,rgba(18,20,23,.96),rgba(12,13,15,.98));border:1px solid var(--line);scroll-margin-top:92px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.feature-card:before{content:"";position:absolute;right:-50px;top:-65px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(227,184,79,.08),transparent 70%);pointer-events:none}
.feature-card:hover{transform:translateY(-3px);border-color:rgba(227,184,79,.35);box-shadow:0 12px 26px rgba(0,0,0,.18)}
.feature-top{display:flex;align-items:center;justify-content:space-between;color:#798376;font-size:8px;letter-spacing:.15em}
.feature-icon{color:var(--gold);font-size:18px}
.feature-category{color:var(--gold);font-size:7px;font-weight:700;letter-spacing:.17em}
.feature-card h3{margin:7px 0 7px;font:600 17px var(--display);letter-spacing:-.035em}
.feature-card p{max-width:360px;margin:0;color:#aab0a4;font-size:10px;line-height:1.75}
.feature-card>a{position:absolute;right:18px;bottom:17px;color:var(--gold);font-size:14px;transition:transform .2s}
.feature-card:hover>a{transform:translate(2px,-2px)}
.community-panel{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(280px,.72fr);gap:38px;align-items:center;margin:0 0 28px;padding:34px clamp(22px,4vw,48px);background:linear-gradient(120deg,#1B1E22,#121417);border:1px solid var(--line);scroll-margin-top:90px}
.shop-panel{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px;padding:34px clamp(22px,4vw,48px);background:linear-gradient(120deg,#15171A,#0D0F11);border:1px solid var(--line);scroll-margin-top:90px}
.shop-panel h2{margin:12px 0;font:500 clamp(30px,3.4vw,45px)/1.04 var(--display);letter-spacing:-.065em}
.shop-panel h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold);letter-spacing:-.07em}
.shop-panel p{max-width:430px;margin:0;color:#aab0a4;font-size:11px;line-height:1.8}
.shop-status{display:flex;align-items:center;gap:10px;padding:14px 17px;border:1px solid rgba(227,184,79,.2);color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.14em;white-space:nowrap;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.shop-status:hover{border-color:var(--gold);background:rgba(227,184,79,.06);transform:translateY(-2px)}
.community-panel>div:first-child>p{max-width:390px;margin:15px 0 18px;color:#aab0a4;font-size:11px;line-height:1.8}
.community-panel h2{margin-top:12px}
.join-card{padding:21px 22px;background:rgba(7,8,10,.42);border:1px solid rgba(227,184,79,.22);scroll-margin-top:90px}
.join-card-kicker{display:block;margin-bottom:12px;color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.16em}
.join-card h3{margin:0 0 18px;font:600 22px var(--display);letter-spacing:-.04em;line-height:1.2}
.join-address{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:10px 0;border-bottom:1px solid var(--line);font:600 12px var(--display)}
.join-card>p{margin:11px 0 0;color:#8f988b;font-size:9px;line-height:1.7}
.server-pulse.is-online{background:#83c982;box-shadow:0 0 10px rgba(131,201,130,.55)}
.server-pulse.is-offline{background:#c87965;box-shadow:0 0 10px rgba(200,121,101,.38)}
.help-section{position:relative;z-index:1;padding:0 0 54px;scroll-margin-top:90px}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.help-column{padding:22px;background:linear-gradient(145deg,#121417,#0D0F11);border:1px solid var(--line)}
.help-label{display:block;margin-bottom:13px;color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.16em}
.help-column details{border-top:1px solid var(--line)}
.help-column details:last-child{border-bottom:1px solid var(--line)}
.help-column summary{position:relative;padding:14px 24px 14px 0;color:#e5e6df;font:600 12px var(--display);cursor:pointer;list-style:none}
.help-column summary::-webkit-details-marker{display:none}
.help-column summary:after{content:'+';position:absolute;right:2px;color:var(--gold);font-size:17px;font-weight:400;top:10px}
.help-column details[open] summary:after{content:'−'}
.help-column details p{margin:0;padding:0 0 14px;color:#aab0a4;font-size:10px;line-height:1.8}
.help-column details p strong{color:var(--gold)}
.rules-list{display:grid;gap:11px;margin:0;padding:0;list-style:none;counter-reset:rules}
.rules-list li{position:relative;padding:0 0 11px 29px;border-bottom:1px solid var(--line);color:#b9bdb4;font-size:10px;line-height:1.7;counter-increment:rules}
.rules-list li:before{content:counter(rules,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.08em}
.site-footer{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);color:#7e887b;font-size:9px}
.site-footer .brand{font-size:10px;color:#e3e5dc}
@media(max-width:1100px){.season-label{display:none}.hero-info-card{right:18px;top:18px}.stat-grid{gap:7px}.stat-card{padding:14px 12px}.feature-card{padding:16px}.feature-grid{gap:8px}}
@media(max-width:850px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.main-shell{width:calc(100% - 210px);margin-left:210px}.page-content{padding-left:18px;padding-right:18px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-panel{height:430px}.hero-info-card{min-width:190px}.stat-card>strong{font-size:25px}}
@media(max-width:650px){.sidebar{position:relative;width:100%;height:auto;padding:13px 15px 10px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 12px;border-bottom:0}.brand{font-size:13px}.server-type{margin:0;font-size:8px}.sidebar-nav{flex-direction:row;gap:4px;overflow-x:auto;padding:5px 0 1px}.nav-group{display:none}.nav-link{flex:0 0 auto;min-height:34px;padding:0 9px;font-size:10px}.nav-icon{display:none}.sidebar-server{display:none}.main-shell{width:100%;margin:0}.topbar{height:55px;padding:0 15px}.breadcrumb{gap:7px;font-size:7px}.topbar-actions{gap:10px}.top-community{display:none}.button-small{padding:9px 10px;font-size:9px}.page-content{padding:12px 12px 0}.welcome-panel{height:535px;min-height:0}.hero-art{background-position:center,center,58% center}.hero-copy{left:22px;right:22px;top:48%;max-width:none}.eyebrow{font-size:7px;letter-spacing:.13em}.hero-copy h1{font-size:clamp(48px,13vw,68px)}.hero-copy>p{font-size:12px}.hero-info-card{top:auto;right:14px;bottom:52px;left:14px;min-width:0;padding:11px 13px}.hero-info-card strong{margin:6px 0;font-size:11px}.hero-foot{left:14px;right:14px;bottom:13px;font-size:6px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0 35px}.stat-card{min-height:78px;padding:11px 10px;column-gap:10px}.stat-card>strong{font-size:23px}.stat-card>span{font-size:7px}.stat-card>small{font-size:8px}.features-section{padding-bottom:36px}.section-heading{display:block;margin-bottom:15px}.section-heading h2{font-size:32px}.section-heading>p{margin-top:9px;font-size:10px}.feature-grid{grid-template-columns:1fr;gap:7px}.feature-card{min-height:170px;padding:15px}.feature-card h3{font-size:16px}.feature-card p{font-size:10px}.shop-panel{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:18px;padding:23px 17px}.shop-panel h2{font-size:36px}.community-panel{grid-template-columns:1fr;gap:22px;margin-bottom:18px;padding:23px 17px}.community-panel h2{font-size:38px}.join-card{padding:17px}.site-footer{min-height:60px;flex-wrap:wrap;padding:12px 2px;font-size:8px}.site-footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(max-width:650px){.ambient-background{top:547px}}

@media(max-width:650px){.ambient-background{top:547px}}

@media(max-width:850px){.help-grid{grid-template-columns:1fr}}