:root{--bg:#100e0d;--panel:#191512;--gold:#e6b56c;--muted:#a2988c;--line:#ffffff12;--white:#f5ead9;--orange:#cf641f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button,a{transition:color .2s,background .2s,transform .2s}button:hover,a:hover{color:var(--gold)}.header{height:87px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#100c0bee;border-bottom:1px solid #bf893b27;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand img{width:164px;height:70px;object-fit:contain}.header nav{display:flex;align-items:center;gap:32px;height:100%}.header nav a,.header nav button{font-size:10px;font-weight:700;letter-spacing:1.7px;height:100%;display:flex;align-items:center;padding:0;position:relative;color:#b7aaa0}.header nav .active{color:var(--gold)}.header nav .active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:0;width:100%}.signin{font-size:10px;letter-spacing:1.5px;padding:13px 22px;border:1px solid #99734977}.signin span{margin-left:20px;color:var(--gold)}.menu-toggle{display:none}.hero{height:660px;position:relative;background:#24110c url('assets/hero.png') center 40%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#100b09e8 0%,#150c09b8 34%,#140b0835 65%,#170c0920),linear-gradient(0deg,#100e0d 0%,transparent 35%)}.hero-inner{position:relative;max-width:1320px;margin:auto;padding:106px 6% 80px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2.5px;color:var(--gold);display:flex;gap:10px;align-items:center}i{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #eeb066}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:clamp(48px,5.8vw,82px);line-height:1.02;letter-spacing:-2.4px;margin:28px 0 22px;text-shadow:0 3px 30px #0005}em{color:var(--gold);font-style:normal}.hero p{font-size:14px;color:#c5b6a8;line-height:1.9}.hero-actions{display:flex;gap:14px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:0 24px;font-size:10px;letter-spacing:1.3px;font-weight:bold}.primary{background:linear-gradient(115deg,#f0cc8a,#d79c49);color:#2a190d;border:1px solid #f4d6a3;box-shadow:0 6px 24px #b16b1722}.primary:hover{background:#f9d496;color:#1b1008;transform:translateY(-2px)}.outline{border:1px solid #b8976355;background:#160f0c66}.play{font-size:23px;color:var(--gold)}.hero-meta{display:flex;gap:17px;align-items:center;margin-top:34px;font-size:8px;letter-spacing:1.7px;color:#aa9381}.hero-meta b{color:#bb8349;font-size:6px}.hero-bottom{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;color:#a99b8c;font-size:8px;letter-spacing:1.7px}.hero-bottom b{margin:0 13px;color:#74563a}.hero-bottom a span{margin-left:22px}.concept{color:#cca66f}.concept i{margin-right:7px}.feature-strip{padding:28px 6%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b8884030;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#1d1610,#17120f,#1d1610)}.feature-strip>div{display:flex;gap:18px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.feature-strip>div:last-child{border:0}.feature-strip>div>span{font-size:28px;color:#bd9559}.feature-strip p{margin:0}.feature-strip strong{display:block;font-size:9px;letter-spacing:1.4px;margin-bottom:8px}.feature-strip small{font-size:11px;color:var(--muted)}.section{max-width:1280px;padding:70px 6%;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px;gap:20px}h2{font-family:Georgia,serif;font-size:33px;font-weight:normal;margin:12px 0 0;letter-spacing:-.6px}h2>span{color:var(--gold)}.text-button{font-size:9px;font-weight:bold;letter-spacing:1.5px;color:var(--gold);padding:9px 0}.news-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px}.news-card{text-align:left;padding:0;background:var(--panel);border:1px solid var(--line);overflow:hidden}.news-card:hover{transform:translateY(-5px);border-color:#8c603e;color:var(--white)}.news-art{height:183px;background-image:linear-gradient(0deg,#160d0755,#160d0700),url('assets/hero.png');background-size:cover;position:relative}.art-world{background-position:5% 52%}.art-combat{background-size:210%;background-position:89% 40%}.art-guild{background-size:180%;background-position:40% 15%;filter:sepia(.3)}.tag{position:absolute;left:18px;top:18px;background:#100d0bbf;border:1px solid #ba8f5855;padding:6px 9px;font-size:8px;letter-spacing:1.3px;color:#f2d8af}.art-number{position:absolute;right:16px;bottom:5px;font-family:Georgia;font-size:50px;color:#ffffff25}.news-content{padding:23px}.news-content small{font-size:7px;letter-spacing:1.3px;color:#9a8978}.news-content small span{padding:0 7px;color:var(--gold)}h3{font-family:Georgia,serif;font-weight:normal}.news-content h3{font-size:23px;line-height:1.3;margin:13px 0 10px}.news-content p{font-size:11px;line-height:1.7;color:var(--muted);min-height:36px}.read-more{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:17px;font-size:8px;letter-spacing:1.5px;color:var(--gold)}.section-note{font-size:10px;color:#8f8376;line-height:1.7;margin:17px 0 0}.world-section{display:grid;grid-template-columns:1fr 1fr;min-height:440px;background:#18120e;border-block:1px solid var(--line)}.world-art{background:linear-gradient(90deg,#110d0910,#18120e66),url('assets/hero.png') 15% 50%/cover;position:relative;overflow:hidden;min-height:350px}.vertical-label{position:absolute;left:30px;top:50px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#d8bd8d}.large-3d{position:absolute;font:210px Georgia;bottom:-35px;right:20px;color:#dfb87925}.world-copy{padding:60px 12% 45px 10%;max-width:630px}.world-copy h2{font-size:46px;line-height:1.12;margin-bottom:22px}.world-copy p{font-size:12px;line-height:1.9;color:var(--muted)}.world-copy .text-button{display:block;margin-top:22px}.world-copy .text-button span{margin-left:24px}.world-caption{font-size:7px;letter-spacing:1.5px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;color:#a78f70}.world-caption span{padding:0 10px;color:var(--gold)}.class-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #665035}.class-tabs button{font-size:24px;color:#8e7a60;padding:20px}.class-tabs button span{margin-left:10px;font-size:11px;letter-spacing:1px}.class-tabs button[aria-selected=true]{background:linear-gradient(0deg,#aa723120,transparent);color:var(--gold);border-bottom:2px solid var(--gold)}.class-detail{display:grid;grid-template-columns:1.4fr 1fr .4fr;gap:50px;align-items:center;background:linear-gradient(110deg,#201810,#151210);padding:35px 40px;border:1px solid var(--line);border-top:0}.class-detail h3{font-size:31px;margin:10px 0}.class-detail p{color:var(--muted);font-size:12px;line-height:1.9;max-width:450px}.class-stats>div{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;gap:25px;margin:15px 0}.class-stats span{color:var(--gold);letter-spacing:5px;font-size:12px}.class-emblem{font-size:88px;color:#b58b4144}.realm-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:36px;padding-top:5px}.ranking-panel h2{font-size:30px}.demo-badge{font-size:7px;letter-spacing:1px;border:1px solid #705331;padding:6px 8px;color:#b3956e;white-space:nowrap}.ranking-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line)}.ranking-tabs button{font-size:9px;letter-spacing:1px;padding:15px 0;color:var(--muted)}.ranking-tabs .selected{color:var(--gold);border-bottom:2px solid var(--gold)}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{font-weight:normal;letter-spacing:1.3px;color:#857867;font-size:8px;padding:18px 12px}td{padding:17px 12px;border-top:1px solid var(--line);color:#b9afa2}td:first-child{color:var(--gold);width:40px}td:nth-child(2){color:#e7d3b6}td:last-child{color:#938371}.realm-card{padding:30px;background:radial-gradient(ellipse at top,#69432333,transparent),#1d1711;border:1px solid #a4773933;position:relative}.realm-icon{position:absolute;right:25px;top:20px;font-size:50px;color:#ad895844}.realm-card .eyebrow{font-size:8px;margin-top:15px}.realm-card h3{font-size:36px;line-height:1.1;margin:22px 0 16px}.realm-card p{color:var(--muted);font-size:12px;line-height:1.9}.server-state{border-block:1px solid var(--line);padding:20px 0;margin:25px 0;display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:1px}.server-state b{font-weight:normal;color:var(--gold)}.realm-card .button{width:100%}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;border-top:1px solid var(--line);padding-top:55px}.faq-section h2{line-height:1.25}.faq-section>div>p{font-size:12px;line-height:1.9;color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{padding:21px 0;font-size:12px;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';color:var(--gold);font-size:16px}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 20px 22px 0}.final-cta{text-align:center;padding:65px 20px;background:radial-gradient(ellipse at bottom,#77401840,transparent 70%);border-block:1px solid var(--line)}.final-cta .eyebrow{justify-content:center}.final-cta h2{margin:17px 0 25px;font-size:37px}footer{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand img{width:130px;height:60px}footer>span{color:#86786c;font-size:9px}footer>div{display:flex;gap:20px;font-size:8px;letter-spacing:1px}footer button{padding:0;font-size:inherit;letter-spacing:inherit}dialog{background:#1c1510;color:var(--white);border:1px solid #a57940;max-width:590px;width:calc(100% - 32px);padding:45px;box-shadow:0 20px 150px #000;max-height:88vh;overflow:auto}dialog::backdrop{background:#070503d9;backdrop-filter:blur(7px)}.modal-close{position:absolute;right:15px;top:10px;font-size:28px;color:#bfa580}dialog h2{margin:15px 0 22px;font-size:34px}dialog p{font-size:13px;line-height:1.9;color:#b7a795}dialog label{display:block;font-size:11px;letter-spacing:1px;margin:24px 0 9px}dialog input{width:100%;padding:14px;background:#100d0a;border:1px solid #695037;color:var(--white);margin-bottom:20px}dialog .button{width:100%}.modal-art{width:100%;margin:10px 0}.notice{padding:15px;border:1px solid #85623655;background:#b47e1610}.modal-status{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}.modal-status span{color:var(--gold)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#ead1a2;color:#20160c;padding:16px 25px;z-index:100;box-shadow:0 4px 25px #0006;display:none;font-size:12px}
@media(min-width:1500px){.hero{height:740px}.hero-inner{padding-top:140px}}@media(max-width:1000px){.header nav{gap:18px}.news-grid{gap:12px}.news-content{padding:18px}.section{padding-left:5%;padding-right:5%}.feature-strip{padding-inline:3%}.feature-strip>div{gap:10px}.class-detail{gap:24px}.class-emblem{display:none}.class-detail{grid-template-columns:1.3fr 1fr}.realm-grid{gap:24px}.faq-section{gap:30px}footer>div{gap:12px}}@media(max-width:760px){.header{height:74px;padding:0 5%}.brand img{width:135px;height:62px}.menu-toggle{display:block;font-size:22px;margin-left:auto;margin-right:18px}.signin{font-size:8px;padding:10px 12px}.signin span{margin-left:8px}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#17110f;padding:20px 6%;height:auto;border-bottom:1px solid #7c5838}.header nav.open{display:flex;flex-direction:column;align-items:start;gap:24px}.header nav a,.header nav button{padding:5px 0}.hero{height:640px;background-position:65% center}.hero-shade{background:linear-gradient(90deg,#110b09e8,#110b0990),linear-gradient(0deg,#100e0d,transparent 60%)}.hero-inner{padding:95px 6% 70px}.hero h1{font-size:57px}.hero p{font-size:12px}.hero p br{display:none}.hero-actions{gap:10px}.button{font-size:8px;padding-inline:15px;gap:12px}.hero-bottom{font-size:7px}.hero-bottom>a{display:none}.feature-strip{grid-template-columns:1fr 1fr;gap:25px 5px;padding:25px 5%}.feature-strip>div{justify-content:start;padding-left:10px}.feature-strip>div:nth-child(2){border:0}.feature-strip strong{font-size:8px}.feature-strip small{font-size:10px}.section{padding:48px 6%}.section-heading{align-items:start}.section-heading h2{font-size:29px}.section-heading .text-button{font-size:7px;max-width:75px;line-height:1.8;text-align:right}.news-grid{grid-template-columns:1fr}.news-art{height:210px}.news-content h3 br{display:none}.news-content p{min-height:0}.news-content small{font-size:8px}.news-card{margin-bottom:10px}.world-section{grid-template-columns:1fr}.world-art{min-height:280px;background-position:center}.world-copy{padding:40px 7%}.world-copy h2{font-size:41px}.class-tabs button{padding:16px 4px;font-size:22px}.class-tabs button span{display:block;font-size:9px;margin:8px 0 0}.class-detail{padding:27px 22px;grid-template-columns:1fr;gap:12px}.class-stats{max-width:300px}.realm-grid{grid-template-columns:1fr}.realm-card{padding:30px}.faq-section{grid-template-columns:1fr;gap:20px}.final-cta h2{font-size:31px}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer>div{width:100%;justify-content:center}dialog{padding:35px 24px}.table-wrap{overflow-x:auto}td,th{padding:15px 8px}#toast{width:85%;text-align:center}.hero-meta{gap:10px;font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}