:root { --ink:#090b0b; --coal:#101313; --paper:#ddd4bf; --muted:#9c9585; --gold:#c5a35d; --gold2:#8a6b32; --red:#8c2920; --line:rgba(197,163,93,.22); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ink);color:var(--paper);font-family:"Noto Serif SC","Songti SC","SimSun",serif} a{color:inherit;text-decoration:none} ::selection{background:var(--gold);color:#111}
.site-header{height:78px;position:absolute;z-index:20;top:0;left:0;right:0;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(#080b0dcc,transparent);backdrop-filter:blur(4px)}
.brand{display:flex;align-items:center;gap:12px}.brand-seal{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--gold);transform:rotate(45deg);font:700 11px Arial;color:#f2d896;background:#1d1a13}.brand-seal::first-line{transform:rotate(-45deg)}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-size:18px;letter-spacing:.18em;color:#ecdba9}.brand small{font:9px Arial;letter-spacing:.28em;color:#888174;margin-top:3px}.site-header nav{display:flex;height:100%;align-items:center;gap:38px}.site-header nav a{font-size:13px;letter-spacing:.12em;color:#c9c2b2;position:relative}.site-header nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-11px;height:1px;background:var(--gold);transition:.25s}.site-header nav a:hover:after{left:0;right:0}.header-cta{font-size:12px;letter-spacing:.14em;border:1px solid #9c8049;padding:11px 18px;color:#ead8a6;background:#241f16aa}
.hero{height:min(940px,100vh);min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#050707 0%,rgba(5,7,7,.92) 29%,rgba(5,7,7,.4) 60%,rgba(5,7,7,.74) 100%),linear-gradient(0deg,#090b0b 0%,transparent 35%),url('./assets/hero-bg.png');background-size:cover;background-position:center}.hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(185,102,35,.18),transparent 34%)}.hero-grain{position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:2;width:min(1180px,90vw);margin:auto;padding-top:75px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:13px;color:#b39a66;font:11px Arial;letter-spacing:.32em}.eyebrow span{height:1px;width:38px;background:#826938}.hero h1{margin:30px 0 18px;display:flex;flex-direction:column;line-height:.98;text-shadow:0 4px 30px #000}.hero h1 span{font-size:clamp(48px,6vw,86px);font-weight:500;letter-spacing:.08em;color:#e5dcc8}.hero h1 strong{font:900 clamp(65px,8.5vw,122px) Georgia,serif;letter-spacing:.025em;background:linear-gradient(180deg,#f2dda1,#a07833 75%,#62471d);-webkit-background-clip:text;color:transparent}.hero-lead{font-size:18px;letter-spacing:.28em;color:#c7b27e}.hero-copy{font-size:15px;line-height:2;color:#9d988b;margin:22px 0 33px}.hero-actions,.download-actions{display:flex;gap:12px}.btn{min-width:180px;height:50px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:.12em;transition:.25s}.btn.primary{background:linear-gradient(135deg,#b48a3f,#765521);color:#fff4d4;border:1px solid #d0ad63;box-shadow:0 10px 40px #0008}.btn.primary:hover{filter:brightness(1.15);transform:translateY(-2px)}.btn.primary span{margin-left:18px}.btn.ghost{border:1px solid #625b4d;background:#111412aa;color:#c9c2b2}.btn.ghost:hover{border-color:var(--gold);color:#eee}.hero-stats{margin-top:55px;display:flex;align-items:center;gap:28px}.hero-stats div{display:flex;flex-direction:column;min-width:76px}.hero-stats strong{font:400 26px Georgia;color:#d8bd7d}.hero-stats span{font-size:10px;letter-spacing:.17em;color:#756f64;margin-top:5px}.hero-stats i{height:27px;width:1px;background:#5b503a}.scroll-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;color:#625e54;font-size:9px;letter-spacing:.25em}.scroll-hint b{font:24px Arial;color:#ad8d4d;animation:down 1.6s infinite}@keyframes down{50%{transform:translateY(5px)}}
.manifesto{padding:115px 20px 100px;text-align:center;background:radial-gradient(circle at 50% 45%,#191b18 0,transparent 40%),#0a0d0c;border-bottom:1px solid #1d1e1b}.manifesto .section-kicker{justify-content:center}.manifesto blockquote{font-size:clamp(28px,3vw,45px);line-height:1.65;font-weight:400;color:#d8d1c3;margin:35px auto 45px}.manifesto em,.section-heading em,.world-content em,.download em{color:#c2a15e;font-style:normal}.promise-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.promise-row span{border:1px solid #39352b;padding:9px 18px;color:#878174;font-size:11px;letter-spacing:.12em;background:#111310}
.section{padding:115px max(5vw,22px)}.features{background:#eee8dc;color:#171815}.section-heading{max-width:1180px;margin:0 auto 55px}.section-heading>div>p,.section-heading>p:first-child,.world .label,.download .label{font:10px Arial;letter-spacing:.35em;color:#9c7b3e}.section-heading h2,.world-content h2,.download h2{font-size:clamp(34px,4vw,56px);font-weight:500;letter-spacing:.05em;margin:12px 0}.section-heading.split{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading.split>p{max-width:430px;font-size:14px;line-height:1.9;color:#756f64}.feature-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8bfad;border-bottom:1px solid #c8bfad}.feature-grid article{padding:42px 30px 44px;border-right:1px solid #c8bfad;position:relative}.feature-grid article:last-child{border-right:0}.feature-grid article>span{font:11px Georgia;color:#ad9462}.feature-icon{font-size:23px;color:#9e6c32;margin:34px 0 25px}.feature-grid h3{font-size:22px;margin:0 0 17px}.feature-grid p{font-size:13px;line-height:1.85;color:#726d63;margin:0}
.world{min-height:720px;display:grid;grid-template-columns:55% 45%;background:#101312}.world-art{background-image:linear-gradient(90deg,transparent 55%,#101312 100%),linear-gradient(0deg,#101312 0%,transparent 35%),url('./assets/world.png');background-size:cover;background-position:center}.world-content{align-self:center;padding:70px 10vw 70px 5vw}.world-content h2{color:#e0d8c8;line-height:1.3}.world-content>p:not(.label){color:#888277;font-size:14px;line-height:2;max-width:530px}.world-content ul{list-style:none;margin:34px 0 0;padding:0}.world-content li{display:flex;gap:20px;border-top:1px solid #2b2d29;padding:18px 0}.world-content li>b{font:17px Georgia;color:#9e7e43}.world-content li span{display:flex;flex-direction:column;color:#6f6b63;font-size:12px;line-height:1.7}.world-content li strong{color:#c9c1b2;font-size:14px;letter-spacing:.08em;margin-bottom:3px}
.classes{background:#e8e1d4;color:#161715;position:relative}.section-heading.centered{text-align:center}.section-heading.centered>p:first-child{margin:0}.section-heading.centered>span{font-size:13px;color:#7b756a}.classes-visual{max-width:1180px;height:420px;margin:0 auto;background:linear-gradient(0deg,#171815 0%,transparent 42%),url('./assets/classes.png') center 42%/cover;border:1px solid #c0b49d;box-shadow:0 35px 70px #30281526}.class-grid{max-width:1070px;margin:-45px auto 0;position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:#171918}.class-grid article{padding:30px 36px 36px;text-align:center;border-right:1px solid #343630}.class-grid article:last-child{border:0}.class-mark{width:50px;height:50px;border:1px solid #826849;display:grid;place-items:center;margin:-55px auto 22px;background:#151817;transform:rotate(45deg);color:#d3b777;font-size:20px}.class-mark::first-line{transform:rotate(-45deg)}.class-grid article>p{font:9px Arial;letter-spacing:.35em;color:#716c63}.class-grid h3{font-size:25px;color:#ddd5c6;margin:8px}.class-grid .rule{width:27px;height:1px;background:#987945;margin:15px auto}.class-grid article>span{display:block;color:#888278;font-size:12px;line-height:1.8}.tags{margin-top:20px;display:flex;justify-content:center;gap:7px}.tags b{font-size:10px;font-weight:400;padding:5px 9px;border:1px solid #48443b;color:#a49c8e}.class-grid .red{box-shadow:inset 0 -3px #743029}.class-grid .blue{box-shadow:inset 0 -3px #365875}.class-grid .green{box-shadow:inset 0 -3px #42664d}
.journey{padding:110px max(5vw,22px) 125px;background:#0c0f0e;position:relative;overflow:hidden}.journey:before{content:"170";position:absolute;right:-2vw;top:-8vw;font:900 30vw Georgia;color:#fff;opacity:.015}.section-heading.light h2{color:#ded5c5}.section-heading.light>span{color:#726d64}.journey-line{max-width:1180px;margin:65px auto 0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.journey-line:before{content:"";position:absolute;top:24px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#80683d 20%,#80683d 80%,transparent)}.journey-line article{text-align:center;padding:0 28px;position:relative}.step{width:48px;height:48px;border-radius:50%;border:1px solid #8b7040;background:#131613;display:grid;place-items:center;margin:auto;font:12px Georgia;color:#c3a35f;box-shadow:0 0 0 8px #0c0f0e}.journey-line article p{font-size:10px;letter-spacing:.2em;color:#726d62;margin-top:23px}.journey-line h3{font-size:20px;color:#d0c7b6;margin:10px 0 16px}.journey-line article span{font-size:12px;line-height:1.9;color:#716d65}
.rules{background:#ebe4d7;color:#181917}.rules-card{max-width:1180px;margin:auto;border:1px solid #bdb29e;display:grid;grid-template-columns:42% 58%;box-shadow:15px 15px 0 #d9d1c3}.rules-title{background:#171a18;padding:60px;color:#d9d0bf}.rules-title>span{font-size:10px;letter-spacing:.3em;color:#b18e50}.rules-title h2{font-size:38px;line-height:1.35;font-weight:500;margin:22px 0}.rules-title p{font-size:13px;color:#817c72;line-height:1.9}.rules-list{display:grid;grid-template-columns:1fr 1fr}.rules-list div{padding:38px;border-bottom:1px solid #c8bda9;border-right:1px solid #c8bda9}.rules-list div:nth-child(2n){border-right:0}.rules-list div:nth-child(n+3){border-bottom:0}.rules-list b{display:block;font-size:23px;color:#795d2d;margin-bottom:11px}.rules-list span{font-size:12px;color:#756f64;line-height:1.8}
.download{padding:130px 20px 90px;text-align:center;background:linear-gradient(#080b0bd9,#080b0bf2),url('./assets/hero-bg.png') center 62%/cover}.download-inner{max-width:1180px;margin:auto}.download h2{color:#e7decc}.download>p,.download-inner>p:not(.label){color:#8f897e}.download .label{margin:0}.download-actions{justify-content:center;margin:35px 0 70px}.server-bar{border-top:1px solid #413827;border-bottom:1px solid #413827;display:grid;grid-template-columns:repeat(3,1fr);background:#080a09aa}.server-bar>span{padding:22px 18px;display:flex;flex-direction:column;border-right:1px solid #302b22}.server-bar>span:last-child{border:0}.server-bar small{font-size:9px;letter-spacing:.2em;color:#665f54;margin-bottom:8px}.server-bar b{font-size:12px;color:#bcb3a4}.server-bar .online{color:#839f68}
footer{min-height:150px;padding:35px max(5vw,22px);display:flex;align-items:center;gap:45px;background:#050706;border-top:1px solid #24221c;color:#615d55}footer .footer-brand{margin-right:auto}footer p{font-size:11px;letter-spacing:.18em}footer>small{font-size:10px;color:#494640}
@media (max-width:900px){.site-header nav{display:none}.hero-content{padding-top:90px}.hero h1 span{font-size:46px}.hero h1 strong{font-size:67px}.hero-stats{gap:14px}.hero-stats i{display:none}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article:nth-child(2){border-right:0}.feature-grid article:nth-child(-n+2){border-bottom:1px solid #c8bfad}.world{grid-template-columns:1fr}.world-art{min-height:420px}.world-content{padding:55px 8vw 80px}.class-grid{margin:-30px 20px 0}.class-grid article{padding:30px 18px}.journey-line{grid-template-columns:1fr 1fr;gap:50px 0}.journey-line:before{display:none}.rules-card{grid-template-columns:1fr}.server-bar{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap}}
@media (max-width:600px){.site-header{height:68px}.header-cta{padding:9px;font-size:10px}.brand small{display:none}.hero{min-height:760px}.hero-content{width:88vw}.eyebrow{font-size:9px;letter-spacing:.16em}.eyebrow span{display:none}.hero h1{margin-top:23px}.hero h1 span{font-size:37px}.hero h1 strong{font-size:54px;margin-top:7px}.hero-lead{font-size:13px;line-height:1.8;letter-spacing:.18em}.hero-copy br{display:none}.hero-actions{flex-direction:column;align-items:flex-start}.hero-stats{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.manifesto{padding:80px 20px}.manifesto blockquote{font-size:25px}.manifesto blockquote br{display:none}.section{padding:80px 20px}.section-heading.split{align-items:flex-start;flex-direction:column}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article:nth-child(2){border-right:0;border-bottom:1px solid #c8bfad}.feature-grid article:last-child{border-bottom:0}.world-art{min-height:310px}.classes-visual{height:280px}.class-grid{grid-template-columns:1fr;margin:-15px 10px 0}.class-grid article{border-right:0;border-bottom:1px solid #343630;padding:40px 28px}.class-grid article:not(:first-child) .class-mark{margin-top:-15px}.journey-line{grid-template-columns:1fr}.rules-title{padding:40px 30px}.rules-title h2{font-size:31px}.rules-list{grid-template-columns:1fr}.rules-list div,.rules-list div:nth-child(2n),.rules-list div:nth-child(n+3){border-right:0;border-bottom:1px solid #c8bda9}.rules-list div:last-child{border-bottom:0}.download{padding-top:90px}.download-actions{flex-direction:column;align-items:center;margin-bottom:50px}.server-bar{grid-template-columns:1fr}.server-bar>span{border-right:0;border-bottom:1px solid #302b22}.server-bar>span:last-child{border-bottom:0}footer{flex-direction:column;align-items:flex-start;gap:18px}footer .footer-brand{margin:0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-hint b{animation:none}.btn{transition:none}}