:root{
 --bg:#02070c;--bg2:#06111b;--panel:#07121c;--panel2:#0a1823;--line:#2f5670;
 --gold:#d4a64b;--gold2:#f2d38a;--gold-dark:#71501f;--ice:#51cfff;--ice2:#9be8ff;
 --text:#e8edf1;--muted:#99a5ad;--green:#83dc4b;--red:#b93c28;
 --shadow:0 18px 60px rgba(0,0,0,.55)
}

/* Admin category switcher: keep the control page compact without moving forms. */
.admin-category-nav{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin-top:22px;
 padding:12px;
 position:sticky;
 top:72px;
 z-index:35;
 border:1px solid rgba(67,132,165,.46);
 background:rgba(3,16,26,.96);
 box-shadow:0 14px 34px rgba(0,0,0,.32);
 backdrop-filter:blur(12px)
}
.admin-category-nav button{
 flex:1 1 150px;
 min-height:42px;
 padding:9px 14px;
 border:1px solid rgba(68,125,153,.56);
 background:#071a28;
 color:#91aab7;
 font-family:inherit;
 font-size:12px;
 font-weight:700;
 line-height:1.2;
 letter-spacing:.04em;
 text-transform:uppercase;
 cursor:pointer;
 transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease
}
.admin-category-nav button:hover{
 border-color:#4dbcea;
 color:#dff6ff;
 transform:translateY(-1px)
}
.admin-category-nav button.active{
 border-color:#48bcec;
 background:linear-gradient(180deg,#0c4770,#0b3552);
 color:#fff;
 box-shadow:inset 0 0 0 1px rgba(129,214,250,.13),0 6px 18px rgba(0,93,143,.22)
}
[data-admin-category][hidden]{display:none!important}
@media(max-width:720px){
 .admin-category-nav{position:static;gap:6px}
 .admin-category-nav button{flex-basis:calc(50% - 6px);font-size:11px}
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:15px/1.55 "Segoe UI Variable","Segoe UI",Arial,sans-serif;background:#02070c url('../img/page-bg.jpg') center top/cover fixed no-repeat}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,4,8,.12),rgba(0,4,8,.36) 46%,rgba(0,4,8,.88) 100%)}.site-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 0,rgba(40,112,153,.18),transparent 48%),linear-gradient(90deg,rgba(0,5,9,.5),transparent 22%,transparent 78%,rgba(0,5,9,.52))}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell,.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}main{min-height:62vh}

/* Header */
.site-header{position:relative;z-index:30;padding-top:8px}.header-top{height:138px;display:flex;align-items:flex-start;justify-content:space-between;position:relative}.brand-logo{display:block;width:390px;max-width:48vw;height:138px;overflow:hidden;mix-blend-mode:screen;filter:drop-shadow(0 7px 18px #000)}.brand-logo img{width:100%;height:100%;object-fit:cover;object-position:center}.header-actions{display:flex;align-items:center;gap:18px;padding-top:10px}.lang-switch{display:flex;gap:7px;align-items:center;font-family:Segoe UI,Arial,sans-serif;font-size:12px;color:#9ca7ae}.lang-switch a{padding:7px 4px}.lang-switch a.active,.lang-switch a:hover{color:var(--gold2)}.account-button{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;gap:10px;border:1px solid #b68638;outline:1px solid rgba(0,0,0,.7);box-shadow:inset 0 0 0 2px rgba(240,195,94,.09),0 8px 25px #0008;background:linear-gradient(180deg,rgba(22,24,24,.96),rgba(8,10,11,.98));color:#f0dcaa;font-size:13px;letter-spacing:.5px}.account-button:hover{border-color:#f0c96d;color:#fff0c4}.account-icon{font-size:20px;color:#d8bb7a}.nav-wrap{position:relative}.nav-wrap:before,.nav-wrap:after{content:"";position:absolute;top:50%;width:24px;height:24px;border:1px solid #9b6b2b;background:#07111a;transform:translateY(-50%) rotate(45deg);z-index:2}.nav-wrap:before{left:-9px}.nav-wrap:after{right:-9px}.main-nav{height:50px;display:flex;align-items:stretch;justify-content:center;border-top:1px solid #7f5e31;border-bottom:1px solid #8c6533;background:linear-gradient(180deg,rgba(10,27,40,.96),rgba(3,13,22,.98));box-shadow:0 7px 28px rgba(0,0,0,.55),inset 0 1px rgba(116,192,228,.08);position:relative}.main-nav a{min-width:150px;display:grid;place-items:center;position:relative;color:#e4e8eb;font-family:Segoe UI,Arial,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.25px}.main-nav a:after{content:"";position:absolute;bottom:-1px;left:21%;right:21%;height:2px;background:transparent;box-shadow:none}.main-nav a:hover,.main-nav a.active{color:#f1d37d}.main-nav a.active:after{background:#f0ba48;box-shadow:0 0 10px #f0b447}

/* Homepage */
.home-shell{padding-top:18px;padding-bottom:14px}.hero-v2{height:410px;position:relative;overflow:hidden;border:1px solid #6e5430;outline:1px solid rgba(5,13,20,.88);box-shadow:var(--shadow),inset 0 0 0 1px rgba(122,194,224,.13);background-image:linear-gradient(90deg,rgba(3,11,18,.99) 0%,rgba(3,11,18,.95) 24%,rgba(3,11,18,.68) 48%,rgba(3,11,18,.16) 72%,rgba(3,11,18,.08) 100%),url('../img/hero-wotlk.jpg');background-size:cover;background-position:center}.hero-v2:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(53,113,148,.08),transparent 50%,rgba(0,4,8,.28))}.hero-v2:after{content:"";position:absolute;inset:10px;border:1px solid rgba(184,144,69,.19);pointer-events:none}.hero-copy{position:relative;z-index:2;width:56%;padding:58px 0 0 92px;text-shadow:0 2px 8px #000}.hero-kicker{font-family:Segoe UI,Arial,sans-serif;font-size:10px;letter-spacing:3px;color:#7eacc7;margin-bottom:14px}.hero-copy h1{margin:0;font-weight:400;font-size:51px;line-height:1.02;letter-spacing:.5px;color:#f0f2f3}.hero-copy h1 em{font-style:normal;color:#52d3ff;text-shadow:0 0 18px rgba(41,183,235,.18)}.hero-copy p{margin:20px 0 26px;color:#d7dce0;font-family:Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.65}.gold-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 22px;border:1px solid #ba8130;box-shadow:inset 0 0 0 1px rgba(255,220,136,.14),0 7px 20px #0008;background:linear-gradient(180deg,#4a3213,#201307);color:#f3d98f;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:13px;letter-spacing:.45px;cursor:pointer}.gold-button:hover{background:linear-gradient(180deg,#6a481b,#2d1a09);color:#fff0bb;border-color:#e8b758}
.server-status{margin-top:10px;border:1px solid #846033;background:rgba(3,12,19,.96);box-shadow:0 12px 35px #0008}.status-title{text-align:center;height:30px;line-height:30px;border-bottom:1px solid #574528;color:#ecdfbd;font-size:14px;letter-spacing:.6px;background:linear-gradient(180deg,rgba(20,41,54,.68),rgba(5,16,23,.4))}.status-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:8px 28px 10px}.status-cell{min-height:66px;display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid rgba(93,123,141,.2);font-family:Segoe UI,Arial,sans-serif}.status-cell:last-child{border-right:0}.status-cell small{display:block;color:#e7e1d4;font-size:11px;text-transform:uppercase;letter-spacing:.45px}.status-cell strong{display:block;margin-top:2px;color:#f0f0eb;font-size:20px;font-weight:400}.status-cell .online-number{color:var(--green)}.status-symbol{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #516574;color:#81909b;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-weight:bold;font-size:17px}.status-symbol.alliance{border-color:#77715e;color:#b1b5a7}.status-symbol.horde{border-color:#733426;color:#c34a30}.home-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:11px}.home-tile{position:relative;height:247px;overflow:hidden;border:1px solid #8a6431;box-shadow:0 12px 34px rgba(0,0,0,.5);background-size:cover;background-position:center}.home-tile:after{content:"";position:absolute;inset:7px;border:1px solid rgba(217,174,87,.13);pointer-events:none}.tile-news{background-image:url('../img/tile-news.jpg')}.tile-rankings{background-image:url('../img/tile-rankings.jpg')}.tile-vote{background-image:url('../img/tile-vote.jpg')}.tile-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,9,14,.03) 0,rgba(2,7,11,.18) 32%,rgba(2,7,11,.91) 74%,rgba(2,7,11,.98) 100%);transition:.25s}.home-tile:hover .tile-overlay{background:linear-gradient(180deg,rgba(2,9,14,0),rgba(2,7,11,.1) 30%,rgba(2,7,11,.82) 73%,rgba(2,7,11,.97))}.home-tile:hover{border-color:#c99642}.tile-content{position:absolute;left:28px;right:28px;bottom:20px;z-index:2}.tile-content span{font:9px Segoe UI,Arial,sans-serif;letter-spacing:1.8px;color:#83c7e5}.tile-content h2{font-size:20px;font-weight:400;margin:3px 0 1px;color:#f3eee1}.tile-content p{font:12px/1.45 Segoe UI,Arial,sans-serif;color:#d0d2d2;margin:0 0 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-content b{display:inline-flex;border:1px solid #a8752f;padding:7px 26px;background:rgba(14,11,7,.74);color:#ebc86e;font-size:11px;font-weight:400}

/* Generic pages */
.page-hero{margin-top:22px;padding:58px 0 46px;border-top:1px solid #6d512d;border-bottom:1px solid #795a31;background:linear-gradient(90deg,rgba(3,12,18,.94),rgba(7,27,39,.78),rgba(3,12,18,.94)),url('../img/hero-wotlk.jpg') center 55%/cover;box-shadow:0 14px 40px rgba(0,0,0,.45)}.page-hero.compact{padding:44px 0 35px}.page-hero span,.kicker,.section-head span{font-family:Segoe UI,Arial,sans-serif;font-size:9px;letter-spacing:2.5px;color:#75c8eb}.page-hero h1{font-size:46px;font-weight:400;margin:4px 0 8px;color:#f2eadc}.page-hero p{margin:0;max-width:740px;color:#c4cbd0;font-family:Segoe UI,Arial,sans-serif}.page-space{margin-top:34px;margin-bottom:58px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:34px auto 17px}.section-head.mini{margin-top:0}.section-head h2{font-size:28px;font-weight:400;margin:5px 0 0}.section-head>a{color:#e8c16e;font-family:Segoe UI,Arial,sans-serif;font-size:12px}.cards{display:grid;gap:15px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.panel,.news-card,.product-card,.steps article{border:1px solid #5e4a2d;background:linear-gradient(145deg,rgba(8,23,33,.97),rgba(3,12,19,.98));box-shadow:var(--shadow);position:relative}.panel:before,.news-card:before,.product-card:before,.steps article:before{content:"";position:absolute;inset:6px;border:1px solid rgba(94,153,184,.07);pointer-events:none}.news-card{padding:27px;min-height:190px}.news-card.wide{min-height:0}.news-card time{font-family:Segoe UI,Arial,sans-serif;font-size:10px;color:#68b9db}.news-card h2,.news-card h3,.panel h2{font-weight:400;color:#f1eadb}.news-card h2{font-size:25px;margin:7px 0}.news-card h3{font-size:21px;margin:9px 0}.news-card p,.panel p{color:#aeb9c1;font-family:Segoe UI,Arial,sans-serif}.focus-panel{padding:34px;display:flex;align-items:center;gap:30px}.panel-emblem{flex:0 0 86px;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;border:1px solid #b37f30;color:#f2c965;font-size:36px;box-shadow:inset 0 0 22px rgba(212,166,75,.11)}.focus-panel h2{font-size:31px;margin:0 0 4px}.focus-panel .gold-button{margin-top:10px}.support-card{padding:31px}.support-card>b{font-size:42px;color:rgba(82,183,226,.24)}

/* Forms / auth */
.auth-shell{min-height:620px;display:grid;place-items:center;padding:58px 18px}.form-card{width:min(500px,100%);padding:38px}.form-card h1{font-size:42px;font-weight:400;margin:4px 0}.form-card>p{font-family:Segoe UI,Arial,sans-serif;color:#96a5af}.form-card label,.stack label{display:grid;gap:6px;margin:14px 0;color:#bcc5ca;font-family:Segoe UI,Arial,sans-serif;font-size:11px}.form-card input,.stack input,.stack textarea,.stack select,.product-card select{width:100%;padding:13px 14px;border:1px solid #365066;background:#030b11;color:#f3f4f5;outline:none}.form-card input:focus,.stack input:focus,.stack textarea:focus,.stack select:focus,.product-card select:focus{border-color:#b08036;box-shadow:0 0 0 2px rgba(187,131,51,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 20px;border:1px solid #755927;background:#0b1520;color:#e5e9eb;cursor:pointer}.btn.primary{border-color:#b68130;background:linear-gradient(180deg,#4a3213,#201307);color:#f1d68a}.btn.ghost{border-color:#446177;background:#06111a}.form-card .btn{width:100%;margin:8px 0 13px}.form-card small{font-family:Segoe UI,Arial,sans-serif;color:#82939f}.form-card small a{color:#e2bd69}

/* Account / shop */
.account-grid{display:grid;grid-template-columns:1fr 330px;gap:25px}.character-list{display:grid;gap:10px}.character-list article{display:flex;gap:15px;align-items:center;padding:16px 18px;border:1px solid #40566a;background:rgba(3,13,20,.91)}.avatar{width:46px;height:46px;display:grid;place-items:center;border:1px solid #aa7a31;background:radial-gradient(circle,#163e58,#07131d);color:#f0d38a;font-size:22px}.character-list h3{margin:0;font-weight:400;font-size:19px}.character-list p{margin:3px 0;color:#8fa0ab;font-family:Segoe UI,Arial,sans-serif}.balance-card{padding:28px;text-align:center;height:max-content;position:sticky;top:18px}.balance-card small{display:block;font-family:Segoe UI,Arial,sans-serif;letter-spacing:1.6px;color:#8fa0ac}.balance-card strong{display:block;font-size:56px;font-weight:400;color:#f1d27b;line-height:1;margin-top:15px}.balance-card span{font-family:Segoe UI,Arial,sans-serif;color:#7d909c}.balance-card .btn{width:100%;margin-top:22px}.logout-form{margin-top:10px}.text-btn,.danger{border:0;background:none;color:#dfbd6a;cursor:pointer;padding:7px}.danger{color:#e17676}.shop-grid{margin-bottom:45px}.product-card{padding:24px;display:flex;flex-direction:column;gap:16px}.product-card h3{margin:0 0 5px;font-weight:400;font-size:20px}.product-card p{margin:0}.product-card>strong{font-size:26px;color:#f1cf77;font-weight:400}.product-card>strong small{font:10px Segoe UI,Arial,sans-serif;color:#8d9ca5}.product-card form{display:grid;gap:9px;margin-top:auto}.item-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #aa7b32;background:#07141f;color:#eccb73;font-size:23px}

/* Tables / steps / admin */
.table-wrap{overflow:auto;border:1px solid #5d4a2e;background:rgba(3,12,18,.95);box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;min-width:680px;font-family:Segoe UI,Arial,sans-serif}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(92,119,136,.2)}th{color:#d8c18d;font-size:9px;letter-spacing:1.3px;text-transform:uppercase;background:#07131c}td{color:#bbc5ca}tbody tr:last-child td{border-bottom:0}.status{display:inline-block;padding:4px 8px;border:1px solid #405360;font-size:10px}.status.delivered{border-color:#356f4c;color:#78dfa3}.status.pending{border-color:#7a6230;color:#e7c972}.status.failed{border-color:#7b3838;color:#ee8d8d}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.steps article{padding:29px;min-height:190px}.steps article>b{font-size:41px;color:rgba(98,181,220,.25)}.steps h3{font-size:20px;font-weight:400}.steps p{font-family:Segoe UI,Arial,sans-serif;color:#9eadb6}.steps code{display:block;margin-top:16px;padding:14px;border:1px solid #5c492d;background:#030b11;color:#f1d17a}.warning{padding:20px 24px;border:1px solid #765d2e;background:rgba(31,24,11,.92);margin-bottom:55px}.warning strong{color:#f0cd77}.warning p{margin:4px 0;color:#bda87a;font-family:Segoe UI,Arial,sans-serif}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.admin-stats div{border:1px solid #5a472c;background:rgba(5,16,24,.94);padding:21px}.admin-stats small{display:block;color:#8598a4;font-family:Segoe UI,Arial,sans-serif}.admin-stats b{font-size:31px;font-weight:400}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-grid .panel,.container>.panel{padding:27px}.stack{display:grid;gap:4px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.admin-list>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(76,105,123,.25)}.admin-list form{margin:0}.muted{color:#82939e;font-family:Segoe UI,Arial,sans-serif}

/* Notifications */
.flash{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:80;width:min(680px,calc(100% - 30px));padding:13px 17px;border:1px solid #715a32;background:#06131d;box-shadow:var(--shadow);font-family:Segoe UI,Arial,sans-serif;opacity:1;transition:opacity .5s ease,transform .5s ease;will-change:opacity,transform}.flash.is-hiding{opacity:0;transform:translate(-50%,-10px);pointer-events:none}.flash.success{border-color:#3d794f;color:#8ce6ad}.flash.error{border-color:#7a3838;color:#f0a0a0}

/* Footer */
.site-footer{margin-top:0;border-top:1px solid #76562f;background:rgba(1,6,10,.94);box-shadow:0 -8px 30px rgba(0,0,0,.35)}.footer-inner{min-height:85px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.footer-brand{display:grid}.footer-brand strong{font-size:27px;font-weight:400;color:#d2a85c;letter-spacing:1px}.footer-brand small{font:9px Segoe UI,Arial,sans-serif;color:#74818a}.footer-center{display:flex;gap:30px;font-family:Segoe UI,Arial,sans-serif;font-size:11px;color:#9099a0}.footer-center a:hover{color:#e1c06e}.footer-realm{text-align:right}.footer-realm span{display:block;font:9px Segoe UI,Arial,sans-serif;color:#748693}.footer-realm b{font-weight:400;color:#d4bf8b}.footer-copy{text-align:center;border-top:1px solid rgba(80,104,118,.16);padding:10px;color:#687780;font:10px Segoe UI,Arial,sans-serif}

@media(max-width:980px){.header-top{height:112px}.brand-logo{width:320px;height:112px}.main-nav a{min-width:0;flex:1}.hero-v2{height:390px}.hero-copy{padding-left:55px;width:66%}.hero-copy h1{font-size:44px}.status-grid{padding-inline:8px}.status-cell{gap:8px}.home-tiles{grid-template-columns:1fr 1fr}.home-tile:last-child{grid-column:1/-1}.cards.three{grid-template-columns:1fr 1fr}.account-grid,.admin-grid{grid-template-columns:1fr}.balance-card{position:static}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body{background-attachment:scroll}.shell,.container{width:min(100% - 20px,1180px)}.site-header{padding-top:0}.header-top{height:auto;min-height:95px;align-items:center}.brand-logo{width:240px;height:88px;max-width:60vw}.header-actions{padding-top:0}.lang-switch{display:none}.account-button{font-size:10px;padding:0 11px;min-height:40px}.account-icon{display:none}.nav-wrap:before,.nav-wrap:after{display:none}.main-nav{height:auto;overflow-x:auto;justify-content:flex-start}.main-nav a{flex:0 0 auto;min-width:auto;padding:14px 17px;font-size:11px}.home-shell{padding-top:10px}.hero-v2{height:430px;background-position:62% center}.hero-v2{background-image:linear-gradient(90deg,rgba(3,11,18,.98) 0%,rgba(3,11,18,.9) 54%,rgba(3,11,18,.28) 100%),url('../img/hero-wotlk.jpg')}.hero-copy{width:100%;padding:62px 24px 0}.hero-copy h1{font-size:39px}.hero-copy p{font-size:13px}.desktop-only{display:none}.status-grid{grid-template-columns:1fr 1fr;padding:4px 10px}.status-cell{border-bottom:1px solid rgba(93,123,141,.2);padding:10px 4px}.status-cell:nth-child(2n){border-right:0}.status-cell:last-child{grid-column:1/-1;border-bottom:0}.home-tiles,.cards.two,.cards.three,.steps,.admin-stats{grid-template-columns:1fr}.home-tile:last-child{grid-column:auto}.home-tile{height:225px}.page-hero{margin-top:10px;padding:43px 0 34px}.page-hero h1{font-size:38px}.focus-panel{align-items:flex-start;flex-direction:column}.panel-emblem{width:64px;height:64px;flex-basis:64px}.form-row{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;text-align:center;padding:22px 0}.footer-center{justify-content:center;flex-wrap:wrap}.footer-realm{text-align:center}}

/* =========================================================
   ZAMES v5 — compact icy layout inspired by modern WoW realms
   ========================================================= */
:root{--z-blue:#279dff;--z-blue2:#65c8ff;--z-gold:#d39b3a;--z-panel:rgba(3,13,22,.92);--z-border:#375266;--z-soft:#8ea0ad}
body{background:#02070d url('../img/page-bg-valor.jpg') center top/cover fixed no-repeat;color:#e9eef2;font-family:Segoe UI,Arial,sans-serif}
body:before{background:linear-gradient(180deg,rgba(0,4,9,.18),rgba(0,5,10,.60) 52%,rgba(0,4,8,.95) 100%)}
.site-atmosphere{background:radial-gradient(ellipse at 66% 10%,rgba(42,144,215,.14),transparent 38%),linear-gradient(90deg,rgba(0,5,10,.58),transparent 30%,transparent 72%,rgba(0,5,9,.42))}
.shell,.container{width:min(1450px,calc(100% - 72px));margin-inline:auto}

/* compact top bar */
.site-header{height:92px;padding:0;background:linear-gradient(180deg,rgba(1,7,13,.96),rgba(2,9,16,.84) 72%,rgba(2,9,16,.18));border-bottom:1px solid rgba(73,123,157,.18);position:relative;z-index:40}
.header-inner{height:92px;display:grid;grid-template-columns:235px 1fr auto;align-items:center;gap:30px}
.brand-logo{width:205px;height:78px;display:block;overflow:hidden;max-width:none;mix-blend-mode:screen;filter:drop-shadow(0 6px 15px rgba(0,0,0,.8))}
.brand-logo img{width:100%;height:100%;display:block;object-fit:cover;object-position:left center}
.main-nav{height:100%;display:flex;align-items:center;justify-content:flex-start;gap:38px;border:0;background:none;box-shadow:none;position:relative}
.main-nav a{min-width:0;height:100%;display:flex;align-items:center;padding:0;position:relative;color:#c7d0d7;font:600 13px/1 Segoe UI,Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase;text-shadow:0 2px 8px #000}
.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:transparent;box-shadow:none}
.main-nav a:hover,.main-nav a.active{color:#eaf6ff}
.main-nav a.active:after{background:var(--z-blue);box-shadow:0 0 13px var(--z-blue)}
.header-actions{display:flex;align-items:center;gap:22px;padding:0}
.account-button{min-height:49px;padding:0 20px;border:1px solid #315b7e;outline:1px solid rgba(14,40,59,.7);background:linear-gradient(180deg,rgba(12,43,69,.96),rgba(4,23,39,.98));box-shadow:inset 0 0 0 2px rgba(62,148,212,.08),0 8px 25px #0008;color:#9fd5ff;font:700 12px/1 Segoe UI,Arial,sans-serif;letter-spacing:.25px;text-transform:uppercase}
.account-button:hover{border-color:#4bb9ff;color:#fff;box-shadow:0 0 18px rgba(41,157,255,.18)}
.account-button span{font-size:16px}
.lang-switch{display:flex;align-items:center;gap:7px;color:#788997;font:12px/1 Segoe UI,Arial,sans-serif}.lang-switch i{font-style:normal;color:#41515d}.lang-switch a{color:#8695a0}.lang-switch a.active,.lang-switch a:hover{color:#e7f4fd}

/* hero */
.z-home{margin-top:-92px;padding-top:92px;position:relative;overflow:hidden}
.z-hero{--mx:0px;--my:0px;min-height:520px;position:relative;overflow:hidden;border-bottom:1px solid rgba(75,116,145,.35);isolation:isolate}
.z-hero-art{position:absolute;z-index:-3;inset:-26px;background:url('../img/hero-animated-base.jpg') 63% center/cover no-repeat;transform:translate(var(--mx),var(--my)) scale(1.055);animation:zHeroBreath 17s ease-in-out infinite alternate;transition:transform .45s ease-out;will-change:transform}
.z-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(1,7,13,.99) 0%,rgba(1,7,13,.93) 21%,rgba(1,7,13,.67) 39%,rgba(1,7,13,.25) 60%,rgba(1,7,13,.14) 100%),linear-gradient(180deg,rgba(0,4,8,.2),transparent 62%,rgba(0,5,10,.85))}
.z-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 67% 35%,rgba(77,177,237,.14),transparent 26%),linear-gradient(115deg,transparent 55%,rgba(39,157,255,.05) 65%,transparent 75%);animation:zGlow 8s ease-in-out infinite alternate}
@keyframes zHeroBreath{0%{transform:translate(var(--mx),var(--my)) scale(1.055)}100%{transform:translate(calc(var(--mx) - 10px),calc(var(--my) - 3px)) scale(1.085)}}
@keyframes zGlow{from{opacity:.45}to{opacity:1}}
.z-snow{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:.65}
.z-snow i{position:absolute;left:var(--x);top:-3%;width:var(--s);height:var(--s);border-radius:50%;background:rgba(211,239,255,.85);box-shadow:0 0 6px rgba(95,192,255,.55);animation:zSnow var(--d) linear var(--delay) infinite}
@keyframes zSnow{0%{transform:translate3d(0,-20px,0);opacity:0}12%{opacity:.8}100%{transform:translate3d(var(--drift),570px,0);opacity:.15}}
.z-hero-inner{min-height:520px;display:flex;align-items:center;position:relative;z-index:2}
.z-hero-copy{width:610px;padding-top:6px;text-shadow:0 3px 18px #000}
.z-eyebrow{display:block;margin-bottom:14px;color:#78a6c2;font-size:10px;letter-spacing:2.5px;font-weight:700}
.z-hero h1{margin:0;color:#f0f1f2;font:400 54px/.98 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.2px;text-shadow:0 3px 16px #000,0 0 1px #fff}
.z-hero h1 em{font-style:normal;color:#8bd4ff;text-shadow:0 0 19px rgba(40,157,255,.35)}
.z-hero-copy>p{margin:22px 0 17px;color:#c4cdd4;font-size:16px;line-height:1.52}
.z-dates{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}.z-dates span{padding:8px 12px;border:1px solid rgba(81,109,130,.65);background:rgba(2,11,18,.74);color:#bfcad1;font-size:11px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.z-hero-actions{display:flex;gap:18px}.z-btn{min-width:220px;height:57px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #385b73;background:rgba(5,17,27,.86);color:#c8d3da;font-size:13px;font-weight:800;letter-spacing:.2px;box-shadow:0 12px 30px #0008,inset 0 0 0 2px rgba(255,255,255,.02);transition:.18s ease}.z-btn b{font-size:25px;line-height:1}.z-btn-primary{border-color:#438cd1;background:linear-gradient(180deg,rgba(17,91,158,.96),rgba(5,43,79,.98));color:#fff;box-shadow:0 0 22px rgba(26,126,219,.24),0 12px 30px #0008,inset 0 0 0 2px rgba(130,203,255,.07)}.z-btn:hover{transform:translateY(-1px);border-color:#62bdff}.z-btn-primary:hover{box-shadow:0 0 28px rgba(39,157,255,.35),0 12px 30px #0008}

/* status + dashboard */
.z-home-content{margin-top:-1px;padding-bottom:12px;position:relative;z-index:5}.z-status{height:92px;display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr 1.35fr;border:1px solid #3b5364;background:linear-gradient(180deg,rgba(5,18,28,.98),rgba(2,11,18,.98));box-shadow:0 17px 42px #0008,inset 0 1px rgba(90,162,205,.08)}
.z-stat{display:flex;align-items:center;justify-content:center;gap:17px;position:relative}.z-stat:not(:last-child):after{content:"";position:absolute;right:0;top:22px;bottom:22px;width:1px;background:#243643}.z-stat small{display:block;margin-bottom:3px;color:#8a9aa6;font-size:10px;text-transform:uppercase;letter-spacing:.55px}.z-stat strong{display:block;color:#d9e0e5;font-size:22px;font-weight:400}.z-faction{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font:700 17px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.z-faction.alliance{border:1px solid #435c74;color:#9fcaff;background:radial-gradient(circle,#142e49,#07121c)}.z-faction.horde{border:1px solid #663729;color:#d35a43;background:radial-gradient(circle,#351713,#100907)}.z-online-dot{width:37px;height:37px;border-radius:50%;border:6px solid #5b9f27;background:#8eea44;box-shadow:inset 0 0 0 6px #0d1a13,0 0 13px rgba(117,224,58,.28)}.z-round-icon,.z-db-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #8f6e29;border-radius:50%;color:#d8aa45;font:700 16px "Segoe UI Variable","Segoe UI",Arial,sans-serif;background:#11140d}.z-db-icon{border-radius:5px;border-color:#4b5963;color:#a4b0ba;background:#0a1117}.z-realm strong{color:#65bfff;font-size:14px}.z-rate strong{font-size:15px;color:#ebedf0}
.z-dashboard{display:grid;grid-template-columns:1.26fr 1fr 1fr .88fr;gap:12px;margin-top:14px}.z-box{min-height:245px;padding:21px 23px;border:1px solid #354c5d;background:linear-gradient(145deg,rgba(4,15,24,.96),rgba(2,10,17,.98));box-shadow:0 16px 38px #0007,inset 0 0 0 1px rgba(255,255,255,.015);position:relative;overflow:hidden}.z-box:after{content:"";position:absolute;inset:6px;border:1px solid rgba(81,143,181,.045);pointer-events:none}.z-box-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.z-box-head h2{margin:0;color:#e2e6e9;font:400 18px/1.1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.z-box-head a{color:#57aee9;font-size:9px;font-weight:700}.z-news-list{display:grid;gap:9px}.z-news-row{display:grid;grid-template-columns:83px 1fr;gap:12px;min-height:54px;align-items:center}.z-news-thumb{height:52px;border:1px solid #345064;background:linear-gradient(145deg,#0a2b43,#102033);box-shadow:inset 0 0 20px #0005}.z-news-thumb.thumb-1{background:linear-gradient(145deg,#17324a,#091927)}.z-news-thumb.thumb-2{background:linear-gradient(145deg,#1a2b36,#0b1620)}.z-news-row span:last-child{min-width:0}.z-news-row b{display:block;color:#c9d2d8;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.z-news-row small{display:block;margin-top:5px;color:#627581;font-size:9px}.z-ladder-list{display:grid}.z-ladder-list a{height:34px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;border-bottom:1px solid rgba(74,100,117,.22)}.z-ladder-list a:last-child{border-bottom:0}.z-ladder-list i{font-style:normal;color:#dba43a;font-weight:700}.z-ladder-list span{color:#c7d0d6;font-size:11px}.z-ladder-list b{color:#d6a138;font-size:11px}.z-vote-box>p{color:#aab6be;font-size:11px;line-height:1.55;margin:10px 0 20px}.z-vote-lines{display:grid;gap:12px}.z-vote-lines span{height:5px;background:#182733;overflow:hidden}.z-vote-lines i{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#258cff,#6bc7ff);box-shadow:0 0 10px rgba(39,157,255,.3)}.z-inline-link{display:inline-block;margin-top:21px;color:#63baf2;font-size:9px;font-weight:700;letter-spacing:.25px}.z-start-box ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.z-start-box li{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;color:#b8c3ca;font-size:11px}.z-start-box li>b{width:30px;height:30px;display:grid;place-items:center;border:1px solid #3e5769;background:#07131d;color:#b9d7eb;border-radius:4px;font-size:12px}.z-start-box li em{color:#62bcf6;font-style:normal}.z-warning-strip{min-height:61px;margin-top:14px;padding:12px 24px;display:flex;align-items:center;gap:17px;border:1px solid #384d5c;background:rgba(3,13,21,.94);box-shadow:0 12px 30px #0007}.z-warning-strip>b{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid #9b762e;color:#e7b34a;border-radius:50%;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}.z-warning-strip p{margin:0;color:#8e9ca6;font-size:11px}.z-warning-strip strong{color:#d8b05d}
.z-empty{padding:18px 0;color:#6f838f;font-size:11px}

/* inner pages in the same visual system */
.page-hero{margin-top:0;padding:58px 0 42px;border-bottom:1px solid rgba(55,82,102,.58);background:linear-gradient(90deg,rgba(2,8,14,.9),rgba(4,17,27,.67)),url('../img/hero-animated-base.jpg') 65% 45%/cover no-repeat;box-shadow:inset 0 -45px 80px rgba(0,0,0,.28)}
.page-hero span{color:#5aaee6;font-size:10px;letter-spacing:2px}.page-hero h1{margin:6px 0 8px;color:#eff3f5;font:400 43px/1.05 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.page-hero p{margin:0;color:#9aabb6;font-size:13px}
.panel,.news-card,.product-card,.steps article,.table-wrap{border-color:#344d5f;background:linear-gradient(145deg,rgba(5,18,28,.96),rgba(2,10,17,.98))}.panel:before,.news-card:before,.product-card:before,.steps article:before{border-color:rgba(65,131,173,.06)}
.gold-button,.btn.primary{border-color:#3f7caf;background:linear-gradient(180deg,#14558c,#082e51);color:#eaf7ff}.gold-button:hover,.btn.primary:hover{border-color:#57b7fa;background:linear-gradient(180deg,#1b6dac,#0a3a65)}
.form-card input,.stack input,.stack textarea,.stack select,.product-card select{border-color:#30495c;background:#020a11}.form-card input:focus,.stack input:focus,.stack textarea:focus,.stack select:focus,.product-card select:focus{border-color:#3a9fe2;box-shadow:0 0 0 2px rgba(39,157,255,.08)}
.warning{border-color:#66522c;background:rgba(27,21,10,.92)}
.warning a{color:#70c1f6}.steps a{color:#68bdf3}.steps code{border-color:#344d5f;color:#7dccff}

/* footer */
.site-footer{margin-top:0;border-top:1px solid #263d4e;background:rgba(1,6,11,.97);box-shadow:0 -10px 35px #0005}.footer-inner{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0}.footer-chip{display:flex;align-items:center;gap:10px;color:#7f8d97;font-size:11px}.footer-chip span{color:#9cb1c0;font-size:18px}.footer-copy{border:0;padding:0;color:#6d7b84;font-size:10px;text-align:right}

@media(max-width:1180px){.shell,.container{width:min(100% - 36px,1450px)}.header-inner{grid-template-columns:190px 1fr auto;gap:20px}.brand-logo{width:175px}.main-nav{gap:22px}.z-dashboard{grid-template-columns:1fr 1fr}.z-status{grid-template-columns:repeat(3,1fr);height:auto}.z-stat{min-height:74px}.z-stat:nth-child(3):after{display:none}.z-stat:nth-child(4),.z-stat:nth-child(5){border-top:1px solid rgba(58,78,92,.35)}.z-stat:nth-child(4){grid-column:1/3}.z-stat:nth-child(5){grid-column:3/4}.footer-inner{flex-wrap:wrap;justify-content:center;padding:20px 0}}
@media(max-width:820px){.site-header{height:auto}.header-inner{height:auto;min-height:82px;grid-template-columns:160px 1fr;gap:10px}.brand-logo{width:150px;height:62px}.main-nav{grid-column:1/-1;order:3;height:43px;gap:0;overflow-x:auto;border-top:1px solid rgba(52,78,96,.3)}.main-nav a{flex:0 0 auto;height:43px;margin-right:24px;font-size:10px}.main-nav a:after{bottom:0}.header-actions{justify-content:flex-end}.account-button{min-height:40px;padding:0 12px;font-size:9px}.lang-switch{display:none}.z-home{margin-top:0;padding-top:0}.z-hero{min-height:510px}.z-hero-inner{min-height:510px}.z-hero-art{background-position:68% center}.z-hero:before{background:linear-gradient(90deg,rgba(1,7,13,.98) 0%,rgba(1,7,13,.91) 45%,rgba(1,7,13,.43) 100%),linear-gradient(180deg,transparent 60%,rgba(0,5,10,.85))}.z-hero-copy{width:100%;max-width:560px}.z-hero h1{font-size:44px}.z-dashboard{grid-template-columns:1fr}.z-status{grid-template-columns:1fr 1fr}.z-stat:nth-child(2):after,.z-stat:nth-child(4):after{display:none}.z-stat:nth-child(3):after{display:block}.z-stat:nth-child(4),.z-stat:nth-child(5){grid-column:auto}.z-stat:last-child{grid-column:1/-1}.z-stat{border-top:1px solid rgba(58,78,92,.25)}.z-hero-actions{flex-wrap:wrap}.z-btn{min-width:200px}.footer-chip{font-size:10px}}
@media(max-width:560px){body{background-attachment:scroll}.shell,.container{width:min(100% - 20px,1450px)}.header-inner{grid-template-columns:125px 1fr}.brand-logo{width:120px;height:54px}.account-button span{display:none}.z-hero{min-height:545px}.z-hero-inner{min-height:545px;align-items:flex-end;padding-bottom:40px}.z-hero-art{background-position:72% center;opacity:.78}.z-hero:before{background:linear-gradient(90deg,rgba(1,7,13,.98),rgba(1,7,13,.74)),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,5,10,.9))}.z-hero h1{font-size:38px}.z-hero-copy>p{font-size:14px}.z-dates{display:grid;gap:7px}.z-dates span{font-size:9px}.z-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.z-btn{min-width:0;height:50px;font-size:10px}.z-status{grid-template-columns:1fr}.z-stat,.z-stat:last-child{grid-column:auto;min-height:66px}.z-stat:after{display:none!important}.z-stat:not(:first-child){border-top:1px solid rgba(58,78,92,.25)}.z-dashboard{gap:10px}.z-box{min-height:0}.z-warning-strip{align-items:flex-start}.page-hero{padding:42px 0 34px}.page-hero h1{font-size:35px}.footer-inner{display:grid;grid-template-columns:1fr 1fr}.footer-copy{grid-column:1/-1;text-align:center}.auth-shell{min-height:560px;padding:34px 10px}}
@media(prefers-reduced-motion:reduce){.z-hero-art,.z-hero:after,.z-snow i{animation:none!important;transition:none!important}}

/* ===== ZAMES FINAL HOME — 13.08.2026 ===== */
.brand-logo{overflow:visible;height:74px;display:flex;align-items:center}
.brand-logo img{height:70px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(67,169,255,.20));}

.z-hero{min-height:650px;border-bottom:0;box-shadow:inset 0 -90px 90px rgba(1,7,13,.96)}
.z-hero-art{inset:-34px;background-position:center 44%;background-size:cover;filter:saturate(1.08) contrast(1.03)}
.z-hero:before{background:
 linear-gradient(90deg,rgba(1,7,13,.66) 0%,rgba(1,7,13,.16) 26%,rgba(1,7,13,.06) 52%,rgba(1,7,13,.18) 78%,rgba(1,7,13,.57) 100%),
 linear-gradient(180deg,rgba(1,7,13,.22) 0%,rgba(1,7,13,.02) 48%,rgba(1,7,13,.92) 92%,#02070d 100%)}
.z-hero-inner{min-height:650px;justify-content:center;text-align:center}
.z-hero-copy.z-hero-centered{width:min(780px,94%);margin:0 auto;padding-top:92px;text-align:center}
.z-hero-centered .z-eyebrow{margin-bottom:18px;color:#86bddd;letter-spacing:3px}
.z-hero-centered h1{font-size:84px;line-height:.9;letter-spacing:7px;color:#9cdcff;text-shadow:0 0 24px rgba(39,157,255,.34),0 5px 22px #000}
.z-hero-centered h2{margin:17px 0 0;color:#e2e5e8;font:400 26px/1.2 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:4px;text-shadow:0 3px 18px #000}
.z-hero-centered>p{max-width:720px;margin:20px auto 18px;color:#becbd4;font-size:15px;line-height:1.55}
.z-hero-centered .z-dates{justify-content:center;margin-bottom:22px}
.z-hero-centered .z-dates span{min-width:280px;text-align:center;background:rgba(2,10,17,.76);backdrop-filter:blur(4px)}
.z-hero-centered .z-hero-actions{justify-content:center}

.z-home-content{margin-top:-28px;padding-bottom:20px}
.z-status{border-color:#375467;background:linear-gradient(180deg,rgba(5,18,29,.98),rgba(2,10,17,.98));}
.z-status-main{height:132px;grid-template-columns:repeat(3,1fr);position:relative;z-index:6}
.z-status-main:before{content:"✦  STATUS SERVER  ✦";position:absolute;left:50%;top:0;transform:translate(-50%,-50%);padding:0 20px;background:#030d15;color:#d8dde0;font:400 14px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1px}
html[lang="ru"] .z-status-main:before{content:"✦  СТАТУС СЕРВЕРА  ✦"}
.z-status-meta{height:78px;grid-template-columns:repeat(4,1fr);border-top:0}
.z-status-main .z-stat,.z-status-meta .z-stat{display:flex;flex-direction:column;justify-content:center;gap:5px;text-align:center;padding:10px 14px}
.z-status-main .z-stat>span,.z-status-meta .z-stat>span{margin:0 auto}
.z-stat div{text-align:center}
.z-stat small,.z-stat strong,.z-stat em{display:block;text-align:center}
.z-stat em{font-style:normal;color:#718895;font-size:9px;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}
.z-status-main .z-stat strong{font-size:27px}
.z-status-main .z-faction,.z-status-main .z-online-dot{position:absolute;left:calc(50% - 77px);top:38px;transform:translateX(-50%)}
.z-status-main .z-stat div{padding-left:52px}
.z-status-meta .z-stat{flex-direction:row;gap:12px}.z-status-meta .z-stat div{padding:0}
.z-status-meta .z-stat strong{font-size:15px;color:#e7edf1}
.z-status-meta .z-stat:after{top:15px;bottom:15px}

.z-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.z-info-card{min-height:290px;border:1px solid #354d5d;background:linear-gradient(145deg,rgba(4,15,24,.96),rgba(2,10,17,.985));box-shadow:0 18px 42px #0007,inset 0 0 0 1px rgba(255,255,255,.018);padding:28px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}
.z-info-card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(93,157,196,.055);pointer-events:none}
.z-card-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #426279;border-radius:50%;color:#82c9f5;background:#071621;font-size:24px;box-shadow:0 0 22px rgba(39,157,255,.08)}
.z-info-card h2{margin:15px 0 12px;color:#edf1f3;font:400 19px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.5px}
.z-info-card p{max-width:390px;margin:0 auto;color:#aab9c2;font-size:12px;line-height:1.65;text-align:center}
.z-card-link{margin-top:auto;padding-top:19px;color:#70c3f8;font-size:10px;font-weight:700;letter-spacing:.4px;text-align:center}
.z-discord-url{display:block;margin:15px 0 0;color:#9fd8ff;font-size:13px;font-weight:500;text-align:center}
.z-quick-start{width:min(330px,100%);list-style:none;padding:0;margin:0 auto;display:grid;gap:9px}
.z-quick-start li{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;color:#b7c4cb;font-size:11px;text-align:left}
.z-quick-start b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #3a7095;border-radius:50%;color:#88d2ff;background:#06131d}

.z-bottom-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;margin-top:12px}
.z-bottom-grid .z-box{min-height:260px}
.z-bottom-grid .z-box-head{padding-bottom:9px;border-bottom:1px solid rgba(66,92,108,.32)}
.z-news-row{grid-template-columns:62px 1fr;min-height:57px;border-bottom:1px solid rgba(67,91,106,.22);text-align:left}
.z-news-row:last-child{border-bottom:0}.z-news-row time{width:51px;height:43px;display:grid;place-items:center;border:1px solid #29475d;background:#04111a;color:#7dc9fb;font:400 13px "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.z-news-row b{font-size:12px}.z-news-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#728692}
.z-ladder-home a{grid-template-columns:30px 1fr 50px 120px;height:39px;text-align:left}.z-ladder-home small{color:#8395a0;text-align:center}.z-ladder-home b{text-align:right;font-weight:500}

@media(max-width:900px){
 .z-hero{min-height:590px}.z-hero-inner{min-height:590px}.z-hero-copy.z-hero-centered{padding-top:40px}.z-hero-centered h1{font-size:66px}.z-hero-centered h2{font-size:20px}.z-info-grid{grid-template-columns:1fr}.z-info-card{min-height:0}.z-bottom-grid{grid-template-columns:1fr}.z-status-main{height:auto;grid-template-columns:1fr 1fr 1fr}.z-status-meta{height:auto;grid-template-columns:1fr 1fr}.z-status-meta .z-stat{min-height:78px}.lang-switch{display:flex!important}}
@media(max-width:620px){
 .brand-logo{height:58px}.brand-logo img{height:52px}.header-actions{gap:10px}.lang-switch{font-size:10px;gap:4px}.z-hero{min-height:590px}.z-hero-inner{min-height:590px;padding-bottom:25px}.z-hero-copy.z-hero-centered{padding-top:35px}.z-hero-centered h1{font-size:50px;letter-spacing:4px}.z-hero-centered h2{font-size:15px;letter-spacing:2.4px}.z-hero-centered>p{font-size:13px}.z-hero-centered .z-dates{display:grid}.z-hero-centered .z-dates span{min-width:0}.z-hero-centered .z-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.z-status-main{grid-template-columns:1fr}.z-status-main .z-stat{min-height:92px;border-top:1px solid rgba(58,78,92,.25)}.z-status-main .z-faction,.z-status-main .z-online-dot{position:static;transform:none}.z-status-main .z-stat div{padding:0}.z-status-meta{grid-template-columns:1fr 1fr}.z-status-meta .z-stat{flex-direction:column}.z-info-card{padding:24px 20px}.z-ladder-home a{grid-template-columns:26px 1fr 42px 78px}.z-ladder-home b{font-size:9px}}

/* ===== ZAMES CINEMATIC VIDEO HERO — 13.08.2026 ===== */
.z-hero-art{
 z-index:-4;
 background:url('../img/hero-animated-base.jpg') center 44%/cover no-repeat;
}
.z-hero-video{
 position:absolute;
 z-index:-3;
 left:50%;
 top:50%;
 width:100%;
 height:100%;
 min-width:100%;
 min-height:100%;
 transform:translate(-50%,-50%);
 object-fit:cover;
 object-position:center center;
 pointer-events:none;
 user-select:none;
 filter:saturate(1.08) contrast(1.04);
 background:#02070d;
}
.z-hero:before{
 z-index:-2;
 background:
  linear-gradient(90deg,rgba(1,7,13,.48) 0%,rgba(1,7,13,.10) 25%,rgba(1,7,13,.03) 50%,rgba(1,7,13,.11) 77%,rgba(1,7,13,.42) 100%),
  linear-gradient(180deg,rgba(1,7,13,.10) 0%,rgba(1,7,13,0) 52%,rgba(1,7,13,.62) 82%,#02070d 100%);
}
.z-hero:after{z-index:-1}

@media(max-width:900px){
 .z-hero-video{object-position:center center}
}
@media(max-width:620px){
 .z-hero-video{object-position:55% center}
 .z-hero:before{
  background:
   linear-gradient(90deg,rgba(1,7,13,.30),rgba(1,7,13,.06),rgba(1,7,13,.25)),
   linear-gradient(180deg,rgba(1,7,13,.08),rgba(1,7,13,.10) 55%,#02070d 100%);
 }
}
@media(prefers-reduced-motion:reduce){
 .z-hero-video{display:none}
 .z-hero-art{animation:none!important;transform:none!important}
}


/* ===== ZAMES STATUS ICONS — Alliance Human / Horde Orc / Online Pulse ===== */
.z-status-main .z-faction{
  width:64px;
  height:64px;
  border:0;
  font-size:0;
  color:transparent;
  overflow:hidden;
  background-color:#06111a;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  box-shadow:0 0 0 1px rgba(159,198,224,.16),0 7px 18px rgba(0,0,0,.38);
}
.z-status-main .z-faction.alliance{
  background-image:url('../img/status-alliance-human.png');
  box-shadow:0 0 0 1px rgba(92,155,211,.28),0 0 18px rgba(50,133,211,.10),0 7px 18px rgba(0,0,0,.40);
}
.z-status-main .z-faction.horde{
  background-image:url('../img/status-horde-orc.png');
  box-shadow:0 0 0 1px rgba(185,75,43,.28),0 0 18px rgba(170,50,30,.10),0 7px 18px rgba(0,0,0,.40);
}
.z-status-main .z-online-dot{
  width:42px;
  height:42px;
  border:5px solid #62b42b;
  background:#8df044;
  box-shadow:inset 0 0 0 6px #0b1a11,0 0 12px rgba(111,232,59,.42),0 0 28px rgba(92,220,45,.14);
  animation:zamesOnlineCore 1.8s ease-in-out infinite;
  isolation:isolate;
}
.z-status-main .z-online-dot:before,
.z-status-main .z-online-dot:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:100%;
  border-radius:50%;
  border:2px solid rgba(115,240,54,.45);
  transform:translate(-50%,-50%) scale(.92);
  opacity:.75;
  pointer-events:none;
  z-index:-1;
  animation:zamesOnlineRing 1.8s ease-out infinite;
}
.z-status-main .z-online-dot:after{
  animation-delay:.9s;
}
@keyframes zamesOnlineCore{
  0%,100%{filter:brightness(.92);box-shadow:inset 0 0 0 6px #0b1a11,0 0 10px rgba(111,232,59,.28),0 0 20px rgba(92,220,45,.08)}
  50%{filter:brightness(1.18);box-shadow:inset 0 0 0 6px #0b1a11,0 0 18px rgba(124,244,65,.72),0 0 36px rgba(92,220,45,.28)}
}
@keyframes zamesOnlineRing{
  0%{transform:translate(-50%,-50%) scale(.84);opacity:.58}
  70%,100%{transform:translate(-50%,-50%) scale(1.70);opacity:0}
}
@media(max-width:820px){
  .z-status-main .z-faction{width:58px;height:58px}
  .z-status-main .z-online-dot{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
  .z-status-main .z-online-dot,
  .z-status-main .z-online-dot:before,
  .z-status-main .z-online-dot:after{animation:none!important}
}


/* ===== ZAMES ADMIN RU/EN NEWS EDITOR ===== */
.news-dual-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:stretch}
.news-dual-form>.panel{padding:27px;min-width:0}
.news-language-panel{position:relative;overflow:hidden}
.news-language-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#356f97;opacity:.8}
.news-language-en:before{background:#a67a32}
.news-language-head{display:flex;align-items:center;gap:11px;margin-bottom:18px}
.news-language-head h2{margin:0}
.news-lang-badge{width:38px;height:28px;display:grid;place-items:center;border:1px solid #3d6680;background:#071722;color:#8fd2ff;font:700 10px/1 Segoe UI,Arial,sans-serif;letter-spacing:1px}
.news-language-en .news-lang-badge{border-color:#80622d;background:#181208;color:#e6c46d}
.news-dual-form textarea{min-height:180px;resize:vertical}
.news-dual-form .btn{width:100%;margin-top:12px}
.news-link-note{grid-column:1/-1;margin:0;padding:12px 15px;border:1px solid rgba(75,112,138,.35);background:rgba(4,15,24,.72);color:#8fa5b2;font:11px/1.55 Segoe UI,Arial,sans-serif;text-align:center}
.admin-news-list>div{gap:18px}
.admin-news-titles{display:grid;gap:5px;min-width:0}
.admin-news-titles b,.admin-news-titles small{display:flex;align-items:center;gap:9px;min-width:0;font-style:normal}
.admin-news-titles small{color:#82939e}
.admin-news-titles i{flex:0 0 28px;padding:3px 4px;border:1px solid #355a73;color:#86c9f1;font:700 8px/1 Segoe UI,Arial,sans-serif;text-align:center;font-style:normal}
.admin-news-titles small i{border-color:#775e31;color:#d5b86b}
@media(max-width:980px){.news-dual-form{grid-template-columns:1fr}}
@media(max-width:620px){.news-dual-form>.panel{padding:20px}.news-link-note{grid-column:auto}.admin-news-list>div{align-items:flex-start}.admin-news-titles{max-width:75%}}


/* ===== ZAMES STATUS LAYOUT — Players + NPCBots, 14.08.2026 ===== */
.z-status-main{
  height:154px;
  grid-template-columns:minmax(0,1fr) minmax(320px,1.18fr) minmax(0,1fr);
}
.z-status-main .z-stat{
  min-width:0;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:center;
  justify-items:stretch;
  gap:18px;
  padding:22px 34px 18px;
  text-align:left;
}
.z-status-main .z-stat:after{
  top:26px;
  bottom:26px;
}
.z-status-main .z-faction,
.z-status-main .z-online-dot{
  position:static;
  left:auto;
  top:auto;
  transform:none;
  margin:0;
  justify-self:center;
}
.z-status-main .z-stat div,
.z-status-main .z-stat .z-stat-copy{
  padding:0;
  min-width:0;
  text-align:center;
}
.z-status-main .z-stat small,
.z-status-main .z-stat strong,
.z-status-main .z-stat em{
  text-align:center;
}
.z-status-main .z-stat strong{
  margin-top:3px;
  font-size:30px;
  line-height:1;
}
.z-status-main .z-stat-total{
  grid-template-columns:58px minmax(0,1fr);
  gap:17px;
  padding-left:30px;
  padding-right:30px;
}
.z-status-main .z-stat-total> .z-online-dot{
  align-self:center;
}
.z-total-copy>strong{
  color:#83e75a!important;
  text-shadow:0 0 14px rgba(97,224,66,.15);
}
.z-online-split{
  margin-top:9px;
  padding-top:8px!important;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border-top:1px solid rgba(78,112,132,.30);
}
.z-online-split>span{
  min-width:0;
  display:block;
  padding:0 10px;
}
.z-online-split>span+span{
  border-left:1px solid rgba(78,112,132,.30);
}
.z-online-split b{
  display:block;
  color:#e7edf1;
  font-size:14px;
  line-height:1.15;
  font-weight:600;
}
.z-online-split em{
  display:block;
  margin-top:3px;
  color:#718895;
  font-size:8px;
  line-height:1.25;
  letter-spacing:.55px;
  white-space:nowrap;
}
@media(max-width:900px){
  .z-status-main{
    height:auto;
    grid-template-columns:1fr 1.2fr 1fr;
  }
  .z-status-main .z-stat{
    grid-template-columns:58px minmax(0,1fr);
    padding:20px 16px;
    gap:10px;
  }
  .z-status-main .z-stat-total{
    grid-template-columns:48px minmax(0,1fr);
  }
  .z-online-split>span{padding:0 5px}
  .z-online-split em{font-size:7px;white-space:normal}
}
@media(max-width:620px){
  .z-status-main{
    grid-template-columns:1fr;
  }
  .z-status-main .z-stat,
  .z-status-main .z-stat-total{
    min-height:104px;
    grid-template-columns:64px minmax(0,1fr);
    padding:18px 24px;
  }
  .z-status-main .z-stat-total{min-height:130px}
  .z-online-split em{font-size:8px}
}

/* ===== ZAMES ACCOUNT / ARMORY — 14.08.2026 ===== */
.account-hero{padding:34px 0 27px;margin-top:18px;background:linear-gradient(90deg,rgba(2,10,17,.96),rgba(7,29,43,.80),rgba(2,10,17,.96)),url('../img/page-bg-valor.jpg') center 42%/cover}
.account-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.account-hero h1{font-size:40px;margin:2px 0 4px}.account-hero p{font-size:13px}.account-hero-balance{min-width:150px;text-align:right;font-family:Segoe UI,Arial,sans-serif}.account-hero-balance small{display:block;color:#7e96a5;font-size:9px;letter-spacing:2px}.account-hero-balance strong{display:block;color:#f0cb6b;font:400 38px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;margin-top:4px}
.cabinet-shell{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.cabinet-main{min-width:0}.cabinet-sidebar{display:grid;gap:12px;position:sticky;top:18px}.cabinet-title{align-items:center}.cabinet-count{min-width:64px;padding:7px 12px;border:1px solid #315169;background:#05131e;color:#90b8ce;text-align:center;font:11px Segoe UI,Arial,sans-serif;letter-spacing:1px}
.character-cards{display:grid;gap:11px}.character-card{min-height:126px;display:grid;grid-template-columns:86px minmax(0,1fr) 88px;gap:18px;align-items:center;padding:18px 20px;border:1px solid #315068;background:linear-gradient(110deg,rgba(6,20,31,.98),rgba(2,10,17,.97));box-shadow:0 12px 32px rgba(0,0,0,.32);position:relative;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease}.character-card:before{content:"";position:absolute;inset:5px;border:1px solid rgba(108,183,224,.04);pointer-events:none}.character-card:hover{transform:translateY(-2px);border-color:#5681a0;background:linear-gradient(110deg,rgba(8,28,42,.99),rgba(3,12,20,.98))}.character-card.faction-alliance{box-shadow:inset 3px 0 0 #3a78b4,0 12px 32px rgba(0,0,0,.32)}.character-card.faction-horde{box-shadow:inset 3px 0 0 #9a422d,0 12px 32px rgba(0,0,0,.32)}
.character-card-avatar,.character-profile-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;position:relative;border:1px solid #6b5128;background:radial-gradient(circle at 45% 35%,#19384b,#07131d 66%,#02070b);box-shadow:inset 0 0 18px rgba(80,176,226,.08),0 0 0 5px rgba(4,13,20,.8)}.character-card-avatar b,.character-profile-avatar b{position:absolute;right:-5px;bottom:-5px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#07131c;border:1px solid #a67a2d;color:#efd273;font:700 10px Segoe UI,Arial,sans-serif}.character-class-symbol{font-size:30px;color:#dceaf2;text-shadow:0 0 12px rgba(101,201,255,.28)}
.character-card-copy{min-width:0}.character-card-top{display:flex;align-items:center;gap:12px;justify-content:flex-start}.character-card h3{margin:0;color:#f2f4f5;font:400 23px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.character-card-copy>p{margin:3px 0 13px;color:#8ea4b1;font:12px Segoe UI,Arial,sans-serif}.presence{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #304856;background:#06121a;color:#8ca1ad;font:700 8px Segoe UI,Arial,sans-serif;letter-spacing:1px}.presence i{width:6px;height:6px;border-radius:50%;background:#64747d}.presence.online{border-color:#3b6f3b;color:#9bdc79}.presence.online i{background:#7ee34c;box-shadow:0 0 10px rgba(126,227,76,.7)}
.character-card-meta{display:grid;grid-template-columns:1.4fr 1fr .65fr;gap:10px}.character-card-meta span{min-width:0;color:#c4cdd2;font:11px Segoe UI,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card-meta small{display:block;margin-bottom:2px;color:#5f7887;font-size:7px;letter-spacing:1px}.character-card-open{height:72px;border-left:1px solid rgba(69,96,113,.32);display:flex;align-items:center;justify-content:center;gap:8px;color:#76bfe5;font:700 9px Segoe UI,Arial,sans-serif;letter-spacing:1px}.character-card-open b{font-size:24px;font-weight:300}.empty-cabinet{padding:32px}.cabinet-orders{margin-top:32px}.modern-table table{font-family:Segoe UI,Arial,sans-serif;font-size:11px}
.cabinet-wallet{padding:25px;text-align:center}.cabinet-wallet small,.cabinet-session small{color:#7792a1;font:8px Segoe UI,Arial,sans-serif;letter-spacing:1.5px}.cabinet-wallet strong{display:block;color:#f0c75f;font:400 45px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;margin:10px 0 0}.cabinet-wallet>span{display:block;color:#8395a0;font:11px Segoe UI,Arial,sans-serif;margin-bottom:20px}.cabinet-wallet .btn{width:100%}.cabinet-nav{padding:10px}.cabinet-nav a{height:45px;display:flex;align-items:center;gap:11px;padding:0 12px;border-bottom:1px solid rgba(61,86,101,.22);color:#aebbc3;font:11px Segoe UI,Arial,sans-serif}.cabinet-nav a:last-child{border-bottom:0}.cabinet-nav a span{width:22px;text-align:center;color:#6ebee8;font-size:15px}.cabinet-nav a:hover,.cabinet-nav a.active{color:#f0d482;background:rgba(43,96,127,.10)}.cabinet-session{padding:20px}.cabinet-session b{display:block;margin:5px 0 12px;color:#e6ecef;font:400 17px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.danger-link{color:#c59754!important}

.character-detail-hero{padding:14px 0 10px;margin-top:18px;background:rgba(3,13,21,.88);border-bottom:1px solid #294354}.character-breadcrumb a{color:#82bcd9;font:10px Segoe UI,Arial,sans-serif;letter-spacing:.5px}.character-detail{margin-top:20px}.character-profile-head{display:grid;grid-template-columns:94px minmax(0,1fr) 180px;align-items:center;gap:22px;padding:22px 25px;border:1px solid #38576c;background:linear-gradient(105deg,rgba(7,25,37,.98),rgba(2,10,17,.98));box-shadow:0 18px 46px rgba(0,0,0,.36);position:relative}.character-profile-head.faction-alliance{box-shadow:inset 4px 0 0 #3e7fc0,0 18px 46px rgba(0,0,0,.36)}.character-profile-head.faction-horde{box-shadow:inset 4px 0 0 #a44731,0 18px 46px rgba(0,0,0,.36)}.character-profile-avatar{width:80px;height:80px}.character-profile-avatar>span{font-size:35px}.character-profile-title h1{margin:2px 0 2px;font:400 35px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#f2f4f5}.character-profile-title p{margin:0;color:#8fa4b0;font:12px Segoe UI,Arial,sans-serif}.character-profile-status{margin-bottom:5px}.character-profile-coins{text-align:right}.character-profile-coins small{display:block;color:#6f8998;font:8px Segoe UI,Arial,sans-serif;letter-spacing:1.3px}.character-profile-coins strong{display:block;color:#efc969;font:400 35px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;margin-top:5px}.character-profile-coins span{color:#80929d;font:10px Segoe UI,Arial,sans-serif}
.character-dashboard-grid{display:grid;grid-template-columns:1.18fr 1fr .8fr;gap:12px;margin-top:12px}.character-dashboard-grid>.panel{padding:22px;min-height:430px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.panel-title-row small{display:block;color:#6ab9df;font:8px Segoe UI,Arial,sans-serif;letter-spacing:1.8px}.panel-title-row h2{font-size:22px;margin:3px 0 0}.beta-tag{padding:4px 7px;border:1px solid #765d2e;color:#d5b45c;font:700 7px Segoe UI,Arial,sans-serif;letter-spacing:1px}
.character3d{height:300px;border:1px solid #29485d;background:radial-gradient(circle at 50% 42%,rgba(31,91,122,.20),rgba(2,9,15,.96) 65%),linear-gradient(180deg,#071822,#02070c);overflow:hidden;position:relative;display:grid;place-items:center}.character3d.loaded{display:block}.character3d canvas{max-width:100%!important;max-height:100%!important}.character3d-fallback{text-align:center;display:grid;gap:6px;place-items:center}.character3d-fallback>span{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;border:1px solid #4a728b;background:#071620;color:#d9edf8;font-size:48px;box-shadow:0 0 40px rgba(50,145,194,.12)}.character3d-fallback b{font:400 20px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#e8eef1}.character3d-fallback small{color:#788f9c;font:9px Segoe UI,Arial,sans-serif}.character3d-error{text-align:center;display:grid;gap:5px}.character3d-error b{color:#6aaed0;font-size:34px}.character3d-error span{color:#93a6b0;font:11px Segoe UI,Arial,sans-serif}.viewer-load{width:100%;margin-top:12px}.viewer-note{font-size:9px!important;line-height:1.5!important;margin:9px 0 0!important;text-align:center}.viewer-note.error{color:#c98777!important}
.location-main{display:flex;gap:13px;align-items:center;padding:18px;border:1px solid #29485d;background:#05131d;margin-bottom:13px}.location-pin{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #3e6d87;color:#75c9f1;font-size:22px}.location-main strong{font:400 18px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#e7eef2}.location-main p{margin:2px 0 0!important;font-size:10px!important}.detail-kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-kv-grid>div{padding:10px 11px;border:1px solid rgba(48,77,94,.55);background:rgba(4,14,22,.72)}.detail-kv-grid small{display:block;color:#647d8b;font:7px Segoe UI,Arial,sans-serif;letter-spacing:1px}.detail-kv-grid b{display:block;margin-top:3px;color:#d2dce1;font:600 10px Segoe UI,Arial,sans-serif}.unstuck-box{margin-top:14px;padding-top:14px;border-top:1px solid rgba(60,84,99,.35)}.unstuck-box strong{font:400 16px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.unstuck-box p{font-size:10px!important;margin:3px 0 10px!important}.unstuck-box form{margin:0}.unstuck-btn{width:100%;min-height:42px;border:1px solid #79602c;background:linear-gradient(180deg,#3d2c12,#1e1408);color:#e9ca79;font-size:9px;letter-spacing:.8px;cursor:pointer}.unstuck-btn:hover:not(:disabled){border-color:#c89c45}.unstuck-btn:disabled{opacity:.38;cursor:not-allowed}.unstuck-box>.muted{display:block;margin-top:7px;font:8px Segoe UI,Arial,sans-serif}
.character-stat-list{display:grid}.character-stat-list>div{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(57,83,99,.28);font:10px Segoe UI,Arial,sans-serif}.character-stat-list span{color:#7e919c}.character-stat-list b{color:#dbe3e7;font-weight:600;text-align:right}.money-row{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:20px;color:#dce3e7;font:10px Segoe UI,Arial,sans-serif}.coin{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.25)}.coin.gold{background:#c7952e}.coin.silver{background:#9da8ac}.coin.copper{background:#9c5c30}
.character-equipment-section{margin-top:28px}.equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.equipment-slot{min-height:76px;display:grid;grid-template-columns:50px minmax(0,1fr);gap:11px;align-items:center;padding:10px;border:1px solid #2b4657;background:linear-gradient(135deg,rgba(5,18,27,.96),rgba(2,10,16,.98));position:relative;overflow:hidden}.equipment-slot.empty{opacity:.64}.equipment-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #3d5665;background:#06131c;position:relative;overflow:hidden}.equipment-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.equipment-icon span{font-size:19px;color:#718896;z-index:1}.equipment-copy{min-width:0;font-family:Segoe UI,Arial,sans-serif}.equipment-copy small{display:block;color:#617d8d;font-size:7px;letter-spacing:.8px}.equipment-copy strong{display:block;margin-top:2px;color:#d5dee3;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipment-copy p{margin:3px 0 0!important;color:#6f838e!important;font-size:8px!important}.equipment-slot.uncommon{border-color:#315e42}.equipment-slot.uncommon .equipment-copy strong{color:#79c987}.equipment-slot.rare{border-color:#305e8b}.equipment-slot.rare .equipment-copy strong{color:#69aeea}.equipment-slot.epic{border-color:#67417e}.equipment-slot.epic .equipment-copy strong{color:#bd78df}.equipment-slot.legendary{border-color:#8a5c25}.equipment-slot.legendary .equipment-copy strong{color:#e89d47}.equipment-slot.artifact{border-color:#856f2d}.equipment-slot.artifact .equipment-copy strong{color:#e6d05d}

@media(max-width:1100px){.cabinet-shell{grid-template-columns:1fr}.cabinet-sidebar{position:static;grid-template-columns:1fr 1fr}.cabinet-nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.cabinet-nav a{border-right:1px solid rgba(61,86,101,.22);border-bottom:0}.character-dashboard-grid{grid-template-columns:1fr 1fr}.character-stats-card{grid-column:1/-1;min-height:0!important}.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.account-hero-inner{align-items:flex-end}.account-hero-balance{min-width:95px}.character-card{grid-template-columns:70px 1fr;padding:16px}.character-card-avatar{width:60px;height:60px}.character-card-open{display:none}.character-card-meta{grid-template-columns:1fr 1fr}.character-card-meta span:last-child{display:none}.cabinet-sidebar{grid-template-columns:1fr}.cabinet-nav{grid-template-columns:1fr 1fr}.character-profile-head{grid-template-columns:76px 1fr}.character-profile-coins{grid-column:1/-1;text-align:left;display:flex;align-items:center;gap:8px;border-top:1px solid rgba(56,82,98,.3);padding-top:12px}.character-profile-coins strong{font-size:25px;margin:0}.character-dashboard-grid{grid-template-columns:1fr}.character-stats-card{grid-column:auto}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.account-hero{padding:25px 0 20px}.account-hero h1{font-size:31px}.account-hero p{display:none}.character-card{grid-template-columns:58px 1fr;gap:12px}.character-card-avatar{width:52px;height:52px}.character-card h3{font-size:19px}.character-card-top{display:block}.presence{margin-top:4px}.character-card-meta{grid-template-columns:1fr}.character-card-meta span:nth-child(n+2){display:none}.character-profile-head{grid-template-columns:60px 1fr;padding:16px}.character-profile-avatar{width:56px;height:56px}.character-profile-avatar>span{font-size:25px}.character-profile-title h1{font-size:27px}.character-dashboard-grid>.panel{padding:16px}.character3d{height:260px}.equipment-grid{grid-template-columns:1fr}.detail-kv-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.character-card{transition:none}.presence.online i{box-shadow:none}}


/* ===== ZAMES RACE AVATARS + LOCATION NAMES — 14.08.2026 ===== */
.character-card-avatar,.character-profile-avatar{isolation:isolate}
.race-avatar-img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover;display:block;z-index:1;filter:saturate(.92) contrast(1.05);background:#07131d}
.avatar-class-badge{position:absolute!important;left:-5px!important;bottom:-5px!important;right:auto!important;top:auto!important;width:25px!important;height:25px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#06121b!important;border:1px solid #3d6984!important;color:#9ed9f7!important;font:700 12px/1 Segoe UI,Arial,sans-serif!important;z-index:4!important;box-shadow:0 3px 10px rgba(0,0,0,.45)!important}
.character-card-avatar>b,.character-profile-avatar>b{z-index:5}
.character-profile-avatar>span.avatar-class-badge{font-size:12px!important}
.character-card-avatar .character-class-symbol{display:none}
.character3d-fallback>span.character3d-race{width:112px;height:112px;padding:5px;overflow:hidden;background:#071620}
.character3d-fallback>span.character3d-race img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}
.detail-kv-grid b em{font:400 8px Segoe UI,Arial,sans-serif;color:#607b8a;margin-left:4px;font-style:normal}
.location-main strong{font-size:20px}.location-main p{color:#7693a3!important;letter-spacing:.2px}


/* ===== ZAMES Armory modal v3 ===== */
.character-card{width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;background:rgba(2,13,21,.88);}
.character-card:focus-visible{outline:1px solid #67c9f1;outline-offset:2px}
.wow-race-icon{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;image-rendering:auto}
.character-card-avatar .wow-race-icon{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border:1px solid rgba(230,181,58,.55);box-shadow:0 0 18px rgba(0,0,0,.55)}
body.modal-open{overflow:hidden}
.character-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.character-modal.open{display:flex}
.character-modal-backdrop{position:absolute;inset:0;background:rgba(0,4,8,.86);backdrop-filter:blur(8px)}
.character-modal-dialog{position:relative;z-index:1;width:min(1380px,96vw);height:min(900px,94vh);display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(3,17,27,.99),rgba(1,8,14,.99));border:1px solid #31586c;box-shadow:0 30px 100px #000,0 0 50px rgba(21,103,139,.15);overflow:hidden}
.character-modal-close{position:absolute;right:16px;top:13px;z-index:5;width:40px;height:40px;border:1px solid #426275;background:#06131d;color:#d6e5ec;font-size:29px;line-height:30px;cursor:pointer}
.character-modal-close:hover{border-color:#82cbe7;color:#fff}
.armory-modal-head{min-height:112px;padding:19px 70px 18px 24px;display:grid;grid-template-columns:78px 1fr minmax(190px,auto);gap:18px;align-items:center;border-bottom:1px solid #294a5c;background:linear-gradient(90deg,rgba(4,24,37,.96),rgba(3,14,23,.7))}
.armory-head-avatar{position:relative;width:72px;height:72px;border-radius:50%;padding:5px;border:1px solid #b9891c;background:#07121b;box-shadow:0 0 24px rgba(0,0,0,.7)}
.armory-head-avatar>span{position:absolute;left:-3px;bottom:-3px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#062133;border:1px solid #4b95b6;color:#bdeaff;font-size:11px}
.armory-head-avatar>b{position:absolute;right:-4px;bottom:-4px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#071017;border:1px solid #d59b16;color:#ffd96c;font-size:10px}
.armory-modal-head h2{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:27px;margin:5px 0 1px;color:#f1f3f4}.armory-modal-head p{margin:0;color:#9aabb4;font-size:12px}
.armory-head-location{text-align:right;padding-right:8px}.armory-head-location small{display:block;font-size:8px;letter-spacing:2px;color:#5b8498}.armory-head-location strong{display:block;color:#e8f4f8;font-size:16px;margin-top:7px}.armory-head-location span{color:#78909b;font-size:11px}
.armory-modal-scroll{overflow:auto;padding:16px 18px 28px;scrollbar-color:#36586a #071019}
.armory-top-grid{display:grid;grid-template-columns:1.25fr 1fr .88fr;gap:12px}
.armory-3d-panel,.armory-info-panel{border:1px solid #27495b;background:rgba(2,15,24,.86);padding:15px;min-width:0}.armory-section-label{color:#64badc;font-size:8px;letter-spacing:2.1px;font-weight:700;margin-bottom:8px}.armory-info-panel h3{font:20px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#f2f1e9;margin:0 0 13px}
.modal-character3d{height:360px;border:1px solid #31566a;background:radial-gradient(circle at 50% 45%,rgba(20,74,96,.17),rgba(0,8,13,.94) 70%);overflow:hidden}.modal-character3d canvas{width:100%!important;height:100%!important}.modal-character3d .character3d-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.modal-character3d .character3d-fallback img{width:82px;height:82px;border:2px solid #9b741e;box-shadow:0 0 28px rgba(0,0,0,.8)}.modal-character3d .character3d-fallback b{font:22px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.modal-character3d .character3d-fallback small{color:#8296a1}.viewer-load{width:100%;margin-top:10px}.viewer-note{font-size:10px;line-height:1.5;text-align:center;color:#6f8792;margin:8px 4px 0}.viewer-note.error{color:#d07d72}.custom-race-note{padding:10px;border:1px solid rgba(197,143,38,.3);color:#bfa773;background:rgba(65,43,5,.13)}
.armory-info-panel .location-main{margin-bottom:10px}.armory-info-panel .detail-kv-grid{grid-template-columns:1fr 1fr;gap:6px}.armory-info-panel .detail-kv-grid>div{min-height:51px}.armory-info-panel .unstuck-box{margin-top:10px}.armory-info-panel .unstuck-btn{width:100%}
.modal-equipment-section{margin-top:14px;border-top:1px solid #294a5c;padding-top:15px}.modal-equipment-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.modal-equipment-head span{font-size:8px;letter-spacing:2px;color:#61b5d5}.modal-equipment-head h3{font-size:22px;margin:5px 0 0}.modal-equipment-head p{margin:4px 0 0;color:#768b95;font-size:10px}.modal-equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.modal-equipment-grid .equipment-slot{min-height:64px;position:relative;overflow:visible;cursor:default}.modal-equipment-grid .equipment-icon{flex:0 0 43px;width:43px;height:43px}.modal-equipment-grid .equipment-icon img{width:100%;height:100%;object-fit:cover}.modal-equipment-grid .equipment-copy strong{font-size:11px}.modal-equipment-grid .equipment-copy small,.modal-equipment-grid .equipment-copy p{font-size:8px}
.wow-item-tooltip{position:absolute;z-index:100;left:12px;bottom:calc(100% + 8px);width:310px;display:none;padding:13px 14px;background:linear-gradient(180deg,#090d12,#05080d);border:1px solid #5c6670;box-shadow:0 12px 35px #000;color:#fff;font-size:12px;line-height:1.45;pointer-events:none}.armory-item:hover .wow-item-tooltip,.armory-item:focus .wow-item-tooltip,.armory-item:focus-within .wow-item-tooltip{display:block}.tooltip-item-name{display:block;font-size:14px;margin-bottom:2px}.tooltip-item-name.poor{color:#9d9d9d}.tooltip-item-name.common{color:#fff}.tooltip-item-name.uncommon{color:#1eff00}.tooltip-item-name.rare{color:#0070dd}.tooltip-item-name.epic{color:#a335ee}.tooltip-item-name.legendary{color:#ff8000}.tooltip-item-name.artifact{color:#e6cc80}.tooltip-ilvl{color:#ffd100;margin-bottom:6px}.tooltip-line{display:flex;justify-content:space-between;gap:12px}.tooltip-line.stat{color:#1eff00}.tooltip-line.damage{color:#fff}.tooltip-line.muted,.tooltip-muted{color:#a5a5a5}.tooltip-description{color:#ffd100;margin-top:8px;font-style:italic}.tooltip-id{margin-top:8px;padding-top:6px;border-top:1px solid #2f343b;color:#66717b;font-size:10px}
.character3d-error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#8ea4ae}.character3d-error b{font-size:42px;color:#66b8d9;margin-bottom:10px}
@media(max-width:1050px){.armory-top-grid{grid-template-columns:1fr 1fr}.armory-3d-panel{grid-row:span 2}.modal-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.character-modal{padding:0}.character-modal-dialog{width:100vw;height:100vh}.armory-modal-head{grid-template-columns:62px 1fr;padding:14px 55px 14px 14px}.armory-head-avatar{width:58px;height:58px}.armory-head-location{display:none}.armory-top-grid{grid-template-columns:1fr}.modal-character3d{height:330px}.modal-equipment-grid{grid-template-columns:1fr}.wow-item-tooltip{position:fixed;left:12px;right:12px;bottom:12px;width:auto}.armory-modal-scroll{padding:10px}}
.wow-item-tooltip .tooltip-line.binding{color:#d7cfc0;margin-top:4px}.wow-item-tooltip .tooltip-line.socket{color:#9ad1ff}.wow-item-tooltip .tooltip-line.spell{color:#64d86e}.wow-item-tooltip .tooltip-line.spell b{color:#64d86e;font-weight:500}

/* ===== ZAMES Armory 3D autoload v4 ===== */
.modal-character3d{height:410px;position:relative;display:block;background:radial-gradient(ellipse at 50% 44%,rgba(37,100,126,.20) 0,rgba(5,26,39,.76) 38%,rgba(0,8,13,.98) 76%),linear-gradient(180deg,#061720,#01070b)}
.modal-character3d:after{content:"";position:absolute;left:12%;right:12%;bottom:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(104,190,222,.32),transparent);box-shadow:0 0 22px rgba(83,180,216,.12);pointer-events:none}
.modal-character3d.loaded:after{opacity:.35}
.character3d-autoload,.character3d-custom-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:8px;color:#d5e5eb}
.character3d-autoload b{font:20px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#eef4f6}.character3d-autoload small,.character3d-custom-placeholder small{max-width:310px;color:#78909c;font-size:10px;line-height:1.55}
.viewer-spinner{width:48px;height:48px;border-radius:50%;border:2px solid rgba(90,179,215,.18);border-top-color:#76d2f1;border-right-color:#d6a52b;box-shadow:0 0 24px rgba(82,190,231,.12);animation:zamesViewerSpin 1s linear infinite;margin-bottom:5px}
@keyframes zamesViewerSpin{to{transform:rotate(360deg)}}
.character3d-custom-placeholder b{font-size:9px;letter-spacing:2.5px;color:#c79b36}.character3d-custom-placeholder strong{font:28px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#eef1f2;margin:4px 0}
.viewer-auto-note{min-height:18px;margin-top:9px}.viewer-auto-note.error{color:#d58b7d!important}
.character3d-error .viewer-retry{margin-top:15px;min-width:150px;height:36px;border:1px solid #47768b;background:#082231;color:#ccecf7;font-size:10px;letter-spacing:1px;cursor:pointer}.character3d-error .viewer-retry:hover{border-color:#7ccce9;background:#0b3044;color:#fff}
.modal-character3d.loaded canvas{position:relative;z-index:2;width:100%!important;height:100%!important;display:block!important}
@media(max-width:720px){.modal-character3d{height:380px}}

/* ZAMES GOLD SHOP v1 */
.shop-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.shop-balance{min-width:190px;padding:16px 20px;border:1px solid #35536a;background:rgba(2,12,20,.78);text-align:center;box-shadow:inset 0 0 28px rgba(45,147,213,.05)}.shop-balance small{display:block;font:9px Segoe UI,Arial,sans-serif;letter-spacing:1.8px;color:#7896aa}.shop-balance strong{display:block;margin:5px 0 0;font:400 38px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#f1c758}.shop-balance span{font:10px Segoe UI,Arial,sans-serif;color:#899ba8}.shop-category-head{align-items:center;margin-bottom:16px}.shop-category-head p{margin:5px 0 0;color:#8fa3b1;font:12px Segoe UI,Arial,sans-serif}.shop-rate-note{display:grid;gap:1px;min-width:135px;padding:9px 13px;border:1px solid #5a4926;background:rgba(18,14,6,.55);text-align:right}.shop-rate-note b{font:700 12px Segoe UI,Arial,sans-serif;color:#f0c764}.shop-rate-note span{font:9px Segoe UI,Arial,sans-serif;color:#8698a4}.gold-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:45px}.gold-product-card{position:relative;overflow:hidden;border:1px solid #4d6475;background:linear-gradient(180deg,rgba(5,18,28,.98),rgba(2,10,17,.99));box-shadow:0 16px 38px rgba(0,0,0,.35)}.gold-product-card:before{content:"";position:absolute;inset:5px;border:1px solid rgba(72,153,205,.07);pointer-events:none;z-index:3}.gold-product-card:hover{border-color:#a97b2d;box-shadow:0 18px 48px rgba(0,0,0,.48),0 0 26px rgba(191,135,32,.08);transform:translateY(-2px);transition:.2s ease}.gold-product-art{height:145px;position:relative;overflow:hidden;border-bottom:1px solid #3b5363;background:#07121b}.gold-product-art img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.03)}.gold-product-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(1,8,13,.9) 100%);pointer-events:none}.gold-art-shine{position:absolute;width:110px;height:220px;top:-65px;left:-140px;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,223,123,.17),transparent);animation:goldCardShine 5.5s ease-in-out infinite;z-index:1;pointer-events:none}.gold-amount-badge{position:absolute;left:13px;bottom:10px;z-index:2;padding:5px 8px;border:1px solid rgba(205,156,58,.68);background:rgba(8,10,8,.78);color:#f0cf74;font:700 11px Segoe UI,Arial,sans-serif;letter-spacing:.5px}.gold-product-body{padding:15px 15px 16px}.gold-product-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.gold-product-title small{display:block;margin-bottom:3px;color:#6c8798;font:8px Segoe UI,Arial,sans-serif;letter-spacing:1.6px}.gold-product-title h3{margin:0;color:#f0f2f3;font:400 20px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.gold-coin-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid #b98a2a;background:radial-gradient(circle at 35% 30%,#ffe18b,#d99a17 50%,#77500d 72%);color:#fff2a5;box-shadow:0 0 18px rgba(231,166,33,.22);font-size:9px}.gold-product-body>p{min-height:31px;margin:9px 0 12px;color:#899ba8;font:10px/1.5 Segoe UI,Arial,sans-serif}.gold-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid rgba(65,88,103,.42)}.gold-price-row strong{font:400 21px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#efc661}.gold-price-row strong small{font:9px Segoe UI,Arial,sans-serif;color:#8596a1}.gold-price-row>span{padding:4px 7px;border:1px solid rgba(181,133,45,.42);background:rgba(31,21,7,.45);color:#e9d08a;font:700 10px Segoe UI,Arial,sans-serif}.gold-buy-form{display:grid;gap:8px}.gold-buy-form select{width:100%;padding:10px 11px;border:1px solid #30495c;background:#020a11;color:#eef1f2;outline:none}.gold-buy-button{width:100%;min-height:40px;font-size:10px;letter-spacing:.45px}.gold-buy-button:disabled{opacity:.45;cursor:not-allowed}@keyframes goldCardShine{0%,63%{left:-150px;opacity:0}72%{opacity:1}88%{left:115%;opacity:.35}100%{left:115%;opacity:0}}@media(max-width:1100px){.gold-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.shop-hero-inner{align-items:flex-start;flex-direction:column}.shop-balance{width:100%}.shop-category-head{align-items:flex-start;flex-direction:column}.shop-rate-note{text-align:left}.gold-shop-grid{grid-template-columns:1fr}.gold-product-art{height:165px}}

/* ZAMES STORE v11: categories, mounts, transmog */
.shop-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 30px}.shop-tab{min-height:70px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;border:1px solid #31516a;background:linear-gradient(180deg,rgba(4,18,29,.96),rgba(2,10,17,.98));color:#91b8cf;cursor:pointer;position:relative;overflow:hidden;transition:.2s ease}.shop-tab:after{content:"";position:absolute;inset:5px;border:1px solid rgba(76,158,209,.08);pointer-events:none}.shop-tab:hover{border-color:#4b86a9;color:#d9eef8}.shop-tab.active{border-color:#b3822f;color:#f1cd70;background:linear-gradient(180deg,rgba(55,38,10,.72),rgba(12,18,20,.98));box-shadow:0 0 25px rgba(196,139,33,.12),inset 0 0 28px rgba(179,126,28,.08)}.shop-tab b{font:400 25px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#5ea9d0}.shop-tab.active b{color:#f0bf4f}.shop-tab strong{font:700 11px Segoe UI,Arial,sans-serif;letter-spacing:.8px}.shop-tab em{font:700 8px Segoe UI,Arial,sans-serif;font-style:normal;padding:4px 7px;border:1px solid #536675;color:#8b9aa4;background:#071018}.shop-tab-icon{width:38px;height:38px;display:grid;place-items:center;overflow:hidden}.shop-tab-icon img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}.shop-category-panel{animation:shopPanelIn .22s ease}.shop-category-panel[hidden]{display:none!important}@keyframes shopPanelIn{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}.gold-product-card.featured{border-color:#a96b38;box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 26px rgba(164,56,43,.12)}.shop-featured-badge{position:absolute;top:10px;right:10px;z-index:6;padding:5px 9px;border:1px solid #d58a3f;background:#8e1f17;color:#ffe7b4;font:800 8px Segoe UI,Arial,sans-serif;letter-spacing:1px}.mount-note{text-align:center;min-width:115px}.mount-note b{font:400 27px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.mount-shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:45px}.mount-product-card{position:relative;display:flex;flex-direction:column;min-height:375px;padding:16px;border:1px solid #405b6e;background:linear-gradient(180deg,rgba(5,20,31,.98),rgba(2,10,17,.99));box-shadow:0 16px 35px rgba(0,0,0,.32);overflow:hidden;transition:.2s ease}.mount-product-card:before{content:"";position:absolute;inset:5px;border:1px solid rgba(64,146,199,.07);pointer-events:none}.mount-product-card:hover{transform:translateY(-2px);border-color:#8b6d39;box-shadow:0 18px 45px rgba(0,0,0,.44),0 0 24px rgba(210,159,58,.06)}.mount-product-card.legendary-mount{border-color:#a86c25;box-shadow:0 17px 45px rgba(0,0,0,.5),0 0 26px rgba(230,142,24,.10)}.mount-icon-wrap{width:92px;height:92px;margin:2px auto 13px;border:1px solid #6d5425;background:#02080d;position:relative;padding:5px;box-shadow:inset 0 0 18px rgba(221,164,48,.06)}.mount-icon-wrap img{width:100%;height:100%;object-fit:cover;display:block}.mount-icon-glow{position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px rgba(242,194,83,.12),0 0 18px rgba(37,157,221,.07);pointer-events:none}.mount-product-info{flex:1;text-align:center}.mount-product-info small{display:block;color:#607d90;font:7px Segoe UI,Arial,sans-serif;letter-spacing:1.2px}.mount-product-info h3{margin:6px 0 7px;color:#e9edf0;font:400 17px/1.15 "Segoe UI Variable","Segoe UI",Arial,sans-serif;min-height:39px}.mount-product-info p{margin:0;color:#8195a2;font:9px/1.45 Segoe UI,Arial,sans-serif;min-height:52px}.mount-price{display:flex;justify-content:center;align-items:baseline;gap:5px;margin:12px 0 9px;padding-top:10px;border-top:1px solid rgba(62,86,103,.45)}.mount-price strong{font:400 23px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#efc763}.mount-price span{font:8px Segoe UI,Arial,sans-serif;color:#8c9ba5}.mount-buy-form{display:grid;gap:7px}.mount-buy-form select{width:100%;padding:9px 8px;border:1px solid #30495c;background:#020a11;color:#edf1f3;font:9px Segoe UI,Arial,sans-serif;outline:none}.mount-buy-form .btn{min-height:38px;font-size:9px}.transmog-development{min-height:300px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:42px;border:1px solid #3b5568;background:linear-gradient(100deg,rgba(4,17,27,.98),rgba(7,25,37,.88),rgba(3,11,18,.98));position:relative;overflow:hidden}.transmog-development:before{content:"";position:absolute;inset:6px;border:1px solid rgba(70,143,187,.07);pointer-events:none}.transmog-lock-icon{width:108px;height:108px;display:grid;place-items:center;border:1px solid #4c6070;background:radial-gradient(circle,rgba(54,107,137,.14),rgba(2,10,16,.9));overflow:hidden}.transmog-lock-icon img{width:100%;height:100%;object-fit:cover;opacity:.8}.transmog-development>div:nth-child(2)>span{font:700 9px Segoe UI,Arial,sans-serif;letter-spacing:2px;color:#65b9df}.transmog-development h2{margin:6px 0 9px;font:400 31px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#d9e0e4}.transmog-development p{max-width:690px;margin:0;color:#8499a7;font:12px/1.6 Segoe UI,Arial,sans-serif}.transmog-status{padding:12px 18px;border:1px solid #6b582a;color:#e2c26b;background:rgba(36,28,7,.5);font:800 10px Segoe UI,Arial,sans-serif;letter-spacing:1.5px}
@media(max-width:1200px){.mount-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.shop-category-tabs{grid-template-columns:1fr}.mount-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transmog-development{grid-template-columns:1fr;text-align:center}.transmog-lock-icon{margin:auto}.transmog-status{justify-self:center}}
@media(max-width:560px){.mount-shop-grid{grid-template-columns:1fr}.mount-product-card{min-height:0}.shop-tab{justify-content:flex-start}.transmog-development{padding:28px 20px}}

/* ZAMES payments: YooMoney + Boosty */
.wallet-topup-btn{margin-top:8px;width:100%}.shop-topup-link{display:block;margin-top:10px;padding-top:9px;border-top:1px solid rgba(74,112,137,.35);color:#69cfff;font:700 9px Segoe UI,Arial,sans-serif;letter-spacing:1px;text-decoration:none}.shop-topup-link:hover{color:#f2ce72}.payment-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.payment-current-balance{min-width:190px;padding:16px 20px;border:1px solid #35536a;background:rgba(2,12,20,.8);text-align:center}.payment-current-balance small{display:block;color:#7896aa;font:9px Segoe UI,Arial,sans-serif;letter-spacing:1.8px}.payment-current-balance strong{display:block;margin-top:5px;color:#f1c758;font:400 38px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.payment-current-balance span{font:10px Segoe UI,Arial,sans-serif;color:#899ba8}.payment-page{padding-bottom:55px}.payment-rate-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px;padding:15px 18px;border:1px solid #34536a;background:linear-gradient(90deg,rgba(3,17,27,.95),rgba(5,24,37,.78))}.payment-rate-banner>div{display:flex;align-items:center;gap:12px}.coin-orb{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid #d19c29;color:#ffe49a;background:radial-gradient(circle at 35% 30%,#eebd3a,#8b590b 66%,#392505);box-shadow:0 0 20px rgba(224,165,34,.2);font:700 15px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.payment-rate-banner small{display:block;color:#7192a6;font:8px Segoe UI,Arial,sans-serif;letter-spacing:1.7px}.payment-rate-banner strong{display:block;margin-top:2px;color:#f0d178;font:400 19px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.payment-rate-banner p{max-width:520px;margin:0;color:#8da0ad;font:11px/1.5 Segoe UI,Arial,sans-serif;text-align:right}.payment-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.payment-provider-card{padding:22px;border:1px solid #39566b;background:linear-gradient(180deg,rgba(3,16,26,.98),rgba(2,9,16,.99));box-shadow:0 20px 50px rgba(0,0,0,.28)}.payment-provider-card header{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid rgba(69,95,111,.38)}.payment-provider-card header>div:nth-child(2){min-width:0}.payment-provider-card header span{display:block;color:#7293a6;font:8px Segoe UI,Arial,sans-serif;letter-spacing:1.7px}.payment-provider-card h2{margin:3px 0 0;font:400 26px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.payment-provider-card>p{min-height:50px;margin:15px 0;color:#90a2ae;font:11px/1.55 Segoe UI,Arial,sans-serif}.provider-mark{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:14px;font:700 25px/1 Segoe UI,Arial,sans-serif}.yoomoney-mark{border:1px solid #8b5fe5;background:linear-gradient(135deg,#7347d7,#4e2ca8);color:#fff;box-shadow:0 0 24px rgba(121,75,219,.22)}.boosty-mark{border:1px solid #ff9c34;background:linear-gradient(135deg,#ff8d24,#c75213);color:#fff;box-shadow:0 0 24px rgba(255,123,30,.18)}.provider-state{margin-left:auto;padding:5px 8px;border:1px solid #486176;color:#92a4b0;font:700 8px Segoe UI,Arial,sans-serif;letter-spacing:1px;font-style:normal;white-space:nowrap}.provider-state.ready,.payment-ready-badge.ok{border-color:#39734b;color:#78db92;background:rgba(28,92,49,.16)}.payment-provider-card.not-ready{border-color:#6b5b35}.payment-config-warning,.boosty-tip{margin:-2px 0 13px;padding:10px 12px;border:1px solid #6f5a2b;background:rgba(73,53,11,.2);color:#d6bd73;font:10px/1.5 Segoe UI,Arial,sans-serif}.boosty-tip{border-color:#6b4632;background:rgba(92,45,17,.14);color:#d3aa8c}.payment-method-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.payment-method-toggle button{min-height:35px;border:1px solid #304b60;background:#06121c;color:#8099a9;font:700 9px Segoe UI,Arial,sans-serif;cursor:pointer}.payment-method-toggle button.active{border-color:#7e61cd;color:#d8caff;background:rgba(80,48,160,.22);box-shadow:inset 0 0 18px rgba(122,73,220,.08)}.payment-amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-amount-card{padding:10px;border:1px solid #294457;background:#030d15;text-align:center}.payment-amount-card:hover{border-color:#6f63b3}.payment-amount-card.boosty:hover{border-color:#a8602f}.payment-amount-card strong{display:block;color:#f1f2f3;font:400 18px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.payment-amount-card span{display:block;margin:3px 0 8px;color:#80a1b6;font:9px Segoe UI,Arial,sans-serif}.payment-amount-card .btn{width:100%;min-height:32px;padding:6px;font-size:8px}.payment-amount-card button:disabled{opacity:.38;cursor:not-allowed}.payment-history{margin-top:18px;padding:22px}.payment-status{display:inline-block;padding:4px 7px;border:1px solid #425867;color:#95a6b0;font:700 8px Segoe UI,Arial,sans-serif;text-transform:uppercase;letter-spacing:.7px}.payment-status.paid{border-color:#39734b;color:#75d68d}.payment-status.pending{border-color:#7e6329;color:#dfbd64}.payment-status.rejected,.payment-status.cancelled{border-color:#783b3b;color:#e07e7e}.payment-history code,.boosty-order-panel code,.payment-callback-box code,.boosty-pending-list code{color:#77d4ff;font-family:Consolas,monospace}.boosty-order-panel{display:grid;grid-template-columns:auto 1fr minmax(280px,380px);align-items:center;gap:18px;margin-bottom:18px;padding:20px;border-color:#7c4d2d;background:linear-gradient(90deg,rgba(49,22,9,.5),rgba(2,13,21,.96))}.boosty-order-copy>span{color:#d0814a;font:700 8px Segoe UI,Arial,sans-serif;letter-spacing:1.5px}.boosty-order-copy h2{margin:4px 0;font:400 23px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.boosty-order-copy p{margin:0;color:#99a8b1;font:10px/1.5 Segoe UI,Arial,sans-serif}.boosty-order-actions label{display:block;color:#7f96a4;font:8px Segoe UI,Arial,sans-serif;letter-spacing:1.3px}.copy-code{display:flex;margin:5px 0 8px}.copy-code code{flex:1;padding:9px 10px;border:1px solid #4e4437;background:#02090e;font-size:10px;overflow:hidden;text-overflow:ellipsis}.copy-code button{border:1px solid #755631;border-left:0;background:#22160b;color:#e1bb77;font:700 8px Segoe UI,Arial,sans-serif;cursor:pointer}.boosty-pay-link{width:100%;text-align:center}.payment-redirect-card{max-width:560px;margin:0 auto;padding:35px;text-align:center}.payment-redirect-card .provider-mark{margin:0 auto 15px}.payment-redirect-card h2{font:400 28px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.payment-redirect-card p{color:#8fa1ad;font:11px/1.6 Segoe UI,Arial,sans-serif}.payment-redirect-card form{margin:20px 0 9px}.payment-redirect-card .btn{min-width:270px}.payment-redirect-card small{color:#728694;font:9px Segoe UI,Arial,sans-serif}.payment-admin-grid{align-items:start}.payment-settings-panel,.boosty-admin-panel{padding:22px}.payment-ready-badge{align-self:flex-start;padding:5px 8px;border:1px solid #71582d;color:#dbbc68;font:700 8px Segoe UI,Arial,sans-serif;letter-spacing:.7px}.payment-callback-box{margin-top:15px;padding:12px;border:1px solid #314a5c;background:#03101a}.payment-callback-box small{display:block;color:#7897aa;font:8px Segoe UI,Arial,sans-serif;letter-spacing:1.3px}.payment-callback-box code{display:block;margin:6px 0;font-size:11px;word-break:break-all}.payment-callback-box p{margin:0;color:#7e929f;font:10px/1.5 Segoe UI,Arial,sans-serif}.inline-check{display:flex!important;align-items:center;gap:8px}.inline-check input{width:auto!important}.boosty-pending-list{display:grid;gap:9px;max-height:520px;overflow:auto}.boosty-pending-list article{display:grid;grid-template-columns:1fr minmax(250px,320px);gap:12px;padding:12px;border:1px solid #334a5b;background:#03101a}.boosty-pending-list article>div:first-child{display:grid;gap:3px}.boosty-pending-list small{color:#718795;font:8px Segoe UI,Arial,sans-serif}.boosty-pending-list strong{font:400 16px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.boosty-pending-list span{color:#91a2ac;font:9px Segoe UI,Arial,sans-serif}.boosty-admin-actions{display:grid;gap:6px}.boosty-admin-actions form{display:grid;grid-template-columns:1fr auto;gap:6px}.boosty-admin-actions input{min-width:0}.boosty-admin-actions .btn{padding:7px 10px;font-size:8px}.boosty-admin-actions .danger{border:1px solid #633b3b;background:#1b0909;padding:7px 10px}.page-topup .cabinet-nav a[href*="topup"]{color:#69cfff}
@media(max-width:1100px){.payment-provider-grid{grid-template-columns:1fr}.boosty-order-panel{grid-template-columns:auto 1fr}.boosty-order-actions{grid-column:1/-1}.payment-admin-grid{grid-template-columns:1fr}.boosty-pending-list article{grid-template-columns:1fr}}
@media(max-width:720px){.payment-hero-inner,.payment-rate-banner{align-items:flex-start;flex-direction:column}.payment-current-balance{width:100%}.payment-rate-banner p{text-align:left}.payment-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boosty-order-panel{grid-template-columns:1fr}.boosty-order-panel>.provider-mark{display:none}.payment-provider-card{padding:15px}.provider-state{display:none}}


/* ZAMES STORE v13: redesigned category tabs + improved mount details */
.shop-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}
.shop-tab{display:flex;align-items:center;gap:14px;min-height:84px;padding:14px 18px;border:1px solid #35586d;background:linear-gradient(180deg,rgba(4,18,28,.96),rgba(2,10,17,.99));box-shadow:0 12px 34px rgba(0,0,0,.28);text-align:left;position:relative;overflow:hidden}
.shop-tab:before{content:"";position:absolute;inset:5px;border:1px solid rgba(80,146,190,.08);pointer-events:none}
.shop-tab:hover{border-color:#7b6838;transform:translateY(-1px)}
.shop-tab.active{border-color:#a07a2c;box-shadow:0 18px 46px rgba(0,0,0,.42),0 0 26px rgba(191,145,48,.09);background:linear-gradient(180deg,rgba(25,18,7,.95),rgba(9,12,13,.98))}
.shop-tab-icon{width:54px;height:54px;flex:0 0 54px;border:1px solid #6b5326;background:#041019;padding:4px;box-shadow:inset 0 0 18px rgba(245,186,65,.08)}
.shop-tab-icon img{width:100%;height:100%;object-fit:cover;display:block}
.shop-tab-copy{display:grid;gap:2px;min-width:0}
.shop-tab b{display:block;color:#77bce3;font:700 12px Segoe UI,Arial,sans-serif;letter-spacing:.7px}
.shop-tab strong{display:block;color:#eef2f5;font:700 18px "Segoe UI Variable","Segoe UI",Arial,sans-serif;line-height:1.1}
.shop-tab small{display:block;color:#7f98aa;font:10px Segoe UI,Arial,sans-serif}
.shop-tab em{margin-left:auto;align-self:flex-start;padding:5px 7px;border:1px solid #51687a;color:#a5b5be;background:rgba(5,13,20,.65);font:700 8px Segoe UI,Arial,sans-serif;letter-spacing:.8px;white-space:nowrap}
.shop-tab.active b{color:#f0cf75}.shop-tab.active strong{color:#fff7da}
.gold-product-card.featured .gold-product-art img{object-position:right center}.gold-product-card.featured .gold-price-row strong{color:#ffd36b}
.mount-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mount-product-card{min-height:0;padding:0;overflow:hidden}
.mount-product-card.legendary-mount{border-color:#a86c25}
.mount-visual{position:relative;min-height:138px;padding:18px 18px 16px;border-bottom:1px solid rgba(74,101,118,.5);display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(120deg,rgba(8,18,26,.92),rgba(3,12,19,.96));overflow:hidden}
.mount-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.06),transparent 32%),radial-gradient(circle at 86% 24%,rgba(255,214,88,.10),transparent 20%)}
.mount-theme-bronze .mount-visual{background:linear-gradient(120deg,rgba(71,42,14,.92),rgba(17,13,9,.98))}
.mount-theme-blue .mount-visual{background:linear-gradient(120deg,rgba(11,37,74,.94),rgba(4,15,30,.98))}
.mount-theme-azure .mount-visual{background:linear-gradient(120deg,rgba(10,64,88,.94),rgba(5,18,28,.98))}
.mount-theme-black .mount-visual{background:linear-gradient(120deg,rgba(21,25,31,.96),rgba(4,10,16,.99))}
.mount-theme-twilight .mount-visual{background:linear-gradient(120deg,rgba(54,24,83,.94),rgba(14,8,24,.99))}
.mount-theme-red .mount-visual{background:linear-gradient(120deg,rgba(104,23,18,.94),rgba(29,11,10,.99))}
.mount-theme-green .mount-visual{background:linear-gradient(120deg,rgba(21,79,37,.94),rgba(8,20,12,.99))}
.mount-theme-time .mount-visual{background:linear-gradient(120deg,rgba(24,101,107,.94),rgba(8,24,26,.99))}
.mount-theme-onyxia .mount-visual{background:linear-gradient(120deg,rgba(84,23,29,.94),rgba(16,8,11,.99))}
.mount-theme-legendary .mount-visual{background:linear-gradient(120deg,rgba(72,25,93,.92),rgba(9,15,36,.99))}
.mount-visual-copy,.mount-visual-badge{position:relative;z-index:1}
.mount-visual-copy span{display:inline-block;padding:5px 8px;border:1px solid rgba(238,191,95,.38);background:rgba(11,13,14,.45);color:#f2cb6d;font:700 9px Segoe UI,Arial,sans-serif;letter-spacing:1px}
.mount-visual-copy h3{margin:11px 0 5px;max-width:72%;color:#f4f7f8;font:400 25px/1.05 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.mount-visual-copy p{margin:0;color:#d6e0e6;font:11px Segoe UI,Arial,sans-serif}
.mount-visual-badge{padding:7px 9px;border:1px solid rgba(89,123,146,.55);background:rgba(2,10,16,.66);color:#9cc9e7;font:700 8px Segoe UI,Arial,sans-serif;letter-spacing:1px;align-self:flex-start}
.mount-product-info{padding:14px 16px 0;text-align:left}
.mount-product-info small{font-size:8px;letter-spacing:1.5px}
.mount-product-info h3{min-height:0;margin:6px 0;color:#f3f5f7;font:400 22px/1.1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.mount-product-info p{min-height:0;margin:0 0 12px;color:#91a1ac;font:11px/1.55 Segoe UI,Arial,sans-serif}
.mount-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 0 0;border-top:1px solid rgba(62,86,103,.36)}
.mount-facts div{min-height:58px;padding:9px;border:1px solid rgba(56,81,98,.55);background:#05111a;display:grid;align-content:start;gap:4px}
.mount-facts span{color:#7191a4;font:700 8px Segoe UI,Arial,sans-serif;letter-spacing:1px}
.mount-facts b{color:#e7edf1;font:600 11px/1.3 Segoe UI,Arial,sans-serif}
.mount-price{justify-content:flex-start;margin:13px 16px 9px;padding-top:12px}
.mount-buy-form{padding:0 16px 16px}.mount-buy-form .btn{min-height:40px;font-size:9px}
@media(max-width:1200px){.mount-shop-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.mount-shop-grid{grid-template-columns:1fr}.mount-visual-copy h3{max-width:none;font-size:22px}.mount-facts{grid-template-columns:1fr}.shop-tab{min-height:78px}.shop-tab strong{font-size:16px}}
@media(max-width:560px){.shop-tab{padding:12px;gap:10px}.shop-tab-icon{width:46px;height:46px;flex-basis:46px}.shop-tab b{font-size:11px}.shop-tab strong{font-size:15px}.shop-tab small{font-size:9px}.shop-tab em{display:none}}


/* ZAMES STORE v14: confirmation modal + account order cards + richer mount arts */
.mount-visual{padding:0;min-height:178px;align-items:stretch}
.mount-visual-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(1.08) contrast(1.04)}
.mount-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,16,.86) 0%,rgba(6,13,21,.52) 42%,rgba(4,8,13,.82) 100%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.24));pointer-events:none}
.mount-visual-copy{padding:18px;align-self:flex-end}
.mount-visual-badge{margin:16px;align-self:flex-start}
.mount-visual-copy h3{font-size:28px;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.mount-product-card.legendary-mount .mount-visual:after{background:linear-gradient(90deg,rgba(17,8,30,.76) 0%,rgba(12,14,35,.44) 45%,rgba(10,8,22,.84) 100%),linear-gradient(180deg,rgba(255,220,129,.06),rgba(0,0,0,.18))}
.shop-confirm-open{overflow:hidden}
.shop-confirm-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px}
.shop-confirm-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(3px)}
.shop-confirm-dialog{position:relative;z-index:1;width:min(560px,100%);padding:24px;border:1px solid #4c6173;background:linear-gradient(180deg,rgba(5,19,29,.98),rgba(2,9,15,.995));box-shadow:0 24px 80px rgba(0,0,0,.55)}
.shop-confirm-dialog:before{content:"";position:absolute;inset:6px;border:1px solid rgba(80,146,190,.08);pointer-events:none}
.shop-confirm-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid #3d5568;background:#06111a;color:#d6e0e6;font-size:22px;cursor:pointer}
.shop-confirm-head span{display:block;color:#76b6dd;font:700 9px Segoe UI,Arial,sans-serif;letter-spacing:1.8px}.shop-confirm-head h3{margin:8px 0 6px;color:#edf2f4;font:400 29px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.shop-confirm-head p{margin:0 0 16px;color:#90a1ac;font:11px/1.55 Segoe UI,Arial,sans-serif}
.shop-confirm-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-confirm-summary div{padding:12px;border:1px solid rgba(59,86,104,.62);background:#05111a;display:grid;gap:4px}.shop-confirm-summary small{color:#7690a1;font:700 8px Segoe UI,Arial,sans-serif;letter-spacing:1px}.shop-confirm-summary b{color:#f0f3f5;font:600 13px/1.35 Segoe UI,Arial,sans-serif}
.shop-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.shop-confirm-actions .btn{min-width:180px}
.order-history-list{display:grid;gap:12px}.order-history-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px;border:1px solid #3d5769;background:linear-gradient(180deg,rgba(5,18,28,.98),rgba(2,10,17,.99));box-shadow:0 14px 36px rgba(0,0,0,.28)}
.order-history-card.gold-order{border-color:#705528;background:linear-gradient(180deg,rgba(26,18,7,.92),rgba(5,12,18,.99))}
.order-history-icon{width:54px;height:54px;border:1px solid #476377;display:grid;place-items:center;background:#05111a;box-shadow:inset 0 0 18px rgba(62,151,213,.06)}
.order-history-card.gold-order .order-history-icon{border-color:#8d6828;box-shadow:inset 0 0 18px rgba(224,165,34,.1)}
.order-history-icon span{color:#eac867;font-size:22px}
.order-history-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-history-top strong{color:#f0f3f5;font:400 24px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.order-history-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.order-history-meta span{min-height:54px;padding:10px;border:1px solid rgba(56,80,97,.58);background:#05111a;display:grid;gap:4px;align-content:start}.order-history-meta small{color:#728d9f;font:700 8px Segoe UI,Arial,sans-serif;letter-spacing:1px}.order-history-meta b{color:#e7edf0;font:600 11px/1.35 Segoe UI,Arial,sans-serif}.cabinet-orders .section-head p{margin:6px 0 0;color:#8398a6;font:12px/1.5 Segoe UI,Arial,sans-serif}
@media(max-width:900px){.shop-confirm-summary{grid-template-columns:1fr}.shop-confirm-actions{flex-direction:column}.shop-confirm-actions .btn{min-width:0;width:100%}.order-history-meta{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.order-history-card{grid-template-columns:1fr}.order-history-icon{display:none}.order-history-top{align-items:flex-start;flex-direction:column}.order-history-top strong{font-size:21px}.order-history-meta{grid-template-columns:1fr}}

/* v15 hotfix: confirmation modal must stay hidden until a purchase is requested */
.shop-confirm-modal[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.shop-confirm-modal:not([hidden]){display:grid;visibility:visible;pointer-events:auto}


/* ZAMES STORE v22: clear mount previews + fixed 20000 gold art */
.gold-product-card.featured .gold-product-art img{object-position:center center}
.mount-product-card-clean{padding:16px}
.mount-clean-top{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:start}
.mount-icon-stage{display:grid;justify-items:center;gap:8px;padding:14px;border:1px solid rgba(75,108,128,.58);background:linear-gradient(180deg,rgba(8,20,31,.98),rgba(4,10,16,.98))}
.mount-theme-bronze .mount-icon-stage{box-shadow:inset 0 0 22px rgba(201,129,45,.14)}
.mount-theme-blue .mount-icon-stage{box-shadow:inset 0 0 22px rgba(74,145,255,.14)}
.mount-theme-azure .mount-icon-stage{box-shadow:inset 0 0 22px rgba(56,201,255,.14)}
.mount-theme-black .mount-icon-stage{box-shadow:inset 0 0 22px rgba(154,154,154,.08)}
.mount-theme-twilight .mount-icon-stage{box-shadow:inset 0 0 22px rgba(165,90,255,.16)}
.mount-theme-red .mount-icon-stage{box-shadow:inset 0 0 22px rgba(228,82,82,.16)}
.mount-theme-green .mount-icon-stage{box-shadow:inset 0 0 22px rgba(88,201,96,.16)}
.mount-theme-time .mount-icon-stage{box-shadow:inset 0 0 22px rgba(75,232,255,.16)}
.mount-theme-onyxia .mount-icon-stage{box-shadow:inset 0 0 22px rgba(217,80,110,.16)}
.mount-theme-legendary .mount-icon-stage{box-shadow:inset 0 0 28px rgba(230,194,98,.2)}
.mount-icon-frame{width:96px;height:96px;padding:4px;border:1px solid #8f6e2e;background:#030910;box-shadow:0 0 0 1px rgba(255,212,95,.18) inset, 0 10px 24px rgba(0,0,0,.28)}
.mount-icon-img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto}
.mount-icon-fallback{display:grid;place-items:center;width:100%;height:100%;font:700 34px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#d1b15c;background:#06111a}
.mount-icon-stage small{color:#7a94a6;font:10px/1.35 Segoe UI,Arial,sans-serif;text-align:center}
.mount-clean-head{display:grid;gap:10px;align-content:start}
.mount-clean-badges{display:flex;gap:8px;flex-wrap:wrap}
.mount-clean-badges span,.mount-clean-badges em{display:inline-block;padding:5px 8px;border:1px solid rgba(238,191,95,.38);background:rgba(11,13,14,.45);color:#f2cb6d;font:700 9px Segoe UI,Arial,sans-serif;letter-spacing:1px;font-style:normal}
.mount-clean-badges em{border-color:#53728b;color:#9fd0ef}
.mount-product-card-clean h3{margin:0;color:#f3f6f8;font:400 28px/1.05 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.mount-product-card-clean .mount-clean-head>p{margin:0;color:#cad7de;font:12px/1.4 Segoe UI,Arial,sans-serif}
.mount-product-card-clean .mount-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;border-top:none}
.mount-product-card-clean .mount-facts div{min-height:60px}
.mount-product-info-clean{padding:14px 0 0;text-align:left}
.mount-product-info-clean small{font-size:8px;letter-spacing:1.5px}
.mount-product-info-clean p{margin:8px 0 0;color:#91a1ac;font:11px/1.55 Segoe UI,Arial,sans-serif}
@media(max-width:900px){.mount-clean-top{grid-template-columns:1fr}.mount-icon-stage{justify-items:start}.mount-icon-stage small{text-align:left}.mount-product-card-clean .mount-facts{grid-template-columns:1fr}}


/* ZAMES ARMORY v23: real item icons + faster model payload */
.equipment-icon{position:relative;overflow:hidden}
.equipment-icon img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid rgba(95,136,164,.35);background:#07131b}
.equipment-slot.empty .equipment-icon img{opacity:.55;filter:grayscale(.2)}
.equipment-icon span{position:absolute;right:4px;bottom:1px;padding:0 4px;background:rgba(5,14,22,.82);backdrop-filter:blur(2px);border:1px solid rgba(88,118,138,.4);border-radius:999px;color:#afc4d3;font-size:10px;line-height:16px}
.mount-icon-img{display:block;width:100%;height:100%;object-fit:cover}
.character3d{background:radial-gradient(circle at 50% 24%,rgba(18,77,113,.34),rgba(2,12,19,0) 32%),linear-gradient(180deg,#040d14 0%,#03111b 100%)}


/* ZAMES v24: accurate 3D equipment mapping, mount WoW tooltips, rarity colors */
.mount-icon-frame{position:relative;overflow:visible;display:grid;place-items:center}
.mount-icon-frame .mount-icon-img{width:86px;height:86px;object-fit:cover;object-position:center;display:block;border:0}
.mount-icon-unavailable{display:none;width:86px;height:86px;padding:8px;place-items:center;text-align:center;background:#06111a;color:#7d95a5;font:9px/1.3 Segoe UI,Arial,sans-serif}
.mount-icon-img.icon-load-failed{display:none}.mount-icon-img.icon-load-failed+.mount-icon-unavailable{display:grid}
.quality-poor{--rarity:#9d9d9d}.quality-common{--rarity:#ffffff}.quality-uncommon{--rarity:#1eff00}.quality-rare{--rarity:#0070dd}.quality-epic{--rarity:#a335ee}.quality-legendary{--rarity:#ff8000}.quality-artifact{--rarity:#e6cc80}.quality-heirloom{--rarity:#00ccff}
.mount-product-card[class*="quality-"]{border-color:color-mix(in srgb,var(--rarity) 48%,#314d60)}
.mount-product-card[class*="quality-"] .mount-clean-head h3{color:var(--rarity)}
.mount-icon-frame[class*="quality-"]{border-color:var(--rarity);box-shadow:0 0 0 1px color-mix(in srgb,var(--rarity) 32%,transparent),0 10px 24px rgba(0,0,0,.3)}
.mount-wow-tooltip{position:absolute;z-index:80;left:108%;top:-10px;width:320px;padding:13px;border:1px solid #4b5964;background:rgba(5,8,13,.985);box-shadow:0 18px 55px rgba(0,0,0,.68);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-5px);transition:.15s ease;text-align:left}
.mount-icon-frame:hover .mount-wow-tooltip,.mount-icon-frame:focus .mount-wow-tooltip,.mount-icon-frame:focus-within .mount-wow-tooltip{opacity:1;visibility:visible;transform:none}
.mount-tooltip-head{display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:start}.mount-tooltip-head img{width:48px;height:48px;object-fit:cover;border:1px solid var(--rarity,#a335ee)}
.mount-tooltip-head strong{display:block;color:var(--rarity,#a335ee);font:700 14px/1.2 Arial,sans-serif}.mount-tooltip-head small{display:block;margin-top:4px;color:#e8e8e8;font:11px Arial,sans-serif}.mount-wow-tooltip p{margin:7px 0;color:#fff;font:11px/1.4 Arial,sans-serif}.mount-wow-tooltip .mount-tooltip-use{color:#1eff00}.mount-wow-tooltip .mount-tooltip-flavor{color:#ffd100}.mount-wow-tooltip>small{display:block;margin-top:8px;color:#777;font:10px Arial,sans-serif}
.mount-product-card:nth-child(2n) .mount-wow-tooltip{left:auto;right:108%;transform:translateX(5px)}.mount-product-card:nth-child(2n) .mount-icon-frame:hover .mount-wow-tooltip,.mount-product-card:nth-child(2n) .mount-icon-frame:focus .mount-wow-tooltip{transform:none}
.equipment-slot.poor{border-color:#555}.equipment-slot.common{border-color:#bdbdbd}.equipment-slot.uncommon{border-color:#1eff00}.equipment-slot.rare{border-color:#0070dd}.equipment-slot.epic{border-color:#a335ee}.equipment-slot.legendary{border-color:#ff8000}.equipment-slot.artifact{border-color:#e6cc80}.equipment-slot.heirloom{border-color:#00ccff}
.equipment-slot.poor .equipment-copy strong{color:#9d9d9d}.equipment-slot.common .equipment-copy strong{color:#fff}.equipment-slot.uncommon .equipment-copy strong{color:#1eff00}.equipment-slot.rare .equipment-copy strong{color:#0070dd}.equipment-slot.epic .equipment-copy strong{color:#a335ee}.equipment-slot.legendary .equipment-copy strong{color:#ff8000}.equipment-slot.artifact .equipment-copy strong{color:#e6cc80}.equipment-slot.heirloom .equipment-copy strong{color:#00ccff}
.character3d.is-loading:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(25,106,152,.15),rgba(2,10,16,.72));pointer-events:none}
@media(max-width:900px){.mount-wow-tooltip{position:fixed;left:14px!important;right:14px!important;top:auto;bottom:14px;width:auto;transform:none!important}}


/* ZAMES ARMORY v24: corrected AzerothCore -> viewer equipment slot mapping */
.viewer-auto-note.error{color:#e7977f;border-color:rgba(190,77,61,.42)}
.character3d.loaded canvas{opacity:1;transition:opacity .18s ease}

/* =========================================================
   ZAMES PORTAL EXPANSION v30
   Wallet, services, tickets, guilds, events, admin & rankings
   ========================================================= */
.portal-two-col{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.portal-main{min-width:0}.portal-aside{position:sticky;top:88px}.portal-card-grid{display:grid;gap:14px;margin-bottom:20px}.portal-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-feature-card{min-height:250px;display:flex;flex-direction:column}.portal-feature-card>span,.portal-section .section-head span{font:700 9px Segoe UI,Arial,sans-serif;letter-spacing:2px;color:#69b9df}.portal-feature-card h2{margin:8px 0;color:#eef3f5}.portal-feature-card>strong{font:400 30px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#efc35d}.portal-feature-card p{color:#8398a7;line-height:1.55;flex:1}.portal-section{margin-top:18px}.wallet-history-list{display:grid;gap:8px}.wallet-history-list article{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #314d60;background:#04111a}.wallet-history-list.compact article{padding:9px}.wallet-history-list article>div{display:grid;gap:3px}.wallet-history-list strong{color:#e8eef1}.wallet-history-list small{color:#708b9d}.wallet-delta{min-width:88px;padding:7px 9px;border:1px solid #435d6e;text-align:center;font-weight:800}.wallet-delta.plus{color:#8fe272;border-color:#3e713c;background:rgba(40,98,40,.13)}.wallet-delta.minus{color:#ff8e82;border-color:#77433e;background:rgba(112,40,33,.12)}.daily-mini{margin-top:8px}.daily-mini .text-btn{width:100%;color:#d7b45c}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.service-card form{grid-column:1/-1}.service-icon{width:60px;height:60px;display:grid;place-items:center;border:1px solid #725b2b;color:#efc45e;background:radial-gradient(circle,rgba(189,140,44,.18),rgba(4,13,20,.96));font-size:25px}.service-card small{color:#65b9df;letter-spacing:1.5px}.service-card h2{margin:5px 0}.service-card p{color:#8398a7;min-height:45px}.service-card strong{color:#efc35d}
.support-portal-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;margin-bottom:18px}.ticket-list{display:grid;gap:8px}.ticket-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #304c5e;background:#04111a;text-decoration:none}.ticket-row strong{color:#e8eef2}.ticket-row span{display:block;margin-top:4px;color:#7891a1;font-size:11px}.ticket-row>b{padding:5px 8px;border:1px solid #476478;color:#8bc4e7;font-size:9px;text-transform:uppercase}.ticket-row.resolved,.ticket-row.closed{opacity:.7}.ticket-thread{margin:18px 0}.ticket-message{margin:10px 0;padding:14px;border:1px solid #345267;background:#04111a}.ticket-message.admin{border-color:#806124;background:linear-gradient(180deg,rgba(35,26,8,.58),rgba(4,17,26,.96))}.ticket-message b{color:#e9eef1}.ticket-message p{margin:7px 0;color:#a2b1ba;line-height:1.6}.ticket-message small{color:#667f90}.support-external{margin-top:18px}.ticket-reply-form{margin-top:14px}
.event-list{display:grid;gap:14px}.event-card{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center}.event-date{height:100%;min-height:120px;display:grid;place-items:center;align-content:center;border-right:1px solid #2e4b5e}.event-date b{font:400 40px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#efc35d}.event-date span{color:#6dbce0;font-weight:800}.event-date small{color:#7c93a1}.event-type{display:inline-block;padding:4px 7px;border:1px solid #5b713e;color:#abd77b;font-size:9px;letter-spacing:1px}.event-card h2{margin:8px 0 6px}.event-card p{color:#8ca0ad;line-height:1.55}.event-card>div:last-child>small{color:#6d8899}.home-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.activity-feed,.home-event-list{display:grid}.activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(55,80,96,.38)}.activity-dot{width:8px;height:8px;border-radius:50%;background:#6fc8eb;box-shadow:0 0 10px rgba(69,180,225,.45)}.activity-row strong{color:#e9eef1}.activity-row p{margin:2px 0;color:#8196a4;font-size:11px}.activity-row time{color:#6b8290;font-size:10px}.home-event-list a{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(55,80,96,.38);text-decoration:none}.home-event-list time{width:48px;height:48px;display:grid;place-items:center;align-content:center;border:1px solid #625225;background:#171306;color:#efca66}.home-event-list time b{font-size:17px}.home-event-list time span{font-size:9px}.home-event-list strong{display:block;color:#e9eef1}.home-event-list small{color:#708b9c}
.guild-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guild-card{display:flex;justify-content:space-between;align-items:center;text-decoration:none}.guild-card h2{margin:5px 0;color:#eef2f4}.guild-card p{margin:0;color:#8196a3}.guild-card>div:last-child{text-align:right}.guild-card>div:last-child strong{display:block;font:400 32px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#efc45f}.guild-card>div:last-child span,.guild-card>div:last-child small{display:block;color:#7892a3}.guild-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guild-member{display:flex;gap:12px;align-items:center}.guild-member img{width:58px;height:58px;border-radius:50%;border:1px solid #6d5929;object-fit:cover}.guild-member h3{margin:0;color:#edf2f4}.guild-member p{margin:4px 0;color:#8398a6}.guild-member small{color:#6fb7da}
.ranking-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ranking-tabs a{padding:10px 15px;border:1px solid #35566b;color:#8ca7b7;text-decoration:none;background:#04111a}.ranking-tabs a.active{color:#f1d078;border-color:#8b6b2a;background:#171306}.ranking-table a{color:#8ed0ee}.presence{white-space:nowrap}
.armory-extra-section{margin-top:18px;padding-top:18px;border-top:1px solid #315063}.armory-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.armory-extra-card{min-height:130px;padding:14px;border:1px solid #314e61;background:#04111a;display:grid;align-content:start;gap:7px}.armory-extra-card>small{color:#68b7dc;font-size:8px;letter-spacing:1.4px}.armory-extra-card>strong{color:#eef2f4;font:400 20px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.armory-extra-card>a{color:#78c5ea;font-size:10px}.profession-row{display:flex;justify-content:space-between;gap:8px;color:#91a4b0;font-size:11px}.profession-row b{color:#e8edf0}.achievement-mini{display:block;color:#a683e8;font-size:10px;line-height:1.3}
.shop-tools{display:flex;align-items:center;gap:10px;margin:0 0 18px}.shop-search{flex:1;display:flex;align-items:center;border:1px solid #35556a;background:#031019}.shop-search span{padding:0 12px;color:#6fc2e6;font-size:20px}.shop-search input{flex:1;border:0;background:transparent;padding:12px;color:#edf2f5;outline:0}.favorite-filter{display:flex;gap:8px;align-items:center;padding:11px 13px;border:1px solid #35556a;background:#031019;color:#a0b1bb;font-size:11px}.shop-filter-card{position:relative}.shop-favorite-form{position:absolute;right:9px;top:9px;z-index:12}.shop-favorite-button{width:31px;height:31px;border:1px solid #536d7d;background:rgba(2,10,16,.87);color:#6f8797;cursor:pointer}.shop-favorite-button.active{color:#f6ca60;border-color:#8b6a26;background:#251c07}.shop-filter-card[hidden]{display:none!important}
.portal-admin-grid .form-row{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-stats-secondary{margin-top:-18px}.admin-online-chart{min-height:210px;display:grid;align-content:end}.chart-bars{height:150px;display:flex;gap:2px;align-items:flex-end;border-bottom:1px solid #355266;padding:8px}.chart-bars i{flex:1;min-width:2px;height:calc(var(--v) * 1%);background:linear-gradient(180deg,#67c5ec,#224f68);opacity:.78}.chart-legend{display:flex;justify-content:space-between;margin-top:10px;color:#8098a7}.admin-search-form{display:flex;gap:8px}.admin-search-form input{flex:1}.account-lookup-card{margin-top:14px;padding:14px;border:1px solid #4a6577;background:#04111a}.account-lookup-card h3{margin:0 0 10px;color:#f1cd70}.account-lookup-card>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.account-lookup-card span{display:grid;padding:8px;border:1px solid #2e4b5e;color:#7892a2}.account-lookup-card b{color:#edf1f3}.promo-admin-list{display:grid;gap:7px;margin-top:12px;max-height:330px;overflow:auto}.promo-admin-list article{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px;border:1px solid #304c5e;background:#04111a}.promo-admin-list strong{color:#efc45f}.promo-admin-list small{display:block;color:#7c94a4}.admin-ticket-thread{margin-top:14px;padding-top:14px;border-top:1px solid #345166}.status-form{display:flex;gap:8px;margin-top:10px}.status-form select{flex:1}.account-security-info{margin-top:16px}
@media(max-width:1200px){.portal-card-grid.three{grid-template-columns:1fr 1fr}.guild-member-grid{grid-template-columns:1fr 1fr}.portal-admin-grid .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{gap:12px}.main-nav a{font-size:10px}}
@media(max-width:900px){.portal-two-col{grid-template-columns:1fr}.portal-aside{position:static}.service-grid,.support-portal-grid,.home-live-grid,.guild-list{grid-template-columns:1fr}.armory-extra-grid{grid-template-columns:1fr 1fr}.shop-tools{flex-wrap:wrap}.shop-search{flex-basis:100%}.guild-member-grid{grid-template-columns:1fr}.event-card{grid-template-columns:70px 1fr}.main-nav a:nth-child(4),.main-nav a:nth-child(5){display:none}}
@media(max-width:600px){.portal-card-grid.three,.armory-extra-grid{grid-template-columns:1fr}.service-card{grid-template-columns:1fr}.service-icon{width:48px;height:48px}.portal-admin-grid .form-row,.account-lookup-card>div{grid-template-columns:1fr}.shop-tools .btn,.favorite-filter{width:100%;justify-content:center}.activity-row{grid-template-columns:auto 1fr}.activity-row time{grid-column:2}.event-card{grid-template-columns:1fr}.event-date{border-right:0;border-bottom:1px solid #2e4b5e;min-height:80px}.main-nav{display:none}}

/* Ticket screenshot attachments */
.ticket-attachments{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 5px}
.ticket-attachments a{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:9px;max-width:280px;padding:7px;border:1px solid rgba(67,101,123,.65);background:rgba(3,13,21,.88);color:#9fc8df;text-decoration:none}
.ticket-attachments img{width:68px;height:52px;object-fit:cover;border:1px solid rgba(114,151,174,.5);background:#02080d}
.ticket-attachments span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px Segoe UI,Arial,sans-serif}
.ticket-attachments a:hover{border-color:#b28a38;color:#f1d27a}
.admin-record-card{display:grid;place-items:center;text-align:center;min-height:210px;padding:22px;border:1px solid rgba(68,100,120,.55);background:radial-gradient(circle at 50% 30%,rgba(42,125,176,.12),transparent 50%),#05111a}
.admin-record-card strong{color:#efc866;font:400 64px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.admin-record-card span{margin-top:6px;color:#d7e1e6;font:700 12px Segoe UI,Arial,sans-serif;letter-spacing:1px}.admin-record-card p{max-width:480px;margin:14px 0 0;color:#8197a5;font:11px/1.55 Segoe UI,Arial,sans-serif}
.event-countdown{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(61,87,105,.42)}.event-countdown span{color:#7893a5;font:700 8px Segoe UI,Arial,sans-serif;letter-spacing:1px}.event-countdown b{color:#efc866;font:600 13px Segoe UI,Arial,sans-serif}


/* ===== ZAMES polish update — 15.08.2026 ===== */
.site-header{padding-top:4px}
.header-inner{height:82px;grid-template-columns:210px 1fr auto;gap:22px}
.brand-logo{height:64px}.brand-logo img{height:60px}
.main-nav{gap:18px}.main-nav a{min-width:auto;padding:0 14px;font-size:12px}
.account-button{min-height:46px;padding:0 16px}

.z-hero-video{object-position:center 42%}
.z-hero-art{background-position:center 40%}
.z-hero-copy.z-hero-centered{padding-top:118px}
.z-status-main .z-stat,.z-status-meta .z-stat{align-items:center;justify-content:center}
.z-status-main .z-faction,.z-status-main .z-online-dot{position:static;transform:none;margin:0 auto 6px}
.z-status-main .z-stat div{padding:0}
.z-status-main .z-stat-copy,.z-status-meta .z-stat-copy{display:grid;justify-items:center}
.z-status-meta .z-stat{justify-content:center;text-align:center}
.z-status-meta .z-stat div{text-align:center}

.portal-feature-card,.support-portal-grid>.panel,.account-security-info,.cabinet-session,.cabinet-wallet{padding:20px 22px}
.portal-feature-card>span,.support-portal-grid .section-head span,.account-security-info .section-head span,.cabinet-session small,.cabinet-wallet small{font-size:10px;letter-spacing:2px}
.portal-feature-card h2,.support-portal-grid h2,.account-security-info h2{margin:10px 0 12px;font-size:22px}
.portal-feature-card>strong{font-size:40px;margin:8px 0 10px}
.portal-feature-card p,.ticket-row span,.wallet-history-list small,.account-security-info p{font-size:14px;line-height:1.6}
.stack label{display:grid;gap:8px;color:#b7c6cf;font:600 13px/1.4 Segoe UI,Arial,sans-serif}
.stack input,.stack textarea,.stack select{padding:15px 16px;font-size:14px}
.stack textarea{min-height:150px}
.ticket-row{padding:16px 18px}.ticket-row strong{font-size:17px}.ticket-row span{margin-top:6px;font-size:13px}
.wallet-history-list article{padding:16px 18px}.wallet-delta{min-width:110px;font-size:15px}
.detail-kv-grid{gap:12px}.detail-kv-grid>div{padding:16px 18px;min-height:74px}
.detail-kv-grid small{font-size:10px;letter-spacing:1.4px}.detail-kv-grid b{margin-top:7px;font-size:14px;line-height:1.45}
.account-security-info .detail-kv-grid{margin-top:8px}

.activity-feed-rich{display:grid;gap:12px}
.activity-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(55,80,96,.38)}
.activity-card:last-child{border-bottom:0}
.activity-avatar{position:relative;width:62px;height:62px;border-radius:50%;overflow:hidden;border:1px solid #5d88a4;background:#04111a;box-shadow:0 0 0 3px rgba(53,92,116,.18)}
.activity-avatar img,.activity-avatar .activity-avatar-fallback{width:100%;height:100%;display:grid;place-items:center;object-fit:cover;background:#04111a;color:#f0cd73;font-size:25px}
.activity-avatar b{position:absolute;right:-4px;bottom:-4px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#0a1c29;border:1px solid #c69945;color:#f6d784;font:700 11px/1 Segoe UI,Arial,sans-serif}
.activity-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.activity-top strong{font-size:24px;color:#eef3f6}
.activity-badge{padding:5px 8px;border:1px solid rgba(82,145,182,.55);background:rgba(12,38,53,.52);color:#8fd0ef;font:700 10px/1 Segoe UI,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}
.activity-card p{margin:0;color:#d4dde2;font:14px/1.55 Segoe UI,Arial,sans-serif}.activity-card p span{color:#79c6ea;font-weight:700}
.activity-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:8px}.activity-meta span{padding:4px 8px;border:1px solid rgba(59,88,105,.45);background:rgba(5,18,28,.6);color:#91a8b7;font:12px/1.3 Segoe UI,Arial,sans-serif}
.activity-card time{color:#7f96a5;font:12px Segoe UI,Arial,sans-serif;white-space:nowrap;align-self:start;padding-top:4px}

.ranking-entry{display:flex;align-items:center;gap:12px;min-width:0}.ranking-entry>div{min-width:0}.ranking-entry b{display:block;color:#edf2f5;font-size:15px}.ranking-entry small{display:block;color:#7892a3;font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid #57748a;box-shadow:0 0 0 3px rgba(41,78,102,.16)}
.table-avatar-generic{display:grid;place-items:center;background:#081824;color:#f2cd72;font-size:20px}
.ranking-entry-guild{text-decoration:none}
.ranking-table td{vertical-align:middle}

.guild-card{padding:18px 20px;gap:18px}
.guild-card-main{display:flex;align-items:center;gap:15px;min-width:0}
.guild-card-badge{width:58px;height:58px;border-radius:50%;overflow:hidden;flex:0 0 58px;border:1px solid #6d5929;background:#07131d;display:grid;place-items:center;color:#f0ca68;font-size:24px}
.guild-card-badge img{width:100%;height:100%;object-fit:cover}.guild-card-main h2{margin:6px 0 4px;font-size:33px}.guild-card-main p{margin:0;font-size:14px;line-height:1.5}
.guild-card-main small{display:block;margin-bottom:2px;color:#6fb7da;font-size:11px;letter-spacing:1px}.guild-card-stats{min-width:124px;text-align:right}.guild-card-stats strong{font-size:36px}
.guild-card-stats span,.guild-card-stats small{font-size:13px;line-height:1.5}

@media(max-width:980px){
 .activity-card{grid-template-columns:62px 1fr}
 .activity-card time{grid-column:2}
 .header-inner{grid-template-columns:180px 1fr auto}
 .main-nav a{padding:0 10px}
}
@media(max-width:700px){
 .activity-card{grid-template-columns:56px 1fr}
 .activity-top strong{font-size:20px}
 .guild-card{flex-direction:column;align-items:flex-start}.guild-card-stats{text-align:left}
}

/* ZAMES-WOW Launcher release update */
.steps-launcher{grid-template-columns:repeat(3,1fr)}
.launcher-download-step{border-color:#3b86b5!important;box-shadow:0 0 0 1px rgba(84,181,238,.08),0 18px 45px rgba(0,0,0,.45),0 0 30px rgba(44,151,216,.10)!important}
.launcher-download-step:after{content:"";position:absolute;inset:-1px;pointer-events:none;border:1px solid rgba(102,205,255,.22);opacity:.25;animation:zamesLauncherFrame 1.8s ease-in-out infinite}
.launcher-title-link{display:inline-block!important;color:#8edcff!important;text-decoration:none!important;font:inherit!important;animation:zamesLauncherText 1.35s ease-in-out infinite}
.launcher-title-link:hover{color:#fff!important;text-shadow:0 0 18px rgba(97,206,255,.95)!important}
.launcher-download-button{display:inline-flex!important;align-items:center;justify-content:center;margin-top:14px;min-height:43px;padding:0 18px;border-color:#4caee2!important;background:linear-gradient(180deg,#0c5f91,#073b60)!important;color:#fff!important;box-shadow:0 0 22px rgba(63,174,232,.18);animation:zamesLauncherButton 1.6s ease-in-out infinite}
@keyframes zamesLauncherText{0%,100%{opacity:1;text-shadow:0 0 6px rgba(75,188,244,.25)}50%{opacity:.72;text-shadow:0 0 18px rgba(89,204,255,.95)}}
@keyframes zamesLauncherButton{0%,100%{box-shadow:0 0 10px rgba(63,174,232,.16)}50%{box-shadow:0 0 28px rgba(63,174,232,.52)}}
@keyframes zamesLauncherFrame{0%,100%{opacity:.16}50%{opacity:.58}}
.z-launcher-update{margin-top:22px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:22px;padding:24px 26px;border:1px solid #3f718f;background:linear-gradient(105deg,rgba(4,27,42,.98),rgba(5,18,29,.97) 62%,rgba(9,31,45,.98));box-shadow:0 18px 45px rgba(0,0,0,.34),inset 0 0 0 1px rgba(107,203,255,.035);position:relative;overflow:hidden}
.z-launcher-update:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#5fc8ff;box-shadow:0 0 18px rgba(86,198,255,.6)}
.z-launcher-update-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #4b9bc8;border-radius:50%;background:radial-gradient(circle,rgba(39,136,191,.27),rgba(3,18,29,.9));color:#8edcff;font:700 27px "Segoe UI Variable","Segoe UI",Arial,sans-serif;box-shadow:0 0 25px rgba(55,166,224,.14)}
.z-launcher-update-copy>span{display:block;color:#6fcaff;font:800 9px Segoe UI,Arial,sans-serif;letter-spacing:2px}
.z-launcher-update-copy h2{margin:5px 0 8px;color:#f2f4f5;font:400 24px "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.z-launcher-update-copy p{margin:0;max-width:850px;color:#aebdc5;font:12px/1.68 Segoe UI,Arial,sans-serif}
.z-launcher-update-actions{display:grid;gap:9px;min-width:190px}
.z-launcher-update-actions .z-btn{min-width:190px;padding:0 16px;white-space:nowrap}
.launcher-home-download{animation:zamesLauncherButton 1.8s ease-in-out infinite}
@media(max-width:1050px){.z-launcher-update{grid-template-columns:58px 1fr}.z-launcher-update-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.z-launcher-update-actions .z-btn{min-width:0}}
@media(max-width:760px){.steps-launcher{grid-template-columns:1fr}.z-launcher-update{grid-template-columns:1fr;text-align:center}.z-launcher-update-mark{margin:auto}.z-launcher-update-actions{grid-template-columns:1fr}.z-launcher-update-copy p{font-size:11px}.z-launcher-update-actions .z-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.launcher-title-link,.launcher-download-button,.launcher-download-step:after,.launcher-home-download{animation:none!important}}


/* ZAMES Launcher header + featured news update 2026-08-17 */
.header-launcher-button{min-height:46px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #3c97c7;background:linear-gradient(180deg,rgba(9,69,106,.98),rgba(4,38,62,.98));color:#dff5ff;font:800 10px/1 Segoe UI,Arial,sans-serif;letter-spacing:.65px;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(116,211,255,.08),0 0 18px rgba(51,169,226,.12);animation:zamesHeaderLauncherPulse 1.65s ease-in-out infinite}
.header-launcher-button:hover{color:#fff;border-color:#72d5ff;box-shadow:0 0 26px rgba(73,193,248,.34),inset 0 0 0 1px rgba(157,226,255,.16)}
.header-launcher-dot{width:7px;height:7px;border-radius:50%;background:#74dcff;box-shadow:0 0 0 0 rgba(116,220,255,.55);animation:zamesHeaderLauncherDot 1.3s ease-out infinite}
@keyframes zamesHeaderLauncherPulse{0%,100%{filter:brightness(1);box-shadow:inset 0 0 0 1px rgba(116,211,255,.08),0 0 12px rgba(51,169,226,.10)}50%{filter:brightness(1.16);box-shadow:inset 0 0 0 1px rgba(116,211,255,.18),0 0 27px rgba(51,169,226,.34)}}
@keyframes zamesHeaderLauncherDot{0%{box-shadow:0 0 0 0 rgba(116,220,255,.55)}75%,100%{box-shadow:0 0 0 8px rgba(116,220,255,0)}}
.launcher-featured-news{position:relative;overflow:hidden;padding:28px 30px;border-color:#4085ad!important;background:linear-gradient(112deg,rgba(5,30,47,.98),rgba(3,16,27,.98) 64%,rgba(7,39,56,.96))!important;box-shadow:0 22px 55px rgba(0,0,0,.38),inset 0 0 0 1px rgba(106,199,247,.04)}
.launcher-featured-news:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#62cbff;box-shadow:0 0 22px rgba(98,203,255,.7)}
.launcher-featured-news:after{content:"";position:absolute;width:340px;height:340px;right:-150px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(71,175,232,.14),rgba(71,175,232,0) 70%);pointer-events:none}
.launcher-featured-news-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.launcher-featured-badge{display:inline-flex;align-items:center;gap:9px;color:#78d5ff;font:800 9px/1 Segoe UI,Arial,sans-serif;letter-spacing:1.8px}
.launcher-featured-badge i{width:8px;height:8px;border-radius:50%;background:#5fd2ff;box-shadow:0 0 12px rgba(95,210,255,.8);animation:zamesHeaderLauncherDot 1.35s ease-out infinite}
.launcher-featured-news time{color:#7895a6!important;font:9px Segoe UI,Arial,sans-serif!important}
.launcher-featured-news h2{margin:0 0 12px!important;color:#f4f7f8!important;font:400 30px/1.14 "Segoe UI Variable","Segoe UI",Arial,sans-serif!important}
.launcher-featured-news p{max-width:1080px;margin:0!important;color:#afbec7!important;font:12px/1.75 Segoe UI,Arial,sans-serif!important}
.launcher-featured-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.launcher-news-download,.launcher-news-guide{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font:800 9px/1 Segoe UI,Arial,sans-serif;letter-spacing:.65px;text-transform:uppercase}
.launcher-news-download{border:1px solid #4daee0;background:linear-gradient(180deg,#0b6499,#073c60);color:#fff;box-shadow:0 0 20px rgba(63,174,232,.16);animation:zamesLauncherButton 1.65s ease-in-out infinite}
.launcher-news-download:hover{border-color:#7bd9ff;color:#fff;box-shadow:0 0 27px rgba(65,190,246,.35)}
.launcher-news-guide{border:1px solid #39576b;background:#06141e;color:#a8bdc9}
.launcher-news-guide:hover{border-color:#5a8aab;color:#fff}
.news-regular-list{margin-top:0;padding-top:0}
@media(max-width:1320px){.header-inner{grid-template-columns:190px 1fr auto;gap:14px}.main-nav{gap:10px}.main-nav a{padding:0 9px;font-size:10px}.header-actions{gap:9px}.header-launcher-button,.account-button{padding:0 11px;font-size:9px}}
@media(max-width:980px){.header-launcher-button{min-height:40px;font-size:8px;padding:0 10px}.header-launcher-button .header-launcher-dot{width:6px;height:6px}.header-actions{gap:7px}}
@media(max-width:820px){.header-inner{grid-template-columns:145px 1fr}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px}.header-launcher-button,.account-button{min-height:35px;padding:0 9px;font-size:8px}.header-launcher-button{order:1}.account-button{order:2}.launcher-featured-news{padding:22px}.launcher-featured-news h2{font-size:25px!important}}
@media(max-width:560px){.header-inner{grid-template-columns:105px 1fr}.brand-logo{width:105px}.header-launcher-button{font-size:0;width:38px;padding:0}.header-launcher-button:after{content:"DL";font:800 8px/1 Segoe UI,Arial,sans-serif}.header-launcher-button .header-launcher-dot{display:none}.account-button{font-size:8px;padding:0 8px}.launcher-featured-news-head{align-items:flex-start;flex-direction:column}.launcher-featured-news h2{font-size:22px!important}.launcher-featured-news p{font-size:11px!important}.launcher-featured-actions{display:grid}.launcher-news-download,.launcher-news-guide{width:100%}}
@media(prefers-reduced-motion:reduce){.header-launcher-button,.header-launcher-dot,.launcher-featured-badge i,.launcher-news-download{animation:none!important}}

/* ===== ZAMES HOME DASHBOARD + RATES — 18.08.2026 ===== */
.z-home-v2 .z-home-content-v2{margin-top:-30px;position:relative;z-index:8;padding-bottom:24px}
.z-rates-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:82px;border:1px solid #36556a;background:linear-gradient(180deg,rgba(4,16,26,.985),rgba(2,9,15,.99));box-shadow:0 18px 45px rgba(0,0,0,.42),inset 0 1px rgba(103,183,227,.06);position:relative;overflow:hidden}
.z-rates-strip:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#6ecfff66,transparent)}
.z-rate-item{min-width:0;display:flex;align-items:center;justify-content:center;gap:13px;padding:14px 18px;position:relative;text-align:left}
.z-rate-item:not(:last-child):after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:rgba(69,96,112,.5)}
.z-rate-icon{flex:0 0 39px;width:39px;height:39px;border:1px solid #9e7b20;border-radius:50%;display:grid;place-items:center;color:#e1b843;background:radial-gradient(circle,rgba(124,88,9,.13),rgba(3,11,17,.96));font:700 13px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;box-shadow:0 0 18px rgba(210,157,24,.06)}
.z-rate-item small{display:block;color:#657b89;font:700 7px/1.2 Segoe UI,Arial,sans-serif;letter-spacing:1.1px;text-transform:uppercase;white-space:nowrap}
.z-rate-item strong{display:block;margin-top:6px;color:#e7edf1;font:500 13px/1 Segoe UI,Arial,sans-serif;white-space:nowrap}
.z-rate-realm strong{font-size:12px}

.z-server-dashboard{display:grid;grid-template-columns:1.08fr .88fr .86fr .98fr;gap:10px;margin-top:10px}
.z-dash-card{min-width:0;min-height:205px;padding:17px 18px 16px;border:1px solid #314f62;background:linear-gradient(150deg,rgba(4,17,27,.98),rgba(2,9,15,.995));box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 0 0 1px rgba(91,167,210,.025);position:relative;overflow:hidden}
.z-dash-card:before{content:"";position:absolute;inset:5px;border:1px solid rgba(101,176,216,.035);pointer-events:none}
.z-dash-head{min-height:27px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(53,82,99,.33);padding-bottom:9px;margin-bottom:11px;position:relative;z-index:1}
.z-dash-head h2{margin:0;color:#e5eaed;font:600 10px/1.2 Segoe UI,Arial,sans-serif;letter-spacing:.65px;text-transform:uppercase}
.z-live-pill,.z-version-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid #2c7040;background:rgba(20,86,40,.16);color:#80e29a;font:700 7px/1 Segoe UI,Arial,sans-serif;letter-spacing:.55px;text-transform:uppercase}
.z-live-pill i,.z-runtime-list b i{width:7px;height:7px;border-radius:50%;background:#56e780;box-shadow:0 0 9px rgba(60,235,111,.62)}
.z-faction-summary{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;align-items:center;text-align:center;min-height:118px}
.z-side{display:grid;justify-items:center;gap:3px}.z-side .z-faction{width:45px;height:45px;font-size:0;margin:0}.z-side .z-faction:after{transform:scale(.7)}
.z-side b{color:#d8e1e6;font:600 16px/1 Segoe UI,Arial,sans-serif}.z-side small{color:#7d919d;font:700 7px/1 Segoe UI,Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase}
.z-total-online small{display:block;color:#6e8491;font:700 7px Segoe UI,Arial,sans-serif;letter-spacing:.8px}.z-total-online>strong{display:block;margin:2px 0 8px;color:#67eb76;font:700 28px/1 Segoe UI,Arial,sans-serif;text-shadow:0 0 16px rgba(60,235,88,.18)}
.z-total-online>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.z-total-online>div span{color:#778b97;font:700 7px Segoe UI,Arial,sans-serif;text-transform:uppercase}.z-total-online>div b{color:#dbe3e7;font-size:8px}
.z-dash-link{display:block;width:max-content;max-width:100%;margin:1px auto 0;padding:6px 12px;border:1px solid #2a4658;color:#7696aa;font:700 7px Segoe UI,Arial,sans-serif;letter-spacing:.55px;text-transform:uppercase;position:relative;z-index:2}.z-dash-link:hover{border-color:#4a7a98;color:#b6dcf1}

.z-countdown-card{text-align:center}.z-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.z-countdown>div{min-width:0;padding:10px 4px 8px;border:1px solid #28495e;background:rgba(5,21,32,.74)}
.z-countdown b{display:block;color:#edf1f3;font:600 23px/1 Segoe UI,Arial,sans-serif}.z-countdown small{display:block;margin-top:6px;color:#728995;font:700 6px Segoe UI,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase}
.z-countdown-progress{height:4px;margin:15px 0 9px;background:#14232d;overflow:hidden}.z-countdown-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#9f261d,#ee402d);box-shadow:0 0 10px rgba(239,56,38,.55);transition:width .6s ease}
.z-countdown-card p{margin:0;color:#6e8492;font:700 7px Segoe UI,Arial,sans-serif;letter-spacing:.6px}.z-countdown-open{display:block;margin:21px auto 0;color:#7aec91;font:600 16px Segoe UI,Arial,sans-serif}

.z-runtime-list{display:grid;gap:0}.z-runtime-list>div{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(51,78,95,.3);font-family:Segoe UI,Arial,sans-serif}.z-runtime-list>div:last-child{border-bottom:0}
.z-runtime-list span{color:#8295a0;font-size:8px;letter-spacing:.35px}.z-runtime-list strong{color:#d8e0e4;font-size:8px;font-weight:600;text-align:right}.z-runtime-list b{display:inline-flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.55px}.z-runtime-list b.is-online{color:#6bdf82}.z-runtime-list b.is-offline{color:#d86a61}.z-runtime-list b.is-offline i{background:#d64d45;box-shadow:0 0 8px rgba(214,77,69,.45)}

.z-launcher-card-body{display:grid;grid-template-columns:98px 1fr;gap:14px;align-items:center;min-height:135px}.z-launcher-emblem{height:116px;border:1px solid #243f50;background:radial-gradient(circle at 50% 45%,rgba(57,119,151,.18),rgba(2,8,14,.97));display:grid;place-items:center;overflow:hidden}.z-launcher-emblem img{width:160px;max-width:none;filter:drop-shadow(0 0 16px rgba(54,164,226,.19))}
.z-launcher-meta{min-width:0}.z-launcher-meta>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.z-launcher-meta>div>strong{color:#eaf0f3;font:600 18px Segoe UI,Arial,sans-serif}.z-launcher-meta>small{display:block;margin:6px 0 13px;color:#6e8390;font:700 7px Segoe UI,Arial,sans-serif;letter-spacing:.45px}.z-launcher-meta .z-btn{width:100%;min-width:0;height:38px;padding:0 9px;font-size:8px}

.z-home-main-grid{display:grid;grid-template-columns:1.2fr .96fr .62fr;gap:10px;margin-top:10px}.z-home-main-grid>.z-box{min-height:245px;margin:0}.z-home-main-grid .z-box-head{padding-bottom:9px;border-bottom:1px solid rgba(60,88,104,.34)}
.z-community-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 18px}.z-community-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin:7px auto 8px;border:1px solid #52658e;background:#121a36;color:#92a9ff;font-size:25px}.z-community-card h2{margin:5px 0 9px;color:#e6ebee;font:600 10px Segoe UI,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase}.z-community-card p{margin:0;color:#82949f;font:10px/1.5 Segoe UI,Arial,sans-serif}.z-community-card>strong{display:block;margin:12px 0;color:#8fcff2;font:500 9px Segoe UI,Arial,sans-serif}.z-community-card .z-btn{margin-top:auto;width:100%;height:39px;min-width:0;font-size:8px}
.z-home-extra-grid{margin-top:10px}

@media(max-width:1180px){
 .z-rates-strip{grid-template-columns:repeat(3,1fr)}.z-rate-item:nth-child(3):after,.z-rate-item:nth-child(6):after{display:none}.z-rate-item:nth-child(n+4){border-top:1px solid rgba(57,82,98,.35)}
 .z-server-dashboard{grid-template-columns:1fr 1fr}.z-home-main-grid{grid-template-columns:1fr 1fr}.z-community-card{grid-column:1/-1;min-height:200px}.z-community-card .z-btn{width:min(280px,100%);margin-top:16px}
}
@media(max-width:760px){
 .z-home-v2 .z-home-content-v2{margin-top:-14px}.z-rates-strip{grid-template-columns:1fr 1fr}.z-rate-item{min-height:70px}.z-rate-item:nth-child(odd):after{display:block}.z-rate-item:nth-child(even):after{display:none}.z-rate-item:nth-child(n+3){border-top:1px solid rgba(57,82,98,.35)}
 .z-server-dashboard{grid-template-columns:1fr}.z-dash-card{min-height:0}.z-home-main-grid{grid-template-columns:1fr}.z-community-card{grid-column:auto}.z-launcher-card-body{grid-template-columns:90px 1fr}
}
@media(max-width:480px){
 .z-rate-item{gap:9px;padding:11px 9px}.z-rate-icon{width:34px;height:34px;flex-basis:34px;font-size:11px}.z-rate-item small{font-size:6px}.z-rate-item strong{font-size:11px}.z-rate-realm strong{font-size:9px}
 .z-countdown{gap:4px}.z-countdown b{font-size:19px}.z-faction-summary{grid-template-columns:.9fr 1.2fr .9fr}.z-side .z-faction{width:38px;height:38px}.z-launcher-card-body{grid-template-columns:1fr;text-align:center}.z-launcher-emblem{height:92px}.z-launcher-meta>div{justify-content:center}
}

/* ZAMES cabinet refresh + roulette/storage update */
.z-server-dashboard{grid-template-columns:1.08fr .92fr .92fr}
.z-home-extra-grid{display:none!important}

.account-hero-v2,.account-hero{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}
.account-hero-balance{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif!important}
.account-hero-balance small{font:600 9px/1.2 "Segoe UI Variable","Segoe UI",Arial,sans-serif!important;letter-spacing:2.4px}
.account-hero-balance strong{font:650 42px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif!important;letter-spacing:-1.7px;color:#f1c85d;text-shadow:0 0 18px rgba(234,179,55,.12);font-variant-numeric:tabular-nums}
.cabinet-title h2,.cabinet-main h2,.cabinet-main h3{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}

.cabinet-sidebar-v2{position:sticky;top:86px;align-self:start;border:1px solid #29465a;background:linear-gradient(180deg,rgba(4,18,29,.98),rgba(2,10,17,.99));box-shadow:0 22px 60px rgba(0,0,0,.32);overflow:hidden}
.cabinet-side-brand{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid rgba(65,95,113,.34);background:linear-gradient(90deg,rgba(23,55,74,.24),transparent)}
.cabinet-side-z{width:42px;height:42px;display:grid;place-items:center;border:1px solid #913026;background:radial-gradient(circle at 45% 35%,#341311,#0c0d12 70%);color:#e14b3a;font:800 22px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;box-shadow:inset 0 0 20px rgba(235,54,37,.08),0 0 18px rgba(194,45,33,.08)}
.cabinet-side-brand small{display:block;color:#6f8fa2;font:700 8px/1.2 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.7px}.cabinet-side-brand strong{display:block;margin-top:5px;color:#eef2f4;font:650 14px/1.2 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.cabinet-balance-compact{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px;padding:12px 13px;border:1px solid #2e5065;background:linear-gradient(135deg,rgba(18,47,64,.58),rgba(6,20,31,.72));text-decoration:none}
.cabinet-balance-compact small{display:block;color:#7191a4;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.4px}.cabinet-balance-compact strong{display:block;margin-top:3px;color:#f1c85d;font:700 22px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.cabinet-balance-compact>b{color:#6daed3;font:400 22px/1 Arial}
.cabinet-nav-v2{padding:4px 12px 12px}.cabinet-nav-label{display:block;padding:10px 7px 7px;color:#557285;font:700 7px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.7px}.cabinet-nav-label.second{padding-top:14px;border-top:1px solid rgba(62,89,105,.22);margin-top:6px}
.cabinet-nav-v2 a{height:46px;display:grid;grid-template-columns:34px 1fr 14px;align-items:center;gap:9px;padding:0 10px;margin:3px 0;border:1px solid transparent;border-radius:4px;color:#aebbc3;font:500 11px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;text-decoration:none;transition:.18s ease}
.cabinet-nav-v2 a i{width:32px;height:32px;display:grid;place-items:center;border:1px solid #29495d;background:#071722;color:#72c8f4;font-style:normal;font-size:13px}.cabinet-nav-v2 a>b{color:#496c80;font:400 18px/1 Arial}.cabinet-nav-v2 a:hover{transform:translateX(2px);border-color:#31566c;background:rgba(20,49,67,.45);color:#eef2f4}.cabinet-nav-v2 a.active{border-color:#7a2d28;background:linear-gradient(90deg,rgba(121,34,30,.22),rgba(19,47,63,.18));color:#f1d98d;box-shadow:inset 3px 0 0 #c33b30}.cabinet-nav-v2 a.active i{border-color:#8d3029;color:#ff6657;background:#1b1012}.cabinet-nav-v2 a.active>b{color:#c84a40}
.cabinet-side-footer{padding:12px;border-top:1px solid rgba(63,91,109,.3)}.cabinet-logout{width:100%;height:38px;border:1px solid #4d3436;background:rgba(63,22,24,.18);color:#c58b8b;font:700 8px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.1px;cursor:pointer}.cabinet-logout:hover{border-color:#8f3838;color:#f1a1a1}

.roulette-layout,.storage-layout{align-items:start}.roulette-panel{position:relative;padding:24px;border:1px solid #35546a;background:radial-gradient(circle at 50% -30%,rgba(45,96,128,.18),transparent 52%),linear-gradient(180deg,rgba(3,17,28,.98),rgba(2,9,15,.99));box-shadow:0 25px 70px rgba(0,0,0,.32)}
.roulette-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.roulette-title-row>div:first-child>span{color:#6ea7c7;font:700 8px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.7px}.roulette-title-row h2{margin:5px 0 0;color:#f0f3f5;font:650 27px/1.15 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.roulette-cooldown{text-align:right}.roulette-cooldown small{display:block;color:#607f91;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.2px}.roulette-cooldown strong{display:block;margin-top:4px;color:#efc85e;font:700 18px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums}
.roulette-machine{position:relative;border:1px solid #3f5d71;background:#020911;overflow:hidden;box-shadow:inset 0 0 45px rgba(0,0,0,.8),0 0 0 1px rgba(81,139,173,.08)}.roulette-window{overflow:hidden;padding:18px 0}.roulette-track{display:flex;gap:10px;width:max-content;padding-left:calc(50% - 76px);transform:translate3d(0,0,0);transition:none;will-change:transform}.roulette-machine.is-spinning .roulette-track{transition:transform 5.2s cubic-bezier(.08,.74,.13,1)}.roulette-pointer{position:absolute;z-index:5;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(#e94233,rgba(233,66,51,.1),#e94233);box-shadow:0 0 12px rgba(239,58,46,.65);pointer-events:none}.roulette-pointer:before,.roulette-pointer:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent}.roulette-pointer:before{top:0;border-top:10px solid #ef4436}.roulette-pointer:after{bottom:0;border-bottom:10px solid #ef4436}
.roulette-prize{width:152px;min-width:152px;height:168px;padding:13px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #2f4d60;background:linear-gradient(180deg,#0b1c28,#06111a);box-shadow:inset 0 0 24px rgba(15,65,93,.12)}.roulette-prize.rare,.roulette-pool-card.rare,.storage-card.rare{border-color:#315e91}.roulette-prize.epic,.roulette-pool-card.epic,.storage-card.epic{border-color:#7250a4}.roulette-prize.legendary,.roulette-pool-card.legendary,.storage-card.legendary{border-color:#a56a2d}.roulette-prize.uncommon,.roulette-pool-card.uncommon,.storage-card.uncommon{border-color:#3e7549}.roulette-item-icon,.roulette-pool-card>div,.storage-icon{width:62px;height:62px;display:grid;place-items:center;border:1px solid #38566a;background:#07121b;overflow:hidden}.roulette-item-icon img,.roulette-pool-card img,.storage-icon img{width:100%;height:100%;object-fit:cover}.roulette-gold{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0cf62,#956316 65%,#39250a);color:#fff1a6;font:800 24px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.roulette-prize small{margin-top:9px;color:#7895a6;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase}.roulette-prize strong{margin-top:5px;color:#e6ecef;font:600 10px/1.3 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.roulette-spin-form{text-align:center;margin-top:20px}.roulette-spin-btn{min-width:280px;height:58px;padding:0 26px;border:1px solid #c23d32;background:linear-gradient(180deg,#a72b22,#6e1814);box-shadow:inset 0 0 18px rgba(255,98,77,.14),0 0 26px rgba(192,43,32,.15);color:#fff;cursor:pointer}.roulette-spin-btn span{display:block;font:750 12px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1px}.roulette-spin-btn small{display:block;margin-top:3px;color:#efb7af;font:600 8px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.7px}.roulette-spin-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.roulette-spin-btn:disabled{border-color:#42505a;background:#18242c;color:#788b96;box-shadow:none;cursor:not-allowed}.roulette-spin-btn:disabled small{color:#657884}
.roulette-win{margin-top:18px;padding:17px 18px;border:1px solid #466176;background:linear-gradient(90deg,rgba(21,52,69,.58),rgba(6,20,30,.72));text-align:center}.roulette-win>span{display:block;color:#6e9cb6;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.5px}.roulette-win>strong{display:block;margin:5px 0 7px;color:#f1d784;font:700 20px/1.2 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.roulette-win p{max-width:620px;margin:0 auto 13px;color:#92a4af;font:10px/1.55 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.roulette-win .btn{min-width:190px}
.roulette-prize-list{margin-top:18px}.roulette-prize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roulette-pool-card{display:flex;align-items:center;gap:11px;min-height:82px;padding:10px;border:1px solid #2f4c5f;background:rgba(3,15,24,.92)}.roulette-pool-card>div{width:52px;height:52px;flex:0 0 52px}.roulette-pool-card small{display:block;color:#718c9d;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase}.roulette-pool-card strong{display:block;margin-top:4px;color:#dce5e9;font:600 10px/1.3 "Segoe UI Variable","Segoe UI",Arial,sans-serif}

.storage-grid{display:grid;gap:12px}.storage-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid #2f4d60;background:linear-gradient(90deg,rgba(5,21,32,.97),rgba(3,13,21,.98));box-shadow:0 10px 28px rgba(0,0,0,.16)}.storage-icon{width:72px;height:72px}.storage-copy small{color:#718ea1;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.9px;text-transform:uppercase}.storage-copy h3{margin:5px 0;color:#eaf0f3;font:650 16px/1.25 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.storage-meta{display:flex;gap:10px;color:#607887;font:600 8px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.storage-status{padding:6px 8px;border:1px solid #3c596a;color:#86a0ae;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase}.storage-status.delivered{border-color:#356b46;color:#76d78c}.storage-status.queued{border-color:#75632f;color:#e0c26a}.storage-status.failed{border-color:#733a38;color:#dd7d75}.storage-send-form{grid-column:2/-1;display:grid;grid-template-columns:minmax(220px,1fr) 200px;gap:10px;align-items:end;padding-top:12px;border-top:1px solid rgba(55,83,99,.34)}.storage-send-form label>span{display:block;margin-bottom:5px;color:#6f8998;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase}.storage-send-form select{width:100%;height:38px;border:1px solid #38566a;background:#06131d;color:#dce5e9;padding:0 10px;font:500 10px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.storage-send-form .btn{height:38px}.storage-note{grid-column:2/-1;margin:0;padding-top:10px;border-top:1px solid rgba(55,83,99,.34);color:#879aa6;font:10px/1.45 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.storage-note.success{color:#72c986}.storage-note.error{color:#d17872}.storage-empty{padding:35px;text-align:center}.storage-empty strong{display:block;font:650 20px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.storage-empty p{color:#8398a4;font:10px/1.5 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.storage-empty .btn{margin-top:12px}

@media(max-width:1180px){.z-server-dashboard{grid-template-columns:1fr 1fr 1fr}.roulette-prize-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.cabinet-sidebar-v2{position:static}.roulette-prize-grid{grid-template-columns:1fr}.storage-card{grid-template-columns:62px 1fr}.storage-icon{width:62px;height:62px}.storage-status{grid-column:2}.storage-send-form,.storage-note{grid-column:1/-1}.storage-send-form{grid-template-columns:1fr}}
@media(max-width:760px){.z-server-dashboard{grid-template-columns:1fr}.roulette-title-row{align-items:flex-start;flex-direction:column}.roulette-cooldown{text-align:left}.roulette-panel{padding:15px}.roulette-spin-btn{min-width:0;width:100%}}

/* ZAMES Roulette v3 — compact, faster, brighter, casino-like reward presentation */
:root{--z-red:#e04435;--z-red2:#8f1f19;--z-blue:#55b8ed;--z-gold:#f1c65a;--z-panel:#04121d}
.roulette-layout-v3{grid-template-columns:minmax(0,1fr) 292px;gap:22px}
.roulette-hero h1{font:700 34px/1.05 "Segoe UI Variable","Segoe UI",Arial,sans-serif!important;letter-spacing:-.9px;text-shadow:0 2px 24px rgba(68,171,226,.12)}
.roulette-hero p{font:400 11px/1.5 "Segoe UI Variable","Segoe UI",Arial,sans-serif!important;color:#a7b7c2}
.roulette-panel-v3{isolation:isolate;overflow:hidden;padding:25px 25px 22px;border-color:#41677f;background:linear-gradient(180deg,rgba(3,18,29,.98),rgba(1,8,14,.995));box-shadow:0 28px 70px rgba(0,0,0,.42),inset 0 1px rgba(130,207,245,.05)}
.roulette-panel-v3:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 22% 0,rgba(28,141,207,.13),transparent 33%),radial-gradient(circle at 80% 25%,rgba(182,40,31,.12),transparent 30%)}
.roulette-panel-v3:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(86,173,221,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(86,173,221,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.roulette-ambient{position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;filter:blur(60px);opacity:.15;pointer-events:none;animation:rouletteAmbient 5s ease-in-out infinite alternate}.roulette-ambient-a{left:-80px;top:80px;background:#1689cf}.roulette-ambient-b{right:-90px;top:160px;background:#c9342b;animation-delay:-2.2s}@keyframes rouletteAmbient{from{transform:scale(.85);opacity:.08}to{transform:scale(1.15);opacity:.2}}
.roulette-title-row-v3{align-items:center;margin-bottom:15px}.roulette-title-row-v3>div:first-child>span{color:#6fc7f4;font-size:8px}.roulette-title-row-v3 h2{font:750 28px/1.1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.5px}.roulette-title-row-v3 p{max-width:570px;margin:7px 0 0;color:#8199a8;font:400 10px/1.5 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.roulette-cooldown-card{display:flex;align-items:stretch;gap:9px;flex:0 0 auto}.roulette-cooldown{min-width:138px;padding:10px 12px;border:1px solid #34586e;background:rgba(2,12,20,.72);text-align:right}.roulette-cooldown small{font-size:7px}.roulette-cooldown strong{font-size:20px;text-shadow:0 0 16px rgba(241,198,90,.2)}.roulette-period{width:56px;display:grid;place-content:center;text-align:center;border:1px solid #7d4f1f;background:linear-gradient(180deg,rgba(90,57,12,.22),rgba(30,19,4,.36));box-shadow:inset 0 0 20px rgba(242,185,55,.05)}.roulette-period b{color:#ffd56b;font:800 20px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.roulette-period span{margin-top:3px;color:#a98a46;font:700 6px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.2px}
.roulette-jackpot-strip{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;height:34px;margin:0 0 12px;border:1px solid rgba(163,108,40,.5);background:linear-gradient(90deg,transparent,rgba(81,47,9,.25),rgba(118,70,12,.32),rgba(81,47,9,.25),transparent);overflow:hidden}.roulette-jackpot-strip:before{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,220,132,.16),transparent);animation:jackpotSweep 3.2s linear infinite}.roulette-jackpot-strip span{color:#d39e3f;font-size:12px;animation:jackpotBlink 1.2s ease-in-out infinite alternate}.roulette-jackpot-strip small{color:#8d7445;font:800 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.5px}.roulette-jackpot-strip strong{color:#f1d284;font:750 10px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.7px}.roulette-jackpot-strip i{width:70px;height:1px;background:linear-gradient(90deg,#8e581c,transparent)}@keyframes jackpotSweep{to{transform:translateX(100%)}}@keyframes jackpotBlink{from{opacity:.4;filter:drop-shadow(0 0 0 transparent)}to{opacity:1;filter:drop-shadow(0 0 7px #d99b33)}}
.roulette-machine-v3{position:relative;padding:8px;border:1px solid #496d82;background:#02070c;box-shadow:0 0 0 1px rgba(4,11,17,.9),0 12px 35px rgba(0,0,0,.48),inset 0 0 45px rgba(31,115,162,.12)}.roulette-machine-v3:before,.roulette-machine-v3:after{content:"";position:absolute;z-index:8;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#e44a38 20%,#62c9ff 50%,#e44a38 80%,transparent);opacity:.55;box-shadow:0 0 9px rgba(86,195,246,.35)}.roulette-machine-v3:before{top:5px}.roulette-machine-v3:after{bottom:5px}
.roulette-marquee{position:absolute;inset:0;pointer-events:none;opacity:.75;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(80,188,244,.55) 25px 27px,transparent 28px 50px) top/100% 2px no-repeat,repeating-linear-gradient(90deg,transparent 0 24px,rgba(225,66,52,.55) 25px 27px,transparent 28px 50px) bottom/100% 2px no-repeat;animation:rouletteMarquee 1.4s linear infinite}@keyframes rouletteMarquee{50%{filter:brightness(1.8)}}
.roulette-window{position:relative;overflow:hidden;padding:13px 0}.roulette-track{gap:9px;padding-left:0}.roulette-machine.is-spinning .roulette-track{transition:transform 2.65s cubic-bezier(.07,.78,.11,1)}
.roulette-machine.is-spinning{box-shadow:0 0 0 1px rgba(61,128,164,.45),0 0 34px rgba(38,144,203,.24),0 16px 45px rgba(0,0,0,.55)}.roulette-machine.is-spinning .roulette-marquee{animation-duration:.28s}.roulette-machine.is-spinning:before,.roulette-machine.is-spinning:after{opacity:1}
.roulette-prize{width:144px;min-width:144px;height:158px;padding:11px 9px;border-color:#314e60;background:linear-gradient(180deg,rgba(10,27,39,.98),rgba(3,12,19,.98));transition:filter .18s,box-shadow .18s,transform .18s;position:relative}.roulette-prize:before{content:"";position:absolute;inset:0;opacity:.12;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.38) 46%,transparent 66%);transform:translateX(-120%)}.roulette-machine.is-spinning .roulette-prize:before{animation:reelCardSweep 1.3s linear infinite}@keyframes reelCardSweep{to{transform:translateX(120%)}}
.roulette-prize.winner{z-index:4;transform:scale(1.035);filter:brightness(1.22);box-shadow:0 0 26px rgba(242,192,79,.34),inset 0 0 28px rgba(242,192,79,.08);animation:winnerCardPulse .7s ease-in-out infinite alternate}@keyframes winnerCardPulse{from{box-shadow:0 0 12px rgba(242,192,79,.18)}to{box-shadow:0 0 34px rgba(242,192,79,.5),inset 0 0 24px rgba(242,192,79,.08)}}
.roulette-item-icon{width:64px;height:64px;border-color:#41667c;background:#06131c;box-shadow:0 0 16px rgba(65,167,221,.07)}.roulette-item-icon img,.roulette-pool-card img,.storage-icon img{display:block}.roulette-gold-image{width:100%;height:100%;object-fit:cover}.roulette-prize small{margin-top:8px;font-size:6.7px}.roulette-prize strong{margin-top:5px;font-size:9.5px;line-height:1.25}.roulette-prize.common .roulette-item-icon{box-shadow:0 0 18px rgba(130,157,172,.12)}.roulette-prize.uncommon .roulette-item-icon{box-shadow:0 0 18px rgba(65,174,92,.2)}.roulette-prize.rare .roulette-item-icon{box-shadow:0 0 20px rgba(68,130,222,.26)}.roulette-prize.epic .roulette-item-icon{box-shadow:0 0 22px rgba(145,75,220,.28)}.roulette-prize.legendary .roulette-item-icon{box-shadow:0 0 28px rgba(239,163,48,.38)}
.roulette-pointer{top:7px;bottom:7px;width:2px;background:linear-gradient(#ff5a47,rgba(255,83,66,.15),#ff5a47);box-shadow:0 0 12px rgba(255,68,51,.9),0 0 24px rgba(255,68,51,.35);animation:pointerPulse .62s ease-in-out infinite alternate}.roulette-pointer span{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #f04c3d;background:#220b0b;box-shadow:0 0 12px rgba(240,75,61,.75)}@keyframes pointerPulse{from{opacity:.66}to{opacity:1;filter:brightness(1.35)}}
.roulette-side-fade{position:absolute;z-index:6;top:8px;bottom:8px;width:80px;pointer-events:none}.roulette-side-fade.left{left:8px;background:linear-gradient(90deg,#02070c,rgba(2,7,12,.8),transparent)}.roulette-side-fade.right{right:8px;background:linear-gradient(-90deg,#02070c,rgba(2,7,12,.8),transparent)}
.roulette-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.roulette-trust-row>span{min-height:35px;display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 8px;border:1px solid rgba(53,82,99,.52);background:rgba(4,17,26,.62);color:#8096a4;font:500 8.3px/1.2 "Segoe UI Variable","Segoe UI",Arial,sans-serif;text-align:center}.roulette-trust-row i{min-width:26px;color:#65bde9;font:800 7.5px "Segoe UI Variable","Segoe UI",Arial,sans-serif;font-style:normal;letter-spacing:.4px}
.roulette-spin-form{margin-top:16px}.roulette-spin-btn-v3{position:relative;overflow:hidden;min-width:330px;height:62px;border-color:#ce4437;background:linear-gradient(180deg,#bf382c,#7d1d17 55%,#5c120f);box-shadow:inset 0 1px rgba(255,202,190,.16),0 0 24px rgba(201,49,38,.22),0 11px 22px rgba(0,0,0,.32);transition:.18s ease}.roulette-spin-btn-v3:before{content:"";position:absolute;top:-20%;bottom:-20%;width:70px;left:-100px;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}.roulette-spin-btn-v3.is-ready:before{animation:spinBtnSweep 2.3s ease-in-out infinite}.roulette-spin-btn-v3.is-ready{animation:spinBtnPulse 1.35s ease-in-out infinite alternate}.roulette-spin-btn-v3 span{position:relative;font-size:12px;letter-spacing:1.25px}.roulette-spin-btn-v3 small{position:relative;font-size:7.5px}.roulette-spin-btn-v3.is-loading{animation:none;filter:saturate(.7);pointer-events:none}.roulette-spin-btn-v3.is-loading:before{animation:spinBtnSweep .65s linear infinite}.roulette-spin-btn-v3:disabled{animation:none;filter:none}@keyframes spinBtnSweep{to{left:calc(100% + 100px)}}@keyframes spinBtnPulse{from{box-shadow:inset 0 1px rgba(255,202,190,.12),0 0 18px rgba(201,49,38,.15),0 10px 22px rgba(0,0,0,.3)}to{box-shadow:inset 0 1px rgba(255,202,190,.2),0 0 35px rgba(222,61,47,.4),0 12px 26px rgba(0,0,0,.38)}}
.roulette-inline-status{height:18px;margin-top:6px;color:#7ea8be;font:600 8px/18px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.3px}.roulette-inline-status.error{color:#e88078}
.roulette-prize-list-v3{margin-top:20px}.roulette-prize-list-v3 .section-head p{max-width:650px}.roulette-prize-grid-v3{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.roulette-prize-grid-v3 .roulette-pool-card{position:relative;min-height:74px;padding:8px 9px;gap:9px;overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s}.roulette-prize-grid-v3 .roulette-pool-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(0,0,0,.25)}.roulette-prize-grid-v3 .roulette-pool-card>div{width:48px;height:48px;flex-basis:48px}.roulette-prize-grid-v3 .roulette-pool-card small{font-size:6.3px}.roulette-prize-grid-v3 .roulette-pool-card strong{font-size:9px}.roulette-pool-card.legendary{background:linear-gradient(135deg,rgba(62,35,5,.42),rgba(5,15,23,.96));box-shadow:inset 0 0 28px rgba(223,153,44,.06)}.roulette-pool-card.legendary:before{content:"";position:absolute;inset:-40%;background:conic-gradient(transparent,rgba(248,198,93,.09),transparent 34%);animation:legendaryAura 5s linear infinite}.roulette-pool-card.legendary>*{position:relative}.roulette-pool-card em{position:absolute;right:6px;top:5px;padding:3px 5px;border:1px solid #7d551d;color:#e7bd58;background:#281b07;font:800 5.7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.8px;font-style:normal}@keyframes legendaryAura{to{transform:rotate(360deg)}}
/* sidebar: wider, one-line labels, no text collision */
.cabinet-sidebar-v3{width:100%;min-width:0;border-color:#31546a}.cabinet-side-brand{min-width:0}.cabinet-side-brand>div{min-width:0}.cabinet-side-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabinet-balance-compact{min-width:0}.cabinet-nav-v3{padding:5px 10px 12px}.cabinet-nav-v3 a{height:43px;grid-template-columns:31px minmax(0,1fr) 10px;gap:8px;padding:0 8px;margin:2px 0;font:550 10.2px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.cabinet-nav-v3 a i{width:29px;height:29px;font-size:11px}.cabinet-nav-v3 a span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabinet-nav-v3 a b{font-size:15px}.cabinet-nav-v3 .nav-wallet span,.cabinet-nav-v3 .nav-topup span{font-size:9.8px;letter-spacing:-.1px}.cabinet-nav-label{padding-left:5px}.cabinet-logout{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}
/* animated result popup */
.roulette-result-modal{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.roulette-result-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.roulette-result-backdrop{position:absolute;inset:0;background:rgba(0,5,10,.79);backdrop-filter:blur(5px)}.roulette-result-card{--result:#e5bd5b;position:relative;width:min(430px,calc(100vw - 34px));padding:29px 27px 25px;border:1px solid color-mix(in srgb,var(--result) 62%,#22394a);background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--result) 15%,transparent),transparent 38%),linear-gradient(180deg,#071924 0,#020a11 100%);box-shadow:0 0 0 1px rgba(0,0,0,.95),0 0 70px color-mix(in srgb,var(--result) 22%,transparent),0 30px 90px rgba(0,0,0,.7);text-align:center;overflow:hidden;transform:scale(.88) translateY(16px);transition:transform .26s cubic-bezier(.2,.85,.2,1)}.roulette-result-modal.is-open .roulette-result-card{transform:scale(1) translateY(0)}.roulette-result-card.common{--result:#a9bdc9}.roulette-result-card.uncommon{--result:#58d876}.roulette-result-card.rare{--result:#5795ff}.roulette-result-card.epic{--result:#a66cff}.roulette-result-card.legendary{--result:#ffb540}.roulette-result-close{position:absolute;z-index:4;right:10px;top:8px;width:29px;height:29px;border:0;background:transparent;color:#688497;font:300 24px/1 Arial;cursor:pointer}.roulette-result-close:hover{color:#fff}.roulette-result-rays{position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-51%);opacity:.18;background:repeating-conic-gradient(from 0deg,var(--result) 0 2deg,transparent 2deg 15deg);animation:resultRays 12s linear infinite;mask-image:radial-gradient(circle,#000 0 35%,transparent 68%)}@keyframes resultRays{to{transform:translate(-50%,-51%) rotate(360deg)}}.roulette-result-kicker{position:relative;display:block;color:var(--result);font:800 8px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:2.1px;text-shadow:0 0 12px color-mix(in srgb,var(--result) 55%,transparent)}.roulette-result-card h2{position:relative;margin:6px 0 17px;color:#f5f7f8;font:750 25px/1.15 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.45px}.roulette-result-icon{position:relative;width:94px;height:94px;margin:0 auto 13px;padding:5px;border:1px solid var(--result);background:#04101a;box-shadow:0 0 18px color-mix(in srgb,var(--result) 35%,transparent);animation:resultIconBlink .65s ease-in-out infinite alternate}.roulette-result-icon:before{content:"";position:absolute;inset:-7px;border:1px solid color-mix(in srgb,var(--result) 40%,transparent);animation:resultRing 1.2s ease-out infinite}.roulette-result-icon img{width:100%;height:100%;object-fit:cover;display:block}.roulette-result-name{position:relative;display:block;color:#fff3cf;font:800 19px/1.25 "Segoe UI Variable","Segoe UI",Arial,sans-serif;text-shadow:0 0 15px color-mix(in srgb,var(--result) 28%,transparent)}.roulette-result-rarity{position:relative;display:inline-block;margin-top:7px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--result) 55%,transparent);color:var(--result);font:800 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.1px;text-transform:uppercase}.roulette-result-card p{position:relative;margin:14px auto 17px;max-width:340px;color:#91a6b3;font:400 10px/1.55 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.roulette-result-actions{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px}.roulette-result-actions .btn{min-width:0;width:100%;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}.roulette-result-actions button.btn{border:1px solid #3a5262;background:#07151e;color:#a9b7bf;cursor:pointer}@keyframes resultIconBlink{from{filter:brightness(.85);transform:scale(.98);box-shadow:0 0 14px color-mix(in srgb,var(--result) 20%,transparent)}to{filter:brightness(1.35);transform:scale(1.035);box-shadow:0 0 34px color-mix(in srgb,var(--result) 58%,transparent)}}@keyframes resultRing{0%{transform:scale(.9);opacity:.85}100%{transform:scale(1.18);opacity:0}}
body.roulette-modal-open{overflow:hidden}
@media(max-width:1260px){.roulette-prize-grid-v3{grid-template-columns:repeat(3,minmax(0,1fr))}.roulette-layout-v3{grid-template-columns:minmax(0,1fr) 284px}}
@media(max-width:980px){.roulette-layout-v3{grid-template-columns:1fr}.cabinet-sidebar-v3{position:static}.roulette-prize-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.roulette-trust-row{grid-template-columns:1fr}.roulette-title-row-v3{align-items:flex-start}.roulette-cooldown-card{width:100%}.roulette-cooldown{flex:1;text-align:left}}
@media(max-width:600px){.roulette-panel-v3{padding:16px 13px}.roulette-prize-grid-v3{grid-template-columns:1fr}.roulette-jackpot-strip i{display:none}.roulette-jackpot-strip strong{font-size:8px}.roulette-spin-btn-v3{min-width:0;width:100%}.roulette-result-actions{grid-template-columns:1fr}.roulette-side-fade{width:36px}.roulette-title-row-v3 h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.roulette-ambient,.roulette-marquee,.roulette-pointer,.roulette-spin-btn-v3,.roulette-spin-btn-v3:before,.roulette-jackpot-strip:before,.roulette-jackpot-strip span,.roulette-pool-card.legendary:before,.roulette-result-rays,.roulette-result-icon,.roulette-result-icon:before{animation:none!important}.roulette-machine.is-spinning .roulette-track{transition-duration:.01ms!important}}


/* ZAMES UI FIX v36: unified typography, cabinet navigation, class/faction icons */
html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,strong,b{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif!important}
.cabinet-nav-v3 a{display:grid!important;grid-template-columns:31px minmax(0,1fr) 12px!important;column-gap:10px!important;width:100%;overflow:hidden}
.cabinet-nav-v3 a i{display:grid!important;place-items:center;flex:none}
.cabinet-nav-v3 a span{width:auto!important;max-width:none!important;min-width:0!important;text-align:left!important;color:inherit!important;font-size:10.4px!important;line-height:1.08!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.cabinet-nav-v3 .nav-wallet span,.cabinet-nav-v3 .nav-topup span{font-size:9.7px!important;letter-spacing:-.18px!important}
.cabinet-nav-v3 a b{justify-self:end}
.avatar-class-badge,.armory-class-badge{padding:1px!important;overflow:hidden!important;background:#07131d!important;border:1px solid #3b6077!important;display:grid!important;place-items:center!important}
.avatar-class-badge img,.armory-class-badge img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.class-inline{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.class-inline img{width:26px;height:26px;object-fit:cover;border:1px solid #36566c;border-radius:4px}.class-inline b{font-size:11px;font-weight:600}
.guild-class-line{display:flex!important;align-items:center;gap:6px}.guild-class-line img{width:22px!important;height:22px!important;object-fit:cover;border:1px solid #36566c;border-radius:3px}
.z-faction{overflow:hidden!important;border-width:1px!important;background:#06131d!important}.z-faction img{display:block;width:100%;height:100%;object-fit:cover}.z-faction.alliance,.z-faction.horde{box-shadow:0 0 16px rgba(64,151,211,.10)}
.roulette-track{padding-left:0!important;will-change:transform}
.roulette-window{min-height:160px}

.z-ladder-home a{grid-template-columns:25px 24px minmax(0,1fr) 28px auto!important;gap:7px}.z-ladder-class-icon{width:22px;height:22px;object-fit:cover;border:1px solid #36566c;border-radius:3px}.z-ladder-home small{color:#738a98;font-size:9px;text-align:center}

/* === ZAMES custom races + roulette JSON fix UI (v37) === */
.roulette-machine-v3 .roulette-track{opacity:0;transition:opacity .16s ease;}
.roulette-machine-v3.is-positioned .roulette-track{opacity:1;}
.roulette-machine-v3:not(.is-positioned) .roulette-window:after{content:"ZAMES ROULETTE";position:absolute;inset:0;display:grid;place-items:center;color:#53778b;font:700 8px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:2px;pointer-events:none;}
.roulette-machine-v3.is-positioned .roulette-window:after{display:none;}
.roulette-machine-v3.is-spinning .roulette-track{opacity:1;}

/* Local race art is square and must never inherit the old remote portrait crop. */
.race-avatar-img[src*="assets/img/races/"],
.wow-race-icon[src*="assets/img/races/"],
.character3d-race img[src*="assets/img/races/"]{object-fit:cover!important;object-position:center!important;background:#04101a;}

.z-custom-races-section{margin:28px 0 8px;padding:25px 0 6px;border-top:1px solid rgba(63,100,124,.28);position:relative;}
.z-custom-races-section:before{content:"";position:absolute;left:14%;right:14%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(84,193,245,.72),rgba(210,59,48,.65),transparent);box-shadow:0 0 18px rgba(79,178,225,.18);}
.z-races-heading{text-align:center;max-width:820px;margin:0 auto 22px;}
.z-races-heading>span{display:block;color:#70c9f3;font:750 7px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:2.5px;text-transform:uppercase;}
.z-races-heading h2{margin:8px 0 7px;color:#f1f4f5;font:750 clamp(26px,3vw,39px)/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.2px;}
.z-races-heading p{margin:0 auto;color:#8299a7;font:450 11px/1.65 "Segoe UI Variable","Segoe UI",Arial,sans-serif;max-width:720px;}
.z-race-faction-block{margin-top:20px;}
.z-race-faction-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 2px;}
.z-race-faction-title strong{font:750 10px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#b8c8d1;}
.z-race-faction-title i{height:1px;flex:1;background:linear-gradient(90deg,rgba(76,111,131,.5),transparent);}
.z-race-faction-mark{width:25px;height:25px;border:1px solid #426a83;display:grid;place-items:center;font:800 10px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;transform:rotate(45deg);background:#06131c;color:#74c9f4;box-shadow:0 0 14px rgba(77,181,231,.12);}
.z-race-faction-mark::first-letter{transform:rotate(-45deg)}
.z-race-faction-block.faction-horde .z-race-faction-mark{border-color:#81372f;color:#ee6759;background:#190c0d;box-shadow:0 0 14px rgba(218,63,50,.12);}
.z-race-faction-block.faction-horde .z-race-faction-title i{background:linear-gradient(90deg,rgba(145,56,48,.5),transparent);}
.z-race-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
.z-race-card{--race-accent:#66c8f4;position:relative;min-width:0;min-height:218px;overflow:hidden;border:1px solid rgba(65,102,124,.75);background:linear-gradient(155deg,rgba(8,28,42,.97),rgba(2,10,17,.99));box-shadow:inset 0 0 35px rgba(28,117,167,.06),0 10px 28px rgba(0,0,0,.2);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;isolation:isolate;}
.z-race-card.faction-horde{--race-accent:#e45649;border-color:rgba(117,56,51,.78);background:linear-gradient(155deg,rgba(35,13,16,.86),rgba(3,10,16,.99));}
.z-race-card:before{content:"";position:absolute;inset:-60% -35%;z-index:-1;background:linear-gradient(112deg,transparent 40%,color-mix(in srgb,var(--race-accent) 18%,transparent) 49%,transparent 58%);transform:translateX(-45%) rotate(5deg);animation:zRaceSweep 6.5s linear infinite;animation-delay:var(--race-delay,0s);}
.z-race-card:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--race-accent),transparent);opacity:.62;box-shadow:0 0 12px var(--race-accent);}
.z-race-card:hover{transform:translateY(-5px);border-color:var(--race-accent);box-shadow:inset 0 0 38px color-mix(in srgb,var(--race-accent) 11%,transparent),0 17px 38px rgba(0,0,0,.34),0 0 24px color-mix(in srgb,var(--race-accent) 14%,transparent);}
.z-race-card-aura{position:absolute;left:50%;top:68px;width:118px;height:118px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--race-accent) 20%,transparent),transparent 67%);filter:blur(4px);animation:zRaceAura 2.8s ease-in-out infinite alternate;animation-delay:var(--race-delay,0s);}
.z-race-emblem{position:relative;width:104px;height:104px;margin:17px auto 7px;filter:drop-shadow(0 0 11px color-mix(in srgb,var(--race-accent) 24%,transparent));animation:zRaceFloat 3.8s ease-in-out infinite;animation-delay:var(--race-delay,0s);}
.z-race-emblem img{display:block;width:100%;height:100%;object-fit:contain;border-radius:20px;}
.z-race-copy{text-align:center;padding:0 10px 13px;position:relative;}
.z-race-copy>small{display:block;color:#668597;font:700 6.5px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.15px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.z-race-copy h3{min-height:37px;display:grid;place-items:center;margin:7px 0 10px;color:#edf3f5;font:700 13px/1.2 "Segoe UI Variable","Segoe UI",Arial,sans-serif;}
.z-race-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(65,93,110,.28);padding-top:8px;}
.z-race-meta span{display:grid;gap:2px;color:#688393;font:700 6.2px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;}
.z-race-meta span+span{border-left:1px solid rgba(65,93,110,.28);}
.z-race-meta b{color:var(--race-accent);font:800 13px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:0;}
@keyframes zRaceFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.015)}}
@keyframes zRaceAura{from{opacity:.48;transform:translate(-50%,-50%) scale(.92)}to{opacity:.95;transform:translate(-50%,-50%) scale(1.12)}}
@keyframes zRaceSweep{0%{transform:translateX(-48%) rotate(5deg)}45%,100%{transform:translateX(48%) rotate(5deg)}}
@media(max-width:1180px){.z-race-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){.z-race-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.z-races-heading h2{font-size:27px}.z-race-card{min-height:205px}.z-race-emblem{width:92px;height:92px;}}
@media(max-width:460px){.z-race-grid{grid-template-columns:1fr}.z-race-card{min-height:0;display:grid;grid-template-columns:112px 1fr;align-items:center}.z-race-emblem{margin:13px;width:84px;height:84px}.z-race-card-aura{left:55px;top:55px}.z-race-copy{text-align:left;padding:14px 12px 14px 0}.z-race-copy h3{display:block;min-height:0;margin:7px 0 13px}.z-race-meta{text-align:center}}
@media(prefers-reduced-motion:reduce){.z-race-card:before,.z-race-card-aura,.z-race-emblem{animation:none!important}}

/* === ZAMES custom race MODEL cards v38 === */
.race-avatar-img[src*="assets/img/races/models/"],
.wow-race-icon[src*="assets/img/races/models/"]{object-fit:cover!important;object-position:center 19%!important;background:#030b12!important;filter:saturate(1.08) contrast(1.04)!important}
.character3d-race img[src*="assets/img/races/models/"]{object-fit:contain!important;object-position:center bottom!important;border-radius:8px!important;background:#030b12!important}

.z-custom-races-models{padding-bottom:18px}
.z-race-faction-title small{color:#587687;font:700 7px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}
.z-race-model-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.z-race-model-card{min-height:326px;background:linear-gradient(180deg,rgba(7,24,36,.98),rgba(2,9,15,.99));border-color:rgba(55,118,156,.78);box-shadow:inset 0 0 0 1px rgba(38,110,152,.08),0 12px 34px rgba(0,0,0,.26)}
.z-race-model-card.faction-horde{background:linear-gradient(180deg,rgba(31,11,15,.94),rgba(3,9,14,.99));border-color:rgba(135,48,42,.82);box-shadow:inset 0 0 0 1px rgba(163,52,43,.08),0 12px 34px rgba(0,0,0,.26)}
.z-race-model-card .z-race-card-aura{top:115px;width:190px;height:190px;opacity:.7;filter:blur(12px)}
.z-race-model-frame{position:relative;height:224px;margin:8px 8px 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--race-accent) 36%,#203444);background:radial-gradient(circle at 50% 85%,color-mix(in srgb,var(--race-accent) 12%,transparent),transparent 42%),#020a10;box-shadow:inset 0 -40px 48px rgba(0,0,0,.32)}
.z-race-model-frame:before{content:"";position:absolute;z-index:2;left:14%;right:14%;bottom:9px;height:1px;background:linear-gradient(90deg,transparent,var(--race-accent),transparent);box-shadow:0 0 13px var(--race-accent);opacity:.72}
.z-race-model-frame img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.015);filter:saturate(1.07) contrast(1.05) brightness(.98);animation:zRaceModelFloat 4.8s ease-in-out infinite;animation-delay:var(--race-delay,0s)}
.z-race-model-glow{position:absolute;z-index:0;left:50%;bottom:8px;width:130px;height:42px;transform:translateX(-50%);border-radius:50%;background:color-mix(in srgb,var(--race-accent) 36%,transparent);filter:blur(17px);opacity:.58;animation:zRaceModelGlow 2.3s ease-in-out infinite alternate}
.z-race-model-card:hover .z-race-model-frame img{filter:saturate(1.16) contrast(1.06) brightness(1.07);transform:scale(1.04) translateY(-2px)}
.z-race-model-copy{padding:11px 12px 14px}
.z-race-model-copy>small{color:#6d8da0;font-size:6.2px;letter-spacing:.95px}
.z-race-model-copy h3{min-height:31px;margin:6px 0 8px;font-size:12px;line-height:1.18}
.z-race-model-copy .z-race-meta{padding-top:7px}
@keyframes zRaceModelFloat{0%,100%{transform:scale(1.015) translateY(0)}50%{transform:scale(1.025) translateY(-3px)}}
@keyframes zRaceModelGlow{from{opacity:.34;transform:translateX(-50%) scale(.88)}to{opacity:.75;transform:translateX(-50%) scale(1.12)}}

/* Static custom-race model inside Armory instead of an invented emblem. */
.modal-character3d.is-custom{display:grid;place-items:center;min-height:390px;background:radial-gradient(circle at 50% 72%,rgba(43,146,199,.12),transparent 36%),linear-gradient(180deg,#03111a,#01070c)}
.character3d-custom-placeholder.custom-race-model-placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:16px;text-align:center}
.custom-race-model-stage{--stage:#64c8f4;position:relative;width:min(230px,65%);height:286px;overflow:hidden;border:1px solid color-mix(in srgb,var(--stage) 48%,#28495c);background:#020a10;box-shadow:0 0 34px color-mix(in srgb,var(--stage) 15%,transparent),inset 0 -45px 55px rgba(0,0,0,.34)}
.custom-race-model-stage.faction-horde{--stage:#e55246}
.custom-race-model-stage:after{content:"";position:absolute;left:13%;right:13%;bottom:10px;height:1px;background:linear-gradient(90deg,transparent,var(--stage),transparent);box-shadow:0 0 14px var(--stage)}
.custom-race-model-stage img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;filter:saturate(1.08) contrast(1.04);animation:zArmoryRaceFloat 4.3s ease-in-out infinite}
.custom-race-model-placeholder>b{margin-top:4px;color:#6ecbf6;font:800 8px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.custom-race-model-placeholder>strong{color:#f1f5f7;font:750 20px/1.1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.custom-race-model-placeholder>small{max-width:440px;color:#78909d;font:450 9px/1.45 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
@keyframes zArmoryRaceFloat{0%,100%{transform:scale(1.01) translateY(0)}50%{transform:scale(1.025) translateY(-3px)}}

@media(max-width:1180px){.z-race-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.z-race-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.z-race-model-card{min-height:310px}.z-race-model-frame{height:210px}.z-race-faction-title small{display:none}}
@media(max-width:460px){.z-race-model-grid{grid-template-columns:1fr 1fr;gap:8px}.z-race-model-card{display:block;min-height:0}.z-race-model-frame{height:205px;margin:6px}.z-race-model-copy{text-align:center;padding:9px 8px 12px}.z-race-model-copy h3{display:grid;min-height:31px;margin:5px 0 7px}.z-race-model-copy .z-race-meta{text-align:center}.custom-race-model-stage{width:78%;height:250px}}
@media(prefers-reduced-motion:reduce){.z-race-model-frame img,.z-race-model-glow,.custom-race-model-stage img{animation:none!important}}

/* === ZAMES HD custom race portraits + avatar crop (v39) === */
/* High-resolution local race portraits: keep pixels crisp, animate the frame/glow instead of the bitmap. */
.z-race-model-frame{height:258px;background:#020a10!important;box-shadow:inset 0 -34px 46px rgba(0,0,0,.24),0 0 24px color-mix(in srgb,var(--race-accent) 7%,transparent)!important}
.z-race-model-frame img[src*="assets/img/races/portraits/"]{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 21%!important;
  transform:none!important;animation:none!important;filter:saturate(1.04) contrast(1.035) brightness(1.01)!important;
  image-rendering:auto!important;backface-visibility:hidden;
}
.z-race-model-card:hover .z-race-model-frame img[src*="assets/img/races/portraits/"]{transform:scale(1.018)!important;filter:saturate(1.08) contrast(1.04) brightness(1.035)!important}
.z-race-model-card .z-race-model-glow{animation:zRaceModelGlow 2.25s ease-in-out infinite alternate!important}

/* Character circles must show the FACE, not the whole body/card artwork. */
.character-card-avatar,.character-profile-avatar,.wow-race-icon{overflow:hidden!important}
.race-avatar-img[src*="assets/img/races/portraits/"],
.wow-race-icon[src*="assets/img/races/portraits/"]{
  inset:0!important;width:100%!important;height:100%!important;border-radius:50%!important;
  object-fit:cover!important;object-position:center 18%!important;background:#020a10!important;
  transform:scale(1.42)!important;transform-origin:50% 29%!important;
  filter:saturate(1.06) contrast(1.05) brightness(1.02)!important;
}
.character-profile-avatar .race-avatar-img[src*="assets/img/races/portraits/"]{transform:scale(1.46)!important;transform-origin:50% 28%!important}

/* Large custom-race Armory placeholder stays sharp and framed like a portrait, not a tiny full model. */
.custom-race-model-stage{width:min(330px,78%)!important;height:360px!important;background:#020a10!important}
.custom-race-model-stage img[src*="assets/img/races/portraits/"]{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 16%!important;
  transform:none!important;animation:none!important;filter:saturate(1.04) contrast(1.035)!important;
}

@media(max-width:1180px){.z-race-model-frame{height:245px}}
@media(max-width:760px){.z-race-model-frame{height:230px}.custom-race-model-stage{height:320px!important}}
@media(max-width:460px){.z-race-model-frame{height:210px}.race-avatar-img[src*="assets/img/races/portraits/"]{transform:scale(1.38)!important}}


/* Roulette pacing v5: fast launch, then a long smooth mechanical coast into the winning cell. */
.roulette-machine-v3.is-spinning .roulette-track{transition:transform 6.6s cubic-bezier(.07,.72,.11,1)!important;opacity:1}

/* Gold reward icon in Storage uses the same store artwork as the roulette. */
.storage-icon .roulette-gold-image{width:100%;height:100%;object-fit:cover;display:block}


/* === Roulette motion v6: long Valor-style runway + physical deceleration === */
/* JS owns the transform frame-by-frame; CSS must never fight it with its own transition. */
.roulette-machine-v3.is-spinning .roulette-track{
  transition:none!important;
  opacity:1!important;
}
.roulette-machine-v3 .roulette-prize{
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,opacity .12s ease;
  transform-origin:50% 50%;
}
.roulette-machine-v3 .roulette-prize.is-under-pointer{
  transform:translateY(-2px) scale(1.025);
  filter:brightness(1.09) saturate(1.05);
  box-shadow:inset 0 0 26px rgba(64,154,207,.17),0 0 16px rgba(79,179,230,.12);
}
.roulette-machine-v3.is-settling .roulette-prize.is-under-pointer{
  transform:translateY(-3px) scale(1.035);
  filter:brightness(1.13) saturate(1.07);
}
.roulette-pointer.is-ticking{animation:zRoulettePointerTick .11s ease-out}
@keyframes zRoulettePointerTick{
  0%{filter:brightness(1);box-shadow:0 0 12px rgba(239,58,46,.65)}
  35%{filter:brightness(1.75);box-shadow:0 0 22px rgba(255,91,70,.95)}
  100%{filter:brightness(1);box-shadow:0 0 12px rgba(239,58,46,.65)}
}
@media(prefers-reduced-motion:reduce){
  .roulette-machine-v3 .roulette-prize,.roulette-pointer.is-ticking{transition:none!important;animation:none!important}
}

/* ===== ZAMES Quick Start v1 ===== */
.quick-start-hero{position:relative;overflow:hidden}
.quick-start-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 45%,rgba(63,160,255,.12),transparent 35%),radial-gradient(circle at 18% 80%,rgba(190,35,42,.08),transparent 30%)}
.quick-start-badge{min-width:132px;text-align:center;position:relative;z-index:1}
.quick-start-badge strong{font-size:42px;line-height:.95;color:#d8efff;text-shadow:0 0 24px rgba(89,185,255,.55)}
.quick-start-badge span{display:block;margin-top:4px;font-size:10px;letter-spacing:.18em;color:#6f8ca0}
.quick-start-layout .cabinet-main{min-width:0}
.quick-start-title{margin-bottom:18px}
.quick-start-form{display:block}
.quick-start-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.quick-start-card{position:relative;display:flex;flex-direction:column;min-height:430px;padding:22px;border:1px solid rgba(139,176,197,.2);border-radius:18px;background:linear-gradient(180deg,rgba(13,25,35,.97),rgba(4,11,18,.98));box-shadow:0 18px 50px rgba(0,0,0,.28);cursor:pointer;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.quick-start-card:before{content:"";position:absolute;inset:0;opacity:.75;pointer-events:none;transition:opacity .22s ease}
.quick-start-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;opacity:.9}
.quick-start-card.qs-frost:before{background:radial-gradient(circle at 80% 8%,rgba(38,146,220,.22),transparent 37%)}
.quick-start-card.qs-frost:after{background:linear-gradient(90deg,transparent,#35a9ef,transparent)}
.quick-start-card.qs-blood:before{background:radial-gradient(circle at 80% 8%,rgba(203,44,54,.2),transparent 37%)}
.quick-start-card.qs-blood:after{background:linear-gradient(90deg,transparent,#d23743,transparent)}
.quick-start-card.qs-gold:before{background:radial-gradient(circle at 80% 8%,rgba(210,157,54,.18),transparent 37%)}
.quick-start-card.qs-gold:after{background:linear-gradient(90deg,transparent,#d4a842,transparent)}
.quick-start-card:hover{transform:translateY(-4px);border-color:rgba(151,199,225,.42);box-shadow:0 22px 60px rgba(0,0,0,.4)}
.quick-start-card>input{position:absolute;opacity:0;pointer-events:none}
.quick-start-card:has(input:checked){transform:translateY(-4px);border-color:#5ab7ec;box-shadow:0 0 0 1px rgba(90,183,236,.3),0 22px 65px rgba(0,0,0,.42),0 0 34px rgba(49,150,211,.1)}
.quick-start-card.qs-blood:has(input:checked){border-color:#ce4d56;box-shadow:0 0 0 1px rgba(206,77,86,.28),0 22px 65px rgba(0,0,0,.42),0 0 34px rgba(206,77,86,.1)}
.quick-start-card.qs-gold:has(input:checked){border-color:#cba24b;box-shadow:0 0 0 1px rgba(203,162,75,.28),0 22px 65px rgba(0,0,0,.42),0 0 34px rgba(203,162,75,.08)}
.qs-radio-dot{position:absolute;right:18px;top:18px;width:18px;height:18px;border:1px solid rgba(178,207,224,.36);border-radius:50%;background:#07111a;z-index:2}
.quick-start-card:has(input:checked) .qs-radio-dot{border-color:#7ed1ff;box-shadow:inset 0 0 0 4px #07111a;background:#7ed1ff}
.qs-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-right:28px}
.qs-card-top small{font-size:10px;letter-spacing:.18em;color:#587387}
.qs-package-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(130,180,209,.22);border-radius:13px;background:rgba(4,12,19,.68);font-size:22px;color:#cdeaff}
.qs-blood .qs-package-icon{color:#ff9ba1;border-color:rgba(211,73,82,.25)}
.qs-gold .qs-package-icon{color:#f0d186;border-color:rgba(210,166,72,.25)}
.quick-start-card h3{position:relative;z-index:1;margin:0;font-size:27px;letter-spacing:.04em;color:#eef8ff}
.qs-subtitle{position:relative;z-index:1;min-height:42px;margin:6px 0 17px;color:#8298a8;font-size:13px;line-height:1.5}
.qs-level-ribbon{position:relative;z-index:1;display:flex;align-items:flex-end;gap:8px;padding:13px 0 15px;border-top:1px solid rgba(120,153,174,.12);border-bottom:1px solid rgba(120,153,174,.12)}
.qs-level-ribbon b{font-size:38px;line-height:.9;color:#fff}
.qs-level-ribbon span{font-size:10px;letter-spacing:.16em;color:#658198;padding-bottom:3px}
.quick-start-card ul{position:relative;z-index:1;display:grid;gap:10px;margin:18px 0 20px;padding:0;list-style:none}
.quick-start-card li{display:flex;gap:9px;color:#b7c7d2;font-size:12px;line-height:1.45}
.quick-start-card li i{font-style:normal;color:#67c7f5}
.qs-blood li i{color:#ec6972}.qs-gold li i{color:#dfbc69}
.qs-select-mark{position:relative;z-index:1;margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(122,158,181,.12);font-size:10px;letter-spacing:.15em;color:#668297}
.qs-select-mark b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgba(57,167,229,.12);color:#78d0ff;opacity:.25;transition:opacity .2s ease}
.quick-start-card:has(input:checked) .qs-select-mark b{opacity:1}
.quick-start-character-panel{margin-top:18px;padding:20px;border:1px solid rgba(126,161,184,.2);border-radius:17px;background:linear-gradient(180deg,rgba(8,18,27,.96),rgba(4,11,17,.98));box-shadow:0 18px 45px rgba(0,0,0,.24)}
.qs-character-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:15px}
.qs-character-head small{font-size:10px;letter-spacing:.18em;color:#5ca7d2}.qs-character-head h3{margin:3px 0 4px;font-size:20px;color:#e8f5fc}.qs-character-head p{margin:0;color:#708797;font-size:12px;line-height:1.5}.qs-character-head>span{padding:7px 10px;border:1px solid rgba(85,169,218,.22);border-radius:999px;color:#82cbed;font-size:10px;white-space:nowrap}
.qs-character-select-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.qs-character-select-wrap select{min-height:48px}
.qs-activate-button{min-width:275px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.qs-activate-button span{font-size:17px}
.qs-no-character{margin:12px 0 0;color:#c57e84;font-size:12px}
.quick-start-info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.quick-start-info-strip>div{display:flex;gap:10px;align-items:center;padding:13px 14px;border:1px solid rgba(112,146,167,.13);border-radius:13px;background:rgba(4,11,17,.68)}
.quick-start-info-strip i{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;font-style:normal;font-size:11px;background:#0d2231;color:#78c9f4}.quick-start-info-strip b,.quick-start-info-strip small{display:block}.quick-start-info-strip b{font-size:11px;color:#c4d5df}.quick-start-info-strip small{margin-top:2px;font-size:10px;color:#617787;line-height:1.35}
.quick-start-state{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:26px;border:1px solid rgba(97,166,204,.25);border-radius:19px;background:radial-gradient(circle at 10% 20%,rgba(46,143,198,.13),transparent 35%),linear-gradient(180deg,rgba(9,20,29,.97),rgba(4,11,17,.99));box-shadow:0 20px 55px rgba(0,0,0,.3);overflow:hidden}
.quick-start-state:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#4caee5,transparent)}
.quick-start-state.qs-status-completed{border-color:rgba(72,184,120,.3)}.quick-start-state.qs-status-completed:before{background:linear-gradient(90deg,transparent,#44bc7b,transparent)}
.quick-start-state.qs-status-failed{border-color:rgba(207,74,82,.32)}.quick-start-state.qs-status-failed:before{background:linear-gradient(90deg,transparent,#d24a53,transparent)}
.qs-state-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:17px;border:1px solid rgba(102,184,229,.26);background:#091923;color:#84d4ff;font-size:25px;box-shadow:inset 0 0 22px rgba(66,161,215,.08)}
.qs-status-completed .qs-state-icon{color:#76dda3;border-color:rgba(80,198,130,.27)}.qs-status-failed .qs-state-icon{color:#ff8189;border-color:rgba(220,79,88,.28)}
.qs-state-copy small{font-size:10px;letter-spacing:.18em;color:#68abd0}.qs-state-copy h2{margin:4px 0 7px;color:#eef8ff;font-size:24px}.qs-state-copy p{max-width:780px;margin:0;color:#879baa;line-height:1.6;font-size:13px}
.qs-progress-mini{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.qs-progress-mini span{padding:7px 9px;border:1px solid rgba(117,145,163,.16);border-radius:9px;color:#617787;font-size:9px;letter-spacing:.12em}.qs-progress-mini span.done{color:#76dca3;border-color:rgba(77,184,123,.25);background:rgba(36,110,72,.08)}
.qs-state-meta{display:flex;gap:13px;margin-top:13px;color:#4e6676;font-size:10px}.qs-retry-form{margin-top:16px}
@media(max-width:1050px){.quick-start-cards{grid-template-columns:1fr}.quick-start-card{min-height:0}.quick-start-info-strip{grid-template-columns:1fr}}
@media(max-width:650px){.qs-character-select-wrap{grid-template-columns:1fr}.qs-activate-button{min-width:0;width:100%}.qs-character-head{display:block}.qs-character-head>span{display:inline-block;margin-top:10px}.quick-start-state{grid-template-columns:1fr}.quick-start-card{padding:18px}.quick-start-hero .account-hero-balance{display:none}}

/* ===== ZAMES Quick Start v2: specialization loadouts + Dalaran ===== */
.quick-start-character-panel{margin-bottom:16px}
.qs-character-select-only{grid-template-columns:1fr}
.quick-start-spec-panel{position:relative;margin-top:16px;padding:20px;border:1px solid rgba(83,157,199,.22);border-radius:18px;background:radial-gradient(circle at 75% 0,rgba(50,151,218,.11),transparent 36%),linear-gradient(180deg,rgba(7,17,26,.98),rgba(3,10,16,.99));overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.26)}
.quick-start-spec-panel:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(88,194,255,.8),transparent);opacity:.55}
.qs-spec-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}
.qs-spec-head small{font-size:10px;letter-spacing:.18em;color:#58aeda}.qs-spec-head h3{margin:4px 0 4px;font-size:20px;color:#eaf7ff}.qs-spec-head p{margin:0;max-width:720px;color:#718a9c;font-size:12px;line-height:1.55}
.qs-spec-live{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(76,180,236,.2);border-radius:999px;background:rgba(16,52,72,.25);font-size:9px;letter-spacing:.12em;color:#82d5ff;white-space:nowrap}
.qs-spec-live i{width:7px;height:7px;border-radius:50%;background:#52d7ff;box-shadow:0 0 0 0 rgba(82,215,255,.6);animation:qsLivePulse 1.7s infinite}
@keyframes qsLivePulse{0%{box-shadow:0 0 0 0 rgba(82,215,255,.55)}70%{box-shadow:0 0 0 8px rgba(82,215,255,0)}100%{box-shadow:0 0 0 0 rgba(82,215,255,0)}}
.qs-spec-placeholder{min-height:150px;display:grid;place-items:center;align-content:center;gap:5px;border:1px dashed rgba(100,153,183,.18);border-radius:15px;background:rgba(3,10,16,.45);color:#597486;text-align:center}
.qs-spec-placeholder span{font-size:27px;color:#68bce9;filter:drop-shadow(0 0 12px rgba(85,183,237,.3))}.qs-spec-placeholder b{font-size:13px;color:#aac0cd}.qs-spec-placeholder small{font-size:10px;color:#566d7d}
.qs-spec-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qs-spec-card{position:relative;min-height:165px;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid rgba(105,154,182,.22);border-radius:15px;background:linear-gradient(180deg,rgba(12,27,39,.96),rgba(4,12,19,.98));cursor:pointer;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}
.qs-spec-card[hidden]{display:none!important}.qs-spec-card>input{position:absolute;opacity:0;pointer-events:none}
.qs-spec-glow{position:absolute;inset:-45%;background:conic-gradient(from 20deg,transparent 0 32%,rgba(59,178,242,.12) 38%,transparent 44% 100%);animation:qsSpecSweep 5.8s linear infinite;pointer-events:none;opacity:.55}
@keyframes qsSpecSweep{to{transform:rotate(360deg)}}
.qs-spec-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 40%,rgba(56,166,227,.11),transparent 35%);opacity:.65;pointer-events:none}
.qs-spec-card:hover{transform:translateY(-3px);border-color:rgba(111,204,255,.52);box-shadow:0 16px 38px rgba(0,0,0,.33),0 0 24px rgba(55,168,228,.09)}
.qs-spec-card:has(input:checked){transform:translateY(-4px);border-color:#65c8fb;box-shadow:0 0 0 1px rgba(101,200,251,.27),0 18px 42px rgba(0,0,0,.38),0 0 34px rgba(65,178,238,.18);animation:qsSelectedBeacon 1.75s ease-in-out infinite}
@keyframes qsSelectedBeacon{0%,100%{filter:brightness(1);box-shadow:0 0 0 1px rgba(101,200,251,.22),0 18px 42px rgba(0,0,0,.38),0 0 24px rgba(65,178,238,.11)}50%{filter:brightness(1.1);box-shadow:0 0 0 1px rgba(124,214,255,.48),0 18px 42px rgba(0,0,0,.4),0 0 46px rgba(70,190,249,.28)}}
.qs-spec-icon{position:relative;z-index:2;display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:14px;border:1px solid rgba(91,188,239,.27);background:linear-gradient(180deg,rgba(18,57,79,.78),rgba(7,23,34,.9));font-size:24px;color:#d7f3ff;text-shadow:0 0 15px rgba(83,196,255,.55);box-shadow:inset 0 0 20px rgba(61,176,235,.08)}
.qs-spec-copy{position:relative;z-index:2;min-width:0}.qs-spec-copy small{display:block;font-size:8px;letter-spacing:.14em;color:#5c8298}.qs-spec-copy strong{display:block;margin-top:4px;color:#effaff;font-size:15px;line-height:1.2}.qs-spec-copy p{margin:6px 0 0;color:#7890a0;font-size:10px;line-height:1.4}
.qs-spec-check{position:absolute;right:11px;top:11px;z-index:3;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#0b1b26;border:1px solid rgba(112,183,219,.24);color:#77d5ff;font-size:10px;opacity:.18;transform:scale(.8);transition:.2s ease}
.qs-spec-card:has(input:checked) .qs-spec-check{opacity:1;transform:scale(1);background:#123a50;border-color:#6bcdfd;box-shadow:0 0 15px rgba(79,193,248,.35)}
.qs-spec-classic{display:none;position:relative;z-index:1;align-items:center;gap:14px;padding:18px;border:1px solid rgba(199,157,72,.27);border-radius:15px;background:radial-gradient(circle at 10% 50%,rgba(198,151,55,.13),transparent 30%),rgba(10,14,16,.72)}
.qs-spec-classic.is-visible{display:flex}.qs-spec-classic>span{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:rgba(131,93,23,.18);border:1px solid rgba(215,170,78,.24);color:#efcf83;font-size:23px}.qs-spec-classic b{display:block;color:#edd69b;font-size:14px}.qs-spec-classic small{display:block;margin-top:3px;color:#806f51;font-size:11px}
.qs-final-action{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:17px 19px;border:1px solid rgba(80,163,211,.24);border-radius:16px;background:linear-gradient(90deg,rgba(8,30,44,.85),rgba(4,12,19,.95));box-shadow:0 14px 40px rgba(0,0,0,.22)}
.qs-final-action small{display:block;font-size:9px;letter-spacing:.17em;color:#4e93ba}.qs-final-action b{display:block;margin-top:4px;color:#cce9f8;font-size:13px}
.qs-state-spec{display:inline-flex;align-items:center;gap:8px;margin:2px 0 11px;padding:6px 9px;border:1px solid rgba(92,170,213,.18);border-radius:9px;background:rgba(13,42,58,.25)}.qs-state-spec span{font-size:8px;letter-spacing:.14em;color:#5683a0}.qs-state-spec b{font-size:10px;color:#96d7f8}
@media(max-width:1250px){.qs-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.qs-spec-head,.qs-final-action{display:block}.qs-spec-live{margin-top:11px}.qs-spec-grid{grid-template-columns:1fr}.qs-final-action .qs-activate-button{margin-top:14px;width:100%}.qs-spec-card{min-height:125px}}
@media(prefers-reduced-motion:reduce){.qs-spec-live i,.qs-spec-glow,.qs-spec-card:has(input:checked){animation:none!important}}
.qs-spec-placeholder[hidden],.qs-spec-grid[hidden]{display:none!important}

/* === ZAMES Quick Start paid store v3 === */
.shop-category-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.shop-tab-quickstart{border-color:rgba(79,146,193,.55);background:radial-gradient(circle at 18% 30%,rgba(54,164,232,.16),transparent 38%),linear-gradient(180deg,rgba(5,21,33,.98),rgba(2,10,17,.99))}
.shop-tab-quickstart-icon{position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(64,192,255,.28),rgba(5,18,28,.96));border-color:#4b9dcc;box-shadow:0 0 22px rgba(55,168,229,.18),inset 0 0 18px rgba(69,178,235,.14)}
.shop-tab-quickstart-icon b{font-size:24px!important;line-height:1;color:#9ae0ff!important;text-shadow:0 0 14px rgba(71,193,255,.9)}
.shop-tab-quickstart.active{border-color:#63c7fb;background:radial-gradient(circle at 18% 30%,rgba(65,193,255,.23),transparent 38%),linear-gradient(180deg,rgba(8,37,57,.98),rgba(3,14,23,.99));box-shadow:0 0 34px rgba(72,187,244,.2),0 18px 46px rgba(0,0,0,.42)}
.shop-tab-quickstart.active strong{color:#dbf5ff}.shop-tab-quickstart.active b{color:#8ddcff}

.qs-shop-head{margin-bottom:18px}.qs-shop-balance{border-color:rgba(93,191,243,.3)!important;background:rgba(4,23,35,.72)!important}.qs-shop-balance b{color:#91e0ff!important;text-shadow:0 0 16px rgba(83,195,251,.35)}
.qs-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:4px 0 18px}
.qs-shop-card{--qs:#5abef1;--qsRgb:90,190,241;position:relative;min-height:465px;padding:24px 22px 20px;border:1px solid rgba(var(--qsRgb),.42);border-radius:18px;background:linear-gradient(180deg,rgba(8,23,34,.98),rgba(3,11,18,.995));box-shadow:0 22px 56px rgba(0,0,0,.42),0 0 28px rgba(var(--qsRgb),.08),inset 0 0 28px rgba(var(--qsRgb),.035);overflow:hidden;display:flex;flex-direction:column;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.qs-shop-card.qs-shop-blood{--qs:#e15a64;--qsRgb:225,90,100}.qs-shop-card.qs-shop-gold{--qs:#e1b758;--qsRgb:225,183,88}
.qs-shop-card:before{content:"";position:absolute;left:7%;right:7%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--qs),transparent);box-shadow:0 0 18px rgba(var(--qsRgb),.7)}
.qs-shop-card:after{content:"";position:absolute;inset:6px;border:1px solid rgba(var(--qsRgb),.08);border-radius:13px;pointer-events:none}
.qs-shop-aura{position:absolute;width:270px;height:270px;right:-100px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(var(--qsRgb),.28),rgba(var(--qsRgb),.06) 44%,transparent 72%);filter:blur(2px);animation:qsStoreAura 3.5s ease-in-out infinite;pointer-events:none}
.qs-shop-scan{position:absolute;left:-30%;top:-20%;width:160%;height:40%;transform:rotate(-12deg);background:linear-gradient(180deg,transparent,rgba(var(--qsRgb),.055),transparent);animation:qsStoreScan 5.2s linear infinite;pointer-events:none}
.qs-shop-card:hover{transform:translateY(-6px);border-color:rgba(var(--qsRgb),.82);box-shadow:0 28px 70px rgba(0,0,0,.5),0 0 42px rgba(var(--qsRgb),.17),inset 0 0 36px rgba(var(--qsRgb),.05)}
.qs-shop-card-head{position:relative;z-index:1;display:flex;align-items:center;gap:15px}.qs-shop-emblem{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border:1px solid rgba(var(--qsRgb),.65);border-radius:16px;background:radial-gradient(circle,rgba(var(--qsRgb),.2),rgba(4,14,22,.96));font-size:28px;color:#f4fbff;box-shadow:0 0 24px rgba(var(--qsRgb),.18),inset 0 0 18px rgba(var(--qsRgb),.08);text-shadow:0 0 15px rgba(var(--qsRgb),.8)}
.qs-shop-card-head small{display:block;color:rgba(var(--qsRgb),.92);font:800 9px Segoe UI,Arial,sans-serif;letter-spacing:1.8px}.qs-shop-card-head h3{margin:4px 0 0;color:#f2f8fb;font:700 25px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.03em}
.qs-shop-subtitle{position:relative;z-index:1;margin:15px 0 16px;color:#8ea4b2;font:12px/1.55 Segoe UI,Arial,sans-serif;min-height:38px}
.qs-shop-level{position:relative;z-index:1;display:flex;align-items:baseline;gap:8px;margin-bottom:15px;padding:12px 14px;border:1px solid rgba(var(--qsRgb),.18);border-radius:12px;background:rgba(var(--qsRgb),.045)}.qs-shop-level strong{font:700 31px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#edf9ff;text-shadow:0 0 16px rgba(var(--qsRgb),.32)}.qs-shop-level span{font:800 9px Segoe UI,Arial,sans-serif;letter-spacing:1.5px;color:rgba(var(--qsRgb),.9)}
.qs-shop-card ul{position:relative;z-index:1;display:grid;gap:10px;margin:0 0 20px;padding:0;list-style:none;flex:1}.qs-shop-card li{display:flex;gap:9px;align-items:flex-start;color:#b6c6d0;font:11px/1.45 Segoe UI,Arial,sans-serif}.qs-shop-card li i{font-style:normal;color:var(--qs);text-shadow:0 0 9px rgba(var(--qsRgb),.7)}
.qs-shop-card-footer{position:relative;z-index:1;display:grid;gap:12px}.qs-shop-price{display:flex;align-items:baseline;gap:7px;padding-top:14px;border-top:1px solid rgba(var(--qsRgb),.16)}.qs-shop-price strong{font:700 34px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#fff;text-shadow:0 0 16px rgba(var(--qsRgb),.28)}.qs-shop-price span{font:800 9px Segoe UI,Arial,sans-serif;color:var(--qs);letter-spacing:1.3px}.qs-shop-buy{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;border-color:rgba(var(--qsRgb),.65)!important;background:linear-gradient(180deg,rgba(var(--qsRgb),.38),rgba(var(--qsRgb),.16))!important;box-shadow:0 0 20px rgba(var(--qsRgb),.12);color:#f5fbff!important}.qs-shop-buy:hover{box-shadow:0 0 30px rgba(var(--qsRgb),.24)}
.qs-shop-unlimited{display:flex;align-items:center;gap:14px;padding:14px 17px;border:1px solid rgba(105,170,207,.17);border-radius:13px;background:rgba(4,13,20,.72)}.qs-shop-unlimited>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#0a2030;color:#7cd5ff;font-size:25px;box-shadow:0 0 18px rgba(82,190,242,.14)}.qs-shop-unlimited b,.qs-shop-unlimited small{display:block}.qs-shop-unlimited b{color:#d4e5ee;font:700 11px Segoe UI,Arial,sans-serif}.qs-shop-unlimited small{margin-top:3px;color:#718797;font:10px/1.4 Segoe UI,Arial,sans-serif}
@keyframes qsStoreAura{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@keyframes qsStoreScan{0%{transform:translateY(-170%) rotate(-12deg)}100%{transform:translateY(500%) rotate(-12deg)}}

.qs-wallet-badge strong{font-size:30px!important;color:#8fdcff!important}.qs-wallet-badge span{color:#77a7be!important}
.qs-purchase-title{margin-top:18px}.qs-paid-card{min-height:455px}.qs-paid-card .qs-card-aura{position:absolute;width:250px;height:250px;right:-100px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(66,180,241,.25),transparent 70%);opacity:.8;animation:qsCardPulse 3.4s ease-in-out infinite;pointer-events:none}.qs-paid-card.qs-blood .qs-card-aura{background:radial-gradient(circle,rgba(217,65,77,.23),transparent 70%)}.qs-paid-card.qs-gold .qs-card-aura{background:radial-gradient(circle,rgba(220,173,69,.22),transparent 70%)}
.qs-price-ribbon{position:relative;z-index:1;display:flex;align-items:baseline;gap:7px;margin:13px 0 3px;padding:10px 12px;border:1px solid rgba(93,184,235,.2);border-radius:10px;background:rgba(52,151,210,.055)}.qs-blood .qs-price-ribbon{border-color:rgba(210,76,87,.2);background:rgba(194,47,59,.055)}.qs-gold .qs-price-ribbon{border-color:rgba(213,167,67,.22);background:rgba(193,143,36,.055)}.qs-price-ribbon strong{font:700 28px "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#f3fbff}.qs-price-ribbon span{font:800 9px Segoe UI,Arial,sans-serif;letter-spacing:1.4px;color:#73c9f2}.qs-blood .qs-price-ribbon span{color:#e37b82}.qs-gold .qs-price-ribbon span{color:#e2bd67}
.qs-purchase-action>div b{font-size:22px}.qs-purchase-action>div em{display:block;margin-top:4px;color:#6e9bb2;font:10px Segoe UI,Arial,sans-serif;font-style:normal}.qs-purchase-action>div em.is-error{color:#e47279}.qs-activate-button.is-insufficient{filter:saturate(.7);box-shadow:none}
.qs-latest-order{margin-bottom:18px}.qs-state-spec em{margin-left:auto;color:#79d0f7;font:800 10px Segoe UI,Arial,sans-serif;font-style:normal;letter-spacing:.7px}
.qs-history-section{margin-top:22px}.qs-history-list{display:grid;gap:9px}.qs-history-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(94,137,162,.16);border-radius:12px;background:rgba(4,12,19,.72)}.qs-history-row.qs-history-completed{border-color:rgba(70,179,117,.18)}.qs-history-row.qs-history-failed{border-color:rgba(209,76,85,.25)}.qs-history-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#0a1c28;color:#7acdf5}.qs-history-main small,.qs-history-main strong,.qs-history-main span{display:block}.qs-history-main small{color:#64859a;font:8px Segoe UI,Arial,sans-serif;letter-spacing:1px}.qs-history-main strong{margin-top:2px;color:#d9e6ed;font:700 12px Segoe UI,Arial,sans-serif}.qs-history-main span{margin-top:2px;color:#8094a1;font:10px Segoe UI,Arial,sans-serif}.qs-history-price{text-align:right}.qs-history-price b,.qs-history-price small{display:block}.qs-history-price b{color:#e9c762;font:700 14px Segoe UI,Arial,sans-serif}.qs-history-price small{margin-top:2px;color:#607788;font:8px Segoe UI,Arial,sans-serif}
@keyframes qsCardPulse{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}

@media(max-width:1180px){.shop-category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-shop-grid{grid-template-columns:1fr}.qs-shop-card{min-height:0}}
@media(max-width:760px){.shop-category-tabs{grid-template-columns:1fr}.qs-history-row{grid-template-columns:auto 1fr}.qs-history-price{grid-column:2;text-align:left}.qs-history-row form{grid-column:2}.qs-paid-card{min-height:0}}


/* === ZAMES UI polish v47: seamless store, tab fixes, modern selects/toasts === */
/* Store uses one continuous page background. The hero no longer swaps to another image. */
body.page-shop{background-position:center center;background-size:cover;background-attachment:fixed}
body.page-shop main{position:relative;background:transparent}
body.page-shop .page-hero.shop-hero{position:relative;margin-top:0;border-top:0;border-bottom:1px solid rgba(72,116,145,.30);background:linear-gradient(90deg,rgba(2,9,15,.78) 0%,rgba(3,15,24,.48) 48%,rgba(2,9,15,.64) 100%),linear-gradient(180deg,rgba(2,8,14,.10),rgba(2,8,14,.28));box-shadow:0 24px 70px rgba(0,0,0,.22);overflow:visible}
body.page-shop .page-hero.shop-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 72% 28%,rgba(55,151,210,.08),transparent 46%);pointer-events:none}
body.page-shop .page-hero.shop-hero:after{content:"";position:absolute;left:0;right:0;bottom:-72px;height:72px;background:linear-gradient(180deg,rgba(2,8,14,.20),transparent);pointer-events:none}
body.page-shop .shop-hero-inner{position:relative;z-index:1}
body.page-shop .shop-page{position:relative;z-index:1;background:transparent}

/* Four store tabs stay readable even with long translated labels. */
.shop-category-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.shop-tab{justify-content:flex-start;min-width:0;padding:13px 14px;gap:12px}
.shop-tab-copy{min-width:0;max-width:100%}
.shop-tab strong{font-size:16px;line-height:1.08;white-space:normal;overflow-wrap:anywhere}
.shop-tab small{white-space:normal;line-height:1.25}
.shop-tab em{position:absolute;top:9px;right:9px;margin:0;z-index:3}
.shop-tab:has(em) .shop-tab-copy{padding-right:58px}
.shop-tab-transmog strong{font-size:14px;letter-spacing:.15px;max-width:185px}
.shop-tab-transmog .shop-tab-copy{padding-right:76px}
@media(max-width:1180px){.shop-category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-tab-transmog strong{max-width:none;font-size:15px}}
@media(max-width:760px){.shop-category-tabs{grid-template-columns:1fr}.shop-tab:has(em) .shop-tab-copy,.shop-tab-transmog .shop-tab-copy{padding-right:0}.shop-tab em{display:none}}

/* Character class + level badges sit outside the portrait instead of being clipped into it. */
.character-card-avatar,.character-profile-avatar{overflow:visible!important}
.character-card-avatar .wow-race-icon,.character-profile-avatar .wow-race-icon{overflow:hidden!important}
.character-card-avatar .avatar-class-badge{left:-8px!important;bottom:-7px!important;box-shadow:0 4px 14px rgba(0,0,0,.72),0 0 12px rgba(75,164,213,.18)!important}
.character-card-avatar>b{right:-8px!important;bottom:-7px!important;box-shadow:0 4px 14px rgba(0,0,0,.72),0 0 12px rgba(216,164,54,.15)}

/* Modern site toasts. Keep .flash for backend/roulette compatibility. */
.site-toast-stack{position:fixed;z-index:10050;top:18px;right:22px;width:min(430px,calc(100vw - 28px));display:grid;gap:10px;pointer-events:none}
.site-toast-stack .flash.site-toast{--toast:#69c7f2;position:relative;top:auto;left:auto;transform:translateY(0) scale(1);width:100%;min-height:74px;padding:14px 42px 14px 14px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--toast) 42%,#314a5b);border-radius:14px;background:linear-gradient(135deg,rgba(7,24,35,.97),rgba(3,12,19,.985));box-shadow:0 18px 55px rgba(0,0,0,.55),0 0 28px color-mix(in srgb,var(--toast) 10%,transparent);color:#dce9ef;overflow:hidden;pointer-events:auto;backdrop-filter:blur(14px);transition:opacity .48s ease,transform .48s cubic-bezier(.2,.8,.2,1)}
.site-toast-stack .flash.site-toast.success{--toast:#55d58a}.site-toast-stack .flash.site-toast.error{--toast:#ef6b72}.site-toast-stack .flash.site-toast.warning{--toast:#e5b955}
.site-toast-stack .flash.site-toast:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 30%,color-mix(in srgb,var(--toast) 12%,transparent),transparent 32%);pointer-events:none}
.site-toast-stack .flash.site-toast.is-hiding{opacity:0;transform:translateY(-14px) scale(.975);pointer-events:none}
.site-toast-icon{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid color-mix(in srgb,var(--toast) 55%,transparent);background:color-mix(in srgb,var(--toast) 10%,#07131d);color:var(--toast);font:800 17px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;box-shadow:inset 0 0 18px color-mix(in srgb,var(--toast) 8%,transparent),0 0 18px color-mix(in srgb,var(--toast) 10%,transparent)}
.site-toast-copy{position:relative;z-index:1;min-width:0}.site-toast-copy strong{display:block;margin-bottom:3px;color:#f3f8fa;font:750 12px/1.2 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.site-toast-copy span{display:block;color:#93a9b6;font:10.5px/1.45 "Segoe UI Variable","Segoe UI",Arial,sans-serif;overflow-wrap:anywhere}
.site-toast-close{position:absolute;z-index:2;right:9px;top:9px;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#6f8795;font:300 22px/1 Arial;cursor:pointer}.site-toast-close:hover{background:rgba(255,255,255,.055);color:#fff}
.site-toast-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--toast),color-mix(in srgb,var(--toast) 30%,transparent));box-shadow:0 0 12px color-mix(in srgb,var(--toast) 45%,transparent);animation:zToastLife 5s linear forwards}
@keyframes zToastLife{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:620px){.site-toast-stack{top:10px;right:10px;left:10px;width:auto}.site-toast-stack .flash.site-toast{min-height:68px}}

/* Custom dropdowns replace native bright browser menus on user-facing pages. */
.z-select{position:relative;width:100%;min-width:0}
.z-select-native{position:absolute!important;left:10px!important;bottom:2px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
.z-select-trigger{width:100%;min-height:44px;padding:10px 42px 10px 13px;border:1px solid #315368;border-radius:10px;background:linear-gradient(180deg,rgba(6,23,34,.98),rgba(2,11,18,.99));color:#dce8ee;text-align:left;cursor:pointer;position:relative;box-shadow:inset 0 0 20px rgba(72,160,210,.035);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.z-select-trigger:hover,.z-select.open .z-select-trigger{border-color:#5d9bc0;background:linear-gradient(180deg,rgba(8,31,45,.99),rgba(3,14,22,.99));box-shadow:0 0 0 1px rgba(85,173,222,.08),0 0 24px rgba(44,145,202,.08)}
.z-select-trigger:focus-visible{outline:1px solid #75c9ef;outline-offset:2px}.z-select-trigger.is-invalid{border-color:#d95f67;box-shadow:0 0 20px rgba(217,95,103,.12)}
.z-select-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11px "Segoe UI Variable","Segoe UI",Arial,sans-serif}.z-select-chevron{position:absolute;right:13px;top:50%;width:9px;height:9px;border-right:1px solid #79bddd;border-bottom:1px solid #79bddd;transform:translateY(-68%) rotate(45deg);transition:transform .18s ease}.z-select.open .z-select-chevron{transform:translateY(-30%) rotate(225deg)}
.z-select-menu{position:fixed;z-index:11000;display:none;padding:6px;border:1px solid #3e6780;border-radius:12px;background:linear-gradient(180deg,rgba(6,23,34,.99),rgba(2,10,17,.995));box-shadow:0 22px 70px rgba(0,0,0,.72),0 0 32px rgba(44,155,214,.10);backdrop-filter:blur(16px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#355d75 #07131c}.z-select-menu.open{display:grid;gap:3px;animation:zSelectOpen .14s ease-out}.z-select-option{width:100%;min-height:38px;padding:9px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#aebfca;text-align:left;font:550 10.5px/1.35 "Segoe UI Variable","Segoe UI",Arial,sans-serif;cursor:pointer;transition:.13s ease}.z-select-option:hover,.z-select-option.is-highlighted{border-color:rgba(89,174,221,.22);background:rgba(42,137,188,.10);color:#eff9fd}.z-select-option.is-selected{border-color:rgba(92,190,237,.36);background:linear-gradient(90deg,rgba(42,151,207,.17),rgba(42,151,207,.04));color:#9fe1ff}.z-select-option:disabled{opacity:.34;cursor:not-allowed;background:transparent;border-color:transparent}.z-select-option small{display:block;margin-top:2px;color:#5f7c8d;font-size:8px}
@keyframes zSelectOpen{from{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:none}}

/* === ZAMES HUB v48: progression, collections, gifts, armory, guilds and account systems === */
.header-notification-button{position:relative;width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid #31546a;background:linear-gradient(180deg,rgba(7,31,46,.92),rgba(3,15,24,.96));color:#69c9f3;text-decoration:none;transition:.2s ease;box-shadow:inset 0 0 18px rgba(60,170,224,.04)}
.header-notification-button:hover,.header-notification-button.has-unread{border-color:#65c8f6;color:#b7ebff;box-shadow:0 0 24px rgba(55,178,235,.13),inset 0 0 20px rgba(56,177,231,.08)}
.header-notification-button>span{font-size:12px;text-shadow:0 0 12px currentColor}.header-notification-button>b{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:1px solid #08121a;border-radius:9px;background:#d84f58;color:#fff;font:800 9px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;box-shadow:0 0 12px rgba(216,79,88,.45)}
.footer-link{color:#8fb8cd!important;text-decoration:none}.footer-link:hover{color:#d5f2ff!important}

.cabinet-sidebar-hub{max-height:calc(100vh - 104px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#31566d #06131c}
.cabinet-profile-level{margin:0 10px;padding:11px 12px;border:1px solid rgba(65,139,181,.23);background:linear-gradient(135deg,rgba(7,30,44,.74),rgba(3,14,22,.86));text-decoration:none;color:inherit;display:grid;grid-template-columns:1fr auto;gap:6px 10px;transition:.2s ease}
.cabinet-profile-level:hover{border-color:#4d9dc7;box-shadow:0 0 22px rgba(67,165,216,.08)}.cabinet-profile-level div{display:flex;align-items:center;justify-content:space-between;gap:8px}.cabinet-profile-level small{font:700 7.5px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.25px;color:#60879e}.cabinet-profile-level strong{font:800 18px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#8bd9ff}.cabinet-profile-level>span{grid-column:1/-1;height:4px;border-radius:4px;background:#07131d;overflow:hidden}.cabinet-profile-level>span i{display:block;height:100%;background:linear-gradient(90deg,#2b86b7,#7ad7ff);box-shadow:0 0 10px rgba(94,201,251,.35)}.cabinet-profile-level em{grid-column:1/-1;color:#587286;font:500 7.5px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;font-style:normal;text-align:right}
.cabinet-nav-v3 a span u{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:6px;padding:0 4px;border-radius:9px;background:#c94a54;color:#fff;text-decoration:none;font-size:8px;box-shadow:0 0 9px rgba(201,74,84,.34)}
.cabinet-content-link{margin:2px 10px 10px;padding:10px 11px;display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;border:1px solid rgba(111,92,47,.31);background:linear-gradient(135deg,rgba(34,28,12,.46),rgba(5,16,23,.92));text-decoration:none;color:#c4d3db}.cabinet-content-link>span{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(219,175,76,.34);color:#e7c76f}.cabinet-content-link small,.cabinet-content-link b{display:block}.cabinet-content-link small{font-size:7px;letter-spacing:1.2px;color:#766b50}.cabinet-content-link b{margin-top:2px;font-size:9px;color:#d6c99f}.cabinet-content-link>strong{color:#8f805b}

.progression-hero,.collection-hero,.chest-hero,.gift-hero,.armory-search-hero,.auction-hero,.notifications-hero,.activity-hero{background-position:65% 38%}.profile-level-orb,.collection-count-orb,.notification-count-orb{min-width:144px;padding:17px 21px;border:1px solid #31556d;background:rgba(3,15,24,.78);text-align:center;box-shadow:inset 0 0 26px rgba(52,158,214,.035),0 15px 38px rgba(0,0,0,.2)}.profile-level-orb small,.collection-count-orb span,.notification-count-orb span{display:block;font:700 8px/1.3 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.45px;color:#6e8fa1}.profile-level-orb strong,.collection-count-orb strong,.notification-count-orb strong{display:block;margin:5px 0;color:#e9c458;font:400 36px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.profile-level-orb span{display:block;color:#7891a0;font-size:9px}.collection-count-orb strong,.notification-count-orb strong{color:#83d9ff}

.progression-main,.collection-main,.chest-main,.gifts-main,.armory-public-main,.auction-main,.notifications-main,.activity-main{display:grid;gap:20px}.progression-profile-card{padding:20px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;border-color:#355f79}.profile-rank-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #4c9bc5;background:radial-gradient(circle,rgba(66,179,234,.18),rgba(4,16,24,.9));color:#9ee2ff;font:800 27px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;box-shadow:0 0 22px rgba(57,174,230,.08)}.profile-rank-copy{min-width:0}.profile-rank-copy>span,.hub-section>.section-head span{font:700 8px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.6px;color:#67bde5}.profile-rank-copy h2{margin:4px 0 4px;color:#edf7fb;font-size:22px}.profile-rank-copy p{margin:0 0 9px;font-size:10px}.xp-meter{height:6px;background:#06121b;border:1px solid #173547;overflow:hidden}.xp-meter i{display:block;height:100%;background:linear-gradient(90deg,#3b9ccb,#76d7ff);box-shadow:0 0 14px rgba(71,190,242,.45)}.profile-rank-copy>small{display:block;margin-top:5px;color:#647f8f;font-size:8px}
.hub-section{padding:21px;border:1px solid #29495d;background:linear-gradient(145deg,rgba(5,19,29,.95),rgba(2,10,16,.97));box-shadow:0 16px 42px rgba(0,0,0,.25)}.hub-section .section-head{align-items:center;margin-bottom:16px}.hub-section .section-head h2{font-size:25px}.hub-section .section-head p{margin:4px 0 0;color:#718895;font-size:10px;max-width:730px}.hub-status{padding:8px 11px;border:1px solid #2f644a;background:rgba(26,83,54,.16);color:#78d6a1;font:700 8px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.7px}.glow-btn{box-shadow:0 0 24px rgba(61,177,233,.12)}
.daily-reward-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.daily-reward-card{position:relative;min-height:145px;padding:13px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #26485c;background:linear-gradient(180deg,rgba(7,25,37,.9),rgba(3,13,20,.96));overflow:hidden}.daily-reward-card>span{position:absolute;left:9px;top:9px;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1px;color:#56798e}.daily-reward-card>div{font-size:29px;color:#eac35c;text-shadow:0 0 18px rgba(229,180,69,.22)}.daily-reward-card strong{margin-top:9px;color:#c8d7de;font-size:10px;line-height:1.35}.daily-reward-card small{margin-top:7px;color:#65caf7;font-size:7px;letter-spacing:1px}.daily-reward-card.current{border-color:#63bfe9;box-shadow:inset 0 0 26px rgba(62,169,222,.08),0 0 20px rgba(63,171,223,.07)}.daily-reward-card.current:before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:#7ad9ff;box-shadow:0 0 13px #50bcec}.daily-reward-card.claimed{opacity:.67}.daily-reward-card.claimed:after{content:"✓";position:absolute;right:8px;top:7px;color:#67d798;font-weight:800}
.task-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.task-columns>div>h3{margin:0 0 9px;color:#6aaed1;font:700 8px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.7px}.task-card{margin-bottom:9px;padding:13px;border:1px solid #294859;background:rgba(4,14,22,.75)}.task-card.weekly{border-color:#554b30}.task-card.complete{border-color:#397d5a;box-shadow:inset 0 0 19px rgba(58,151,99,.05)}.task-top,.task-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-top small{display:block;color:#55c6f4;font-size:7px}.task-top strong{display:block;margin-top:2px;color:#d9e4e9;font-size:11px}.task-top>span{color:#d6b95f;font-size:9px;text-align:right}.task-progress{height:5px;margin:11px 0 8px;background:#06131b;overflow:hidden}.task-progress i{display:block;height:100%;background:linear-gradient(90deg,#347fa5,#66c9f5)}.task-card.complete .task-progress i{background:linear-gradient(90deg,#348654,#72d69c)}.task-bottom{color:#6e8796;font-size:8px}.task-bottom button{padding:6px 9px;border:1px solid #4c9ac2;background:#0c3145;color:#9de0ff;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;cursor:pointer}.task-claimed{color:#6fd39a!important}
.season-xp-box{text-align:right}.season-xp-box strong,.season-xp-box span{display:block}.season-xp-box strong{color:#e8c65c;font-size:18px}.season-xp-box span{margin-top:3px;color:#718b9a;font-size:8px}.battlepass-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.battlepass-tier{position:relative;min-width:100px;min-height:156px;padding:13px 8px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #263f4f;background:rgba(3,13,20,.84);opacity:.5}.battlepass-tier.unlocked{opacity:1;border-color:#3e738f;background:linear-gradient(180deg,rgba(9,35,49,.86),rgba(3,14,21,.95))}.battlepass-tier.claimed{border-color:#3b7455}.tier-num{position:absolute;top:7px;left:8px;color:#6096b2;font-size:8px}.battlepass-tier>small{margin-top:10px;color:#5f7786;font-size:7px}.tier-reward{margin:14px 0 8px;font-size:27px;color:#e8c35e;text-shadow:0 0 18px rgba(228,178,58,.22)}.battlepass-tier strong{min-height:30px;color:#c7d5dc;font-size:9px}.battlepass-tier em{margin-top:auto;color:#617888;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;font-style:normal}.battlepass-tier button{margin-top:auto;padding:5px 7px;border:1px solid #54a6cd;background:#0b3044;color:#92dcff;font:700 7px "Segoe UI Variable","Segoe UI",Arial,sans-serif;cursor:pointer}
.site-achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.site-achievement-card{padding:16px;border:1px solid #293f4d;background:rgba(3,13,20,.78);opacity:.68}.site-achievement-card.unlocked{opacity:1;border-color:#5e6034;background:radial-gradient(circle at 15% 10%,rgba(218,172,65,.09),transparent 36%),rgba(3,13,20,.86)}.site-achievement-card>div:first-child{font-size:25px;color:#e6bd57}.site-achievement-card>span{float:right;color:#65c9f5;font-size:8px}.site-achievement-card h3{clear:both;margin:8px 0 5px;color:#dce7eb;font-size:12px}.site-achievement-card p{min-height:34px;margin:0;color:#728996;font-size:9px;line-height:1.45}.achievement-meter{height:4px;margin:10px 0 5px;background:#07131a}.achievement-meter i{display:block;height:100%;background:#4faeda}.site-achievement-card.unlocked .achievement-meter i{background:#d7b455}.site-achievement-card>small{color:#647f8f;font-size:7px}

.collection-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.collection-summary-card{padding:14px;display:grid;grid-template-columns:37px 1fr auto;gap:10px;align-items:center;border:1px solid #2d4c5f;background:rgba(4,17,26,.8);text-decoration:none;color:#cbd7dd;transition:.2s ease}.collection-summary-card:hover{border-color:#55a9d2;transform:translateY(-2px)}.collection-summary-card>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid #3c718d;color:#7dcff5}.collection-summary-card small,.collection-summary-card strong{display:block}.collection-summary-card small{font-size:7px;letter-spacing:1px;color:#5c7b8e}.collection-summary-card strong{margin-top:2px;font-size:10px}.collection-summary-card>b{color:#e5c45f;font-size:22px}.collection-section{padding:20px;border:1px solid #29495b;background:rgba(3,13,20,.82)}.collection-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.collection-item-card{--q:#597a8d;padding:12px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;border:1px solid color-mix(in srgb,var(--q) 45%,#263b49);background:linear-gradient(135deg,rgba(5,18,27,.95),rgba(2,10,16,.97))}.collection-item-card.uncommon{--q:#43a953}.collection-item-card.rare{--q:#3f80e5}.collection-item-card.epic{--q:#9b55d9}.collection-item-card.legendary{--q:#e78b2e}.collection-item-icon{position:relative;width:54px;height:54px;padding:4px;border:1px solid var(--q);background:#07121a}.collection-item-icon img{width:100%;height:100%;object-fit:cover}.collection-item-icon i{position:absolute;inset:-1px;box-shadow:inset 0 0 18px color-mix(in srgb,var(--q) 12%,transparent);pointer-events:none}.collection-item-card small{color:#557184;font-size:7px}.collection-item-card h3{margin:4px 0;color:#dce6eb;font-size:11px}.collection-item-card p{margin:0;color:#718897;font-size:8px}.collection-empty{grid-column:1/-1;min-height:150px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed #294859;background:rgba(3,12,18,.46);color:#658092;padding:22px}.collection-empty>span{font-size:28px;color:#5dbde8}.collection-empty strong{margin-top:5px;color:#b9cbd5}.collection-empty p{max-width:540px;margin:5px auto 0;font-size:9px}

.chest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.chest-card{--ch:#5e91aa;position:relative;min-height:385px;padding:22px 17px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--ch) 50%,#263e4d);background:linear-gradient(180deg,rgba(7,22,32,.97),rgba(3,11,17,.99));overflow:hidden}.chest-silver{--ch:#77bde0}.chest-gold{--ch:#d9b84c}.chest-legendary{--ch:#e9872f}.chest-card.available{box-shadow:0 0 26px color-mix(in srgb,var(--ch) 10%,transparent)}.chest-rays{position:absolute;width:250px;height:250px;top:-100px;border-radius:50%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--ch) 16%,transparent),transparent 22%,transparent 50%,color-mix(in srgb,var(--ch) 12%,transparent),transparent 70%);animation:chestSpin 13s linear infinite;opacity:.55}.chest-visual{position:relative;width:94px;height:94px;margin:18px 0 15px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--ch) 58%,#1d3442);background:radial-gradient(circle,color-mix(in srgb,var(--ch) 14%,#07131c),#06121a 68%);box-shadow:0 0 25px color-mix(in srgb,var(--ch) 10%,transparent)}.chest-visual i{font:400 43px/1 Arial;color:var(--ch);font-style:normal;text-shadow:0 0 20px color-mix(in srgb,var(--ch) 42%,transparent)}.chest-visual b{position:absolute;right:-7px;bottom:-7px;min-width:26px;height:26px;padding:0 5px;display:grid;place-items:center;border-radius:13px;background:#08151e;border:1px solid var(--ch);color:#eef8fb;font-size:10px}.chest-card>small{font-size:7px;letter-spacing:1.5px;color:var(--ch)}.chest-card h2{margin:6px 0 7px;color:#edf2f4;font-size:18px}.chest-card p{min-height:45px;margin:0 0 15px;color:#718997;font-size:9px;line-height:1.5}.chest-card form{width:100%;margin-top:auto}.chest-open-btn{width:100%}.chest-card.empty{opacity:.58}.chest-help{padding:20px;display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.chest-help>div:first-child span{color:#65bde7;font-size:8px;letter-spacing:1.5px}.chest-help>div:first-child h2{margin:5px 0;font-size:21px}.chest-help-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.chest-help-grid a{padding:12px;border:1px solid #28485a;background:rgba(3,14,21,.65);text-decoration:none}.chest-help-grid b,.chest-help-grid strong,.chest-help-grid span{display:block}.chest-help-grid b{color:#5bbce8;font-size:8px}.chest-help-grid strong{margin:4px 0 2px;color:#c9d7dd;font-size:9px}.chest-help-grid span{color:#60798a;font-size:7px}.activity-mini-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.activity-mini-list article{padding:10px;display:flex;gap:10px;align-items:center;border:1px solid #284455;background:rgba(3,13,20,.68)}.activity-mini-list article>span{color:#e0bd58}.activity-mini-list strong,.activity-mini-list small{display:block}.activity-mini-list strong{color:#c9d6dd;font-size:9px}.activity-mini-list small{margin-top:2px;color:#61798a;font-size:7px}@keyframes chestSpin{to{transform:rotate(360deg)}}

.gift-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:15px}.gift-builder{padding:21px}.gift-form{display:grid;gap:13px}.gift-form label>span{display:block;margin-bottom:6px;color:#6baed2;font:700 8px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1px}.gift-form input,.gift-form select,.auction-search-panel input,.auction-search-panel select,.armory-search-form input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #315267;background:#061722;color:#dce8ed;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}.gift-form label>small{display:block;margin-top:5px;color:#5d7686;font-size:8px}.gift-preview{padding:12px;display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;border:1px solid #31536a;background:rgba(5,20,30,.72)}.gift-preview-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #775f2d;background:#09141b;color:#e8c45d;font-size:24px;overflow:hidden}.gift-preview-icon img{width:100%;height:100%;object-fit:cover}.gift-preview small,.gift-preview strong,.gift-preview span{display:block}.gift-preview small{color:#5e7e90;font-size:7px}.gift-preview strong{margin:3px 0;color:#dce7ec}.gift-preview span{color:#e4c45e;font-size:11px}.gift-send-btn{justify-self:start}.gift-rules{display:grid;gap:10px}.gift-rules article{padding:16px;border:1px solid #28495c;background:rgba(4,16,24,.78)}.gift-rules article>span{display:block;color:#61c1eb;font-size:8px}.gift-rules strong{display:block;margin-top:5px;color:#d6e1e6;font-size:10px}.gift-rules p{margin:4px 0 0;color:#6c8391;font-size:9px}.gift-history-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.gift-history-columns>.panel{padding:18px}.gift-history-list{display:grid;gap:7px}.gift-history-list article{padding:10px;display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #284759;background:rgba(3,14,21,.66)}.gift-history-list article>span{width:29px;height:29px;display:grid;place-items:center;border:1px solid #724556;color:#e8799b}.gift-history-list.received article>span{border-color:#487c5f;color:#76d79d}.gift-history-list strong,.gift-history-list small{display:block}.gift-history-list strong{color:#cad8df;font-size:9px}.gift-history-list small{margin-top:2px;color:#607989;font-size:7px}.gift-history-list article>b{color:#e7c55f;font-size:9px}.shop-gift-link{display:block;margin-top:7px;padding:7px 9px;border:1px solid rgba(213,102,133,.28);background:rgba(103,29,51,.08);color:#dc8aa3;text-align:center;text-decoration:none;font:700 7.5px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.55px}.shop-gift-link:hover{border-color:#d97f9b;background:rgba(123,38,62,.14);color:#ffc0d1}

.armory-search-form{min-width:min(420px,42vw);display:flex;gap:7px}.armory-search-form button{padding:0 17px;border:1px solid #4c9bc3;background:#0b3044;color:#9ce0ff;font:700 8px "Segoe UI Variable","Segoe UI",Arial,sans-serif;cursor:pointer}.armory-public-header{position:relative;padding:20px;display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;border:1px solid #31566c;background:linear-gradient(135deg,rgba(7,28,41,.94),rgba(3,12,19,.98));overflow:hidden}.armory-public-header.faction-horde{border-color:#6c3838}.armory-public-avatar{position:relative;width:92px;height:92px;overflow:visible}.armory-public-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #4f8eaf}.faction-horde .armory-public-avatar>img{border-color:#a54e4e}.armory-public-avatar>span{position:absolute;left:-4px;bottom:-4px;width:31px;height:31px;border-radius:50%;overflow:hidden;border:2px solid #071019}.armory-public-avatar>span img{width:100%;height:100%;object-fit:cover}.armory-public-avatar>b{position:absolute;right:-4px;bottom:-4px;min-width:31px;height:31px;padding:0 4px;display:grid;place-items:center;border-radius:50%;background:#07131d;border:1px solid #ba912f;color:#f2cb62;font-size:10px}.armory-public-name small{color:#66c6f1;font-size:8px}.armory-public-name h2{margin:4px 0;color:#f0f5f7;font-size:31px}.armory-public-name p{margin:0;color:#839aa7;font-size:10px}.armory-public-score{text-align:right}.armory-public-score small,.armory-public-score strong,.armory-public-score span{display:block}.armory-public-score small{color:#667f8f;font-size:7px}.armory-public-score strong{margin:4px 0;color:#e9c45c;font-size:30px}.armory-public-score span{color:#6d8796;font-size:8px}.armory-public-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:15px}.armory-public-grid>.panel{padding:18px}.public-equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.public-equipment-item{--q:#4f6d7d;min-height:68px;padding:8px;display:grid;grid-template-columns:45px 1fr;gap:8px;align-items:center;border:1px solid color-mix(in srgb,var(--q) 50%,#263f4e);background:rgba(3,13,20,.72)}.public-equipment-item.epic{--q:#9450cf}.public-equipment-item.legendary{--q:#e58a2f}.public-equipment-item.rare{--q:#397bdc}.public-equipment-item.empty{opacity:.4}.public-equipment-item img{width:45px;height:45px;object-fit:cover;border:1px solid var(--q)}.public-equipment-item small,.public-equipment-item strong{display:block}.public-equipment-item small{color:#597487;font-size:7px}.public-equipment-item strong{margin-top:3px;color:#cddae0;font-size:8px;line-height:1.3}.armory-public-stats{display:grid;gap:12px}.character-stat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.character-stat-list>div{padding:9px;border:1px solid #274658;background:rgba(3,13,20,.65)}.character-stat-list small,.character-stat-list strong{display:block}.character-stat-list small{color:#5e7888;font-size:7px}.character-stat-list strong{margin-top:3px;color:#dce6eb;font-size:11px}.profession-row{padding:8px 0;border-bottom:1px solid #1e3644;display:flex;justify-content:space-between;gap:10px;color:#86a1af;font-size:9px}.profession-row strong{color:#d7e3e8}.armory-mini-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.armory-mini-metrics div{padding:10px;border:1px solid #29495b}.armory-mini-metrics small,.armory-mini-metrics strong{display:block}.armory-mini-metrics small{color:#5b7484;font-size:7px}.armory-mini-metrics strong{margin-top:4px;color:#dbe8ed;font-size:12px}.armory-ach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.armory-ach-grid div{padding:9px;border:1px solid #294759;background:rgba(3,14,21,.66)}.armory-ach-grid strong,.armory-ach-grid small{display:block}.armory-ach-grid strong{color:#d4e0e5;font-size:9px}.armory-ach-grid small{color:#60798a;font-size:7px}.armory-suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.armory-suggestion-grid a{padding:11px;border:1px solid #29495c;background:rgba(4,16,24,.72);color:#bcd0d9;text-decoration:none;font-size:9px}.armory-suggestion-grid a:hover{border-color:#5caed5;color:#fff}

.auction-search-panel{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 180px auto auto;gap:8px;align-items:end}.auction-search-panel label>span{display:block;margin-bottom:5px;color:#638ca3;font-size:7px;letter-spacing:1px}.auction-live-badge{padding:10px 12px;border:1px solid #3c7657;background:rgba(28,91,58,.14);color:#71d59b;font:700 8px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.8px}.auction-readonly-note{grid-column:1/-1;padding:10px 12px;border-left:2px solid #d7b450;background:rgba(112,89,24,.08);color:#8498a3}.auction-readonly-note strong{display:block;color:#ccb56f;font-size:9px}.auction-readonly-note p{margin:3px 0 0;font-size:8px}.auction-list{display:grid;gap:7px}.auction-row{--q:#4e6c7d;padding:10px 12px;display:grid;grid-template-columns:54px minmax(0,1fr) 190px 92px;gap:12px;align-items:center;border:1px solid color-mix(in srgb,var(--q) 45%,#263f4e);background:rgba(3,14,21,.77)}.auction-row.epic{--q:#9552d1}.auction-row.legendary{--q:#df8930}.auction-row.rare{--q:#3f7fde}.auction-item-icon{position:relative;width:54px;height:54px}.auction-item-icon img{width:100%;height:100%;object-fit:cover;border:1px solid var(--q)}.auction-item-icon b{position:absolute;right:-4px;bottom:-4px;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;background:#07131c;border:1px solid var(--q);color:#fff;font-size:7px}.auction-item-main small,.auction-item-main h3,.auction-item-main p{display:block}.auction-item-main small{color:#557184;font-size:7px}.auction-item-main h3{margin:3px 0;color:#dbe6eb;font-size:11px}.auction-item-main p{margin:0;color:#6f8795;font-size:8px}.auction-price,.auction-time{text-align:right}.auction-price small,.auction-price strong,.auction-price em,.auction-time small,.auction-time strong{display:block}.auction-price small,.auction-time small{color:#5e7686;font-size:7px}.auction-price strong{margin-top:3px;color:#e2c35e;font-size:10px}.auction-price em{margin-top:2px;color:#647c8c;font-size:7px;font-style:normal}.auction-time strong{margin-top:4px;color:#b9ccd5;font-size:10px}.coin{display:inline-block;width:7px;height:7px;margin-right:2px;border-radius:50%}.coin.gold{background:#d7a929}.coin.silver{background:#b9c5ca}.coin.copper{background:#a86642}

.notification-list{display:grid;gap:8px}.notification-card{position:relative;padding:12px 15px;display:grid;grid-template-columns:42px minmax(0,1fr) 8px;gap:12px;align-items:center;border:1px solid #29485a;background:rgba(3,14,21,.73);text-decoration:none;color:inherit;transition:.18s ease}.notification-card:hover{border-color:#4d91b4;background:rgba(5,23,34,.84)}.notification-card.unread{border-color:#3f7895;background:linear-gradient(90deg,rgba(27,100,139,.12),rgba(3,14,21,.82))}.notification-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #356a85;background:#081c29;color:#74cff7;font-size:16px}.notification-card.type-gift .notification-icon{border-color:#7a4356;color:#e8789b}.notification-card.type-achievement .notification-icon,.notification-card.type-chest .notification-icon{border-color:#76612f;color:#e4c05b}.notification-card small,.notification-card strong,.notification-card p{display:block}.notification-card small{color:#557184;font-size:7px}.notification-card strong{margin:3px 0;color:#d9e5ea;font-size:10px}.notification-card p{margin:0;color:#718895;font-size:8px}.notification-card>i{width:7px;height:7px;border-radius:50%;background:#61c7f3;box-shadow:0 0 10px rgba(75,192,241,.55)}
.activity-timeline{position:relative;display:grid;gap:8px;padding-left:20px}.activity-timeline:before{content:"";position:absolute;left:14px;top:12px;bottom:12px;width:1px;background:linear-gradient(#3d829f,#274251)}.activity-event{position:relative;padding:11px 12px;display:grid;grid-template-columns:37px 1fr;gap:11px;align-items:center;border:1px solid #29485a;background:rgba(3,14,21,.72)}.activity-event>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid #3d7189;background:#071a26;color:#68c9f2;z-index:1}.activity-event small,.activity-event strong,.activity-event time{display:block}.activity-event small{color:#587488;font-size:7px}.activity-event strong{margin:3px 0;color:#d6e2e7;font-size:10px}.activity-event time{color:#617888;font-size:7px}.activity-event.type-achievement>span,.activity-event.type-chest>span{border-color:#725d2f;color:#e1bd58}.activity-event.type-gift>span{border-color:#754354;color:#e37b9a}

.content-hero{background:radial-gradient(circle at 72% 28%,rgba(47,157,215,.12),transparent 32%),linear-gradient(90deg,rgba(2,8,14,.92),rgba(4,18,28,.63)),url('../img/hero-animated-base.jpg') 65% 42%/cover no-repeat}.content-hero-stats{display:flex;gap:10px;margin-top:22px}.content-hero-stats div{min-width:120px;padding:11px 14px;border:1px solid #315269;background:rgba(3,15,23,.64)}.content-hero-stats strong,.content-hero-stats span{display:block}.content-hero-stats strong{color:#86d9ff;font-size:24px}.content-hero-stats span{margin-top:2px;color:#6d8796;font-size:8px;letter-spacing:.4px}.content-page{display:grid;gap:23px}.content-faction-block{--f:#4ba8d7;padding:16px;border:1px solid color-mix(in srgb,var(--f) 42%,#284352);background:rgba(3,13,20,.8)}.content-faction-block.horde{--f:#c74a43}.content-faction-block>header{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--f)}.content-faction-block>header span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--f)}.content-faction-block>header h3{margin:0;color:#dce7ec;font-size:13px}.content-faction-block>header b{margin-left:auto;color:#69818f;font-size:9px}.content-race-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.content-race-grid article{padding:8px;border:1px solid color-mix(in srgb,var(--f) 26%,#243d4c);background:linear-gradient(180deg,rgba(5,18,27,.92),rgba(2,10,16,.97));text-align:center}.content-race-image{height:185px;overflow:hidden;border:1px solid color-mix(in srgb,var(--f) 44%,#263f4d);background:#06121b}.content-race-image img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .3s ease,filter .3s ease}.content-race-grid article:hover img{transform:scale(1.035);filter:brightness(1.08)}.content-race-grid small{display:block;margin-top:8px;color:#59758a;font-size:6.5px;letter-spacing:.7px}.content-race-grid h4{margin:4px 0;color:#dce7eb;font-size:10px}.content-race-grid p{margin:0;color:#6e8593;font-size:7.5px}.content-systems-head{margin-bottom:0}.content-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.content-system-grid article{padding:16px;display:grid;grid-template-columns:43px 1fr;gap:12px;border:1px solid #294859;background:rgba(3,14,21,.75)}.content-system-grid article>span{width:43px;height:43px;display:grid;place-items:center;border:1px solid #39738f;color:#79cef4;font-size:20px}.content-system-grid small{color:#5daed5;font-size:7px}.content-system-grid h3{margin:3px 0 5px;color:#dce7eb;font-size:11px}.content-system-grid p{margin:0;color:#6e8593;font-size:8px;line-height:1.45}.content-cta{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #3e6680;background:linear-gradient(90deg,rgba(7,32,47,.82),rgba(3,14,21,.91))}.content-cta span{color:#66bce5;font-size:8px;letter-spacing:1.4px}.content-cta h2{margin:5px 0;color:#e5edf1;font-size:21px}.content-cta p{margin:0;color:#718995;font-size:9px}

.guild-hero-metrics{display:flex;gap:9px;margin-top:20px}.guild-hero-metrics div{min-width:112px;padding:9px 12px;border:1px solid #315268;background:rgba(3,14,22,.63)}.guild-hero-metrics strong,.guild-hero-metrics span{display:block}.guild-hero-metrics strong{color:#83d8ff;font-size:19px}.guild-hero-metrics span{margin-top:2px;color:#657f8f;font-size:7px}.guild-detail-page{display:grid;gap:20px}.guild-dashboard{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.guild-dashboard>.panel{padding:18px}.guild-class-bars{display:grid;gap:7px}.guild-class-bars>div{display:grid;grid-template-columns:120px 1fr 30px;align-items:center;gap:9px;color:#849daa;font-size:8px}.guild-class-bars i{height:5px;background:#07131b;overflow:hidden}.guild-class-bars i b{display:block;height:100%;background:linear-gradient(90deg,#397e9f,#68c6ef)}.guild-class-bars strong{text-align:right;color:#c8d8df}.guild-quick-info>span{color:#5eafd5;font-size:8px;letter-spacing:1.3px}.guild-quick-info h2{margin:5px 0 13px;font-size:20px}.guild-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.guild-quick-grid div{padding:10px;border:1px solid #294859;background:rgba(3,14,21,.7)}.guild-quick-grid small,.guild-quick-grid strong{display:block}.guild-quick-grid small{color:#5f7888;font-size:7px}.guild-quick-grid strong{margin-top:3px;color:#dce6ea;font-size:17px}.guild-member-grid.enhanced{grid-template-columns:repeat(2,minmax(0,1fr))}.guild-member.enhanced,.guild-member-grid.enhanced .guild-member{padding:12px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center}.guild-member-grid.enhanced .guild-member.online{border-color:#3d7557}.guild-member-avatar{position:relative;width:54px;height:54px}.guild-member-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.guild-member-avatar>span{position:absolute;left:-4px;bottom:-4px;width:23px;height:23px;border-radius:50%;overflow:hidden;border:2px solid #071019}.guild-member-avatar>span img{width:100%;height:100%;object-fit:cover}.guild-member-copy>div{display:flex;justify-content:space-between;gap:8px}.guild-member-copy h3{font-size:10px}.guild-member-copy>div span{color:#5e8da5;font-size:7px}.guild-member-grid.enhanced .guild-member.online .guild-member-copy>div span{color:#70d69c}.guild-member-copy p{font-size:8px}.guild-member-copy small{font-size:7px}.guild-member-grid.enhanced .guild-member>a{padding:6px 8px;border:1px solid #31536a;color:#79c9ee;text-decoration:none;font-size:7px}.guild-list.enhanced-list{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:1300px){.daily-reward-grid{grid-template-columns:repeat(4,1fr)}.battlepass-track{grid-template-columns:repeat(5,minmax(105px,1fr))}.site-achievement-grid{grid-template-columns:repeat(3,1fr)}.chest-grid{grid-template-columns:repeat(2,1fr)}.content-race-grid{grid-template-columns:repeat(3,1fr)}.content-system-grid{grid-template-columns:repeat(2,1fr)}.public-equipment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.cabinet-shell{grid-template-columns:1fr}.cabinet-sidebar-hub{position:relative;top:auto;max-height:none;order:-1}.progression-profile-card{grid-template-columns:58px 1fr}.progression-profile-card>.btn{grid-column:1/-1;justify-self:start}.task-columns,.gift-history-columns,.guild-dashboard,.armory-public-grid{grid-template-columns:1fr}.collection-item-grid{grid-template-columns:repeat(2,1fr)}.gift-layout{grid-template-columns:1fr}.auction-row{grid-template-columns:54px 1fr 155px}.auction-time{grid-column:2/-1}.content-race-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.account-hero-inner{display:block}.profile-level-orb,.collection-count-orb,.notification-count-orb,.account-hero-balance,.auction-live-badge{margin-top:14px;width:max-content}.daily-reward-grid,.site-achievement-grid,.collection-summary-grid,.collection-item-grid,.chest-grid,.chest-help-grid,.content-system-grid,.guild-member-grid.enhanced,.guild-list.enhanced-list{grid-template-columns:1fr 1fr}.task-columns{grid-template-columns:1fr}.battlepass-track{display:flex}.chest-help{grid-template-columns:1fr}.activity-mini-list{grid-template-columns:1fr}.armory-search-form{min-width:0;width:100%;margin-top:14px}.armory-public-header{grid-template-columns:72px 1fr}.armory-public-avatar{width:72px;height:72px}.armory-public-score{grid-column:1/-1;text-align:left}.public-equipment-grid{grid-template-columns:1fr}.auction-search-panel{grid-template-columns:1fr 1fr}.auction-search-panel .btn{width:100%}.auction-row{grid-template-columns:48px 1fr}.auction-price,.auction-time{grid-column:2;text-align:left}.content-hero-stats,.guild-hero-metrics{flex-wrap:wrap}.content-race-grid{grid-template-columns:1fr 1fr}.content-race-image{height:220px}.content-cta{display:block}.content-cta .btn{margin-top:13px}.guild-class-bars>div{grid-template-columns:80px 1fr 24px}}
@media(max-width:520px){.daily-reward-grid,.site-achievement-grid,.collection-summary-grid,.collection-item-grid,.chest-grid,.chest-help-grid,.content-system-grid,.content-race-grid,.guild-member-grid.enhanced,.guild-list.enhanced-list{grid-template-columns:1fr}.progression-profile-card{grid-template-columns:1fr}.profile-rank-mark{width:48px;height:48px}.gift-history-list article{grid-template-columns:29px 1fr}.gift-history-list article>b{grid-column:2}.armory-search-form{display:grid}.armory-public-header{grid-template-columns:1fr;text-align:center}.armory-public-avatar{margin:auto}.armory-public-score{text-align:center}.character-stat-list,.armory-mini-metrics,.armory-ach-grid,.armory-suggestion-grid{grid-template-columns:1fr}.auction-search-panel{grid-template-columns:1fr}.content-race-image{height:260px}.guild-member-grid.enhanced .guild-member{grid-template-columns:48px 1fr}.guild-member-grid.enhanced .guild-member>a{grid-column:2;justify-self:start}.site-toast-stack{width:auto}}
@media(prefers-reduced-motion:reduce){.chest-rays{animation:none!important}}

/* ===== ZAMES CABINET COMMAND CENTER + HUB ROUTE FIX UI — v49 ===== */
/* The cabinet no longer has an internally scrolling 270px sidebar. The whole
   navigation becomes a full-width command centre above the current page. */
.cabinet-shell{
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
}
.cabinet-main{order:2;min-width:0}
.cabinet-command-center{
  order:1!important;
  position:relative!important;
  top:auto!important;
  width:100%!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
  border:1px solid #31536a!important;
  background:
    linear-gradient(110deg,rgba(4,18,29,.985),rgba(3,14,23,.98) 48%,rgba(2,10,17,.99)),
    radial-gradient(circle at 82% 0,rgba(59,169,224,.12),transparent 42%)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(123,207,247,.05)!important;
}
.cabinet-command-center:before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,#38bff5,rgba(56,191,245,.1) 46%,#d05c45);
  opacity:.72;pointer-events:none
}
.cabinet-command-head{
  min-height:92px;
  display:grid;
  grid-template-columns:minmax(210px,.9fr) minmax(280px,1.25fr) minmax(170px,.65fr) minmax(235px,.8fr);
  gap:14px;align-items:center;padding:17px 19px;
  border-bottom:1px solid rgba(71,112,137,.35);
  background:linear-gradient(90deg,rgba(6,25,38,.72),rgba(3,13,21,.28));
}
.cabinet-command-user{display:flex;align-items:center;gap:13px;min-width:0}
.cabinet-command-user .cabinet-side-z{flex:0 0 48px;width:48px;height:48px;font-size:22px}
.cabinet-command-user>div{min-width:0}
.cabinet-command-user small,.cabinet-command-level small,.cabinet-command-balance small{
  display:block;color:#64899f;font:700 7.5px/1.2 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.7px
}
.cabinet-command-user strong{display:block;margin-top:5px;color:#eef5f8;font:750 15px/1.1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cabinet-command-level{
  min-width:0;padding:10px 13px;border:1px solid rgba(57,91,111,.65);background:rgba(3,15,24,.64);color:inherit
}
.cabinet-command-level>span{display:flex;justify-content:space-between;align-items:end;gap:12px}
.cabinet-command-level>span strong{color:#7dd9ff;font:750 22px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.cabinet-command-xp{height:5px;margin:8px 0 5px;background:#0a2737;overflow:hidden}
.cabinet-command-xp i{display:block;height:100%;background:linear-gradient(90deg,#32b6eb,#7be2ff);box-shadow:0 0 12px rgba(73,201,249,.45)}
.cabinet-command-level em{display:block;color:#607d8d;font:normal 8px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;text-align:right}
.cabinet-command-balance{
  min-height:62px;display:flex;flex-direction:column;justify-content:center;padding:10px 15px;border:1px solid rgba(71,107,127,.65);background:linear-gradient(130deg,rgba(7,26,39,.78),rgba(3,13,21,.82));color:inherit
}
.cabinet-command-balance strong{margin:4px 0 2px;color:#f1cb63;font:750 23px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.cabinet-command-balance span{color:#68bde7;font:700 8px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.4px}
.cabinet-command-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0}
.cabinet-command-action,.cabinet-command-logout{
  min-height:31px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 9px;
  border:1px solid rgba(52,87,107,.78);background:rgba(4,17,27,.82);color:#9fb3bf!important;
  font:650 8.5px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;white-space:nowrap
}
.cabinet-command-action:hover{border-color:#4d96bb;color:#daf3ff!important;background:rgba(13,49,69,.62)}
.cabinet-command-action.has-unread{border-color:#8e4b49;color:#f3c2bd!important}
.cabinet-command-action b{min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;background:#d85d5d;color:#fff;font-size:8px}
.cabinet-command-actions .logout-form{margin:0;grid-column:1/-1}
.cabinet-command-logout{width:100%;cursor:pointer;border-color:rgba(114,57,49,.72);color:#dca59b!important}
.cabinet-command-logout:hover{background:rgba(75,22,18,.38);border-color:#a55649;color:#ffd1c7!important}

.cabinet-command-groups{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px!important;background:rgba(1,8,13,.38)}
.cabinet-command-group{min-width:0;border:1px solid rgba(48,79,98,.62);background:linear-gradient(180deg,rgba(5,19,29,.84),rgba(2,11,18,.8));padding:10px}
.cabinet-command-group>header{height:42px;display:flex;align-items:center;gap:10px;padding:0 5px 9px;border-bottom:1px solid rgba(57,87,104,.32)}
.cabinet-command-group>header>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #31566d;background:#071b29;color:#63c9f5;font:750 8px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.cabinet-command-group>header small{display:block;color:#58b8df;font:750 7px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.6px}
.cabinet-command-group>header strong{display:block;margin-top:4px;color:#dce8ed;font:650 10px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}
.cabinet-command-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:8px}
.cabinet-command-link{
  position:relative;min-width:0;height:42px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) 10px!important;gap:8px!important;align-items:center!important;
  margin:0!important;padding:0 8px!important;border:1px solid rgba(45,73,89,.56)!important;background:rgba(4,16,25,.68)!important;color:#aebdc5!important;
  font:600 9.6px/1.1 "Segoe UI Variable","Segoe UI",Arial,sans-serif!important;transition:border-color .16s ease,background .16s ease,transform .16s ease,color .16s ease
}
.cabinet-command-link:hover{transform:translateY(-1px);border-color:#4a88a9!important;background:rgba(9,38,54,.78)!important;color:#eef9ff!important}
.cabinet-command-link.active{border-color:#b54b3c!important;background:linear-gradient(90deg,rgba(93,28,22,.36),rgba(7,29,42,.8))!important;color:#f3d8ae!important;box-shadow:inset 2px 0 0 #e14d38,0 0 18px rgba(207,74,51,.08)}
.cabinet-command-link .cabinet-command-icon{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border:1px solid #31546a!important;background:#071a27!important;color:#69c8f2!important;font-style:normal!important;font-size:11px!important}
.cabinet-command-link.active .cabinet-command-icon{border-color:#a44235!important;color:#ffb39d!important;background:#24100f!important}
.cabinet-command-link span{display:block!important;min-width:0!important;width:auto!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:inherit!important}
.cabinet-command-link span u{margin-left:6px;display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d65b5b;color:#fff;text-decoration:none;font-size:7px}
.cabinet-command-link b{color:#517e96;font-size:14px;font-weight:400}
.group-hub>header>span{border-color:#375d75;color:#78d8ff}.group-account>header>span{border-color:#5f4f2b;color:#e5c66b;background:#191407}

/* Old sidebar internals are intentionally hidden; command center above replaces them. */
.cabinet-command-center>.cabinet-side-brand,
.cabinet-command-center>.cabinet-profile-level,
.cabinet-command-center>.cabinet-balance-compact,
.cabinet-command-center>.cabinet-nav,
.cabinet-command-center>.cabinet-content-link,
.cabinet-command-center>.cabinet-side-footer{display:none!important}

@media(max-width:1180px){
  .cabinet-command-head{grid-template-columns:1fr 1.2fr .7fr}.cabinet-command-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.cabinet-command-actions .logout-form{grid-column:auto}
  .cabinet-command-groups{grid-template-columns:1fr 1fr}.cabinet-command-group.group-account{grid-column:1/-1}.group-account .cabinet-command-links{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:820px){
  .cabinet-command-head{grid-template-columns:1fr 1fr}.cabinet-command-balance{min-height:60px}.cabinet-command-actions{grid-template-columns:1fr 1fr}.cabinet-command-actions .logout-form{grid-column:1/-1}
  .cabinet-command-groups{grid-template-columns:1fr}.cabinet-command-group.group-account{grid-column:auto}.group-account .cabinet-command-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .cabinet-command-head{grid-template-columns:1fr;padding:13px}.cabinet-command-actions{grid-template-columns:1fr 1fr}.cabinet-command-groups{padding:8px!important}.cabinet-command-links,.group-account .cabinet-command-links{grid-template-columns:1fr 1fr}.cabinet-command-link{font-size:9px!important;padding:0 6px!important;gap:6px!important}.cabinet-command-group{padding:8px}
}

/* === ZAMES WORLD FEATURES v50: hero, jackpot, mystery, atmosphere, player hover, chat === */
body{transition:background-color 1.2s ease,filter 1.2s ease}
body[data-z-time="night"]:before{background:linear-gradient(180deg,rgba(0,3,10,.34),rgba(0,4,12,.52) 46%,rgba(0,3,8,.92) 100%)}
body[data-z-time="dusk"]:before{background:linear-gradient(180deg,rgba(25,8,18,.13),rgba(5,7,14,.42) 48%,rgba(0,4,9,.9) 100%)}
body[data-z-time="dawn"]:before{background:linear-gradient(180deg,rgba(12,28,39,.08),rgba(3,11,18,.34) 50%,rgba(0,5,10,.86) 100%)}
body[data-z-time="night"] .site-atmosphere{background:radial-gradient(ellipse at 68% 8%,rgba(40,93,178,.2),transparent 42%),linear-gradient(90deg,rgba(0,3,10,.67),transparent 30%,transparent 68%,rgba(0,4,13,.58))}
body[data-z-time="dusk"] .site-atmosphere{background:radial-gradient(ellipse at 70% 4%,rgba(131,58,76,.13),transparent 42%),radial-gradient(ellipse at 45% 0,rgba(38,116,164,.12),transparent 48%),linear-gradient(90deg,rgba(0,5,10,.58),transparent 70%,rgba(0,5,9,.5))}
body[data-z-time="dawn"] .site-atmosphere{background:radial-gradient(ellipse at 64% 4%,rgba(90,171,203,.17),transparent 44%),linear-gradient(90deg,rgba(0,5,10,.54),transparent 70%,rgba(0,5,9,.46))}
.z-weather-layer{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;opacity:.7;mix-blend-mode:screen}.z-weather-layer i{position:absolute;display:block;pointer-events:none}.z-weather-layer.weather-snow i{top:-4vh;width:3px;height:3px;border-radius:50%;background:#d8f6ff;box-shadow:0 0 8px #8edcff;animation:zWeatherSnow var(--wd,12s) linear infinite;animation-delay:var(--wdelay,0s);opacity:var(--wo,.55)}.z-weather-layer.weather-frost:before{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse at 20% 25%,rgba(82,186,235,.11),transparent 25%),radial-gradient(ellipse at 78% 54%,rgba(93,153,211,.09),transparent 28%);filter:blur(20px);animation:zFrostBreath 9s ease-in-out infinite alternate}.z-weather-layer.weather-frost i{width:120px;height:20px;border-radius:50%;background:rgba(109,206,239,.035);filter:blur(8px);animation:zFrostDrift var(--wd,16s) linear infinite}.z-weather-layer.weather-arcane i{width:3px;height:3px;border-radius:50%;background:#80caff;box-shadow:0 0 9px 2px rgba(111,120,255,.5);animation:zArcaneFloat var(--wd,10s) ease-in-out infinite;opacity:var(--wo,.45)}.z-weather-layer.weather-embers i{width:2px;height:6px;border-radius:50%;background:#ef7350;box-shadow:0 0 9px #d54430;animation:zEmberRise var(--wd,8s) linear infinite;opacity:var(--wo,.38)}
@keyframes zWeatherSnow{to{transform:translate3d(var(--wx,20px),110vh,0) rotate(180deg)}}@keyframes zFrostBreath{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.06)}}@keyframes zFrostDrift{from{transform:translate3d(-20vw,0,0)}to{transform:translate3d(120vw,-10vh,0)}}@keyframes zArcaneFloat{0%,100%{transform:translateY(0) scale(.6);opacity:.08}50%{transform:translateY(-55px) scale(1.2);opacity:.6}}@keyframes zEmberRise{from{transform:translateY(105vh) translateX(0) rotate(0);opacity:0}20%{opacity:.45}to{transform:translateY(-15vh) translateX(var(--wx,30px)) rotate(220deg);opacity:0}}
.z-weather-chip{position:fixed;left:18px;bottom:18px;z-index:28;display:flex;align-items:center;gap:9px;min-width:150px;padding:8px 11px;border:1px solid rgba(75,139,176,.35);background:rgba(2,11,18,.82);backdrop-filter:blur(12px);box-shadow:0 12px 34px #0009;pointer-events:none;opacity:.78}.z-weather-chip>span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #31556a;color:#7bd5ff;background:#071924}.z-weather-chip small,.z-weather-chip strong{display:block}.z-weather-chip small{font-size:6px;letter-spacing:1.4px;color:#52798f}.z-weather-chip strong{margin-top:1px;font-size:8px;color:#bcd3df;font-weight:600}

.z-world-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.z-world-feature{min-height:260px;padding:18px 20px;border:1px solid #294c60;background:linear-gradient(135deg,rgba(3,17,26,.95),rgba(2,9,15,.88));position:relative;overflow:hidden;box-shadow:inset 0 0 45px rgba(29,105,142,.05)}.z-world-feature:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 58%,rgba(83,174,218,.035) 58.2% 59%,transparent 59.2%)}.z-world-feature-kicker{display:flex;align-items:center;gap:8px;color:#62bfe9;font-size:7px;letter-spacing:1.3px;text-transform:uppercase}.z-world-feature-kicker>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid #315c73;background:#061720}.z-world-feature-kicker>i{margin-left:auto;font-style:normal;color:#667f8d;font-size:6px}.z-hero-day-card.faction-alliance{border-color:#2e617e}.z-hero-day-card.faction-horde{border-color:#66372f}.z-hero-day-main{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;margin-top:18px}.z-hero-day-avatar{position:relative;width:96px;height:96px;padding:0;border:1px solid #54738a;border-radius:50%;background:#03111a;cursor:pointer;box-shadow:0 0 30px rgba(70,168,216,.12)}.z-hero-day-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}.z-hero-day-avatar>span{position:absolute;right:-4px;bottom:2px;width:32px;height:32px;border:3px solid #071019;border-radius:50%;overflow:hidden}.z-hero-day-avatar>span img{width:100%;height:100%;object-fit:cover}.z-hero-day-copy>small{display:block;color:#607f90;font-size:7px}.z-hero-day-copy button{padding:0;border:0;background:none;color:inherit;cursor:pointer}.z-hero-day-copy h2{margin:5px 0 2px;color:#eef8fb;font-size:25px}.z-hero-day-copy p{margin:0;color:#8fa5b0;font-size:9px}.z-hero-day-copy a{display:inline-block;margin-top:7px;color:#69c6ee;font-size:8px}.z-hero-day-stats{display:grid;grid-template-columns:.7fr .7fr 1.6fr;gap:6px;margin-top:14px}.z-hero-day-stats div{padding:8px 10px;border:1px solid rgba(52,82,99,.52);background:rgba(3,12,18,.7)}.z-hero-day-stats strong,.z-hero-day-stats span{display:block}.z-hero-day-stats strong{color:#dbe8ed;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.z-hero-day-stats span{margin-top:2px;color:#55778a;font-size:6px;letter-spacing:.8px}
.z-jackpot-card{border-color:#6a5428;background:radial-gradient(circle at 80% 25%,rgba(197,143,41,.08),transparent 32%),linear-gradient(135deg,rgba(13,16,17,.96),rgba(4,10,14,.91))}.z-jackpot-card .z-world-feature-kicker{color:#e7b94e}.z-jackpot-card .z-world-feature-kicker>span{border-color:#78602c;color:#ffd875;background:#1a160a}.z-jackpot-main{display:grid;grid-template-columns:1fr 180px;gap:15px;align-items:end;margin-top:18px}.z-jackpot-pot small,.z-jackpot-pot span{display:block}.z-jackpot-pot small{color:#806f49;font-size:7px;letter-spacing:1px}.z-jackpot-pot strong{display:block;margin:3px 0;color:#ffd35e;font-size:37px;line-height:1}.z-jackpot-pot strong b{font-size:17px;color:#c5983e}.z-jackpot-pot span{color:#78858a;font-size:7px}.z-jackpot-side{display:grid;grid-template-columns:1fr 1fr;gap:6px}.z-jackpot-side div{padding:9px;border:1px solid #4c4328;background:rgba(14,14,10,.62);text-align:center}.z-jackpot-side strong,.z-jackpot-side span{display:block}.z-jackpot-side strong{color:#e9c45f;font-size:12px}.z-jackpot-side span{margin-top:2px;color:#776c50;font-size:5.5px}.z-jackpot-last{display:flex;align-items:center;gap:10px;margin-top:10px;padding:7px 9px;border-left:2px solid #8a6927;background:rgba(113,77,15,.08);font-size:7px}.z-jackpot-last span{color:#7d704f}.z-jackpot-last strong{color:#d7dde0}.z-jackpot-last b{margin-left:auto;color:#e9b943}.z-jackpot-action{margin-top:12px}.z-jackpot-form{display:grid;grid-template-columns:1fr 190px;gap:8px}.z-jackpot-form .z-btn{min-width:0}.z-jackpot-joined{display:flex;align-items:center;gap:9px;color:#8edfb4}.z-jackpot-joined>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #3b7756;background:#071b13}.z-jackpot-joined strong,.z-jackpot-joined small{display:block}.z-jackpot-joined strong{font-size:8px}.z-jackpot-joined small{color:#738d80;font-size:7px}

.z-mystery-chest{position:fixed;left:var(--mystery-x);top:var(--mystery-y);z-index:70;opacity:0;transform:translate(-50%,-50%) scale(.4);animation:zMysteryArrive .65s cubic-bezier(.18,.9,.28,1.25) var(--mystery-delay) forwards}.z-mystery-chest button{width:72px;height:72px;border:1px solid rgba(240,184,70,.68);background:radial-gradient(circle,#402d0c 0 18%,#0a1419 58%,#041019);box-shadow:0 0 0 4px rgba(235,177,55,.05),0 0 35px rgba(227,159,41,.35);cursor:pointer;position:relative;color:#ffd76c}.z-mystery-chest button:before{content:"";position:absolute;inset:12px;border:2px solid #b6842d;border-radius:4px;transform:rotate(45deg);background:linear-gradient(135deg,#392b10,#12140d)}.z-mystery-chest button i{position:relative;z-index:2;font-style:normal;font-size:28px;text-shadow:0 0 16px #ffd25c}.z-mystery-chest button b{position:absolute;left:50%;top:78px;transform:translateX(-50%);white-space:nowrap;padding:4px 7px;border:1px solid #66501e;background:#081015;color:#ddbd66;font-size:6px;letter-spacing:1px;opacity:0;transition:.2s}.z-mystery-chest button:hover b{opacity:1}.z-mystery-aura{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(255,204,80,.28),transparent 65%);animation:zMysteryPulse 1.7s ease-in-out infinite}.z-mystery-chest button:hover{transform:scale(1.08);filter:brightness(1.15)}@keyframes zMysteryArrive{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes zMysteryPulse{50%{transform:scale(1.22);opacity:.35}}

.z-player-hover-card{position:fixed;z-index:130;width:310px;padding:0;border:1px solid #31576d;background:rgba(2,11,18,.96);box-shadow:0 22px 65px #000c,0 0 24px rgba(60,155,203,.08);backdrop-filter:blur(18px);pointer-events:none;overflow:hidden}.z-player-hover-card[hidden]{display:none}.z-player-hover-head{display:grid;grid-template-columns:68px 1fr;gap:12px;padding:13px;background:linear-gradient(120deg,rgba(24,78,105,.18),transparent)}.z-player-hover-avatar{position:relative;width:66px;height:66px}.z-player-hover-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid #446b82}.z-player-hover-avatar>span{position:absolute;right:-3px;bottom:-3px;width:25px;height:25px;border-radius:50%;overflow:hidden;border:2px solid #041019}.z-player-hover-avatar>span img{width:100%;height:100%;object-fit:cover}.z-player-hover-copy small,.z-player-hover-copy strong,.z-player-hover-copy span{display:block}.z-player-hover-copy small{color:#5d8498;font-size:6px;letter-spacing:1px}.z-player-hover-copy strong{margin-top:3px;color:#eef7fb;font-size:18px}.z-player-hover-copy span{color:#91a7b1;font-size:8px}.z-player-hover-copy em{display:inline-flex;margin-top:5px;padding:2px 5px;border:1px solid #31576b;color:#72c8ef;font-size:6px;font-style:normal}.z-player-hover-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #243c49}.z-player-hover-stats div{padding:9px 7px;text-align:center;border-right:1px solid #243c49}.z-player-hover-stats div:last-child{border-right:0}.z-player-hover-stats strong,.z-player-hover-stats span{display:block}.z-player-hover-stats strong{color:#d5e2e8;font-size:10px}.z-player-hover-stats span{color:#587383;font-size:5.5px;letter-spacing:.7px}.z-player-hover-foot{padding:8px 12px;border-top:1px solid #243c49;color:#6e8b9a;font-size:7px}.z-player-hover-card.is-loading{height:120px;display:grid;place-items:center;color:#6baed0;font-size:8px}

/* Website chat */
.chat-page{min-width:0}.chat-hero{align-items:center}.chat-live-orb{min-width:115px;padding:10px 14px;border:1px solid #31566a;background:rgba(3,15,23,.72);text-align:center}.chat-live-orb i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#5ce5a2;box-shadow:0 0 12px #5ce5a2}.chat-live-orb strong{color:#8adfff;font-size:22px}.chat-live-orb span{display:block;color:#647d8b;font-size:7px}.chat-shell{padding:0;overflow:hidden}.chat-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 12px;border-bottom:1px solid #294554;background:rgba(3,14,21,.78)}.chat-channels{display:flex;gap:6px}.chat-channels a{min-width:112px;height:38px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid #294b5e;color:#748e9c;font-size:8px}.chat-channels a i{width:22px;height:22px;display:grid;place-items:center;border:1px solid #315a70;font-style:normal}.chat-channels a.active,.chat-channels a:hover{color:#d9edf6;border-color:#4b87a6;background:#08202d}.chat-channels .channel-alliance.active{border-color:#437eb7;background:rgba(21,65,104,.28)}.chat-channels .channel-horde.active{border-color:#8c4438;background:rgba(105,35,28,.2)}.chat-toolbar-note{display:flex;align-items:center;gap:6px;color:#607784;font-size:7px}.chat-pulse{width:6px;height:6px;border-radius:50%;background:#59d9a0;box-shadow:0 0 9px #59d9a0;animation:onlinePulse 1.5s ease-in-out infinite}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;min-height:560px}.chat-main-column{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-width:0}.chat-message-list{height:510px;overflow-y:auto;padding:15px 16px 22px;scrollbar-color:#31566b #051019;scrollbar-width:thin}.chat-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;padding:8px 9px;margin-bottom:4px;border-left:2px solid transparent;background:rgba(5,16,23,.42)}.chat-message:hover{background:rgba(8,25,35,.7)}.chat-message.faction-alliance{border-left-color:#315f8e}.chat-message.faction-horde{border-left-color:#79392f}.chat-avatar{width:36px;height:36px;padding:0;border:1px solid #37586a;background:#04111a;cursor:pointer}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-message-body{min-width:0}.chat-message-meta{display:flex;align-items:center;gap:7px}.chat-message-meta button{padding:0;border:0;background:none;color:#89d6f8;cursor:pointer}.chat-message.faction-horde .chat-message-meta button{color:#e79383}.chat-message-meta strong{font-size:8px}.chat-message-meta span{color:#4d6878;font-size:6px}.chat-message p{margin:3px 0 0;color:#b6c5cc;font-size:9px;line-height:1.55;overflow-wrap:anywhere}.chat-empty{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#577283}.chat-empty>span{font-size:30px;color:#416c81}.chat-empty strong{margin-top:7px;color:#94acb7}.chat-empty p{margin:4px 0;font-size:8px}.chat-composer{display:grid;grid-template-columns:205px 1fr;gap:9px;padding:11px 12px;border-top:1px solid #294554;background:#031019}.chat-character-select label{display:block;margin-bottom:4px;color:#5d879a;font-size:6px;letter-spacing:1px}.chat-input-wrap{border:1px solid #31556a;background:#06131c}.chat-input-wrap textarea{display:block;width:100%;min-height:54px;padding:9px 10px;border:0;outline:0;resize:none;background:transparent;color:#d7e1e6;font-size:9px}.chat-input-foot{display:flex;align-items:center;justify-content:space-between;padding:5px 7px;border-top:1px solid #1e3947}.chat-input-foot small{color:#526c79;font-size:6px}.chat-send-button{min-height:29px;padding:0 13px;font-size:7px}.chat-send-button span{margin-right:5px}.chat-error{margin:0 12px 10px;padding:8px 10px;border:1px solid #763a38;background:rgba(83,22,21,.18);color:#e78a85;font-size:8px}.chat-presence-panel{border-left:1px solid #294554;background:rgba(2,10,16,.68)}.chat-presence-head{padding:15px;border-bottom:1px solid #223c4a}.chat-presence-head>span{color:#5ec7f2;font-size:6px;letter-spacing:1.3px}.chat-presence-head h2{margin:4px 0 0;font-size:15px}.chat-presence-list{max-height:430px;overflow:auto;padding:8px}.chat-presence-list>p{padding:8px;color:#536c7a;font-size:7px}.chat-presence-user button,.chat-presence-user>div{width:100%;padding:7px 8px;display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#94aab4;text-align:left;font-size:8px;cursor:pointer}.chat-presence-user button:hover{background:#071b26;color:#d9eef7}.chat-presence-user i{width:6px;height:6px;border-radius:50%;background:#5bd89b;box-shadow:0 0 7px #5bd89b}.chat-rules-mini{display:flex;gap:8px;margin:8px;padding:10px;border:1px solid #253f4d;color:#617987;background:#04131c}.chat-rules-mini span{color:#62bee8}.chat-rules-mini p{margin:0;font-size:6.5px;line-height:1.5}

@media(max-width:980px){.z-world-feature-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.chat-presence-panel{display:none}.chat-message-list{height:460px}.chat-toolbar{align-items:flex-start;flex-direction:column}.chat-toolbar-note{display:none}.z-weather-chip{display:none}}
@media(max-width:680px){.z-jackpot-main{grid-template-columns:1fr}.z-jackpot-form{grid-template-columns:1fr}.z-hero-day-main{grid-template-columns:78px 1fr}.z-hero-day-avatar{width:76px;height:76px}.z-hero-day-stats{grid-template-columns:1fr 1fr}.z-hero-day-stats div:last-child{grid-column:1/-1}.chat-channels{width:100%}.chat-channels a{min-width:0;flex:1;justify-content:center}.chat-composer{grid-template-columns:1fr}.z-mystery-chest{display:none}.z-player-hover-card{width:min(310px,calc(100vw - 16px))}}
@media(prefers-reduced-motion:reduce){.z-weather-layer i,.z-weather-layer:before,.z-mystery-aura,.z-mystery-chest,.chat-pulse{animation:none!important}.z-mystery-chest{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:680px){.z-mystery-chest{display:block;left:50%!important;top:auto!important;bottom:84px;transform:translateX(-50%) scale(.4)}.z-mystery-chest{animation-name:zMysteryArriveMobile}@keyframes zMysteryArriveMobile{to{opacity:1;transform:translateX(-50%) scale(1)}}}


/* === ZAMES readability + community polish v51 === */
/* Weather stays atmospheric, but the technical weather badge is intentionally gone. */
.z-weather-chip{display:none!important}

/* Home feature cards: readable at 1080p/1440p and more informative. */
.z-world-feature{padding:22px 24px;min-height:282px}
.z-world-feature-kicker{font-size:10px;letter-spacing:1.45px;font-weight:700}
.z-world-feature-kicker>i{font-size:9px}
.z-hero-day-copy>small{font-size:11px;color:#79a7bc;font-weight:700;letter-spacing:.25px}
.z-hero-day-copy h2{font-size:29px}
.z-hero-day-copy p{font-size:12px}
.z-hero-day-copy a{font-size:11px}
.z-hero-day-reason{margin-top:14px;padding:11px 13px;border:1px solid rgba(64,108,132,.58);border-left:3px solid #4ba8d1;background:linear-gradient(90deg,rgba(19,69,94,.18),rgba(3,13,19,.28))}
.z-hero-day-card.faction-horde .z-hero-day-reason{border-left-color:#b75246}
.z-hero-day-reason span{display:block;margin-bottom:4px;color:#68bde3;font-size:9px;letter-spacing:1.2px;font-weight:800}
.z-hero-day-reason p{margin:0;color:#b4c8d2;font-size:11px;line-height:1.55}
.z-hero-day-stats{margin-top:10px}
.z-hero-day-stats div{padding:10px 12px}
.z-hero-day-stats strong{font-size:13px}
.z-hero-day-stats span{font-size:8.5px;letter-spacing:.8px}
.z-jackpot-pot small{font-size:10px}.z-jackpot-pot span{font-size:10px;line-height:1.45}.z-jackpot-side span{font-size:8px}.z-jackpot-side strong{font-size:14px}.z-jackpot-last{font-size:10px}.z-jackpot-joined strong{font-size:11px}.z-jackpot-joined small{font-size:10px}
.z-mystery-chest button b{font-size:10px;padding:6px 9px}

/* Player preview: no loading popup and better typography. */
.z-player-hover-card{width:330px}
.z-player-hover-copy small{font-size:9px}.z-player-hover-copy strong{font-size:20px}.z-player-hover-copy span{font-size:11px}.z-player-hover-copy em{font-size:9px;padding:3px 7px}
.z-player-hover-stats strong{font-size:12px}.z-player-hover-stats span{font-size:8px}.z-player-hover-foot{font-size:10px;padding:10px 13px}.z-player-hover-card.is-loading{display:none!important}

/* Chat v2: larger, calmer, more useful. */
.account-main-command.chat-page{padding:0 22px 28px;min-width:0}
.chat-hero{padding:28px 30px!important;margin-top:0!important;border:1px solid #294c60;background:linear-gradient(100deg,rgba(5,24,36,.88),rgba(2,11,18,.62))}
.chat-hero>div:first-child{max-width:820px}.chat-hero>div:first-child>span{font-size:10px;letter-spacing:1.8px}.chat-hero h1{margin:7px 0 10px!important;font-size:36px!important;line-height:1.08}.chat-hero p{font-size:14px!important;line-height:1.6!important;color:#aebfc9!important}
.chat-live-orb{min-width:140px;padding:13px 16px}.chat-live-orb strong{font-size:25px}.chat-live-orb span{font-size:10px;margin-top:3px}
.chat-shell{margin-top:14px;border-color:#31576b!important;background:rgba(2,10,16,.76);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.chat-toolbar{min-height:auto;display:grid;grid-template-columns:auto minmax(240px,1fr) auto;gap:14px;padding:13px 15px}
.chat-channels{display:flex;gap:7px;flex-wrap:wrap}.chat-channels a{min-width:104px;height:44px;padding:0 13px;font-size:11px;font-weight:700;letter-spacing:.25px}.chat-channels a i{width:26px;height:26px;font-size:11px}
.chat-channels .channel-bugs.active,.chat-channels .channel-bugs:hover{border-color:#a94d47;background:rgba(112,32,28,.24);color:#ffc0bb}.chat-channels .channel-help.active,.chat-channels .channel-help:hover{border-color:#39836f;background:rgba(29,98,79,.22);color:#aaf1d7}
.chat-channel-context{min-width:0;padding:6px 12px;border-left:1px solid #284756}.chat-channel-context>span{display:block;color:#78c9ed;font-size:10px;font-weight:800;letter-spacing:1px}.chat-channel-context p{margin:3px 0 0;color:#8098a6;font-size:11px;line-height:1.35}.chat-channel-context.channel-bugs>span{color:#e98279}.chat-channel-context.channel-help>span{color:#75dcb6}
.chat-toolbar-note{font-size:10px;white-space:nowrap}.chat-pulse{width:7px;height:7px}
.chat-layout{grid-template-columns:minmax(0,1fr) 285px;min-height:650px}.chat-main-column{position:relative}
.chat-message-list{position:relative;height:570px;padding:20px 22px 28px;scroll-padding-bottom:70px}
.chat-message{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:11px 13px;margin-bottom:7px;border-left-width:3px;border-radius:0 4px 4px 0;background:linear-gradient(90deg,rgba(8,25,35,.68),rgba(5,16,23,.4));transition:background .18s ease,transform .18s ease;animation:chatMessageIn .22s ease both}.chat-message:hover{background:linear-gradient(90deg,rgba(12,36,49,.82),rgba(7,22,31,.58));transform:translateX(2px)}
@keyframes chatMessageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.chat-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden}.chat-message-meta{gap:8px;min-height:20px}.chat-message-meta strong{font-size:12px}.chat-message-meta span{font-size:10px}.chat-message-meta em{display:inline-flex;padding:2px 6px;border:1px solid #284b5e;color:#638da2;font-size:8px;font-style:normal;letter-spacing:.7px}.chat-message p{margin:5px 0 0;color:#c6d2d8;font-size:13px;line-height:1.55}
.chat-empty strong{font-size:15px}.chat-empty p{font-size:12px}.chat-jump-latest{position:sticky;z-index:5;top:10px;left:50%;transform:translateX(-50%);display:block;margin:0 auto 8px;padding:8px 13px;border:1px solid #3c7b9a;background:#082334;color:#91daf8;font-size:10px;font-weight:700;box-shadow:0 10px 28px #0009;cursor:pointer}.chat-jump-latest[hidden]{display:none}.chat-jump-latest:hover{background:#0d3146}
.chat-composer{grid-template-columns:230px 1fr;gap:12px;padding:15px 17px}.chat-character-select label{font-size:9px;letter-spacing:1.1px;margin-bottom:6px}.chat-character-select select{min-height:46px;padding:0 12px;font-size:12px}.chat-input-wrap{border-color:#3c6379}.chat-input-wrap textarea{min-height:66px;padding:11px 13px;font-size:13px;line-height:1.5}.chat-input-foot{padding:7px 9px}.chat-input-foot small{font-size:9px}.chat-send-button{min-height:34px;padding:0 16px;font-size:10px}.chat-error{font-size:11px;padding:10px 12px}
.chat-presence-panel{border-left-color:#315263;background:linear-gradient(180deg,rgba(4,17,25,.86),rgba(2,10,15,.72))}.chat-presence-head{padding:18px}.chat-presence-head>span{font-size:9px}.chat-presence-head h2{font-size:18px}.chat-presence-list{max-height:475px;padding:10px}.chat-presence-list>p{font-size:11px}.chat-presence-user button,.chat-presence-user>div{padding:9px 10px;font-size:11px}.chat-presence-user i{width:7px;height:7px}.chat-rules-mini{margin:10px;padding:12px;align-items:flex-start}.chat-rules-mini>span{font-size:16px}.chat-rules-mini strong{display:block;margin-bottom:4px;color:#a9c4d1;font-size:11px}.chat-rules-mini p{font-size:10px;line-height:1.55}

/* Readability pass for the new ZAMES HUB / home UI labels that were previously 6–8 px. */
.z-home-content-v2 .z-dash-head h2,.z-home-content-v2 .z-box-head h2{font-size:13px}
.z-home-content-v2 .z-rate-item small,.z-home-content-v2 .z-total-online>div span,.z-home-content-v2 .z-runtime-list span,.z-home-content-v2 .z-runtime-list strong{font-size:10px}
.z-home-content-v2 .z-runtime-list b{font-size:9px}.z-community-card h2{font-size:12px}.z-community-card p{font-size:11px}.z-community-card>strong{font-size:10px}

@media(max-width:1180px){.chat-toolbar{grid-template-columns:1fr auto}.chat-channel-context{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid #203b49;padding:9px 0 0}.chat-layout{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:980px){.account-main-command.chat-page{padding-inline:12px}.chat-hero{padding:22px!important}.chat-layout{grid-template-columns:1fr}.chat-presence-panel{display:none}.chat-message-list{height:520px}.chat-toolbar{display:flex;align-items:stretch;flex-direction:column}.chat-channel-context{order:2}.chat-toolbar-note{display:flex;order:3}.chat-channels{order:1}}
@media(max-width:680px){.chat-hero h1{font-size:28px!important}.chat-live-orb{display:none}.chat-channels a{min-width:calc(50% - 4px);flex:1}.chat-composer{grid-template-columns:1fr}.chat-message-list{padding:14px 10px 22px}.chat-message{grid-template-columns:40px minmax(0,1fr);padding:9px}.chat-avatar{width:38px;height:38px}.z-world-feature{padding:17px}.z-world-feature-kicker{font-size:9px}}

/* === ZAMES chat spacing + compact notifications + wallet cleanup v52 === */
/* More breathing room between the cabinet command center and the current module. */
.account-main-command.chat-page{padding:24px 22px 34px!important}
.chat-hero{margin-top:0!important;margin-bottom:18px!important}
.chat-shell{margin-top:0!important}
.chat-toolbar{row-gap:12px!important}
.chat-channel-context{padding-inline:14px!important}
.chat-page.is-switching .chat-message-list{opacity:.68;transition:opacity .18s ease}
.chat-page:not(.is-switching) .chat-message-list{opacity:1;transition:opacity .18s ease}
.chat-channels a{transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
.chat-channels a:active{transform:translateY(1px)}

/* Header notifications: visually attached to the account area instead of a loud square tile. */
.header-notification-button{
 width:34px!important;height:34px!important;flex:0 0 34px!important;border:0!important;border-radius:50%!important;
 background:transparent!important;color:#66889a!important;box-shadow:none!important;outline:0;
}
.header-notification-button svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease,color .16s ease}
.header-notification-button:hover{background:rgba(54,143,184,.09)!important;color:#9fdfff!important;box-shadow:none!important}
.header-notification-button:hover svg{transform:translateY(-1px)}
.header-notification-button.has-unread{background:rgba(54,143,184,.07)!important;color:#87d9fb!important;box-shadow:none!important}
.header-notification-button>b{right:-2px!important;top:-4px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border:2px solid #020910!important;border-radius:9px!important;background:#d74e58!important;font-size:8px!important;box-shadow:0 3px 12px rgba(215,78,88,.28)!important}

/* Wallet: balance is shown once in the hero, no duplicate right-side balance card. */
.portal-wallet-single{display:block!important}
.portal-wallet-single .portal-main{width:100%;max-width:none}
.page-wallet .portal-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Native multi-page navigation remains server-safe, but modern browsers animate page changes smoothly. */
@view-transition{navigation:auto}
::view-transition-old(root){animation-duration:.13s;animation-timing-function:ease-out}
::view-transition-new(root){animation-duration:.18s;animation-timing-function:ease-out}

@media(max-width:980px){
 .account-main-command.chat-page{padding:18px 12px 30px!important}
 .page-wallet .portal-card-grid.three{grid-template-columns:1fr}
 .header-notification-button{width:31px!important;height:31px!important;flex-basis:31px!important}
}


/* === ZAMES v53: real chest art, compact news, character share card === */
.chest-visual-art{width:180px;height:150px;margin:4px 0 12px;border:0;background:transparent;box-shadow:none;overflow:visible}
.chest-visual-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 16px 18px rgba(0,0,0,.58));transition:transform .25s ease,filter .25s ease}
.chest-card.available:hover .chest-visual-art img{transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 18px 23px rgba(0,0,0,.62)) brightness(1.07)}
.chest-visual-art b{right:7px;bottom:3px;min-width:30px;height:30px;border-radius:16px;font-size:11px}
.chest-card{min-height:430px}
.chest-card>small{margin-top:1px}
.daily-reward-visual{width:76px;height:62px!important;display:grid;place-items:center;margin:8px 0 3px}
.daily-reward-visual img{width:76px;height:62px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}
.daily-reward-visual span{font-size:30px;font-weight:800;color:#e8c35e}
.task-reward-label{display:inline-flex!important;align-items:center;gap:6px}
.task-reward-label img{width:34px;height:28px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.5))}
.tier-reward{width:72px;height:60px;display:grid;place-items:center;margin:10px 0 6px}
.tier-reward img{width:72px;height:60px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}
.tier-reward span{font-size:27px;color:#e8c35e}
.battlepass-tier{min-height:178px}
.z-mystery-chest button{width:88px;height:76px;border:0;background:transparent;box-shadow:none;overflow:visible}
.z-mystery-chest button:before{display:none}
.z-mystery-chest button>img{position:relative;z-index:2;width:88px;height:76px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(244,188,65,.55));transition:.2s}
.z-mystery-chest button:hover>img{transform:scale(1.08);filter:drop-shadow(0 0 24px rgba(255,204,88,.75)) brightness(1.08)}
.z-mystery-chest button b{top:78px}
.z-mystery-aura{inset:-28px}

/* compact news */
.news-compact-page{max-width:1180px}
.news-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.news-compact-card{position:relative;padding:22px 24px;border:1px solid #2c4f62;background:linear-gradient(145deg,rgba(6,21,31,.97),rgba(2,10,17,.98));box-shadow:0 16px 34px rgba(0,0,0,.22);overflow:hidden}
.news-compact-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#4ab4e4;opacity:.55}
.news-compact-card.featured{border-color:#6b5830;background:linear-gradient(145deg,rgba(16,24,29,.98),rgba(7,14,20,.98));}
.news-compact-card.featured:before{background:#d9aa45}
.news-compact-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6abfe4;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}
.news-compact-meta time{color:#78909d;white-space:nowrap}
.news-compact-card h2{margin:10px 0 8px;font-size:21px;line-height:1.22;color:#eef3f5}
.news-compact-excerpt{margin:0;color:#9eb0b9;font-size:13px;line-height:1.55}
.news-expand{margin-top:13px;border-top:1px solid rgba(76,125,149,.25);padding-top:10px}
.news-expand summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;color:#73c9ef;font-size:11px;font-weight:800;letter-spacing:.7px}
.news-expand summary::-webkit-details-marker{display:none}
.news-expand summary b{font-size:18px;font-weight:400;transition:transform .2s ease}
.news-expand[open] summary b{transform:rotate(45deg)}
.news-expand-body{padding:14px 0 2px;color:#bac6cc;font-size:13px;line-height:1.65}
.news-expand-body p{margin:0 0 12px}
.news-regular-list{display:none!important}

/* character share card */
.character-share-btn{margin-top:9px;padding:7px 10px;border:1px solid #4d91b2;background:linear-gradient(180deg,#0b3145,#071c29);color:#9adfff;font:700 9px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.7px;cursor:pointer}
.character-share-btn:hover{border-color:#79cdf2;color:#fff;box-shadow:0 0 18px rgba(74,180,228,.18)}
.character-card-export-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:24px;background:rgba(0,5,9,.88);backdrop-filter:blur(10px)}
.character-card-export-dialog{width:min(1100px,96vw);padding:16px;border:1px solid #365f73;background:#03101a;box-shadow:0 30px 100px #000}
.character-card-export-dialog canvas{display:block;width:100%;height:auto;border:1px solid #31556a;background:#020910}
.character-card-export-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
.character-card-export-actions button,.character-card-export-actions a{padding:10px 15px;border:1px solid #4e93b5;background:#0a2d40;color:#d9f4ff;text-decoration:none;font:700 11px "Segoe UI Variable","Segoe UI",Arial,sans-serif;cursor:pointer}
.character-card-export-actions .close{border-color:#3d4e58;background:#08131a;color:#a8bac3}

@media(max-width:900px){
 .news-compact-grid{grid-template-columns:1fr}
 .daily-reward-visual{width:64px;height:54px!important}
 .daily-reward-visual img{width:64px;height:54px}
 .chest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .chest-grid{grid-template-columns:1fr}
 .character-card-export-modal{padding:8px}
 .character-card-export-dialog{padding:8px}
}

/* ===== ZAMES BETA ECONOMY + UI CONSISTENCY UPDATE v60 ===== */
/* Shared currency art */
.currency-balance-pair{display:flex;gap:10px;align-items:stretch;justify-content:flex-end;flex-wrap:wrap}
.currency-balance-pair.compact .currency-balance-card{min-width:165px;min-height:72px}
.currency-balance-card{min-width:190px;min-height:86px;display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid #31556a;background:linear-gradient(135deg,rgba(4,22,34,.9),rgba(2,11,18,.95));color:#dce9ef;text-decoration:none;box-shadow:inset 0 0 24px rgba(67,164,216,.035)}
.currency-balance-card img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(0,0,0,.65))}
.currency-balance-card span{display:flex;min-width:0;flex-direction:column}.currency-balance-card small{color:#6c91a4;font:700 7px/1.2 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:1.6px}.currency-balance-card strong{margin:4px 0 2px;color:#f0ca60;font:760 24px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif}.currency-balance-card em{color:#64bae2;font:700 8px/1.2 "Segoe UI Variable","Segoe UI",Arial,sans-serif;font-style:normal}
.currency-balance-card.vote{border-color:#356c66;background:linear-gradient(135deg,rgba(4,29,31,.92),rgba(2,12,18,.96))}.currency-balance-card.vote strong{color:#78e1c8}.currency-balance-card.vote em{color:#6bcdb9}
.profile-rank-coin{overflow:hidden!important;padding:0!important}.profile-rank-coin img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.cabinet-side-zcoin{overflow:hidden}.cabinet-side-zcoin img{width:100%;height:100%;object-fit:cover}
.z-coin-reward-img{width:56px!important;height:56px!important;object-fit:contain!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}
.daily-reward-visual .z-coin-reward-img{width:52px!important;height:52px!important}.tier-reward .z-coin-reward-img{width:50px!important;height:50px!important}

/* Global account command centre on every account page */
.cabinet-global-nav{margin-top:22px;margin-bottom:0}
.cabinet-global-nav+.page-hero{margin-top:18px}
.cabinet-global-nav .cabinet-command-center{margin:0!important}
.cabinet-command-head{grid-template-columns:minmax(190px,.75fr) minmax(250px,1fr) minmax(330px,1.18fr) minmax(225px,.8fr)!important}
.cabinet-command-currencies{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:0}.cabinet-command-currencies .cabinet-command-balance{min-width:0;min-height:66px;display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:center;padding:8px 10px}.cabinet-command-currencies .cabinet-command-balance img{width:36px;height:36px;object-fit:contain}.cabinet-command-currencies .cabinet-command-balance>div{min-width:0}.cabinet-command-currencies .cabinet-command-balance strong{font-size:17px}.cabinet-command-currencies .cabinet-command-balance span{font-size:7px}
@media(max-width:1180px){.cabinet-command-head{grid-template-columns:1fr 1fr!important}.cabinet-command-currencies{grid-column:1/-1}.cabinet-command-actions{grid-column:1/-1!important}}
@media(max-width:680px){.cabinet-command-currencies{grid-template-columns:1fr}.currency-balance-pair{justify-content:flex-start}.currency-balance-card{min-width:145px}.cabinet-global-nav{width:min(100% - 16px,1450px)}}

/* Character cards: standard and custom races use identical geometry */
.character-card{height:132px!important;min-height:132px!important;max-height:132px!important;grid-template-columns:88px minmax(0,1fr) 88px!important}
.character-card-avatar{width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important}
.character-card-avatar .wow-race-icon,.character-profile-avatar .wow-race-icon{inset:5px!important;width:calc(100% - 10px)!important;height:calc(100% - 10px)!important;object-fit:cover!important;object-position:center center!important;transform:none!important}
.race-avatar-img[src*="assets/img/races/"]{transform:none!important;object-fit:cover!important;object-position:center center!important;filter:saturate(1.04) contrast(1.05)!important}
.character-card-copy{align-self:center}.character-card-copy>p{margin-bottom:8px}.character-card-meta{margin-top:6px}
@media(max-width:760px){.character-card{height:auto!important;min-height:112px!important;max-height:none!important;grid-template-columns:72px minmax(0,1fr)!important}.character-card-avatar{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important}}

/* Beta/launch date chips glow slowly instead of looking flat */
.z-dates span{position:relative;overflow:hidden;animation:zamesDateGlow 4.8s ease-in-out infinite;transition:border-color .35s ease,box-shadow .35s ease,background .35s ease}
.z-dates span:nth-child(2){animation-delay:1.35s}.z-dates span:before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 18%,rgba(98,209,255,.12) 45%,transparent 70%);transform:translateX(-130%);animation:zamesDateSweep 7s ease-in-out infinite;pointer-events:none}
@keyframes zamesDateGlow{0%,100%{border-color:rgba(81,109,130,.62);box-shadow:0 0 0 rgba(66,184,239,0),inset 0 0 16px rgba(33,107,145,.02)}50%{border-color:rgba(85,176,221,.94);box-shadow:0 0 22px rgba(55,167,221,.18),inset 0 0 22px rgba(48,137,181,.08)}}
@keyframes zamesDateSweep{0%,45%{transform:translateX(-130%)}65%,100%{transform:translateX(140%)}}

/* Quick Start cards: slow premium shimmer */
.qs-paid-card,.qs-shop-card{position:relative;overflow:hidden;isolation:isolate;animation:qsCardBreath 5.5s ease-in-out infinite}
.qs-paid-card:nth-child(2),.qs-shop-card:nth-child(2){animation-delay:1.2s}.qs-paid-card:nth-child(3),.qs-shop-card:nth-child(3){animation-delay:2.4s}
.qs-paid-card:after,.qs-shop-card:after{content:"";position:absolute;z-index:0;top:-40%;bottom:-40%;width:32%;left:-44%;transform:skewX(-15deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);animation:qsPremiumSweep 8s ease-in-out infinite;pointer-events:none}.qs-paid-card>*{position:relative;z-index:1}
@keyframes qsCardBreath{0%,100%{box-shadow:0 16px 44px rgba(0,0,0,.32),inset 0 0 0 rgba(91,194,245,0)}50%{box-shadow:0 18px 56px rgba(0,0,0,.42),0 0 28px rgba(67,166,219,.10),inset 0 0 30px rgba(74,164,212,.035)}}
@keyframes qsPremiumSweep{0%,58%{left:-44%}78%,100%{left:122%}}
.qs-currency-picker{margin:0 0 16px;display:grid;grid-template-columns:minmax(260px,1fr) 230px 230px;gap:10px;align-items:stretch;padding:14px;border:1px solid #315269;background:rgba(3,15,24,.72)}.qs-currency-picker>div{display:flex;flex-direction:column;justify-content:center}.qs-currency-picker small{color:#69bfe6;font-size:8px;letter-spacing:1.3px}.qs-currency-picker h3{margin:5px 0 0;font-size:18px}.qs-currency-choice{position:relative;display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid #315168;background:#061621;cursor:pointer}.qs-currency-choice input{position:absolute;opacity:0}.qs-currency-choice img{width:42px;height:42px;object-fit:contain}.qs-currency-choice span{display:flex;flex-direction:column}.qs-currency-choice b{font-size:11px}.qs-currency-choice small{margin-top:4px;color:#6f8795;font-size:8px;letter-spacing:0}.qs-currency-choice:has(input:checked){border-color:#62c9f2;box-shadow:0 0 24px rgba(66,183,233,.12);background:#092333}.qs-currency-choice.vote:has(input:checked){border-color:#54bca7;box-shadow:0 0 24px rgba(60,190,160,.12);background:#082722}
.qs-price-ribbon-dual{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px}.qs-price-ribbon-dual>span{display:flex;align-items:center;gap:6px}.qs-price-ribbon-dual img{width:25px;height:25px;object-fit:contain}.qs-price-ribbon-dual strong{font-size:20px!important}.qs-price-ribbon-dual small{font-size:8px}
@media(max-width:900px){.qs-currency-picker{grid-template-columns:1fr 1fr}.qs-currency-picker>div{grid-column:1/-1}}

/* Dual currency shop */
.shop-currency-pair{align-self:center}.dual-price-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.dual-price-row>span{min-height:42px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:6px 8px;border:1px solid #315068;background:#06131d}.dual-price-row img{grid-row:1/3;width:28px;height:28px;object-fit:contain}.dual-price-row b{font-size:13px;color:#e9c760}.dual-price-row span:nth-child(2){border-color:#315f59}.dual-price-row span:nth-child(2) b{color:#78d8c4}.dual-price-row small{color:#637e8d;font-size:7px}.dual-buy-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.vote-buy-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border:1px solid #3b8173;background:linear-gradient(180deg,#12483e,#092b27);color:#b8ffea!important;font-weight:750;cursor:pointer;text-decoration:none}.vote-buy-button:hover{border-color:#63c8b1;background:linear-gradient(180deg,#18594d,#0d3730);box-shadow:0 0 22px rgba(78,199,169,.13)}
.qs-shop-currency-mini{display:flex;gap:7px}.qs-shop-currency-mini span{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #315064;background:#06131c;color:#a8c1ce;font-size:9px}.qs-shop-currency-mini img,.qs-dual-price img{width:25px;height:25px;object-fit:contain}.qs-shop-card-footer-dual{display:block!important}.qs-dual-price{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px}.qs-dual-price>span{display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(70,105,125,.54)}.qs-dual-links{display:grid;grid-template-columns:1fr 1fr;gap:6px}.qs-dual-links .btn{min-width:0!important;font-size:8px!important}

/* Top-up disabled during beta */
.beta-store-lock-panel{display:grid;grid-template-columns:86px 1fr;gap:22px;align-items:center;padding:28px;border:1px solid #8e4b42;background:linear-gradient(110deg,rgba(55,15,15,.28),rgba(5,18,27,.96));box-shadow:0 18px 50px rgba(0,0,0,.32),inset 0 0 40px rgba(180,65,51,.035)}.beta-store-lock-icon{width:76px;height:76px;display:grid;place-items:center;border:1px solid #b24f42;background:#2a1010;color:#ff9987;font-size:34px}.beta-store-lock-copy>span{color:#ff8d7c;font-size:9px;font-weight:800;letter-spacing:1.8px}.beta-store-lock-copy h2{margin:7px 0 10px;font-size:26px}.beta-store-lock-copy p{max-width:900px;color:#aebdc5;font-size:13px;line-height:1.7}.beta-store-lock-actions{display:flex;gap:9px;margin-top:16px}.beta-disabled-providers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.beta-disabled-providers div{padding:14px 16px;border:1px solid #344a57;background:#06131b;opacity:.65}.beta-disabled-providers b,.beta-disabled-providers span{display:block}.beta-disabled-providers span{margin-top:4px;color:#7c929f;font-size:10px}

/* Vote balance page */
.vote-page-v2{display:grid;gap:14px}.vote-main-card{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:25px;border:1px solid #397266;background:linear-gradient(120deg,rgba(5,36,34,.9),rgba(3,14,22,.98));box-shadow:0 20px 50px rgba(0,0,0,.3)}.vote-main-icon{display:grid;place-items:center}.vote-main-icon img{width:135px;height:135px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.5))}.vote-main-copy>span{color:#6edcc1;font-size:9px;letter-spacing:1.7px}.vote-main-copy h2{margin:5px 0 9px;color:#83e7cf;font-size:30px}.vote-main-copy p{max-width:900px;color:#a9bbc3;line-height:1.65}.vote-price-note{margin:13px 0;padding:9px 11px;border-left:2px solid #55bca6;background:rgba(25,102,84,.11);color:#8fc9ba;font-size:10px}.vote-now-button{width:max-content}

/* Services: keep icons away from card edges */
.service-card{padding:22px!important;column-gap:18px!important}.service-icon{margin:2px 0 0 2px!important}.service-card form{margin-top:6px}

/* Modern dropdown remains open while the page scrolls; JS repositions it */
.z-select-menu{scroll-padding:8px}.z-select.open .z-select-trigger{position:relative;z-index:2}

/* Chat audio control */
.chat-toolbar-right{display:flex;align-items:center;gap:10px}.chat-sound-toggle{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #31556a;background:#06141d;color:#728d9b;cursor:pointer}.chat-sound-toggle span{font-size:14px}.chat-sound-toggle b{font-size:7px;letter-spacing:1px}.chat-sound-toggle.active{border-color:#3d806f;color:#9ee6d4;background:#08231e}.chat-sound-toggle:hover{color:#d9f7ef}

/* Compact stacked Storage */
.storage-hero-counter{min-width:125px;padding:11px 15px;border:1px solid #315369;background:#06131d;text-align:center}.storage-hero-counter small,.storage-hero-counter strong,.storage-hero-counter span{display:block}.storage-hero-counter small{color:#63889c;font-size:7px;letter-spacing:1.5px}.storage-hero-counter strong{margin:3px 0;color:#77d5fb;font-size:26px}.storage-hero-counter span{color:#69808e;font-size:8px}.storage-grid-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storage-card-compact{min-height:108px;display:grid!important;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 12px;padding:12px 13px!important}.storage-card-compact .storage-icon{width:58px;height:58px;grid-row:1}.storage-card-compact .storage-copy{align-self:center}.storage-card-compact .storage-copy h3{margin:3px 0;font-size:14px}.storage-stack-meta{display:flex;align-items:center;gap:9px}.storage-stack-meta b{display:inline-grid;place-items:center;min-width:34px;height:20px;padding:0 7px;border:1px solid #3b6176;background:#071a25;color:#8fd8f7;font-size:10px}.storage-stack-meta span{color:#5e7785;font-size:8px}.storage-send-form-compact{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) 120px;gap:7px;margin-top:2px}.storage-send-form-compact .z-select-trigger{min-height:38px}.storage-send-form-compact .btn{min-height:38px;padding:0 9px}.storage-compact-status{grid-column:1/-1;padding:7px 9px;border-top:1px solid rgba(51,81,98,.45);font-size:8px}.storage-compact-status.delivered{color:#76d49e}.storage-compact-status.queued{color:#79c7e8}.storage-compact-status.failed{color:#e77f75}
@media(max-width:900px){.storage-grid-compact{grid-template-columns:1fr}.vote-main-card{grid-template-columns:100px 1fr}.vote-main-icon img{width:90px;height:90px}}

/* Wallet dual history */
.wallet-dual-history{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.portal-wallet-single .portal-main{width:100%}.wallet-history-list.compact article{min-height:48px}
@media(max-width:900px){.wallet-dual-history{grid-template-columns:1fr}}

/* Uniform local standard race art */
.wow-race-icon[src*="assets/img/races/standard/"]{image-rendering:auto!important;transform:none!important}

@media(prefers-reduced-motion:reduce){.z-dates span,.z-dates span:before,.qs-paid-card,.qs-shop-card,.qs-paid-card:after,.qs-shop-card:after{animation:none!important}}

/* ===== ZAMES CABINET SINGLE-NAV + SPACING FIX — v61 ===== */
/* Legacy page-level copies are hidden. The only visible command centre is the
   one injected by layout.php directly below each cabinet page hero. */
.cabinet-shell > .cabinet-command-center{display:none!important}
.cabinet-global-nav{
  margin-top:24px!important;
  margin-bottom:24px!important;
}
.page-account .cabinet-global-nav,
.page-quick-start .cabinet-global-nav,
.page-roulette .cabinet-global-nav,
.page-storage .cabinet-global-nav,
.page-services .cabinet-global-nav,
.page-shop .cabinet-global-nav,
.page-progress .cabinet-global-nav,
.page-collections .cabinet-global-nav,
.page-chests .cabinet-global-nav,
.page-gifts .cabinet-global-nav,
.page-auction .cabinet-global-nav,
.page-notifications .cabinet-global-nav,
.page-activity .cabinet-global-nav,
.page-wallet .cabinet-global-nav,
.page-topup .cabinet-global-nav,
.page-settings .cabinet-global-nav,
.page-chat .cabinet-global-nav,
.page-vote .cabinet-global-nav,
.page-support .cabinet-global-nav{clear:both}

/* Notification Center: keep the heading and action comfortably separated. */
.notifications-main .section-head.mini{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
}
.notifications-main .section-head.mini>div{min-width:0;padding-right:18px}
.notifications-main .section-head.mini>form{margin-left:auto!important;flex:0 0 auto}
.notifications-main .section-head.mini>form .btn{min-width:142px}

/* Currency cards: keep amount, destination and labels on distinct lines. */
.cabinet-command-currencies .cabinet-command-balance>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
}
.cabinet-command-currencies .cabinet-command-balance small,
.cabinet-command-currencies .cabinet-command-balance strong,
.cabinet-command-currencies .cabinet-command-balance span{
  display:block!important;
  width:100%!important;
  margin:0!important;
  line-height:1.15!important;
}
.cabinet-command-currencies .cabinet-command-balance strong{margin-top:2px!important}
.cabinet-command-currencies .cabinet-command-balance span{margin-top:2px!important}

@media(max-width:680px){
  .cabinet-global-nav{margin-top:14px!important;margin-bottom:16px!important}
  .notifications-main .section-head.mini{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  .notifications-main .section-head.mini>div{padding-right:0}
  .notifications-main .section-head.mini>form{margin-left:0!important;width:100%}
  .notifications-main .section-head.mini>form .btn{width:100%}
}

/* ===== ZAMES unified GAME + WEBSITE live presence — v63 ===== */
.chat-layout{grid-template-columns:minmax(0,1fr) 285px}
.chat-live-orb{min-width:150px}
.chat-live-orb small{display:block;margin-top:5px;color:#78909d;font-size:8px;line-height:1.35}
.chat-live-orb small b{color:#bfe9fb;font-size:9px}
.chat-presence-head{padding-bottom:14px}
.chat-presence-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.chat-presence-summary>span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #284757;background:rgba(4,18,27,.72);color:#7f98a5;font-size:8px}
.chat-presence-summary b{color:#d7edf6;font-size:9px}
.chat-presence-summary i{width:6px;height:6px;border-radius:50%}
.chat-presence-summary .game-dot{background:#5ce59e;box-shadow:0 0 8px rgba(92,229,158,.75)}
.chat-presence-summary .site-dot{background:#62c9f4;box-shadow:0 0 8px rgba(98,201,244,.72)}
.chat-presence-user{margin-bottom:4px}
.chat-presence-user button,.chat-presence-user>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:42px;padding:8px 9px!important;border:1px solid transparent!important;background:rgba(4,17,25,.42)!important}
.chat-presence-user button:hover{border-color:#315b70!important;background:#08202c!important}
.chat-presence-main{display:flex;align-items:center;gap:7px;min-width:0}
.chat-presence-main>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8cbd4}
.chat-presence-main>small{flex:0 0 auto;color:#55717f;font-size:7px}
.chat-presence-user i{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#62c9f4;box-shadow:0 0 8px rgba(98,201,244,.75)}
.chat-presence-user.is-in-game i{background:#5ce59e;box-shadow:0 0 9px rgba(92,229,158,.82)}
.chat-presence-user.is-in-game.is-on-site i{background:#fff3a5;box-shadow:0 0 9px rgba(255,221,95,.82)}
.chat-presence-badges{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.chat-presence-badges em{padding:3px 5px;border:1px solid;font-style:normal;font-size:6px;letter-spacing:.7px;line-height:1}
.chat-presence-badges .presence-game{border-color:#2e7358;background:rgba(29,102,74,.18);color:#75e2ad}
.chat-presence-badges .presence-site{border-color:#315f78;background:rgba(33,91,119,.2);color:#79d3f7}
@media(max-width:980px){.chat-layout{grid-template-columns:1fr}.chat-presence-panel{display:none}}
\n\n/* ZAMES chat bridge sidebar spacing fix v64 */\n.chat-game-bridge-mini{display:flex;align-items:flex-start;gap:12px;margin:12px 10px 14px;padding:15px 16px;border:1px solid #294b5c;background:linear-gradient(135deg,rgba(6,25,35,.94),rgba(3,14,21,.84));color:#718c99;box-sizing:border-box}\n.chat-game-bridge-mini>span{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #35718d;background:rgba(20,74,99,.18);color:#76d7ff;font-size:15px;line-height:1}\n.chat-game-bridge-mini>div{min-width:0;padding:1px 2px 0}\n.chat-game-bridge-mini strong{display:block;margin:0 0 7px;color:#c5dce6;font-size:12px;line-height:1.25}\n.chat-game-bridge-mini p{margin:0;color:#839ba7;font-size:11px;line-height:1.65;overflow-wrap:anywhere}\n.chat-rules-mini{margin:12px 10px!important;padding:15px 16px!important;gap:12px!important}\n.chat-rules-mini>div{min-width:0;padding:1px 2px 0}\n.chat-rules-mini strong{margin-bottom:7px!important}\n.chat-rules-mini p{font-size:11px!important;line-height:1.65!important}\n@media(max-width:980px){.chat-game-bridge-mini{margin:12px;padding:14px}.chat-rules-mini{margin:12px!important}}\n

/* ===== ZAMES HARDCORE TEASER + WEEKLY BONUS RESTORE — v65 ===== */
/* Hardcore announcement inside the homepage hero. */
.z-hardcore-teaser{
  position:absolute;top:24px;left:50%;z-index:6;
  width:min(900px,calc(100% - 46px));min-height:92px;
  transform:translateX(-50%);padding:18px 82px 16px;
  text-align:center;overflow:visible;isolation:isolate;
  border:1px solid rgba(163,28,28,.9);
  background:
    linear-gradient(180deg,rgba(23,3,6,.97),rgba(6,5,9,.97)),
    radial-gradient(circle at 50% 0,rgba(190,23,28,.22),transparent 62%);
  box-shadow:0 0 0 2px rgba(38,4,8,.9),0 0 34px rgba(168,12,21,.34),inset 0 0 42px rgba(139,12,18,.14);
  clip-path:polygon(3% 0,97% 0,100% 22%,98% 76%,94% 100%,6% 100%,2% 76%,0 22%);
  animation:zHardcoreAura 4.8s ease-in-out infinite;
}
.z-hardcore-teaser:before,.z-hardcore-teaser:after{
  content:"";position:absolute;top:7px;bottom:7px;width:58px;z-index:-1;
  border-top:1px solid rgba(226,56,56,.8);border-bottom:1px solid rgba(103,10,14,.9);
  background:linear-gradient(135deg,rgba(86,8,14,.7),rgba(13,4,7,.95));
  box-shadow:0 0 18px rgba(163,17,25,.22)
}
.z-hardcore-teaser:before{left:11px;clip-path:polygon(0 50%,28% 0,100% 20%,73% 50%,100% 80%,28% 100%)}
.z-hardcore-teaser:after{right:11px;transform:scaleX(-1);clip-path:polygon(0 50%,28% 0,100% 20%,73% 50%,100% 80%,28% 100%)}
.z-hardcore-skull{
  position:absolute;left:50%;top:-22px;transform:translateX(-50%);
  width:46px;height:46px;display:grid;place-items:center;border:1px solid #91212a;
  background:radial-gradient(circle at 50% 35%,#401018,#09070a 64%);color:#e8d8d8;
  font-size:27px;text-shadow:0 0 10px #ff2637;box-shadow:0 0 18px rgba(255,22,42,.34);
  clip-path:polygon(50% 0,87% 18%,100% 55%,74% 100%,26% 100%,0 55%,13% 18%);
}
.z-hardcore-title{
  color:#f1dfe0;font:600 28px/1.05 Georgia,"Times New Roman",serif;
  letter-spacing:.5px;text-shadow:0 0 6px #ff2435,0 0 18px rgba(232,25,41,.45),0 2px 10px #000;
}
.z-hardcore-subtitle{margin-top:8px;color:#b9acaf;font-size:13px;letter-spacing:.8px;text-shadow:0 2px 8px #000}
.z-blood-drop{position:absolute;bottom:-17px;width:5px;background:linear-gradient(#9d0b16,#3f0006);border-radius:0 0 6px 6px;box-shadow:0 0 8px rgba(184,0,18,.34);transform-origin:top;animation:zBloodDrip 5.8s ease-in-out infinite}
.z-blood-drop.d1{left:13%;height:23px;animation-delay:-1.2s}.z-blood-drop.d2{left:31%;height:13px;animation-delay:-3.7s}.z-blood-drop.d3{left:50%;height:29px;animation-delay:-2.1s}.z-blood-drop.d4{right:27%;height:17px;animation-delay:-4.5s}.z-blood-drop.d5{right:11%;height:25px;animation-delay:-.6s}
@keyframes zHardcoreAura{0%,100%{filter:brightness(.92);box-shadow:0 0 0 2px rgba(38,4,8,.9),0 0 24px rgba(133,8,17,.22),inset 0 0 36px rgba(110,8,14,.1)}50%{filter:brightness(1.08);box-shadow:0 0 0 2px rgba(54,5,10,.92),0 0 44px rgba(218,20,33,.44),inset 0 0 50px rgba(160,12,21,.19)}}
@keyframes zBloodDrip{0%,100%{transform:scaleY(.7);opacity:.45}48%{transform:scaleY(1.12);opacity:.95}70%{transform:scaleY(.92);opacity:.7}}

/* The weekly bonus board was present in PHP but its visual layer was lost in a later CSS merge. */
.z-weekly-bonus-board{
  position:relative;margin:14px 0 12px;padding:18px;border:1px solid #31556a;
  background:linear-gradient(135deg,rgba(4,17,27,.985),rgba(2,8,14,.985));
  box-shadow:0 16px 40px rgba(0,0,0,.34),inset 0 1px rgba(111,205,255,.05);overflow:hidden
}
.z-weekly-bonus-board:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0,rgba(41,162,220,.1),transparent 26%),linear-gradient(115deg,transparent 0 72%,rgba(76,172,216,.04) 72.2% 73%,transparent 73.2%)}
.z-weekly-bonus-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr);gap:12px;align-items:stretch}
.z-weekly-bonus-copy,.z-happy-hour{min-height:116px;padding:17px 19px;border:1px solid rgba(50,82,99,.72);background:rgba(3,12,19,.78)}
.z-weekly-bonus-copy>span,.z-happy-hour>small{display:block;color:#64c6ef;font-size:8px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.z-weekly-bonus-copy h2{margin:8px 0 7px;color:#eef7fb;font-size:24px;line-height:1.12}
.z-weekly-bonus-copy p{margin:0;max-width:760px;color:#9fb3bd;font-size:12px;line-height:1.55}
.z-happy-hour{position:relative;border-color:#66521f;background:linear-gradient(135deg,rgba(32,23,7,.72),rgba(9,11,15,.84));display:flex;flex-direction:column;justify-content:center}
.z-happy-hour>small{color:#d5a83c}.z-happy-hour>strong{margin:7px 0 5px;color:#f4d46a;font-size:20px;line-height:1.15}.z-happy-hour>span{color:#9e8f69;font-size:10px;letter-spacing:.35px}
.z-happy-hour.is-active{border-color:#e2a52e;box-shadow:0 0 25px rgba(229,163,36,.18),inset 0 0 22px rgba(226,145,26,.08);animation:zHappyGlow 2.6s ease-in-out infinite}
.z-happy-hour.is-active:after{content:"LIVE";position:absolute;right:12px;top:12px;padding:4px 7px;border:1px solid #2b7754;background:#092119;color:#74e6aa;font-size:7px;font-weight:800;letter-spacing:1px}
@keyframes zHappyGlow{50%{box-shadow:0 0 36px rgba(235,169,36,.31),inset 0 0 28px rgba(226,145,26,.12)}}
.z-weekly-bonus-days{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:10px}
.z-weekday-bonus{min-height:68px;padding:9px 7px;border:1px solid rgba(45,73,89,.74);background:rgba(3,12,19,.72);display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:2px 7px;transition:.2s ease}
.z-weekday-bonus i{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border:1px solid #38566a;background:#061722;color:#7fcff1;font-style:normal;font-size:11px;font-weight:800}
.z-weekday-bonus span{align-self:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9eb3bd;font-size:8px;font-weight:700;letter-spacing:.35px}.z-weekday-bonus b{align-self:start;color:#526f7d;font-size:7px;letter-spacing:1px}
.z-weekday-bonus.active{transform:translateY(-2px);border-color:#52bce8;background:linear-gradient(180deg,rgba(15,58,79,.56),rgba(4,19,29,.92));box-shadow:0 0 22px rgba(53,170,219,.19),inset 0 0 22px rgba(41,143,184,.08)}
.z-weekday-bonus.active i{border-color:#64c8ef;color:#c8efff;box-shadow:0 0 13px rgba(70,186,231,.2)}.z-weekday-bonus.active span{color:#d9eef7}.z-weekday-bonus.active b{color:#73c7e9}
.z-wednesday-note{position:relative;z-index:1;margin-top:10px;padding:11px 13px;display:flex;align-items:center;gap:10px;border:1px solid #5a4771;background:linear-gradient(90deg,rgba(57,27,81,.24),rgba(7,15,22,.7));color:#bfa7d6}.z-wednesday-note>span{font-size:17px;color:#c889ff}.z-wednesday-note p{margin:0;font-size:10px;line-height:1.5}

/* Preserve room for the teaser while keeping the existing hero content centered. */
.z-hero-copy.z-hero-centered{padding-top:142px}
@media(max-width:980px){
  .z-hardcore-teaser{top:18px;width:min(760px,calc(100% - 28px));padding:17px 60px 15px}.z-hardcore-title{font-size:22px}.z-hardcore-subtitle{font-size:11px}
  .z-weekly-bonus-main{grid-template-columns:1fr}.z-weekly-bonus-days{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:680px){
  .z-hardcore-teaser{top:14px;min-height:78px;padding:15px 38px 13px;clip-path:polygon(4% 0,96% 0,100% 18%,98% 80%,94% 100%,6% 100%,2% 80%,0 18%)}
  .z-hardcore-skull{width:38px;height:38px;top:-16px;font-size:21px}.z-hardcore-title{font-size:16px;line-height:1.15}.z-hardcore-subtitle{font-size:9px;margin-top:5px}.z-hardcore-teaser:before,.z-hardcore-teaser:after{width:34px}
  .z-hero-copy.z-hero-centered{padding-top:125px}
  .z-weekly-bonus-board{padding:12px}.z-weekly-bonus-copy,.z-happy-hour{min-height:96px;padding:14px}.z-weekly-bonus-copy h2{font-size:19px}.z-weekly-bonus-copy p{font-size:11px}.z-happy-hour>strong{font-size:17px}
  .z-weekly-bonus-days{grid-template-columns:1fr 1fr}.z-weekday-bonus{min-height:60px}.z-weekday-bonus:last-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.z-hardcore-teaser,.z-blood-drop,.z-happy-hour.is-active{animation:none!important}}

/* ===== ZAMES HARDCORE HERO — centered detailed art v66 ===== */
/* Keep the whole hero composition centered. Never shift the existing ZAMES copy sideways. */
.z-hero{min-height:640px}
.z-hero-inner{
  min-height:640px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding-top:18px;
  padding-bottom:18px;
  box-sizing:border-box;
}
.z-hero-copy,
.z-hero-copy.z-hero-centered{
  width:min(760px,100%);
  margin:0 auto;
  padding-top:0;
  text-align:center;
}
.z-hero-copy>p{max-width:760px;margin:18px auto 17px}
.z-dates,.z-hero-actions{justify-content:center}
.z-dates{margin-left:auto;margin-right:auto}

/* Real detailed banner artwork from the approved ZAMES Hardcore concept. */
.z-hardcore-teaser.z-hardcore-teaser-art{
  position:relative;
  top:auto;left:auto;z-index:6;
  width:min(930px,96vw);
  min-height:0;
  margin:0 auto 10px;
  padding:0;
  transform:none;
  border:0;
  background:none;
  box-shadow:none;
  clip-path:none;
  overflow:visible;
  isolation:isolate;
  animation:zHardcoreFloat 5.4s ease-in-out infinite;
}
.z-hardcore-teaser.z-hardcore-teaser-art:before,
.z-hardcore-teaser.z-hardcore-teaser-art:after,
.z-hardcore-teaser-art .z-hardcore-skull,
.z-hardcore-teaser-art .z-blood-drop{display:none!important}
.z-hardcore-frame-art{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.62)) drop-shadow(0 0 16px rgba(158,13,25,.28));
  user-select:none;
  pointer-events:none;
}
.z-hardcore-live-copy{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:54px 145px 44px;
  box-sizing:border-box;
  text-align:center;
  pointer-events:none;
}
.z-hardcore-teaser-art .z-hardcore-title{
  margin:0;
  color:#f8e8e8;
  font:600 clamp(20px,2.15vw,31px)/1.06 Georgia,"Times New Roman",serif;
  letter-spacing:.45px;
  white-space:nowrap;
  text-shadow:0 0 5px #ff1f31,0 0 17px rgba(221,19,34,.68),0 3px 10px #000;
}
.z-hardcore-teaser-art .z-hardcore-subtitle{
  margin-top:9px;
  color:#d1c6c8;
  font-size:13px;
  letter-spacing:.8px;
  text-shadow:0 2px 8px #000;
}
@keyframes zHardcoreFloat{
  0%,100%{transform:translateY(0);filter:brightness(.96)}
  50%{transform:translateY(-3px);filter:brightness(1.08)}
}

/* Center hero text and controls at every desktop width. */
.z-hero .z-eyebrow,
.z-hero h1,
.z-hero h2{margin-left:auto;margin-right:auto;text-align:center}
.z-hero-actions .z-btn{flex:0 0 220px}

@media(max-width:980px){
  .z-hero,.z-hero-inner{min-height:610px}
  .z-hardcore-teaser.z-hardcore-teaser-art{width:min(820px,98vw);margin-bottom:4px}
  .z-hardcore-live-copy{padding:46px 110px 38px}
  .z-hardcore-teaser-art .z-hardcore-title{white-space:normal;font-size:24px}
}
@media(max-width:680px){
  .z-hero,.z-hero-inner{min-height:590px}
  .z-hero-inner{padding:10px 12px 18px}
  .z-hardcore-teaser.z-hardcore-teaser-art{width:108%;max-width:none;margin-left:-4%;margin-bottom:0}
  .z-hardcore-live-copy{padding:34px 70px 28px}
  .z-hardcore-teaser-art .z-hardcore-title{font-size:15px;line-height:1.1}
  .z-hardcore-teaser-art .z-hardcore-subtitle{font-size:9px;margin-top:5px}
  .z-hero-copy,.z-hero-copy.z-hero-centered{width:100%}
  .z-hero-copy>p{font-size:13px;margin:14px auto}
  .z-dates,.z-hero-actions{width:100%}
  .z-hero-actions{gap:10px}
  .z-hero-actions .z-btn{min-width:0;flex:1 1 0;height:51px}
}
@media(prefers-reduced-motion:reduce){.z-hardcore-teaser.z-hardcore-teaser-art{animation:none!important}}


/* ===== Hardcore banner image-only fix v67 ===== */
/* Text is baked into the approved artwork. Never overlay a second HTML copy. */
.z-hardcore-teaser-art .z-hardcore-live-copy{display:none!important}
.z-hardcore-teaser.z-hardcore-teaser-art{width:min(915px,96vw);margin:0 auto 12px}
.z-hardcore-frame-art{width:100%;height:auto;object-fit:contain;object-position:center;display:block}
@media(max-width:680px){
  .z-hardcore-teaser.z-hardcore-teaser-art{width:104%;margin-left:-2%;margin-bottom:4px}
}


/* ===== Hardcore transparent banner fix v68 ===== */
.z-hardcore-teaser.z-hardcore-teaser-art{
  width:min(820px,82vw);
  margin:26px auto 22px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.z-hardcore-frame-art{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  background:transparent!important;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.68)) drop-shadow(0 0 15px rgba(182,15,28,.28));
}
@media(max-width:980px){
  .z-hardcore-teaser.z-hardcore-teaser-art{width:min(760px,90vw);margin:20px auto 18px}
}
@media(max-width:680px){
  .z-hardcore-teaser.z-hardcore-teaser-art{width:min(94vw,680px);margin:14px auto 14px}
}


/* ===== HERO BUTTONS SAFE AREA FIX v71 ===== */
/* Hardcore banner adds vertical content; reserve enough room so hero actions never slide under the rates strip. */
.z-home-v2 .z-hero{min-height:720px!important;}
.z-home-v2 .z-hero-inner{min-height:720px!important;padding-bottom:40px!important;box-sizing:border-box;}
.z-home-v2 .z-home-content-v2{margin-top:0!important;}
.z-home-v2 .z-hero-actions{position:relative;z-index:10;margin-bottom:4px;}
@media(max-width:980px){
  .z-home-v2 .z-hero,.z-home-v2 .z-hero-inner{min-height:690px!important;}
  .z-home-v2 .z-hero-inner{padding-bottom:34px!important;}
}
@media(max-width:680px){
  .z-home-v2 .z-hero,.z-home-v2 .z-hero-inner{min-height:650px!important;}
  .z-home-v2 .z-hero-inner{padding-bottom:28px!important;}
  .z-home-v2 .z-home-content-v2{margin-top:0!important;}
}

/* ===== ZAMES LAUNCH BANNER + CENTERED STATUS v73 ===== */
.z-launch-start-banner{
  width:min(1040px,92vw);
  margin:8px auto 12px;
  border:0;
  background:transparent;
  overflow:visible;
  position:relative;
  z-index:3;
  pointer-events:none;
}
.z-launch-start-banner img{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  object-fit:contain;
  filter:drop-shadow(0 13px 24px rgba(0,0,0,.72)) drop-shadow(0 0 20px rgba(20,143,255,.28));
}
.z-server-dashboard{
  width:min(980px,100%);
  margin:10px auto 0;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  justify-content:center;
}
.z-server-dashboard .z-online-card,
.z-server-dashboard .z-runtime-card{min-height:205px}
@media(max-width:980px){
  .z-launch-start-banner{width:min(900px,94vw);margin:10px auto 10px}
}
@media(max-width:760px){
  .z-server-dashboard{width:min(560px,100%);grid-template-columns:1fr!important}
  .z-launch-start-banner{width:98vw;margin:6px 50% 8px;transform:translateX(-50%)}
  .z-server-dashboard .z-online-card,.z-server-dashboard .z-runtime-card{min-height:0}
}

/* ===== ZAMES OPENING COUNTDOWN v74 ===== */
.z-home-v2 .z-hero,.z-home-v2 .z-hero-inner{min-height:540px!important}
.z-home-v2 .z-hero-inner{justify-content:center!important;padding:38px 0 46px!important}
.opening-countdown{position:relative;width:100%;max-width:1180px;margin:0 auto;padding:40px 58px 38px;overflow:hidden;isolation:isolate;text-align:center;border:1px solid rgba(104,205,255,.66);background:radial-gradient(circle at 50% 0,rgba(88,198,255,.22),transparent 42%),linear-gradient(145deg,rgba(2,17,30,.93),rgba(4,31,51,.88) 48%,rgba(1,12,24,.96));box-shadow:0 0 0 1px rgba(169,231,255,.08) inset,0 0 35px rgba(31,161,255,.22),0 24px 70px rgba(0,0,0,.55)}
.opening-countdown:before{content:"";position:absolute;inset:-55%;z-index:-2;background:conic-gradient(from 90deg,transparent 0 18%,rgba(92,208,255,.18) 23%,transparent 30% 58%,rgba(107,166,255,.15) 65%,transparent 72%);animation:openingAurora 10s linear infinite}
.opening-countdown:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(160,231,255,.45),transparent) top/100% 1px no-repeat,linear-gradient(90deg,transparent,rgba(69,177,255,.3),transparent) bottom/100% 1px no-repeat,repeating-linear-gradient(115deg,transparent 0 54px,rgba(128,217,255,.022) 55px 56px)}
.opening-kicker{display:flex;align-items:center;justify-content:center;gap:15px;color:#9edfff;font:800 11px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:4px;text-transform:uppercase}
.opening-kicker:before,.opening-kicker:after{content:"";width:92px;height:1px;background:linear-gradient(90deg,transparent,#70cfff)}
.opening-kicker:after{transform:scaleX(-1)}
.opening-countdown h1{margin:14px 0 4px;color:#effbff;font:800 clamp(34px,5vw,68px)/1 Georgia,"Times New Roman",serif;letter-spacing:5px;text-shadow:0 0 8px #fff,0 0 22px #46baff,0 0 50px rgba(25,134,255,.7)}
.opening-countdown>p{margin:0;color:#75bee5;font:700 12px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}
.opening-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:31px auto 23px;max-width:880px}
.opening-clock>div{position:relative;padding:22px 10px 18px;border:1px solid rgba(100,197,248,.54);background:linear-gradient(180deg,rgba(8,44,69,.78),rgba(2,16,29,.92));box-shadow:inset 0 0 24px rgba(58,180,255,.1),0 0 18px rgba(37,154,233,.12)}
.opening-clock>div:before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,#d5f6ff,transparent)}
.opening-clock b{display:block;color:#f5fcff;font:800 clamp(36px,5vw,64px)/.95 "Segoe UI",Arial,sans-serif;letter-spacing:2px;text-shadow:0 0 14px rgba(103,214,255,.72)}
.opening-clock small{display:block;margin-top:13px;color:#79bddd;font:800 8px/1 "Segoe UI",Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
.opening-target{display:flex;align-items:center;justify-content:center;gap:12px;color:#bfeaff;font:700 11px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
.opening-target i{width:7px;height:7px;border-radius:50%;background:#b9f3ff;box-shadow:0 0 8px #fff,0 0 20px #35baff;animation:openingPulse 1.8s ease-in-out infinite}
.opening-live{display:block;margin-top:28px;color:#baffd6;font:800 28px/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:3px;text-shadow:0 0 20px #3cff98}
.z-home-v2 .z-home-content-v2{margin-top:0!important}
.z-home-v2 .z-server-dashboard{width:100%!important;max-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
@keyframes openingAurora{to{transform:rotate(360deg)}}
@keyframes openingPulse{50%{opacity:.35;transform:scale(.65)}}
@media(max-width:760px){.z-home-v2 .z-hero,.z-home-v2 .z-hero-inner{min-height:500px!important}.opening-countdown{padding:30px 16px}.opening-clock{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:24px}.opening-countdown h1{font-size:31px;letter-spacing:2px}.opening-kicker{font-size:8px;letter-spacing:2px}.opening-kicker:before,.opening-kicker:after{width:34px}.z-home-v2 .z-server-dashboard{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.opening-countdown:before,.opening-target i{animation:none}}

/* ===== ZAMES ONLINE CELEBRATION v75 ===== */
.online-celebration{position:relative;width:100%;max-width:1180px;margin:0 auto;padding:44px 58px 40px;overflow:hidden;isolation:isolate;text-align:center;border:1px solid rgba(104,205,255,.68);background:linear-gradient(180deg,rgba(1,10,20,.3),rgba(1,12,24,.9)),radial-gradient(ellipse at 50% 28%,rgba(10,140,220,.55),transparent 68%);box-shadow:0 0 0 1px rgba(169,231,255,.08) inset,0 0 38px rgba(31,161,255,.3),0 24px 70px rgba(0,0,0,.58)}
.online-celebration:before{content:"";position:absolute;inset:-70%;z-index:-3;background:conic-gradient(from 0deg at 50% 50%,transparent 0 8%,rgba(52,190,255,.15) 10%,transparent 15% 31%,rgba(255,216,107,.13) 34%,transparent 39% 56%,rgba(52,190,255,.15) 59%,transparent 64%);animation:onlineCelebrationSpin 20s linear infinite}
.online-celebration:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,transparent 0 48%,rgba(116,231,255,.28) 50%,transparent 52%) 0 0/190px 100%,repeating-linear-gradient(0deg,transparent 0 39px,rgba(112,222,255,.025) 40px);animation:onlineCelebrationSweep 6s linear infinite}
.online-celebration-aurora{position:absolute;z-index:-1;width:82%;height:180px;left:9%;top:34px;background:radial-gradient(ellipse,rgba(35,169,255,.38),transparent 67%);filter:blur(25px);animation:onlineCelebrationBreathe 2.4s ease-in-out infinite}
.online-celebration-particles,.online-celebration-particles:before,.online-celebration-particles:after{position:absolute;inset:0;content:"";pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.7px),radial-gradient(circle,#5fe4ff 0 1.5px,transparent 2px),radial-gradient(circle,#ffd66b 0 1px,transparent 2px);background-size:87px 73px,131px 109px,173px 127px;background-position:8px 3px,52px 31px,17px 80px;animation:onlineCelebrationSparkle 3s ease-in-out infinite}.online-celebration-particles:before{transform:translateY(20px);opacity:.55;animation-delay:-1s}.online-celebration-particles:after{transform:translateY(-15px);opacity:.35;animation-delay:-2s}
.online-celebration-kicker{display:flex;align-items:center;justify-content:center;gap:15px;color:#ffd66b;font:900 11px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 14px rgba(255,210,91,.72)}.online-celebration-kicker:before,.online-celebration-kicker:after{content:"";width:92px;height:1px;background:linear-gradient(90deg,transparent,#ffd66b)}.online-celebration-kicker:after{transform:scaleX(-1)}
.online-celebration h1{margin:15px 0 0;font:900 clamp(52px,7vw,102px)/.92 Georgia,"Times New Roman",serif;letter-spacing:7px;text-transform:uppercase}.online-celebration h1 span{color:#effcff;text-shadow:0 0 3px #fff,0 0 13px #44d5ff,0 0 35px #118cff,0 0 80px #096bb8;animation:onlineCelebrationBlue 1.7s ease-in-out infinite}.online-celebration h1 em{font-style:normal;color:#ffd66b;text-shadow:0 0 3px #fff2bd,0 0 14px #ffc94f,0 0 38px #ff9f1c;animation:onlineCelebrationGold 1.7s ease-in-out infinite}
.online-celebration-status{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;color:#eefcff;font:900 16px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:3px;text-shadow:0 0 14px rgba(96,211,255,.5)}.online-celebration-status i{width:12px;height:12px;border-radius:50%;background:#73ffad;box-shadow:0 0 8px #73ffad,0 0 22px #73ffad;animation:onlineCelebrationBlink .85s steps(2) infinite}
.online-celebration>p{margin:11px 0 0;color:#b7d3e7;font:700 12px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.online-celebration-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.online-celebration-btn{padding:14px 26px;border:1px solid #4bbde7;background:linear-gradient(180deg,#1469a8,#09375f);color:#fff!important;font:900 11px/1 "Segoe UI",Arial,sans-serif;letter-spacing:1px;text-decoration:none;box-shadow:inset 0 0 14px rgba(85,223,255,.2),0 0 18px rgba(26,158,233,.38);transition:transform .18s ease,filter .18s ease}.online-celebration-btn.gold{border-color:#f4c95d;background:linear-gradient(180deg,#9e6514,#583006);box-shadow:inset 0 0 14px rgba(255,242,162,.27),0 0 18px rgba(255,189,55,.4)}.online-celebration-btn:hover{transform:translateY(-2px);filter:brightness(1.25)}
@keyframes onlineCelebrationSpin{to{transform:rotate(360deg)}}@keyframes onlineCelebrationSweep{to{background-position:190px 0,0 0}}@keyframes onlineCelebrationBreathe{50%{opacity:.55;transform:scale(1.15)}}@keyframes onlineCelebrationSparkle{0%,100%{opacity:.3}50%{opacity:1}}@keyframes onlineCelebrationBlink{50%{opacity:.25}}@keyframes onlineCelebrationBlue{50%{filter:brightness(1.28);transform:scale(1.012)}}@keyframes onlineCelebrationGold{50%{filter:brightness(1.45)}}
@media(max-width:760px){.online-celebration{padding:35px 16px}.online-celebration h1{font-size:49px;line-height:1;letter-spacing:2px}.online-celebration-kicker{font-size:8px;letter-spacing:2px}.online-celebration-kicker:before,.online-celebration-kicker:after{width:30px}.online-celebration-status{font-size:11px;letter-spacing:1px}.online-celebration-actions{flex-direction:column;align-items:stretch}.online-celebration-btn{display:block}.z-home-v2 .z-hero,.z-home-v2 .z-hero-inner{min-height:510px!important}}
@media(prefers-reduced-motion:reduce){.online-celebration:before,.online-celebration:after,.online-celebration-aurora,.online-celebration-particles,.online-celebration h1 span,.online-celebration h1 em,.online-celebration-status i{animation:none}}

/* ZAMES live redesign v76: generated ice world, persistent hero video and scroll flow. */
body{background-image:url('../img/zames-icy-world-background-v1.png')!important;background-position:center top!important;background-size:cover!important;background-attachment:fixed!important}
body:before{background:linear-gradient(180deg,rgba(0,5,12,.18),rgba(0,6,12,.68) 43%,rgba(2,7,12,.94) 100%)!important}
.z-hero-video{display:block!important;opacity:.62!important;filter:saturate(1.18) contrast(1.08);object-position:center 42%!important}
.z-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(1,8,15,.18),rgba(1,8,15,.55))}
.z-hero-inner{position:relative;z-index:3!important}
.header-online-indicator{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid #285064;background:#061724;color:#9eb9c7;font-size:8px;letter-spacing:1px;white-space:nowrap}
.header-online-indicator i{width:7px;height:7px;border-radius:50%;background:#69f2a0;box-shadow:0 0 9px #69f2a0;animation:zamesHeaderPulse 1.4s ease-in-out infinite}
.header-online-indicator b{color:#fff;font-size:12px}.header-online-indicator:hover{border-color:#54caf4;color:#fff}
@keyframes zamesHeaderPulse{50%{opacity:.42;box-shadow:0 0 3px #69f2a0}}
.z-scroll-reveal{opacity:0;transform:translate3d(0,72px,0) scale(.978);filter:blur(6px);transition:opacity .9s ease,transform 1s cubic-bezier(.16,.8,.22,1),filter .85s ease;will-change:opacity,transform,filter}
.z-scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.z-home-content-v2>section{margin-bottom:18px!important}
.z-server-dashboard{gap:18px!important}.z-dash-card{min-height:260px}
.z-faction img{filter:drop-shadow(0 0 11px rgba(66,190,245,.38))}.z-side.horde .z-faction img{filter:drop-shadow(0 0 11px rgba(224,75,50,.4))}
.z-race-model-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important}.z-race-model-card:hover{transform:translateY(-8px)!important;box-shadow:0 22px 45px #000b,0 0 25px rgba(35,174,230,.2)!important}
@media(max-width:1100px){.header-online-indicator span{display:none}.header-online-indicator{padding:0 8px}}
@media(max-width:760px){body{background-attachment:scroll!important}.z-hero-video{display:block!important}.header-online-indicator{height:31px}.header-online-indicator b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.z-scroll-reveal{opacity:1;transform:none;filter:none;transition:none}.header-online-indicator i{animation:none}}

/* Approved homepage V2 — mirrors the local redesign without losing live PHP data. */
.page-home .z-home-v2{overflow:hidden;padding-bottom:42px}
.page-home .z-hero{width:min(1180px,calc(100% - 34px))!important;min-height:580px!important;margin:70px auto 52px!important;border:1px solid rgba(61,158,200,.82);background:#03101b!important;box-shadow:0 0 55px rgba(10,157,227,.29),inset 0 0 70px rgba(11,130,188,.15);overflow:hidden}
.page-home .z-hero-art{display:none!important;background:none!important}
.page-home .z-hero-video{inset:0!important;width:100%!important;height:100%!important;opacity:.62!important;object-fit:cover!important;object-position:center 42%!important;filter:saturate(1.18) contrast(1.08)}
.page-home .z-hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 36%,rgba(9,119,181,.26),transparent 46%),linear-gradient(180deg,rgba(2,11,18,.32),rgba(2,11,21,.82))}
.page-home .z-hero:after{background:linear-gradient(180deg,rgba(1,8,15,.08),rgba(1,8,15,.28))!important}
.page-home .z-hero-inner{min-height:580px!important;padding:58px 30px!important;display:grid!important;place-items:center!important}
.page-home .online-celebration{padding:58px 30px!important;border-color:rgba(61,158,200,.72)!important;background:linear-gradient(180deg,rgba(2,14,25,.22),rgba(2,12,23,.68))!important;box-shadow:0 0 38px rgba(31,161,255,.2),inset 0 0 42px rgba(16,117,172,.1)!important}
.page-home .online-celebration h1{font-size:clamp(54px,7.1vw,102px)!important}
.page-home .z-home-content-v2{display:flex!important;flex-direction:column!important;gap:76px!important;margin-top:0!important;padding-bottom:30px}
.page-home .z-home-content-v2>section{width:100%;margin:0!important}
.page-home .z-rates-strip{order:1;background:rgba(5,19,30,.91)!important}
.page-home .z-weekly-bonus-board{order:2;background:linear-gradient(135deg,rgba(5,22,34,.96),rgba(4,14,24,.91))!important;box-shadow:0 20px 60px rgba(0,0,0,.53)}
.page-home .z-server-dashboard{order:3;gap:18px!important}
.page-home .z-world-feature-grid{order:4}
.page-home .z-home-main-grid{order:5;gap:18px!important}
.page-home .z-custom-races-section{order:6;margin-top:0!important;padding-top:54px!important;border-top:1px solid rgba(59,119,150,.28)}
.page-home .z-dash-card,.page-home .z-box,.page-home .z-world-jackpot-card{background:linear-gradient(150deg,rgba(7,27,41,.95),rgba(3,16,26,.95))!important;border-color:#214c63!important;box-shadow:0 18px 50px rgba(0,0,0,.47)}
.page-home .z-server-dashboard .z-dash-card{min-height:270px!important;padding:28px!important}
.page-home .z-faction img{width:58px!important;height:58px!important;border-radius:50%;object-fit:cover}
.page-home .z-race-faction-block{margin-top:28px!important}
.page-home .z-race-model-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}
.page-home .z-race-model-card{min-width:0!important;min-height:330px!important;border-color:#2c6683!important;background:#061725!important}
.page-home .z-race-model-card.faction-horde{border-color:#63342f!important}
.page-home .z-race-model-frame{height:255px!important}.page-home .z-race-model-frame img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
.page-home .z-race-model-copy{background:linear-gradient(180deg,rgba(2,10,17,.05),rgba(2,10,17,.98) 26%)!important}
@media(max-width:1000px){.page-home .z-race-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.page-home .z-hero{width:min(100% - 20px,1180px)!important;min-height:510px!important;margin:28px auto 36px!important}.page-home .z-hero-inner{min-height:510px!important;padding:30px 12px!important}.page-home .online-celebration{padding:38px 14px!important}.page-home .z-home-content-v2{gap:42px!important}.page-home .z-race-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-home .z-race-model-card{min-height:290px!important}.page-home .z-race-model-frame{height:218px!important}}

/* ZAMES full homepage V2 — v78 */
.z2-home{color:#e9f6ff;overflow:hidden}.z2-hero{position:relative;width:min(1180px,calc(100% - 40px));height:520px;margin:28px auto 0;border:1px solid #2d7899;background:#03111d;box-shadow:0 0 50px #009de526,inset 0 0 40px #00111e}.z2-hero video{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.z2-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#00101bd9 0%,#00101b4d 42%,#00101b91 100%),linear-gradient(0deg,#00101be8 0%,transparent 55%)}.z2-hero-box{position:absolute;inset:62px 76px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #52cfff70;background:#00111f3b;box-shadow:inset 0 0 35px #008ed126}.z2-hero-box>span,.z2-heading span,.z2-kicker,.z2-final>span,.z2-community>span{color:#ffc94f;font-size:11px;font-weight:900;letter-spacing:.22em}.z2-hero h1{margin:13px 0 4px;font-size:72px;line-height:.95;letter-spacing:.03em;text-shadow:0 0 18px #31caff}.z2-hero h1 em{color:#ffe168;font-style:normal;text-shadow:0 0 18px #ffd43b}.z2-hero b{color:#a8f2ff;letter-spacing:.13em}.z2-hero p{color:#a7bdca;letter-spacing:.12em}.z2-btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:14px 18px;margin:12px 5px 0;border:1px solid #43baf2;background:#06334d;color:#fff!important;font-size:12px;font-weight:900;letter-spacing:.08em;text-decoration:none;box-shadow:inset 0 0 18px #189fd333}.z2-btn.gold{border-color:#ffd36b;background:#765013;box-shadow:0 0 18px #ffbd3d55,inset 0 0 14px #ffcf4244}.z2-shell{width:min(1180px,calc(100% - 40px));margin:auto}.z2-rates{display:grid;grid-template-columns:repeat(6,1fr);margin:38px 0 88px;border:1px solid #285f77;background:#03111de6}.z2-rates div{padding:20px 8px;text-align:center;border-right:1px solid #204759}.z2-rates div:last-child{border:0}.z2-rates small{display:block;color:#7f9cab;font-size:9px;letter-spacing:.13em}.z2-rates strong{display:block;margin-top:7px;color:#ffd85b;font-size:18px}.z2-section{margin:0 0 96px;scroll-margin-top:90px}.z2-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.z2-heading h2{margin:5px 0 0;font:700 36px Georgia,serif;color:#fff}.z2-heading p{max-width:430px;margin:0;color:#8ca6b5;font-size:13px}.z2-daily{display:grid;grid-template-columns:2fr 1fr;border:1px solid #2b627a;background:#03111de8}.z2-daily-main,.z2-happy{padding:28px}.z2-happy{border-left:1px solid #8a661e}.z2-daily span{color:#ffc94f;font-size:10px;font-weight:900;letter-spacing:.16em}.z2-daily h3{margin:7px 0;color:#fff}.z2-daily p{margin:0;color:#93aebb}.z2-days{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #274c60}.z2-days div{padding:14px 6px;text-align:center;border-right:1px solid #203f50}.z2-days .active{background:#093c57;box-shadow:inset 0 -3px #40c9ff}.z2-days b,.z2-days span{display:block}.z2-days span{margin-top:5px;color:#8faab8;font-size:9px;letter-spacing:0}.z2-server-grid,.z2-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px}.z2-panel{padding:28px;border:1px solid #2c617a;background:#03111deb}.z2-pop{display:flex;align-items:center;justify-content:space-around;margin-top:24px;text-align:center}.z2-pop img{display:block;width:62px;height:62px;margin:auto;object-fit:contain}.z2-pop b{display:block;margin-top:7px;color:#fff;font-size:22px}.z2-pop small{color:#7e9aaa;font-size:9px;text-transform:uppercase}.z2-pop .total b{color:#4eff8f;font-size:44px}.z2-bots{text-align:center;color:#718e9e;font-size:11px}.z2-status{margin-top:18px}.z2-status div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #17394a;color:#829ba9;font-size:11px}.z2-status .on{color:#43f58a}.z2-status .off{color:#ff5b68}.z2-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.z2-feature{min-height:176px;padding:24px;border:1px solid #2a6078;background:#03121ee8;transition:.25s}.z2-feature:hover,.z2-race:hover{transform:translateY(-5px);border-color:#54cfff;box-shadow:0 12px 30px #001018}.z2-feature i{color:#ffd056;font-size:22px;font-style:normal}.z2-feature h3{margin:17px 0 9px;color:#fff}.z2-feature p{margin:0;color:#89a4b2;line-height:1.55}.z2-faction-title{margin:24px 0 12px;color:#61cfff;letter-spacing:.12em;text-transform:uppercase}.z2-faction-title.horde{color:#ff655b}.z2-races{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:25px}.z2-race{position:relative;min-height:290px;border:1px solid #2e7696;background:#06121c;overflow:hidden;transition:.25s}.z2-race.horde{border-color:#873c3b}.z2-race img{width:100%;height:290px;object-fit:cover;object-position:top center;transition:.4s}.z2-race:hover img{transform:scale(1.035)}.z2-race>div{position:absolute;left:0;right:0;bottom:0;padding:35px 14px 15px;background:linear-gradient(transparent,#020912 40%);text-align:center}.z2-race small{color:#60d5ff;text-transform:uppercase}.z2-race.horde small{color:#ff756b}.z2-race h3{margin:4px 0;color:#fff}.z2-race span{color:#8fa5b1;font-size:10px}.z2-news a{display:block;padding:15px 0;border-bottom:1px solid #173849;color:#fff;text-decoration:none}.z2-news time{color:#5bcdf9;font-size:10px}.z2-news b{display:block;margin:5px 0}.z2-news p{margin:0;color:#839ba8}.z2-community{padding:38px;border:1px solid #41528b;background:radial-gradient(circle at top,#182650,#050b17 70%);text-align:center}.z2-community h2{font:700 34px Georgia,serif}.z2-community p{color:#9babc2}.z2-final{margin:90px 0 55px;padding:52px;border:1px solid #2e7696;background:#031320dc;text-align:center}.z2-final h2{margin:8px 0;font:700 42px Georgia,serif}.z2-final p{color:#8fa7b5}.z2-reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1)}.z2-reveal.is-visible{opacity:1;transform:none}@media(max-width:850px){.z2-hero{height:440px}.z2-hero-box{inset:35px 20px}.z2-hero h1{font-size:45px}.z2-rates{grid-template-columns:repeat(3,1fr)}.z2-heading{display:block}.z2-heading p{margin-top:10px}.z2-daily,.z2-server-grid,.z2-bottom{grid-template-columns:1fr}.z2-happy{border-left:0;border-top:1px solid #8a661e}.z2-features{grid-template-columns:1fr 1fr}.z2-races{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.z2-shell,.z2-hero{width:calc(100% - 20px)}.z2-hero h1{font-size:36px}.z2-rates{grid-template-columns:repeat(2,1fr)}.z2-days{grid-template-columns:repeat(2,1fr)}.z2-features,.z2-races{grid-template-columns:1fr}.z2-heading h2{font-size:29px}}