:root{
  --bg:#061019;--bg2:#0a1721;--panel:#0b1822ee;--panel2:#101e29ee;--line:#6a4a22;--line2:#bd8640;
  --gold:#e3b85f;--gold2:#ffdc8b;--red:#a52b21;--red2:#da4b31;--blue:#4aaee8;--cyan:#70dbff;
  --text:#edf3f6;--muted:#92a3ad;--green:#66d69a;--danger:#ff7768;--cream:#f2e5cf;
  --shadow:0 18px 60px rgba(0,0,0,.42);--radius:14px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Segoe UI,Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#061019 0,#07121b 45%,#0a1319 100%);color:var(--text);font-family:var(--sans);min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1440px,calc(100% - 40px));margin-inline:auto}.site-bg{position:fixed;inset:0;pointer-events:none;z-index:-3;overflow:hidden;background:radial-gradient(circle at 18% 15%,rgba(141,37,25,.14),transparent 26%),radial-gradient(circle at 82% 8%,rgba(53,124,161,.12),transparent 22%)}.site-bg span{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.12}.site-bg span:nth-child(1){background:#b93825;left:-180px;top:28%}.site-bg span:nth-child(2){background:#2e8cc1;right:-180px;top:48%}.site-bg span:nth-child(3){background:#c58d37;left:42%;bottom:-260px}
.site-header{height:74px;position:sticky;top:0;z-index:100;background:rgba(5,13,20,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(208,151,69,.25)}.header-inner{width:min(1560px,calc(100% - 30px));height:100%;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;flex-direction:column;min-width:170px;line-height:.9}.brand-main{font-family:var(--serif);font-size:25px;color:#f3c76f;text-shadow:0 2px 12px #a52b21;text-transform:uppercase;font-weight:800;letter-spacing:.5px}.brand-sub{font-size:8px;letter-spacing:5px;color:#c86d4e;margin-top:6px;text-align:center}.main-nav{display:flex;align-items:center;gap:4px;flex:1}.main-nav a{padding:27px 13px 24px;font-size:13px;text-transform:uppercase;color:#cad4d9;border-bottom:2px solid transparent;transition:.2s}.main-nav a:hover{color:#fff;border-color:var(--gold)}.header-actions{display:flex;align-items:center;gap:8px}.balance-pill{border:1px solid rgba(216,170,89,.35);background:#111d24;padding:9px 12px;border-radius:8px;color:var(--gold2);font-weight:700}.mobile-menu-btn{display:none;background:none;border:0;color:#fff;font-size:24px}
.btn{border:1px solid transparent;border-radius:8px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:.2s;color:white}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-small{padding:9px 14px;font-size:12px}.btn-red{background:linear-gradient(180deg,#cf4832,#8f201b);border-color:#e56d4b;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 22px rgba(127,31,23,.22)}.btn-gold{background:linear-gradient(180deg,#efbf66,#a76c28);border-color:#f4d38b;color:#1a1207}.btn-dark{background:#101d26;border-color:#34434b}.btn-ghost{border-color:#a87d42;background:rgba(8,18,25,.68)}.btn-hero{font-family:var(--serif);font-size:22px;background:linear-gradient(180deg,#d04d31,#8f1717);border:1px solid #f1a05c;box-shadow:0 0 0 3px #5c2e19,0 0 35px rgba(205,59,35,.35);padding:17px 42px;min-width:260px}.wide{width:100%}.text-link{color:var(--gold2);font-weight:700;font-size:13px}.center{display:block;text-align:center;margin-top:16px}
.demo-banner{background:#7d5c18;color:#fff3c7;padding:8px 20px;text-align:center;font-size:12px;font-weight:700}.flash-stack{position:fixed;right:22px;top:92px;z-index:300;display:flex;flex-direction:column;gap:9px;width:min(420px,calc(100% - 30px))}.flash{background:#0d1e29;border:1px solid #38515d;border-left:4px solid var(--blue);padding:13px 42px 13px 16px;border-radius:9px;box-shadow:var(--shadow);position:relative}.flash.success{border-left-color:var(--green)}.flash.error{border-left-color:var(--danger)}.flash.warning{border-left-color:var(--gold)}.flash button{position:absolute;right:10px;top:8px;background:none;border:0;color:#aebbc2;font-size:21px;cursor:pointer}
.hero{min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background-image:url('../img/hero.png');background-size:cover;background-position:center 22%}.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,#061019)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,14,.82) 0%,rgba(3,9,14,.28) 48%,rgba(3,9,14,.56) 100%),linear-gradient(180deg,rgba(4,12,18,.25),rgba(5,13,20,.55))}.hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:80px 0 120px}.hero-copy{max-width:790px}.eyebrow,.section-heading>span,.account-heading span,.admin-heading span,.page-hero .container>span{font-size:11px;color:#d5ad63;letter-spacing:3px;font-weight:900;text-transform:uppercase}.hero-logo{font-family:var(--serif);font-size:clamp(62px,8vw,124px);line-height:.85;margin:16px 0 18px;text-transform:uppercase;background:linear-gradient(#fff2ae,#e8ad47 45%,#9d431f 90%);-webkit-background-clip:text;color:transparent;text-shadow:0 12px 35px rgba(127,36,20,.2);filter:drop-shadow(0 4px 1px #4d1d0b)}.hero-tagline{font-family:var(--serif);font-size:30px;margin:0 0 5px}.hero-sub{color:#d7dfe3;text-transform:uppercase;letter-spacing:2px}.hero-buttons{display:flex;gap:14px;align-items:center;margin-top:28px}.hero-downloads{display:flex;gap:12px;margin-top:22px}.hero-downloads a{min-width:220px;display:flex;justify-content:space-between;align-items:center;background:rgba(4,17,26,.82);border:1px solid rgba(231,184,95,.5);padding:13px 15px;border-radius:8px}.hero-downloads b{font-size:12px}.hero-downloads small{color:#aab8bf}.glass-card{background:linear-gradient(180deg,rgba(10,24,33,.9),rgba(5,15,22,.88));backdrop-filter:blur(14px);border:1px solid rgba(215,165,78,.52);box-shadow:var(--shadow);border-radius:12px}.hero-status{padding:26px 30px;width:240px;text-align:center}.hero-status strong{display:block;font-size:46px;color:#63e9a4;margin:8px 0 0}.hero-status small{font-weight:900;letter-spacing:1px}.hero-status p{margin:8px 0 0;color:#d4dfe4}.online-dot{width:10px;height:10px;border-radius:50%;background:#3fe48b;display:inline-block;box-shadow:0 0 14px #3fe48b;margin-right:7px}.status-separator{height:1px;background:#6b4a27;margin:18px 0}
.section{padding:78px 0}.section-heading{text-align:center;margin-bottom:32px}.section-heading.left{text-align:left}.section-heading h2{font-family:var(--serif);font-size:36px;margin:8px 0 6px}.section-heading p{color:var(--muted);margin:0}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.class-card{position:relative;min-height:360px;overflow:hidden;border-radius:14px;border:1px solid #5d462b;background:linear-gradient(160deg,#121f28,#071019);display:flex;align-items:flex-end;box-shadow:var(--shadow)}.class-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 45%,rgba(203,75,35,.25),transparent 40%)}.class-card.class-fairy:before{background:radial-gradient(circle at 40% 45%,rgba(40,163,109,.22),transparent 40%)}.class-card.class-mage:before{background:radial-gradient(circle at 40% 45%,rgba(55,118,218,.25),transparent 40%)}.class-card img{height:95%;width:auto;position:absolute;left:4%;bottom:0;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.5));opacity:.92}.class-card>div{position:relative;z-index:2;width:55%;margin-left:auto;padding:30px 22px;background:linear-gradient(90deg,transparent,rgba(4,12,18,.82) 22%,rgba(4,12,18,.94))}.class-card span{font-size:10px;color:var(--gold);letter-spacing:1.7px;text-transform:uppercase}.class-card h3{font-family:var(--serif);font-size:28px;margin:6px 0}.class-card p{color:#adbbc2;font-size:13px;line-height:1.5}.class-card a{font-size:12px;color:var(--gold2);font-weight:700}.realm-section{padding-top:30px}.realm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.realm-card{height:400px;position:relative;overflow:hidden;border:1px solid #5f482b;border-radius:14px}.realm-art{position:absolute;inset:0;background-size:cover;background-position:center}.realm-card.yan .realm-art{background-image:linear-gradient(90deg,rgba(33,7,5,.2),rgba(29,7,6,.72)),url('../img/realm-yan.png')}.realm-card.lin .realm-art{background-image:linear-gradient(90deg,rgba(3,22,35,.35),rgba(3,16,28,.72)),url('../img/realm-lin.png')}.realm-content{position:absolute;inset:auto 0 0;padding:34px;background:linear-gradient(transparent,rgba(3,9,13,.96))}.realm-content span{font-size:10px;letter-spacing:2px;color:var(--gold)}.realm-content h3{font-family:var(--serif);font-size:42px;margin:6px 0;color:#ffb994}.realm-card.lin h3{color:#74d6ff}.realm-content p{max-width:540px;color:#c7d1d6;line-height:1.6}.split-section{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.news-list-home{display:grid;gap:10px}.news-home-card{background:#0a1720;border:1px solid #293943;border-radius:10px;padding:15px;display:flex;gap:18px;transition:.2s}.news-home-card:hover{border-color:#8e672e;transform:translateY(-2px)}.news-home-card.featured{min-height:220px;padding:0;overflow:hidden}.news-thumb{width:42%;min-width:240px;background-size:cover;background-position:center}.news-home-card.featured>div:last-child{padding:22px}.news-home-card h3{margin:6px 0;font-family:var(--serif);font-size:22px}.news-home-card p{color:var(--muted);font-size:13px}.news-home-card small{color:#758894}.tag{display:inline-flex;background:#802c27;color:#ffd5bc;border:1px solid #a24939;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:900;text-transform:uppercase}.tag.subtle{background:#12212b;border-color:#2e414d;color:#9fb1bc}.ranking-card{background:linear-gradient(180deg,#0b1923,#07131b);border:1px solid #694c27;border-radius:12px;padding:18px;box-shadow:var(--shadow)}.ranking-tabs{display:flex;gap:6px;margin-bottom:12px}.ranking-tabs a{background:#111f29;padding:8px 12px;border-radius:6px;color:#a9b6bd;font-size:11px;border:1px solid transparent}.ranking-tabs a.active,.ranking-tabs a:hover{background:#c18b41;color:#1d1308;border-color:#f0ca7d;font-weight:800}.ranking-list{display:grid;gap:5px;margin-bottom:14px}.rank-row{display:grid;grid-template-columns:38px 1fr auto 42px;align-items:center;gap:10px;padding:11px 8px;border-bottom:1px solid #1c2a32}.rank-no{font-family:var(--serif);font-size:20px;color:var(--gold)}.rank-name{font-weight:800}.rank-name small{display:block;font-weight:400;color:#6f8490;font-size:10px;margin-top:3px}.realm-badge{font-size:10px;border-radius:20px;padding:5px 9px;background:#15222b;color:#bbc8cf}.realm-yan{color:#ff8d78;border:1px solid rgba(207,72,51,.4)}.realm-lin{color:#75d8ff;border:1px solid rgba(64,153,205,.4)}.cta-section{padding:78px 0;text-align:center;background:linear-gradient(180deg,rgba(5,15,22,.3),rgba(5,15,22,.92)),url('../img/hero.png') center 65%/cover;border-top:1px solid #4b3823;border-bottom:1px solid #4b3823}.cta-section span{font-size:10px;letter-spacing:3px;color:var(--gold)}.cta-section h2{font-family:var(--serif);font-size:42px;margin:8px 0}.cta-section p{color:#c0cbd0;margin-bottom:28px}
.site-footer{background:#050d13;border-top:1px solid #3d3020;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:36px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid strong{font-family:var(--serif);color:#e7c277}.footer-grid a:not(.brand),.footer-grid p{color:#8497a2;font-size:13px}.footer-grid a:hover{color:#fff}.footer-brand{margin-bottom:12px}.footer-bottom{border-top:1px solid #16242c;margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;color:#5d727e;font-size:11px}
.page-hero{min-height:360px;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(5,12,18,.18),#061019),url('../img/hero.png') center 26%/cover;border-bottom:1px solid #4e3b22}.page-hero.small{min-height:285px}.page-hero .container{padding-bottom:52px}.page-hero h1{font-family:var(--serif);font-size:52px;margin:9px 0}.page-hero p{color:#c1ccd1;max-width:600px}.download-hero,.about-hero{background-position:center 36%}.article-hero{min-height:330px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:30px}.filter-tabs a{padding:9px 14px;border:1px solid #2c3c46;border-radius:6px;background:#0b1821;color:#9fb0ba;font-size:12px}.filter-tabs a.active{background:#bd833b;color:#171006;border-color:#e8bd6d;font-weight:800}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{background:#0a1720;border:1px solid #263741;border-radius:12px;overflow:hidden}.news-card-image{height:210px;background-size:cover;background-position:center;display:flex;align-items:flex-start;padding:14px}.news-card>div{padding:19px}.news-card small{color:#718591}.news-card h2{font-family:var(--serif);font-size:22px;margin:8px 0}.news-card p{color:#95a7b0;line-height:1.55}.article{max-width:1000px;margin:55px auto!important;padding:0!important;overflow:hidden}.article-cover{height:390px;background-size:cover;background-position:center}.article-body{padding:42px;font-size:16px;line-height:1.9;color:#d9e0e3;white-space:normal}.article>.text-link{display:block;padding:0 42px 40px}.ranking-card.full{padding:22px}.scroll-tabs{overflow:auto;padding-bottom:4px}.ranking-table{min-width:760px}.ranking-card.full{overflow-x:auto}.rank-head,.rank-line{display:grid;grid-template-columns:55px 1.4fr 1fr 1fr 110px 110px;gap:14px;align-items:center;padding:13px 15px}.rank-head{color:#718792;font-size:10px;text-transform:uppercase;border-bottom:1px solid #38505d}.rank-line{border-bottom:1px solid #172832}.rank-line:hover{background:#0f202b}.rank-line.podium{background:linear-gradient(90deg,rgba(204,143,53,.12),transparent)}.rank-line.podium>b{font-size:23px;color:var(--gold)}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:auto}.download-card{background:linear-gradient(180deg,#0e1d27,#08141c);border:1px solid #4b3c28;border-radius:14px;padding:34px;box-shadow:var(--shadow)}.download-card.featured{border-color:#9b6c31}.download-icon{width:64px;height:64px;border:1px solid #a77435;display:grid;place-items:center;border-radius:14px;font-size:28px;color:var(--gold);background:#111c21}.download-card>span{display:block;color:var(--gold);font-size:10px;letter-spacing:2px;margin-top:18px}.download-card h2{font-family:var(--serif);font-size:34px;margin:6px 0}.download-card p{color:#9fb0b8;line-height:1.6}.download-meta{display:flex;justify-content:space-between;color:#d8e0e3;margin:26px 0 16px;font-size:12px}.requirements{max-width:1000px;margin:24px auto;padding:28px}.requirements h3{font-family:var(--serif)}.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.req-grid p{color:#8fa2ac;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article{background:#0a1720;border:1px solid #283943;padding:24px;border-radius:12px}.feature-grid b{color:var(--gold);font-size:28px}.feature-grid h3{font-family:var(--serif);font-size:20px}.feature-grid p{color:#8ea0aa;line-height:1.6}.support-layout{display:grid;grid-template-columns:1fr 340px;gap:24px}.faq-list{display:grid;gap:10px}.faq-list details{background:#0a1720;border:1px solid #293b46;border-radius:9px;padding:17px 20px}.faq-list summary{cursor:pointer;font-weight:800;color:#e2e8eb}.faq-list p{color:#97a9b3;line-height:1.65}.support-card{padding:28px;height:max-content}.support-card h3{font-family:var(--serif);font-size:26px}.support-card p{color:#93a5ae}.support-card .btn{margin-top:10px}.empty-page{min-height:70vh;display:grid;place-items:center;text-align:center}.empty-page span{font-size:100px;font-family:var(--serif);color:#3a4f5c}.empty-page h1{font-family:var(--serif);font-size:34px}
.auth-page{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1.2fr .8fr;background:#061019}.auth-art{background:linear-gradient(90deg,rgba(5,12,17,.1),#061019 100%),url('../img/auth-bg.png') center/cover;min-height:720px}.auth-shell{display:grid;place-items:center;padding:44px}.ornate-panel,.panel{background:linear-gradient(180deg,rgba(13,28,38,.96),rgba(8,19,27,.96));border:1px solid #5e4528;border-radius:12px;box-shadow:var(--shadow);position:relative}.ornate-panel:before{content:"";position:absolute;inset:6px;border:1px solid rgba(212,164,80,.12);border-radius:8px;pointer-events:none}.auth-panel{width:min(510px,100%);padding:40px}.auth-panel.wide-form{width:min(650px,100%)}.auth-panel h1{font-family:var(--serif);font-size:34px;margin:8px 0}.auth-panel>p{color:#93a5af}.form-stack{display:grid;gap:14px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}label{display:grid;gap:7px;color:#b6c2c8;font-size:12px;font-weight:650}input,textarea,select{width:100%;background:#08151e;border:1px solid #324550;color:#edf3f6;border-radius:7px;padding:12px 13px;outline:none;transition:.15s}input:focus,textarea:focus,select:focus{border-color:#c18b45;box-shadow:0 0 0 3px rgba(193,139,69,.11)}textarea{resize:vertical}.optional{font-weight:400;color:#657b86}.password-wrap{position:relative}.password-wrap button{position:absolute;right:8px;top:7px;border:0;background:transparent;color:#8399a4;padding:7px;cursor:pointer}.check{display:flex;grid-template-columns:18px 1fr;align-items:center;gap:8px}.check input{width:16px;height:16px}.form-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px}.form-meta a,.auth-bottom a{color:var(--gold2)}.auth-bottom{text-align:center;color:#7f939d;font-size:12px;margin-top:18px}.captcha-dev{border:1px dashed #576974;color:#778d98;background:#0a151b;padding:14px;border-radius:8px;font-size:11px}.code-input{text-align:center;letter-spacing:10px;font-size:24px;font-weight:800}.dev-code{background:#3a2c16;border:1px dashed #bc8c3f;padding:12px;border-radius:7px;color:#f5d88d;text-align:center}.smart-captcha{overflow:hidden}
.account-page{padding:36px 0 80px}.account-layout{display:grid;grid-template-columns:250px 1fr;gap:22px}.account-sidebar,.admin-sidebar{background:#07131b;border:1px solid #35444c;border-radius:12px;height:max-content;position:sticky;top:96px;overflow:hidden}.account-mini{padding:18px;display:flex;gap:11px;align-items:center;border-bottom:1px solid #23343e}.avatar-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#7a2b24,#1e6c90);border:2px solid #d4a457;font-family:var(--serif);font-weight:800}.account-mini strong{display:block}.account-mini span{display:block;color:var(--gold);font-size:10px;margin-top:4px}.account-sidebar nav,.admin-sidebar nav{display:grid;padding:8px}.account-sidebar nav a,.admin-sidebar nav a{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:7px;color:#9fb0b9;font-size:12px}.account-sidebar nav a:hover,.account-sidebar nav a.active,.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:linear-gradient(90deg,#3a261a,#151d22);color:#fff;border-left:2px solid var(--gold)}.account-main,.admin-main{min-width:0}.account-heading,.admin-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:5px 0 22px}.account-heading h1,.admin-heading h1{font-family:var(--serif);font-size:34px;margin:6px 0}.account-heading p,.admin-heading p{color:#8498a3;margin:0}.account-balance{background:#0b1922;border:1px solid #5c452a;padding:12px 18px;border-radius:9px;text-align:right}.account-balance small,.account-balance span{display:block;color:#81939d;font-size:10px}.account-balance strong{color:var(--gold2);font-size:23px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.panel{padding:22px}.panel h3{font-family:var(--serif);font-size:21px;margin:0 0 15px}.profile-card dl,.security-grid dl{display:grid;gap:8px}.profile-card dl div,.security-grid dl div{display:flex;justify-content:space-between;border-bottom:1px solid #1e3039;padding:8px 0}.profile-card dt,.security-grid dt{color:#77909b;font-size:11px}.profile-card dd,.security-grid dd{margin:0;font-weight:700}.card-actions{display:flex;gap:8px;margin-top:18px}.action-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-tiles a{background:#0c1b24;border:1px solid #263b46;padding:16px;border-radius:8px;display:grid;gap:5px}.action-tiles b{font-size:22px;color:var(--gold)}.action-tiles span{font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.stats-grid article{background:#0b1922;border:1px solid #273a45;border-radius:9px;padding:18px}.stats-grid small{display:block;color:#778c97}.stats-grid strong{display:block;font-size:25px;color:#e3edf1;margin-top:5px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-title h3{margin:0}.panel-title a,.panel-title span{color:#79909c;font-size:11px}.mini-character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-character-grid article{background:#0c1c25;border:1px solid #263b45;border-radius:9px;display:flex;align-items:center;gap:10px;padding:12px}.mini-character-grid img{width:58px;height:70px;object-fit:contain}.mini-character-grid strong,.mini-character-grid span,.mini-character-grid small{display:block}.mini-character-grid span{font-size:10px;color:#8297a1;margin:3px 0}.online{color:var(--green)!important}.offline{color:#758993!important}.history-list{display:grid}.history-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #1b2c35}.history-list span small{display:block;color:#6f8691;font-size:10px;margin-top:3px}.plus{color:var(--green)}.minus{color:#f18d75}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.character-card{overflow:hidden;background:#0a1720;border:1px solid #35434b;border-radius:12px}.char-art{height:300px;position:relative;background:radial-gradient(circle at center,#293c46,#07131b);display:grid;place-items:end center}.character-card.class-warrior .char-art{background:radial-gradient(circle at center,#4c291f,#07131b)}.character-card.class-fairy .char-art{background:radial-gradient(circle at center,#164433,#07131b)}.character-card.class-mage .char-art{background:radial-gradient(circle at center,#173e68,#07131b)}.char-art img{height:95%;object-fit:contain}.char-art .status{position:absolute;left:12px;top:12px;background:#07141ddc;border:1px solid #334b56;border-radius:18px;padding:6px 10px;font-size:10px}.char-body{padding:18px}.char-title{display:flex;justify-content:space-between;align-items:center}.char-title h2{font-family:var(--serif);margin:0}.char-title span{color:var(--gold)}.char-body dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.char-body dl div{background:#0d1d26;padding:9px;border-radius:6px}.char-body dt{font-size:9px;color:#758b96}.char-body dd{margin:3px 0 0;font-size:12px;font-weight:800}.warning-strip{background:#2b2113;border:1px solid #7b5c2b;color:#e6ca8b;padding:13px 16px;border-radius:8px;margin-bottom:16px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:linear-gradient(180deg,#0c1a24,#08141c);border:1px solid #4b3b28;border-radius:11px;padding:20px;display:flex;flex-direction:column;gap:15px}.service-icon{width:54px;height:54px;border-radius:12px;background:#25180e;border:1px solid #9c6d34;display:grid;place-items:center;color:var(--gold2);font-size:26px}.service-code{font-size:8px;text-transform:uppercase;color:#627984}.service-card h2{font-family:var(--serif);font-size:22px;margin:4px 0}.service-card p{color:#899da7;font-size:12px;line-height:1.55;min-height:56px}.service-price{font-size:20px;color:var(--gold2)}.service-form{display:grid;gap:8px;margin-top:auto}.narrow-panel{max-width:560px}.ref-hero{display:flex;justify-content:space-between;align-items:center;padding:28px}.ref-hero>div:first-child{flex:1}.copy-box{display:flex;gap:8px;margin:8px 0}.copy-box input{font-size:12px}.gift-orb{font-size:60px;padding:20px}.ref-table,.history-table{display:grid;overflow-x:auto}.ref-head,.ref-table>div:not(.ref-head){display:grid;grid-template-columns:1.4fr .6fr .8fr .7fr;gap:14px;padding:12px;border-bottom:1px solid #1c2d36;align-items:center;min-width:650px}.ref-head,.history-head{color:#728994;font-size:10px;text-transform:uppercase}.ok{color:var(--green)}.pending{color:var(--gold)}.history-head,.history-table>div:not(.history-head){display:grid;grid-template-columns:150px 160px 1fr 110px;gap:14px;padding:13px;border-bottom:1px solid #1b2c35;align-items:center;min-width:760px}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.security-grid article p{color:#899ca6;line-height:1.6}.compact{gap:9px}.locked-note{background:#131d22;color:#758b96;border:1px solid #2d3b42;padding:12px;border-radius:7px}.empty-note,.empty-card{color:#708691;text-align:center;padding:25px}.empty-card{grid-column:1/-1;border:1px dashed #334650;border-radius:10px}
.admin-body{background:#071018}.admin-page{padding:30px 0 70px}.admin-layout{display:grid;grid-template-columns:235px 1fr;gap:20px}.admin-sidebar{top:92px}.admin-brand{padding:20px;border-bottom:1px solid #22343d}.admin-brand b{color:var(--gold);font-size:22px}.admin-brand span{display:block;color:#738994;font-size:10px;margin-top:3px}.admin-role{background:#111f27;border:1px solid #32444e;border-radius:8px;padding:9px 12px;color:#a9b8c0;font-size:11px}.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.admin-stats article{background:#0c1922;border:1px solid #263943;border-radius:8px;padding:17px}.admin-stats small{color:#768b96}.admin-stats strong{display:block;font-size:27px;margin-top:5px}.admin-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.admin-quick-grid a{background:#0c1922;border:1px solid #2a3b44;border-radius:9px;padding:22px;display:grid;gap:5px}.admin-quick-grid b{font-size:24px;color:var(--gold)}.admin-quick-grid strong{font-family:var(--serif);font-size:18px}.admin-quick-grid span{color:#778c97;font-size:11px}.admin-table{overflow-x:auto}.admin-table-head,.admin-table-row{display:grid;grid-template-columns:50px 1.8fr 1fr 1fr 110px 160px;gap:12px;align-items:center;padding:12px;min-width:800px}.admin-table-head{color:#748a94;text-transform:uppercase;font-size:9px;border-bottom:1px solid #39505b}.admin-table-row{border-bottom:1px solid #192b34;font-size:12px}.table-actions{display:flex;gap:8px}.table-actions a,.table-actions button{border:0;background:none;color:var(--gold);font-size:10px;cursor:pointer}.table-actions button{color:#e87968}.admin-form{display:grid;gap:15px;max-width:1000px}.admin-form h3{margin:14px 0 2px;border-bottom:1px solid #253841;padding-bottom:8px}.service-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-service-card{display:grid;gap:10px}.banner-admin-list{display:grid;gap:10px;margin-top:16px}.banner-admin-list article{display:grid;grid-template-columns:1fr 180px auto;gap:15px;align-items:center}.banner-admin-list strong,.banner-admin-list span{display:block}.banner-admin-list span{color:#718793;font-size:11px}.banner-admin-list img{width:180px;height:80px;object-fit:cover;border-radius:6px}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:16px}.compact-head{grid-template-columns:1fr .7fr .7fr 1fr;min-width:600px}.admin-login-page{min-height:calc(100vh - 74px);display:grid;place-items:center;background:linear-gradient(rgba(4,11,16,.72),rgba(4,11,16,.86)),url('../img/auth-bg.png') center/cover}.admin-login-card{width:min(470px,calc(100% - 30px));padding:38px}.admin-login-card h1{font-family:var(--serif);font-size:34px}.admin-login-card p,.admin-login-card small{color:#8499a3}.admin-login-card small{display:block;margin-top:16px}
@media (max-width:1180px){.main-nav a{padding-inline:8px;font-size:11px}.header-actions .balance-pill{display:none}.hero-content{padding-top:60px}.class-card>div{width:62%}.feature-grid{grid-template-columns:repeat(2,1fr)}.character-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-quick-grid{grid-template-columns:repeat(2,1fr)}.service-admin-grid{grid-template-columns:1fr 1fr}}
@media (max-width:920px){.site-header{height:auto;min-height:66px}.header-inner{min-height:66px;flex-wrap:wrap}.mobile-menu-btn{display:block;margin-left:auto}.main-nav{order:4;width:100%;display:none;flex-direction:column;align-items:stretch;padding-bottom:10px}.main-nav.open{display:flex}.main-nav a{padding:10px 12px;border:0;background:#0b1720;border-radius:5px}.header-actions{margin-left:0}.hero{min-height:700px}.hero-content{align-items:flex-end}.hero-status{display:none}.hero-copy{max-width:680px}.split-section,.account-layout,.admin-layout{grid-template-columns:1fr}.account-sidebar,.admin-sidebar{position:relative;top:auto}.account-sidebar nav,.admin-sidebar nav{display:flex;overflow-x:auto;white-space:nowrap}.account-mini{display:none}.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr 1fr}.support-layout{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-art{position:absolute;inset:0;min-height:100%;opacity:.42}.auth-shell{position:relative;z-index:2}.footer-grid{grid-template-columns:1fr 1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}.banner-admin-list article{grid-template-columns:1fr auto}.banner-admin-list img{display:none}}
@media (max-width:680px){.container{width:min(100% - 24px,1440px)}.header-inner{width:calc(100% - 20px)}.brand{min-width:auto}.brand-main{font-size:20px}.brand-sub{font-size:6px}.header-actions .btn-dark{display:none}.hero{min-height:650px;background-position:60% center}.hero-content{padding:70px 0 90px}.hero-logo{font-size:58px}.hero-tagline{font-size:22px}.hero-sub{font-size:10px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}.hero-downloads{display:grid}.section{padding:52px 0}.section-heading h2{font-size:29px}.class-grid,.realm-grid,.news-grid,.download-grid,.character-grid,.service-grid,.security-grid,.admin-two-col,.service-admin-grid{grid-template-columns:1fr}.class-card{min-height:330px}.realm-card{height:330px}.split-section{gap:5px}.news-home-card.featured{display:block}.news-thumb{width:100%;height:170px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.page-hero{min-height:270px}.page-hero h1{font-size:38px}.form-grid.two{grid-template-columns:1fr}.auth-shell{padding:24px 12px}.auth-panel{padding:28px 20px}.stats-grid{grid-template-columns:1fr 1fr}.mini-character-grid{grid-template-columns:1fr}.account-heading,.admin-heading{align-items:flex-start;gap:12px}.account-heading h1,.admin-heading h1{font-size:29px}.account-balance{display:none}.char-art{height:280px}.ref-hero{display:block}.gift-orb{display:none}.copy-box{display:grid}.feature-grid{grid-template-columns:1fr}.req-grid{grid-template-columns:1fr}.admin-stats,.admin-quick-grid{grid-template-columns:1fr}.header-actions .btn-red{padding:8px 10px;font-size:10px}.header-actions{margin-left:auto}.mobile-menu-btn{margin-left:0}.flash-stack{right:10px;top:80px}.ranking-card.full{padding:12px}}
.topup-placeholder{text-align:center;padding:55px 30px}.topup-placeholder .service-icon{margin:0 auto 16px}.topup-placeholder h2{font-family:var(--serif);font-size:30px}.topup-placeholder p{max-width:640px;margin:0 auto 25px;color:#8fa3ad;line-height:1.6}.fake-packages{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:24px}.fake-packages span{border:1px solid #344952;background:#0c1a23;border-radius:7px;padding:10px 14px;color:#879ba6}.topup-placeholder button[disabled]{opacity:.55;cursor:not-allowed}
.promo-strip{margin-top:-72px;position:relative;z-index:5}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.promo-card{min-height:120px;border:1px solid #6a4c29;border-radius:10px;background:linear-gradient(135deg,#15232b,#0b151b);background-size:cover;background-position:center;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;box-shadow:var(--shadow)}.promo-card div{display:grid;gap:4px}.promo-card span{font-size:8px;letter-spacing:2px;color:var(--gold)}.promo-card strong{font-family:var(--serif);font-size:20px}.promo-card small{color:#94a6ae;max-width:420px}.promo-card>b{font-size:11px;color:var(--gold2);white-space:nowrap}@media(max-width:920px){.promo-grid{grid-template-columns:1fr}.promo-strip{margin-top:-45px}}