:root{--gold: #e2b550;--gold-bright: #f0c96a;--gold-dark: #9a7b2e;--blue-deep: #070d20;--blue-panel: #0d1733;--blue-line: rgba(226, 181, 80, .25);--text: #e8e6df;--muted: #9aa3b8;--alliance: #3d6fb4;--horde: #b03a2e;--sidebar-w: 248px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--blue-deep);overflow-x:hidden}h1,h2,h3,.logo-title{font-family:Cinzel,serif}.muted{color:var(--muted)}.small{font-size:.82rem}.on{color:#5fe08a}.off{color:#ff6b5e}.blue{color:var(--alliance)}.red{color:var(--horde)}.app{position:relative;min-height:100vh;background:radial-gradient(1200px 600px at 85% -10%,rgba(40,70,160,.22),transparent 60%),radial-gradient(1000px 700px at -10% 30%,rgba(160,110,30,.14),transparent 60%),radial-gradient(900px 900px at 50% 110%,rgba(20,40,110,.25),transparent 65%),linear-gradient(180deg,#060a18,#0a1226 45%,#070d20);background-attachment:fixed}.particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:50;display:flex;flex-direction:column;gap:18px;padding:26px 18px;background:linear-gradient(180deg,#0a1026eb,#060a18f5);border-right:1px solid var(--blue-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:8px 0 40px #00000080}.logo{display:flex;align-items:center;gap:10px}.logo img{width:46px;height:46px;border-radius:10px}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1.15rem;font-weight:900;letter-spacing:2px;background:linear-gradient(180deg,var(--gold-bright),var(--gold-dark));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(226,181,80,.35)}.logo-sub{font-size:.58rem;letter-spacing:2.5px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text);font-size:.95rem;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;transition:all .25s ease;text-align:left}.nav-icon{color:var(--gold);font-size:.6rem;opacity:.6;transition:opacity .25s}.nav-link:hover{background:linear-gradient(90deg,rgba(226,181,80,.12),transparent);border-color:var(--blue-line);transform:translate(6px);text-shadow:0 0 14px rgba(226,181,80,.5)}.nav-link:hover .nav-icon{opacity:1}.sidebar-status{border:1px solid var(--blue-line);border-radius:12px;padding:12px;background:#0d173399;font-size:.82rem}.dot-row{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#666;box-shadow:0 0 6px #666}.dot-on{background:#5fe08a;box-shadow:0 0 10px #5fe08a;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.5}}.mini-count,.mini-version{margin-top:6px;color:var(--muted)}.login-btn{padding:11px;border-radius:10px;border:1px solid var(--blue-line);background:linear-gradient(180deg,#13234e,#0c1735);color:var(--gold-bright);font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .25s}.login-btn:hover{box-shadow:0 0 22px #e2b55059;transform:translateY(-2px)}.main{margin-left:var(--sidebar-w);position:relative;z-index:1}.hero{position:relative;min-height:88vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background-size:cover;background-position:center;filter:saturate(1.05);animation:slowZoom 24s ease-in-out infinite alternate}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(6,10,24,.9) 0%,rgba(6,10,24,.35) 45%,transparent 70%),linear-gradient(0deg,var(--blue-deep) 0%,transparent 30%),linear-gradient(180deg,rgba(6,10,24,.6) 0%,transparent 25%)}.hero-character{position:absolute;right:2%;bottom:0;max-height:82%;filter:drop-shadow(0 0 60px rgba(226,181,80,.25));animation:floatChar 6s ease-in-out infinite alternate}@keyframes floatChar{0%{transform:translateY(0)}to{transform:translateY(-14px)}}.hero-content{position:relative;padding:0 6%;max-width:760px}.hero-title{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:900;line-height:1.05;letter-spacing:2px;text-shadow:0 6px 30px rgba(0,0,0,.8)}.hero-title span{background:linear-gradient(180deg,var(--gold-bright),var(--gold-dark));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin-top:18px;max-width:520px;color:#c9d1e6;font-size:1.05rem}.hero-actions{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap}.btn-gold{padding:13px 30px;border:none;border-radius:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1a1204;background:linear-gradient(180deg,var(--gold-bright),var(--gold-dark));box-shadow:0 6px 24px #e2b55059,inset 0 1px #fff6;cursor:pointer;transition:all .25s;text-decoration:none;display:inline-block;text-align:center}.btn-gold:hover{transform:translateY(-3px);box-shadow:0 10px 34px #e2b55080}.btn-gold:disabled{opacity:.6;cursor:wait}.btn-ghost{padding:13px 30px;border-radius:8px;border:1px solid var(--blue-line);background:#0a10268c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .25s}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-bright)}.small-btn{padding:8px 16px;font-size:.8rem}.hero-features{position:relative;margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--blue-line);background:#060a1899;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature{padding:16px 22px;display:flex;flex-direction:column;gap:3px;border-right:1px solid rgba(255,255,255,.05)}.feature strong{color:var(--gold-bright);font-size:.9rem}.feature span{color:var(--muted);font-size:.78rem}.section{padding:70px 6%;position:relative}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.section h2{font-size:1.9rem;letter-spacing:1.5px;position:relative;padding-left:18px}.section h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:70%;background:linear-gradient(180deg,var(--gold-bright),var(--gold-dark));border-radius:4px;box-shadow:0 0 12px #e2b55099}.glass{background:linear-gradient(160deg,#0d1733bf,#070d20d9);border:1px solid var(--blue-line);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 50px #00000073}.tilt{transition:transform .35s cubic-bezier(.2,.9,.3,1.2),box-shadow .35s}.tilt:hover{transform:perspective(900px) translateY(-6px) rotateX(2.5deg);box-shadow:0 26px 60px #0000008c,0 0 30px #e2b5501f}.register{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:stretch}.register-panel{padding:34px}.register-panel h2{padding-left:0;font-size:1.7rem}.register-panel .muted{margin:6px 0 20px}.register-panel form{display:flex;flex-direction:column;gap:14px}.register-panel label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--muted)}.register-panel input[type=text],.register-panel input[type=email],.register-panel input[type=password],.register-panel input:not([type]){padding:12px 14px;border-radius:8px;border:1px solid rgba(226,181,80,.2);background:#060a18b3;color:var(--text);font-size:.95rem;transition:all .2s}.register-panel input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #e2b55026,0 0 18px #e2b55033}.terms{flex-direction:row!important;align-items:center;gap:10px!important;color:var(--muted);font-size:.78rem}.success-box{padding:14px;border-radius:10px;border:1px solid rgba(95,224,138,.4);background:#5fe08a14;color:#bfeccf;font-size:.9rem;margin-bottom:16px}.error-box{padding:12px 14px;border-radius:10px;border:1px solid rgba(255,107,94,.45);background:#ff6b5e14;color:#ffb9b2;font-size:.88rem}.faction-panel{display:flex;flex-direction:column;gap:20px}.faction-head{font-size:1.5rem}.factions{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1}.faction-card{position:relative;border-radius:14px;overflow:hidden;border:2px solid transparent;cursor:pointer;background:none;text-align:left;transition:all .3s;padding:0}.faction-card.selected{border-color:var(--gold);box-shadow:0 0 34px #e2b55059}.faction-img{height:100%;min-height:280px;background-size:cover;background-position:center top;transition:transform .5s}.faction-card:hover .faction-img{transform:scale(1.06)}.faction-info{position:absolute;left:0;right:0;bottom:0;padding:22px 16px 16px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(0deg,rgba(4,7,18,.95),transparent)}.faction-a .faction-info strong{color:var(--alliance);font-size:1.2rem;letter-spacing:2px}.faction-h .faction-info strong{color:var(--horde);font-size:1.2rem;letter-spacing:2px}.faction-info span{color:var(--muted);font-size:.85rem}.search{padding:10px 16px;width:300px;max-width:60vw;border-radius:10px;border:1px solid var(--blue-line);background:#0d1733b3;color:var(--text)}.search:focus{outline:none;border-color:var(--gold);box-shadow:0 0 14px #e2b55040}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}.market-card{overflow:hidden}.market-img{height:150px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1e306e80,#060a18e6)}.market-img img{max-height:120px;max-width:120px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.7))}.market-info{padding:14px;display:flex;flex-direction:column;gap:8px}.market-info strong{min-height:40px;font-size:.92rem}.qtag{width:10px;height:10px;border-radius:50%;display:inline-block}.q-poor{background:#9d9d9d}.q-common{background:#fff}.q-uncommon{background:#1eff00}.q-rare{background:#0070dd}.q-epic{background:#a335ee}.q-legendary{background:#ff8000}.q-artifact{background:#e6cc80}.q-heirloom{background:#0cf}.price{color:var(--gold-bright);font-weight:700;letter-spacing:.5px}.admin-zone{margin-top:34px}.admin-form{margin-top:14px;padding:22px;display:flex;flex-direction:column;gap:12px}.admin-form input{padding:10px 12px;border-radius:8px;border:1px solid var(--blue-line);background:#060a18b3;color:var(--text)}.admin-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-row input{grid-column:span 1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040712bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:420px;max-width:92vw;padding:28px;display:flex;flex-direction:column;gap:14px}.modal form{display:flex;flex-direction:column;gap:12px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--muted)}.modal input{padding:11px 13px;border-radius:8px;border:1px solid var(--blue-line);background:#060a18bf;color:var(--text)}.community{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:center}.community-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.14;pointer-events:none}.community-left{position:relative}.community-left h2{font-size:2rem}.community-left p{margin:16px 0 22px;color:#c9d1e6;max-width:460px;line-height:1.6}.community-cards{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat-card{padding:22px;display:flex;flex-direction:column;gap:8px}.stat-icon{font-size:1.6rem;filter:drop-shadow(0 0 10px rgba(226,181,80,.4))}.stat-card strong{color:var(--gold-bright);letter-spacing:1px}.stat-value{font-size:1.7rem;font-weight:700;font-family:Cinzel,serif}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.news-card{overflow:hidden;display:flex;flex-direction:column}.news-img{height:160px;background-size:cover;background-position:center}.news-body{padding:18px;display:flex;flex-direction:column;gap:10px}.cat{align-self:flex-start;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:1px}.cat-blue{background:#3d6fb440;color:#9cc2ff}.cat-orange{background:#e2963c40;color:#ffd39c}.cat-red{background:#c83c3c40;color:#ffb0a8}.news-body h3{font-size:1.05rem}.news-body p{color:var(--muted);font-size:.88rem;line-height:1.5}.statusbar{display:flex;align-items:center;gap:34px;flex-wrap:wrap;margin:30px 6%;padding:20px 26px;border:1px solid var(--blue-line);border-radius:14px;background:linear-gradient(90deg,#0d1733d9,#070d20d9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-item{display:flex;flex-direction:column;gap:4px}.status-item strong{font-size:1.15rem}.statusbar .btn-gold{margin-left:auto}.footer{margin-top:60px;padding:34px 6%;border-top:1px solid var(--blue-line);display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:#060a1899}.footer-logo{display:flex;flex-direction:column}.footer-logo strong{color:var(--gold-bright);letter-spacing:2px}.footer-nav{display:flex;gap:18px;flex-wrap:wrap}.footer-nav button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.88rem}.footer-nav button:hover{color:var(--gold-bright)}.footer-social{display:flex;gap:12px;margin-left:auto;font-size:1.2rem}@media (max-width: 900px){.sidebar{width:70px;padding:18px 8px}.logo-text,.nav-link{font-size:0}.logo img{width:38px;height:38px}.sidebar-status,.login-btn{display:none}.main{margin-left:70px}.hero-features{grid-template-columns:1fr 1fr}.register,.community,.factions{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr 1fr}.hero-character{opacity:.45}}.nav-link.active{background:linear-gradient(90deg,#e2b5502e,#e2b5500a);border-color:#e2b55080;color:var(--gold-bright);text-shadow:0 0 16px rgba(226,181,80,.6);box-shadow:inset 0 0 18px #e2b55014}.nav-link.active .nav-icon{opacity:1}.page{animation:pageIn .4s cubic-bezier(.2,.8,.3,1)}@keyframes pageIn{0%{opacity:0;transform:translateY(18px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.download-card{padding:28px;display:flex;flex-direction:column;gap:14px}.download-card h3{color:var(--gold-bright);letter-spacing:1px}.download-card p{line-height:1.6}.steps{margin-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}.steps code,.realmlist code{color:var(--gold-bright)}.realmlist{padding:14px 18px;border-radius:10px;border:1px solid rgba(226,181,80,.35);background:#060a18cc;color:var(--gold-bright);font-size:.95rem;letter-spacing:1px;box-shadow:inset 0 0 24px #e2b55014}.mail{color:var(--gold-bright);font-size:1.1rem;letter-spacing:1px}.faq{list-style:none;display:flex;flex-direction:column;gap:12px}.faq li{color:var(--muted);font-size:.9rem;line-height:1.5}.faq strong{color:var(--text)}.user-box{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--blue-line);border-radius:12px;background:#0d173399}.user-name{color:var(--gold-bright);font-weight:700;letter-spacing:1px;word-break:break-all}.char-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.char-card{position:relative;padding:22px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;cursor:pointer;border:1px solid var(--blue-line);color:var(--text);text-align:left}.char-card:hover{border-color:var(--gold)}.char-avatar{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:1.6rem;font-weight:900;color:#1a1204;background:linear-gradient(160deg,var(--gold-bright),var(--gold-dark));box-shadow:0 6px 18px #e2b55059}.level-badge{position:absolute;top:18px;right:18px;padding:3px 10px;border-radius:20px;background:#e2b55026;border:1px solid rgba(226,181,80,.4);color:var(--gold-bright);font-weight:700;font-size:.85rem}.char-sheet{display:flex;flex-direction:column;gap:22px}.char-header{display:flex;align-items:center;gap:22px;padding:26px}.char-header h2{font-size:1.8rem}.char-header .char-avatar{width:72px;height:72px;font-size:2rem}.char-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.equip-col,.bag{padding:20px}.equip-col h3,.bag h4{color:var(--gold-bright);margin-bottom:14px;letter-spacing:1px}.equip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.equip-slot{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#060a1880}.equip-slot strong{font-size:.82rem}.bags-col{display:flex;flex-direction:column;gap:16px}.bag-items{display:flex;flex-direction:column;gap:6px}.bag-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:#060a1873}.empty-char{padding:34px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}@media (max-width: 900px){.char-grid{grid-template-columns:1fr}.user-box .btn-ghost{font-size:0}}