:root{
    --bg:#050706;
    --panel:rgba(7,12,10,.82);
    --panel2:rgba(10,18,14,.92);
    --line:rgba(205,160,70,.32);
    --gold:#d6a84a;
    --gold2:#ffe19a;
    --green:#99ff38;
    --green2:#47c827;
    --red:#ff5b3f;
    --text:#f3ecd9;
    --muted:#b6ad98;
    --blue:#3ea2ff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    min-height:100vh;
    background:#040504;
    color:var(--text);
    font-family: Arial, Helvetica, sans-serif;
    overflow-x:hidden;
}
.page-bg{
    position:fixed;
    inset:0;
    background:url('../img/bg.jpg') center top / cover no-repeat fixed;
    z-index:-3;
}
.shade{
    position:fixed;
    inset:0;
    background:
        radial-gradient(circle at 50% 18%, rgba(120,255,60,.10), transparent 28%),
        radial-gradient(circle at 12% 45%, rgba(40,140,255,.14), transparent 24%),
        radial-gradient(circle at 88% 42%, rgba(255,75,35,.16), transparent 26%),
        linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.62) 48%, rgba(0,0,0,.92));
    z-index:-2;
}
body:before{
    content:"";
    position:fixed;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:64px 64px;
    mask-image:linear-gradient(to bottom, transparent, #000 15%, #000 75%, transparent);
    pointer-events:none;
    z-index:-1;
}
a{color:inherit}
.topbar{
    position:sticky;
    top:0;
    z-index:10;
    background:linear-gradient(180deg, rgba(2,4,4,.94), rgba(2,4,4,.72));
    border-bottom:1px solid rgba(214,168,74,.22);
    backdrop-filter:blur(10px);
}
.nav-wrap{
    width:min(1180px, calc(100% - 34px));
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:76px;
}
.brand-mini{
    text-decoration:none;
    color:var(--green);
    font-family: Georgia, serif;
    font-size:24px;
    letter-spacing:.5px;
    text-shadow:0 0 16px rgba(153,255,56,.55);
}
nav{display:flex;gap:10px;align-items:center}
nav a{
    text-decoration:none;
    color:#d6cfb8;
    padding:13px 16px;
    text-transform:uppercase;
    font-weight:800;
    font-size:13px;
    letter-spacing:.8px;
    border:1px solid transparent;
    transition:.2s;
}
nav a:hover, nav a.active{
    color:var(--green);
    border-color:rgba(153,255,56,.22);
    background:rgba(153,255,56,.06);
    box-shadow:0 0 22px rgba(153,255,56,.09);
}
main{
    width:min(1180px, calc(100% - 34px));
    margin:0 auto;
}
.hero{
    padding:42px 0 28px;
}
.logo{
    display:block;
    width:min(760px, 90vw);
    margin:0 auto 8px;
    filter:drop-shadow(0 18px 35px rgba(0,0,0,.8)) drop-shadow(0 0 20px rgba(153,255,56,.16));
}
.hero-grid{
    display:grid;
    grid-template-columns:1fr 330px;
    gap:22px;
    align-items:stretch;
    margin-top:8px;
}
.hero-text, .status-panel, .rank-card, .news-card, .quick-card, .promo-card{
    position:relative;
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 70%),
        var(--panel);
    border:1px solid var(--line);
    box-shadow:
        0 28px 70px rgba(0,0,0,.56),
        inset 0 0 0 1px rgba(255,255,255,.035);
}
.hero-text:before, .status-panel:before, .rank-card:before, .news-card:before, .quick-card:before, .promo-card:before{
    content:"";
    position:absolute;
    inset:7px;
    border:1px solid rgba(153,255,56,.11);
    pointer-events:none;
}
.hero-text{
    min-height:330px;
    padding:54px 56px;
    overflow:hidden;
}
.hero-text:after{
    content:"";
    position:absolute;
    right:-120px; bottom:-110px;
    width:380px; height:300px;
    background:radial-gradient(circle, rgba(153,255,56,.16), transparent 62%);
    pointer-events:none;
}
.eyebrow{
    margin:0 0 14px;
    color:var(--gold2);
    text-transform:uppercase;
    letter-spacing:2.2px;
    font-size:12px;
    font-weight:900;
}
h1{
    margin:0;
    max-width:780px;
    font-family:Georgia, 'Times New Roman', serif;
    color:#fff7d8;
    font-size:58px;
    line-height:1.02;
    text-shadow:0 3px 0 #000, 0 0 26px rgba(153,255,56,.18);
}
.lead{
    max-width:650px;
    color:#d9d1bf;
    font-size:17px;
    line-height:1.7;
    margin:22px 0 0;
}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:170px;
    padding:16px 22px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:.9px;
    font-weight:950;
    transition:.18s ease;
}
.btn.primary{
    color:#071006;
    background:linear-gradient(180deg, #c8ff62, #78d920);
    border:1px solid rgba(240,255,160,.8);
    box-shadow:0 0 30px rgba(153,255,56,.26);
}
.btn.ghost{
    color:var(--gold2);
    border:1px solid rgba(214,168,74,.55);
    background:rgba(0,0,0,.25);
}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.status-panel{
    padding:30px 28px;
}
.status-panel h2, .quick-card h2, .promo-card h2{
    margin:0 0 22px;
    font-family:Georgia, serif;
    color:var(--gold2);
    text-transform:uppercase;
    font-size:21px;
}
.status-line{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:13px 0;
    border-bottom:1px solid rgba(214,168,74,.16);
    color:#e8dfc9;
    text-transform:uppercase;
    font-size:13px;
    font-weight:800;
}
.status-line b{color:#fff}
.status-line b.ok{color:var(--green); text-shadow:0 0 12px rgba(153,255,56,.55)}
.status-line b.bad{color:var(--red)}
.factions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin:20px 0;
}
.factions div{
    padding:16px;
    border:1px solid rgba(214,168,74,.18);
    background:rgba(0,0,0,.24);
}
.factions small{
    display:block;
    color:var(--muted);
    text-transform:uppercase;
    font-size:12px;
    margin-bottom:6px;
}
.factions strong{font-size:28px;color:#fff}
.factions div:first-child strong{color:#77beff}
.factions div:last-child strong{color:#ff765f}
.realmlist{
    padding:14px;
    text-align:center;
    color:#0b1208;
    background:linear-gradient(180deg, #ffd36e, #c48a26);
    font-weight:950;
    font-size:13px;
    text-transform:uppercase;
    box-shadow:0 0 24px rgba(214,168,74,.16);
}
.content-grid{
    display:grid;
    grid-template-columns:280px 1fr 280px;
    gap:20px;
    margin:18px 0 50px;
}
.left-col,.right-col{display:flex;flex-direction:column;gap:18px}
.rank-card{padding:20px 18px}
.card-title{
    color:var(--gold2);
    font-family:Georgia, serif;
    text-transform:uppercase;
    font-weight:900;
    letter-spacing:.6px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(214,168,74,.28);
}
.rank-list{
    list-style:none;
    padding:0;
    margin:14px 0 0;
    counter-reset:item;
}
.rank-list li{
    counter-increment:item;
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:8px 0;
    font-weight:800;
}
.rank-list li span{
    color:var(--green);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.rank-list li span:before{
    content:counter(item) ". ";
    color:#fff2bd;
}
.rank-list b{color:#fff}
.news-card{padding:24px 26px}
.section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(214,168,74,.28);
    padding-bottom:16px;
    margin-bottom:22px;
}
.section-head span{
    color:var(--gold2);
    font-family:Georgia, serif;
    font-size:24px;
    text-transform:uppercase;
    font-weight:900;
}
.section-head a{
    color:var(--green);
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:900;
}
.post{padding:6px 0 22px}
.post + .post{border-top:1px solid rgba(214,168,74,.18); padding-top:22px}
.post time{
    color:var(--gold);
    font-weight:900;
    font-size:13px;
}
.post h2{
    margin:10px 0 10px;
    color:var(--green);
    font-size:24px;
    line-height:1.15;
    text-transform:uppercase;
}
.post p,.post li{
    color:#e0d8c5;
    line-height:1.6;
}
.post ul{margin:12px 0 0; padding-left:18px}
.feature-list{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.feature-list span{
    padding:10px 12px;
    background:rgba(153,255,56,.08);
    border:1px solid rgba(153,255,56,.2);
    color:#d9ffc7;
    font-weight:850;
    font-size:13px;
}
.quick-card{padding:24px}
.quick-card a{
    display:flex;
    justify-content:space-between;
    text-decoration:none;
    color:#f1dfad;
    padding:14px 0;
    border-bottom:1px solid rgba(214,168,74,.17);
    text-transform:uppercase;
    font-size:13px;
    font-weight:900;
}
.quick-card a:after{content:"›"; color:var(--green)}
.quick-card a:hover{color:var(--green)}
.promo-card{
    padding:24px;
    min-height:230px;
    background:
        linear-gradient(135deg, rgba(18,70,25,.76), rgba(80,20,12,.72)),
        var(--panel2);
    overflow:hidden;
}
.promo-card span{
    color:var(--green);
    font-weight:950;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:1.5px;
}
.promo-card p{color:#ded3bc;line-height:1.6}
footer{
    width:min(1180px, calc(100% - 34px));
    margin:0 auto;
    padding:28px 0 40px;
    display:flex;
    justify-content:space-between;
    gap:20px;
    color:#8f8778;
    border-top:1px solid rgba(214,168,74,.18);
    font-size:13px;
}
@media(max-width:1050px){
    .hero-grid,.content-grid{grid-template-columns:1fr}
    .left-col{display:grid;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
    .nav-wrap{height:auto; padding:14px 0; flex-direction:column; gap:12px}
    nav{flex-wrap:wrap; justify-content:center}
    nav a{font-size:12px; padding:10px}
    .hero{padding-top:24px}
    .hero-text{padding:34px 24px; min-height:auto}
    h1{font-size:38px}
    .lead{font-size:15px}
    .left-col{grid-template-columns:1fr}
    footer{flex-direction:column}
}


/* Register page */
.register-card{
    max-width:720px;
    margin:0 auto 50px;
}
.register-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-top:8px;
}
.register-form label{
    display:flex;
    flex-direction:column;
    gap:8px;
    color:var(--gold2);
    text-transform:uppercase;
    font-size:12px;
    font-weight:900;
    letter-spacing:.8px;
}
.register-form input{
    width:100%;
    padding:15px 16px;
    border:1px solid rgba(214,168,74,.32);
    background:rgba(0,0,0,.45);
    color:#fff;
    outline:none;
    font-size:15px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.register-form input:focus{
    border-color:rgba(153,255,56,.65);
    box-shadow:0 0 22px rgba(153,255,56,.12);
}
.register-form button{
    border:0;
    cursor:pointer;
    grid-column:1 / -1;
    width:220px;
}
.alert{
    padding:14px 16px;
    margin:0 0 20px;
    border:1px solid rgba(255,255,255,.14);
    font-weight:900;
}
.alert.success{
    color:#c9ffb5;
    background:rgba(61,180,40,.16);
    border-color:rgba(153,255,56,.32);
}
.alert.error{
    color:#ffd2cb;
    background:rgba(200,40,25,.16);
    border-color:rgba(255,91,63,.32);
}
@media(max-width:760px){
    .register-form{grid-template-columns:1fr}
    .register-form button{width:100%}
}

.news-admin-form textarea{
    min-height:190px;
    resize:vertical;
    width:100%;
    padding:15px 16px;
    border:1px solid rgba(214,168,74,.32);
    background:rgba(0,0,0,.45);
    color:#fff;
    outline:none;
    font-size:15px;
    font-family:Arial, Helvetica, sans-serif;
}
.news-admin-form .full{
    grid-column:1 / -1;
}
.news-admin-form textarea:focus{
    border-color:rgba(153,255,56,.65);
    box-shadow:0 0 22px rgba(153,255,56,.12);
}


/* Premium Register Redesign v2 */
.register-hero{
    padding-top:34px;
}
.register-layout{
    display:grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap:24px;
    align-items:stretch;
    margin:20px auto 55px;
}
.register-info{
    position:relative;
    padding:44px 42px;
    min-height:560px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:
        radial-gradient(circle at 20% 15%, rgba(153,255,56,.16), transparent 32%),
        linear-gradient(145deg, rgba(8,14,12,.88), rgba(8,8,8,.72));
    border:1px solid rgba(214,168,74,.32);
    box-shadow:0 28px 70px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.035);
}
.register-info:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.12);
    pointer-events:none;
}
.register-info h1{
    font-size:46px;
}
.register-perks{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:28px 0;
}
.register-perks span{
    padding:11px 13px;
    background:rgba(153,255,56,.08);
    border:1px solid rgba(153,255,56,.22);
    color:#d9ffc7;
    font-weight:900;
    font-size:12px;
    text-transform:uppercase;
}
.register-realmlist{
    margin-top:8px;
    text-align:left;
}
.premium-register-card{
    margin:0;
    max-width:none;
    padding:30px 32px;
}
.premium-register-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.premium-register-form label{
    background:rgba(0,0,0,.22);
    border:1px solid rgba(214,168,74,.18);
    padding:14px;
}
.premium-register-form label span{
    display:block;
    color:var(--gold2);
    text-transform:uppercase;
    font-size:12px;
    font-weight:950;
    letter-spacing:.8px;
    margin-bottom:8px;
}
.premium-register-form label small{
    display:block;
    margin-top:8px;
    color:#9f9684;
    text-transform:none;
    font-size:11px;
    font-weight:700;
    letter-spacing:0;
}
.premium-register-form input{
    width:100%;
    min-height:48px;
    padding:13px 14px;
    border:1px solid rgba(214,168,74,.35);
    background:rgba(2,4,4,.72);
    color:#fff;
    outline:none;
    font-size:15px;
}
.premium-register-form input::placeholder{
    color:#746f63;
}
.premium-register-form input:focus{
    border-color:rgba(153,255,56,.72);
    box-shadow:0 0 0 3px rgba(153,255,56,.08), 0 0 24px rgba(153,255,56,.12);
}
.captcha-box{
    grid-column:1 / -1;
}
.captcha-row{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:12px;
    align-items:center;
}
.captcha-row strong{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg, rgba(214,168,74,.22), rgba(0,0,0,.25));
    border:1px solid rgba(214,168,74,.32);
    color:#fff7d8;
    font-size:22px;
}
.register-submit{
    grid-column:1 / -1;
    border:0;
    cursor:pointer;
    width:240px;
    margin-top:4px;
}
.hp-field{
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
}
@media(max-width:980px){
    .register-layout{grid-template-columns:1fr}
    .register-info{min-height:auto}
}
@media(max-width:680px){
    .premium-register-form{grid-template-columns:1fr}
    .captcha-row{grid-template-columns:1fr}
    .register-submit{width:100%}
    .register-info{padding:30px 24px}
    .register-info h1{font-size:36px}
}


/* Armory */
.armory-card{
    max-width:1050px;
    margin:0 auto 55px;
}
.armory-search{
    display:grid;
    grid-template-columns:1fr 190px;
    gap:14px;
    margin-bottom:20px;
}
.armory-search input{
    padding:16px 18px;
    min-height:54px;
    border:1px solid rgba(214,168,74,.34);
    background:rgba(0,0,0,.48);
    color:#fff;
    font-size:16px;
    outline:none;
}
.armory-search input:focus{
    border-color:rgba(153,255,56,.72);
    box-shadow:0 0 24px rgba(153,255,56,.12);
}
.armory-search button{
    border:0;
    cursor:pointer;
    width:100%;
}
.armory-profile{
    margin-top:22px;
}
.char-header{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    padding:28px;
    background:linear-gradient(135deg, rgba(153,255,56,.08), rgba(214,168,74,.06));
    border:1px solid rgba(214,168,74,.22);
}
.char-header h1{
    font-size:48px;
}
.guild-name{
    color:var(--gold2);
    font-weight:900;
    font-size:18px;
}
.char-status{
    padding:13px 18px;
    border:1px solid rgba(255,255,255,.14);
    font-weight:950;
    letter-spacing:1px;
}
.char-status.online{
    color:var(--green);
    background:rgba(153,255,56,.08);
    border-color:rgba(153,255,56,.28);
    text-shadow:0 0 14px rgba(153,255,56,.45);
}
.char-status.offline{
    color:#aaa;
    background:rgba(255,255,255,.04);
}
.char-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin:16px 0;
}
.char-stats div{
    padding:18px;
    background:rgba(0,0,0,.32);
    border:1px solid rgba(214,168,74,.18);
}
.char-stats span{
    display:block;
    color:var(--muted);
    text-transform:uppercase;
    font-size:12px;
    font-weight:900;
    margin-bottom:8px;
}
.char-stats b{
    color:#fff;
    font-size:24px;
}
.equipment-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.equip-slot{
    min-height:94px;
    padding:14px;
    background:rgba(0,0,0,.35);
    border:1px solid rgba(214,168,74,.17);
}
.equip-slot small{
    display:block;
    color:var(--gold2);
    text-transform:uppercase;
    font-size:11px;
    font-weight:950;
    margin-bottom:8px;
}
.equip-slot strong{
    display:block;
    color:#eee;
    line-height:1.25;
}
.equip-slot em{
    display:block;
    color:#9c9484;
    margin-top:6px;
    font-size:12px;
}
.empty-item{
    color:#777 !important;
}
.quality-2 strong{color:#1eff00;}
.quality-3 strong{color:#0070dd;}
.quality-4 strong{color:#a335ee;}
.quality-5 strong{color:#ff8000;}
@media(max-width:850px){
    .armory-search{grid-template-columns:1fr}
    .char-header{flex-direction:column; align-items:flex-start}
    .char-stats{grid-template-columns:1fr 1fr}
    .equipment-grid{grid-template-columns:1fr}
}


/* Armory v2 - WoW style character center */
.armory-wow-card{
    max-width:1180px;
}
.wow-char-header{
    margin-bottom:16px;
}
.wow-equipment-layout{
    display:grid;
    grid-template-columns:330px 1fr 330px;
    gap:18px;
    align-items:stretch;
    margin-top:18px;
}
.wow-equipment-col{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.wow-slot{
    display:grid;
    grid-template-columns:54px 1fr;
    gap:12px;
    align-items:center;
    min-height:70px;
    padding:9px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), transparent),
        rgba(0,0,0,.42);
    border:1px solid rgba(214,168,74,.22);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.wow-slot:hover{
    border-color:rgba(153,255,56,.45);
    box-shadow:0 0 22px rgba(153,255,56,.08);
}
.slot-icon{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(214,168,74,.35);
    background:
        radial-gradient(circle at 50% 35%, rgba(153,255,56,.12), transparent 60%),
        linear-gradient(135deg, rgba(28,36,30,.9), rgba(5,7,6,.95));
    color:var(--gold2);
    font-size:22px;
}
.slot-text small{
    display:block;
    color:var(--gold2);
    text-transform:uppercase;
    font-size:10px;
    font-weight:950;
    letter-spacing:.7px;
    margin-bottom:5px;
}
.slot-text strong{
    display:block;
    color:#eee;
    font-size:13px;
    line-height:1.2;
}
.slot-text em{
    display:block;
    color:#9c9484;
    font-size:11px;
    margin-top:4px;
}
.wow-character-center{
    position:relative;
    min-height:720px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 50% 43%, rgba(153,255,56,.14), transparent 36%),
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.48));
    border:1px solid rgba(214,168,74,.24);
    overflow:hidden;
}
.wow-character-center:before{
    content:"";
    position:absolute;
    inset:14px;
    border:1px solid rgba(153,255,56,.11);
    pointer-events:none;
}
.wow-character-center.faction-alliance{
    background:
        radial-gradient(circle at 50% 43%, rgba(62,162,255,.22), transparent 38%),
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.48));
}
.wow-character-center.faction-horde{
    background:
        radial-gradient(circle at 50% 43%, rgba(255,91,63,.20), transparent 38%),
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.48));
}
.character-glow{
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(153,255,56,.12), transparent 65%);
    filter:blur(12px);
}
.character-frame{
    position:relative;
    width:320px;
    height:520px;
    border-radius:44% 44% 10% 10%;
    background:
        radial-gradient(circle at 50% 20%, rgba(255,255,255,.08), transparent 28%),
        linear-gradient(180deg, rgba(214,168,74,.10), rgba(0,0,0,.08));
    border:1px solid rgba(214,168,74,.24);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 30px 70px rgba(0,0,0,.45), inset 0 0 60px rgba(0,0,0,.35);
}
.character-silhouette{
    position:relative;
    width:210px;
    height:430px;
    filter:drop-shadow(0 0 22px rgba(153,255,56,.20));
}
.character-silhouette .head{
    position:absolute;
    left:77px;
    top:18px;
    width:58px;
    height:68px;
    border-radius:45% 45% 38% 38%;
    background:linear-gradient(180deg, #2e352d, #080a08);
    border:1px solid rgba(214,168,74,.25);
}
.character-silhouette .body{
    position:absolute;
    left:54px;
    top:92px;
    width:104px;
    height:168px;
    border-radius:28px 28px 18px 18px;
    background:linear-gradient(180deg, #34412f, #0a0d0a);
    border:1px solid rgba(214,168,74,.25);
}
.character-silhouette .arm{
    position:absolute;
    top:110px;
    width:42px;
    height:172px;
    background:linear-gradient(180deg, #242c24, #070807);
    border:1px solid rgba(214,168,74,.18);
}
.character-silhouette .arm.left{
    left:16px;
    transform:rotate(13deg);
    border-radius:22px 12px 18px 18px;
}
.character-silhouette .arm.right{
    right:16px;
    transform:rotate(-13deg);
    border-radius:12px 22px 18px 18px;
}
.character-silhouette .leg{
    position:absolute;
    top:254px;
    width:45px;
    height:162px;
    background:linear-gradient(180deg, #202820, #060706);
    border:1px solid rgba(214,168,74,.16);
}
.character-silhouette .leg.left{
    left:56px;
    transform:rotate(4deg);
    border-radius:15px 15px 24px 24px;
}
.character-silhouette .leg.right{
    right:56px;
    transform:rotate(-4deg);
    border-radius:15px 15px 24px 24px;
}
.character-silhouette .weapon{
    position:absolute;
    right:-14px;
    top:110px;
    width:12px;
    height:260px;
    background:linear-gradient(180deg, #e2c678, #5b4318);
    transform:rotate(-24deg);
    box-shadow:0 0 18px rgba(214,168,74,.25);
}
.character-silhouette .weapon:before{
    content:"";
    position:absolute;
    left:-26px;
    top:-18px;
    width:64px;
    height:38px;
    background:linear-gradient(135deg, #d7d7d7, #6c6c6c);
    clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.center-name{
    position:relative;
    margin-top:22px;
    color:#fff7d8;
    font-family:Georgia, serif;
    font-size:30px;
    font-weight:950;
    text-shadow:0 0 18px rgba(153,255,56,.18);
}
.center-subtitle{
    position:relative;
    color:var(--gold2);
    margin-top:6px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:12px;
}
.empty-slot .slot-icon{
    opacity:.45;
}
.quality-0 .slot-icon{border-color:#777;}
.quality-1 .slot-icon{border-color:#eee;}
.quality-2 .slot-icon{border-color:#1eff00;}
.quality-3 .slot-icon{border-color:#0070dd;}
.quality-4 .slot-icon{border-color:#a335ee;}
.quality-5 .slot-icon{border-color:#ff8000;}
.quality-2 strong{color:#1eff00;}
.quality-3 strong{color:#57a8ff;}
.quality-4 strong{color:#c069ff;}
.quality-5 strong{color:#ff9d35;}
@media(max-width:1120px){
    .wow-equipment-layout{
        grid-template-columns:1fr;
    }
    .wow-character-center{
        min-height:520px;
        order:-1;
    }
    .character-frame{
        width:270px;
        height:420px;
    }
    .character-silhouette{
        transform:scale(.78);
    }
}


/* Armory item tooltips v3 */
.wow-slot{
    position:relative;
}
.item-tooltip{
    display:none;
    position:absolute;
    left:72px;
    top:10px;
    z-index:9999;
    width:310px;
    padding:14px 15px;
    background:
        linear-gradient(180deg, rgba(18,18,24,.98), rgba(4,4,8,.98));
    border:1px solid rgba(214,168,74,.42);
    box-shadow:0 18px 45px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.04);
    pointer-events:none;
    text-align:left;
}
.wow-equipment-col:last-child .item-tooltip{
    left:auto;
    right:72px;
}
.wow-slot:hover .item-tooltip{
    display:block;
}
.tt-name{
    font-size:16px;
    font-weight:950;
    line-height:1.25;
    margin-bottom:8px;
}
.item-tooltip.quality-0 .tt-name{color:#9d9d9d;}
.item-tooltip.quality-1 .tt-name{color:#ffffff;}
.item-tooltip.quality-2 .tt-name{color:#1eff00;}
.item-tooltip.quality-3 .tt-name{color:#0070dd;}
.item-tooltip.quality-4 .tt-name{color:#a335ee;}
.item-tooltip.quality-5 .tt-name{color:#ff8000;}
.item-tooltip.quality-6 .tt-name{color:#e6cc80;}
.tt-line{
    color:#f2e8d2;
    font-size:13px;
    line-height:1.45;
    margin:3px 0;
}
.tt-line.muted{
    color:#aaa394;
}
.tt-line.stat{
    color:#ffffff;
}
.tt-line.equip{
    color:#7dff6b;
}
.tt-line.socket{
    color:#ffd36e;
}
@media(max-width:1120px){
    .item-tooltip,
    .wow-equipment-col:last-child .item-tooltip{
        left:68px;
        right:auto;
        width:280px;
    }
}
@media(max-width:600px){
    .item-tooltip,
    .wow-equipment-col:last-child .item-tooltip{
        position:static;
        display:block;
        width:auto;
        margin-top:10px;
    }
}


/* Online players page */
.online-card{max-width:1180px;margin:0 auto 55px;}
.online-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;}
.online-summary div{padding:18px;background:rgba(0,0,0,.34);border:1px solid rgba(214,168,74,.22);}
.online-summary span{display:block;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900;margin-bottom:8px;}
.online-summary b{color:var(--green);font-size:30px;}
.alliance-count{color:#69b7ff!important}.horde-count{color:#ff765f!important}
.online-table-wrap{overflow-x:auto;border:1px solid rgba(214,168,74,.22);background:rgba(0,0,0,.25);}
.online-table{width:100%;border-collapse:collapse;min-width:880px;}
.online-table th{text-align:left;padding:15px 14px;color:var(--gold2);text-transform:uppercase;font-size:12px;letter-spacing:.7px;border-bottom:1px solid rgba(214,168,74,.28);background:rgba(0,0,0,.28);}
.online-table td{padding:14px;border-bottom:1px solid rgba(214,168,74,.11);color:#e8dfc9;font-weight:700;}
.online-table tr:hover td{background:rgba(153,255,56,.055);}
.player-name{color:var(--green);text-decoration:none;font-weight:950;}
.player-name:hover{text-shadow:0 0 14px rgba(153,255,56,.55);}
.faction-alliance-text{color:#69b7ff!important;font-weight:950;}
.faction-horde-text{color:#ff765f!important;font-weight:950;}
@media(max-width:760px){.online-summary{grid-template-columns:1fr}}


/* Blizzard-style How to Connect */
.connect-hero{padding-top:34px;}
.connect-banner{
    position:relative;
    padding:54px 58px;
    margin:18px auto 24px;
    background:
        radial-gradient(circle at 18% 20%, rgba(153,255,56,.15), transparent 32%),
        radial-gradient(circle at 84% 10%, rgba(214,168,74,.18), transparent 34%),
        linear-gradient(135deg, rgba(8,13,11,.92), rgba(16,11,7,.84));
    border:1px solid rgba(214,168,74,.34);
    box-shadow:0 30px 80px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.04);
    overflow:hidden;
}
.connect-banner:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.11);
    pointer-events:none;
}
.connect-banner h1{font-size:52px;}
.connect-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-bottom:24px;
}
.connect-step{
    position:relative;
    min-height:250px;
    padding:32px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 65%),
        rgba(7,12,10,.84);
    border:1px solid rgba(214,168,74,.28);
    box-shadow:0 24px 60px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.03);
    overflow:hidden;
}
.connect-step:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.09);
    pointer-events:none;
}
.connect-step.wide{grid-column:1 / -1;}
.step-number{
    position:absolute;
    right:22px;
    top:16px;
    font-family:Georgia,serif;
    font-size:56px;
    font-weight:950;
    color:rgba(214,168,74,.18);
}
.connect-step h2{
    margin:0 0 14px;
    color:var(--gold2);
    font-family:Georgia,serif;
    text-transform:uppercase;
    font-size:26px;
}
.connect-step p{
    color:#ded6c3;
    line-height:1.65;
    max-width:780px;
}
.step-link{
    display:inline-block;
    margin-top:16px;
    color:var(--green);
    text-decoration:none;
    text-transform:uppercase;
    font-weight:950;
}
.mini-note{
    display:inline-block;
    margin-top:14px;
    padding:12px 14px;
    color:#f4e7c4;
    background:rgba(0,0,0,.35);
    border:1px solid rgba(214,168,74,.22);
}
.path-box,.realmlist-copy{
    padding:18px 20px;
    margin:12px 0;
    background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.34));
    border:1px solid rgba(214,168,74,.32);
    color:#fff7d8;
    font-family:Consolas, Monaco, monospace;
    font-size:18px;
    box-shadow:inset 0 0 25px rgba(0,0,0,.35);
}
.realmlist-copy{
    color:var(--green);
    font-weight:950;
    text-shadow:0 0 14px rgba(153,255,56,.35);
}
.copy-btn{
    border:0;
    cursor:pointer;
    margin:8px 0 18px;
}
.trouble-box{
    padding:18px;
    margin-top:8px;
    background:rgba(214,168,74,.07);
    border:1px solid rgba(214,168,74,.22);
}
.trouble-box h3,.faq-grid h3{
    margin:0 0 8px;
    color:var(--green);
    text-transform:uppercase;
    font-size:15px;
}
.trouble-box p{margin:0;}
.troubleshoot-card{
    max-width:none;
    margin:0 auto 55px;
}
.faq-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.faq-grid div{
    padding:18px;
    background:rgba(0,0,0,.28);
    border:1px solid rgba(214,168,74,.16);
}
.faq-grid p{
    color:#ded6c3;
    line-height:1.55;
    margin:0;
}
@media(max-width:850px){
    .connect-grid,.faq-grid{grid-template-columns:1fr}
    .connect-step.wide{grid-column:auto}
    .connect-banner{padding:36px 24px}
    .connect-banner h1{font-size:38px}
}


/* Premium status colours */
.status-panel .status-line{
    padding:13px 14px;
    margin-bottom:9px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.20));
    border:1px solid rgba(214,168,74,.18);
}
.status-panel .status-line span{
    color:#d6a84a;
    font-weight:950;
    letter-spacing:.6px;
}
.status-panel .status-line b{
    color:#9dff38;
    font-weight:950;
    text-shadow:0 0 8px rgba(157,255,56,.55), 0 0 20px rgba(157,255,56,.20);
}
.status-panel .uptime-line b{
    color:#7dffb1;
}
.status-panel .arena-line b{
    color:#ffe19a;
    text-shadow:0 0 8px rgba(255,225,154,.42), 0 0 20px rgba(214,168,74,.22);
}

/* Premium Rankings */
.rankings-hero{padding-top:34px;}
.rankings-banner{margin-bottom:22px;}
.rankings-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-bottom:55px;
}
.ranking-board{
    position:relative;
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 70%),
        rgba(7,12,10,.86);
    border:1px solid rgba(214,168,74,.30);
    box-shadow:0 28px 70px rgba(0,0,0,.52), inset 0 0 0 1px rgba(255,255,255,.035);
    overflow:hidden;
}
.ranking-board:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.09);
    pointer-events:none;
}
.featured-ranking{
    grid-column:1 / -1;
    background:
        radial-gradient(circle at 15% 0%, rgba(153,255,56,.12), transparent 32%),
        radial-gradient(circle at 90% 10%, rgba(214,168,74,.16), transparent 34%),
        rgba(7,12,10,.88);
}
.ranking-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px 24px;
    border-bottom:1px solid rgba(214,168,74,.26);
}
.ranking-head h2{
    margin:0;
    color:var(--gold2);
    font-family:Georgia,serif;
    text-transform:uppercase;
    font-size:24px;
}
.ranking-head span{
    color:var(--green);
    text-transform:uppercase;
    font-size:12px;
    font-weight:950;
    letter-spacing:1px;
}
.ranking-table{
    width:100%;
    border-collapse:collapse;
}
.ranking-table th{
    text-align:left;
    padding:14px 16px;
    color:#c9b986;
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:.7px;
    background:rgba(0,0,0,.24);
    border-bottom:1px solid rgba(214,168,74,.18);
}
.ranking-table td{
    padding:14px 16px;
    color:#eee4ce;
    border-bottom:1px solid rgba(214,168,74,.10);
    font-weight:750;
}
.ranking-table tr:hover td{
    background:rgba(153,255,56,.055);
}
.rank-no{
    color:var(--gold2) !important;
    font-weight:950 !important;
    width:50px;
}
.rank-value{
    color:var(--green) !important;
    font-weight:950 !important;
    text-shadow:0 0 10px rgba(153,255,56,.25);
}
.arena-rating{
    color:#ffe19a !important;
    text-shadow:0 0 10px rgba(214,168,74,.3);
}
.arena-team-name{
    color:#fff7d8;
    font-weight:950;
}
.empty-ranking{
    padding:24px;
    color:#d7cab5;
}
@media(max-width:980px){
    .rankings-grid{grid-template-columns:1fr}
    .featured-ranking{grid-column:auto}
    .ranking-board{overflow-x:auto}
    .ranking-table{min-width:760px}
}


/* Old armory image assets + better status refresh styling */
.slot-icon img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.slot-icon.icon-missing:after{
    content:"★";
    color:var(--gold2);
    font-size:22px;
}
.status-updated{
    color:#9d9686;
    font-size:11px;
    text-align:center;
    text-transform:uppercase;
    font-weight:850;
    margin:14px 0 10px;
    letter-spacing:.5px;
}
.status-updated span{
    color:#9dff38;
}
.status-panel .status-line b{
    transition:.25s ease;
}
.status-panel .status-line b.ok{
    color:#9dff38;
    text-shadow:0 0 8px rgba(157,255,56,.55), 0 0 20px rgba(157,255,56,.20);
}
.status-panel .status-line b.bad{
    color:#ff5b3f;
    text-shadow:0 0 8px rgba(255,91,63,.45);
}


/* Clean dropdown menu for Database section */
.nav-dropdown{
    position:relative;
    display:inline-flex;
    align-items:center;
}
.nav-dropdown button{
    color:#d6cfb8;
    padding:13px 16px;
    text-transform:uppercase;
    font-weight:800;
    font-size:13px;
    letter-spacing:.8px;
    border:1px solid transparent;
    background:transparent;
    cursor:pointer;
    font-family:inherit;
}
.nav-dropdown button:hover{
    color:var(--green);
    border-color:rgba(153,255,56,.22);
    background:rgba(153,255,56,.06);
}
.dropdown-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:210px;
    background:rgba(5,8,7,.96);
    border:1px solid rgba(214,168,74,.32);
    box-shadow:0 20px 50px rgba(0,0,0,.65);
    padding:8px;
    z-index:999;
}
.nav-dropdown:hover .dropdown-menu{
    display:block;
}
.dropdown-menu a{
    display:block;
    padding:12px 13px;
    color:#f0e4c4;
    text-decoration:none;
    white-space:nowrap;
    border:1px solid transparent;
}
.dropdown-menu a:hover{
    color:var(--green);
    background:rgba(153,255,56,.08);
    border-color:rgba(153,255,56,.16);
}

/* Info hub / Database pages */
.info-hero{padding-top:34px;}
.info-banner{margin-bottom:22px;}
.info-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-bottom:55px;
}
.info-link-card{
    position:relative;
    min-height:210px;
    padding:28px;
    text-decoration:none;
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 70%),
        rgba(7,12,10,.86);
    border:1px solid rgba(214,168,74,.28);
    box-shadow:0 24px 60px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.035);
    overflow:hidden;
}
.info-link-card:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.09);
    pointer-events:none;
}
.info-link-card span{
    position:absolute;
    right:22px;
    top:16px;
    font-family:Georgia,serif;
    font-size:46px;
    font-weight:950;
    color:rgba(214,168,74,.18);
}
.info-link-card h2{
    margin:0 0 12px;
    color:var(--gold2);
    font-family:Georgia,serif;
    text-transform:uppercase;
    font-size:24px;
}
.info-link-card p{
    color:#ded6c3;
    line-height:1.6;
}
.info-link-card:hover{
    transform:translateY(-2px);
    border-color:rgba(153,255,56,.42);
}
.info-link-card:hover h2{
    color:var(--green);
}
.gm-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-bottom:24px;
}
.gm-card{
    position:relative;
    padding:30px;
    text-align:center;
    background:rgba(7,12,10,.86);
    border:1px solid rgba(214,168,74,.28);
    box-shadow:0 24px 60px rgba(0,0,0,.48);
}
.gm-card.owner{
    border-color:rgba(153,255,56,.36);
}
.gm-avatar{
    width:86px;
    height:86px;
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:radial-gradient(circle, rgba(153,255,56,.22), rgba(0,0,0,.35));
    border:1px solid rgba(214,168,74,.38);
    color:var(--green);
    font-weight:950;
    font-size:24px;
    text-shadow:0 0 16px rgba(153,255,56,.45);
}
.gm-card h2{
    margin:0 0 8px;
    color:#fff7d8;
    font-family:Georgia,serif;
    font-size:28px;
}
.gm-card span{
    color:var(--gold2);
    text-transform:uppercase;
    font-size:12px;
    font-weight:950;
}
.gm-card p{
    color:#ded6c3;
    line-height:1.55;
}
.info-note{
    max-width:none;
    margin-bottom:55px;
}
@media(max-width:980px){
    .info-grid,.gm-grid{grid-template-columns:1fr}
    .nav-dropdown{width:auto}
}
@media(max-width:760px){
    .dropdown-menu{
        left:50%;
        transform:translateX(-50%);
    }
}


/* Dynamic GM Team */
.gm-banner{
    background:
        radial-gradient(circle at 12% 15%, rgba(153,255,56,.12), transparent 30%),
        radial-gradient(circle at 90% 5%, rgba(214,168,74,.14), transparent 35%),
        linear-gradient(135deg, rgba(8,13,11,.92), rgba(16,11,7,.84));
}

.dynamic-gm-grid{
    margin-bottom:30px;
}

.gm-card{
    overflow:hidden;
}

.gm-card:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.07);
    pointer-events:none;
}

.gm-card.owner{
    border-color:rgba(153,255,56,.42);
    box-shadow:
        0 24px 70px rgba(0,0,0,.55),
        0 0 40px rgba(153,255,56,.08);
}

.gm-card.head-gm{
    border-color:rgba(214,168,74,.36);
}

.gm-card.senior-gm{
    border-color:rgba(120,180,255,.34);
}

.gm-level-box{
    margin:16px auto 18px;
    display:inline-block;
    padding:10px 16px;
    border:1px solid rgba(214,168,74,.24);
    background:rgba(0,0,0,.32);
    color:#ffe19a;
    font-size:12px;
    font-weight:950;
    letter-spacing:1px;
    text-transform:uppercase;
}

.gm-card.owner .gm-avatar{
    color:#9dff38;
    box-shadow:0 0 30px rgba(153,255,56,.12);
}

.gm-card.head-gm .gm-avatar{
    color:#ffe19a;
}

.gm-card.senior-gm .gm-avatar{
    color:#9fd3ff;
}

.gm-card:hover{
    transform:translateY(-4px);
    transition:.22s ease;
}


/* GM Team v2 - character based premium cards */
.gm-banner-v2{
    background:
        radial-gradient(circle at 15% 20%, rgba(153,255,56,.14), transparent 32%),
        radial-gradient(circle at 82% 18%, rgba(214,168,74,.18), transparent 34%),
        linear-gradient(135deg, rgba(8,13,11,.92), rgba(18,10,6,.86));
}
.gm-team-showcase{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
    margin-bottom:30px;
}
.gm-profile-card{
    position:relative;
    min-height:520px;
    overflow:hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), transparent 55%),
        rgba(7,12,10,.88);
    border:1px solid rgba(214,168,74,.30);
    box-shadow:0 28px 75px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.035);
}
.gm-profile-card:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.09);
    pointer-events:none;
    z-index:5;
}
.gm-profile-card.gm-owner{
    border-color:rgba(153,255,56,.46);
    box-shadow:0 28px 80px rgba(0,0,0,.62), 0 0 42px rgba(153,255,56,.10);
}
.gm-profile-card.gm-head{
    border-color:rgba(255,225,154,.42);
}
.gm-profile-card.gm-senior{
    border-color:rgba(105,183,255,.36);
}
.gm-rank-ribbon{
    position:absolute;
    top:20px;
    right:-42px;
    z-index:6;
    width:180px;
    padding:10px 0;
    transform:rotate(38deg);
    text-align:center;
    background:linear-gradient(180deg, #d6a84a, #8d5c18);
    color:#080b07;
    font-weight:950;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.gm-owner .gm-rank-ribbon{
    background:linear-gradient(180deg, #caff6c, #6ec51f);
}
.gm-art-panel{
    position:relative;
    height:285px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 45%, rgba(153,255,56,.18), transparent 36%),
        linear-gradient(135deg, rgba(16,36,20,.80), rgba(4,6,5,.95));
    border-bottom:1px solid rgba(214,168,74,.22);
}
.gm-art-panel.faction-alliance{
    background:
        radial-gradient(circle at 50% 45%, rgba(105,183,255,.22), transparent 36%),
        linear-gradient(135deg, rgba(14,26,54,.82), rgba(4,6,8,.95));
}
.gm-art-panel.faction-horde{
    background:
        radial-gradient(circle at 50% 45%, rgba(255,91,63,.20), transparent 36%),
        linear-gradient(135deg, rgba(58,14,10,.82), rgba(5,4,4,.95));
}
.gm-magic-circle{
    position:absolute;
    left:50%;
    top:50%;
    width:260px;
    height:260px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    border:1px solid rgba(214,168,74,.28);
    box-shadow:inset 0 0 40px rgba(214,168,74,.08), 0 0 34px rgba(153,255,56,.10);
}
.gm-magic-circle:before,
.gm-magic-circle:after{
    content:"";
    position:absolute;
    inset:28px;
    border-radius:50%;
    border:1px dashed rgba(153,255,56,.20);
}
.gm-magic-circle:after{
    inset:58px;
    border-color:rgba(214,168,74,.25);
}
.gm-character-art{
    position:absolute;
    left:50%;
    bottom:-8px;
    width:210px;
    height:260px;
    transform:translateX(-50%);
    filter:drop-shadow(0 0 24px rgba(153,255,56,.18));
}
.gm-head{
    position:absolute;
    left:78px;
    top:14px;
    width:54px;
    height:62px;
    border-radius:48% 48% 38% 38%;
    background:linear-gradient(180deg, #384332, #070907);
    border:1px solid rgba(214,168,74,.28);
}
.gm-body{
    position:absolute;
    left:54px;
    top:76px;
    width:104px;
    height:136px;
    border-radius:26px 26px 10px 10px;
    background:linear-gradient(180deg, #36422e, #080a08);
    border:1px solid rgba(214,168,74,.25);
}
.gm-shoulder{
    position:absolute;
    top:86px;
    width:58px;
    height:44px;
    background:linear-gradient(180deg, #5b4a22, #17120a);
    border:1px solid rgba(214,168,74,.28);
}
.gm-shoulder.left{
    left:22px;
    border-radius:40px 8px 22px 12px;
    transform:rotate(-18deg);
}
.gm-shoulder.right{
    right:22px;
    border-radius:8px 40px 12px 22px;
    transform:rotate(18deg);
}
.gm-weapon{
    position:absolute;
    right:22px;
    top:40px;
    width:10px;
    height:205px;
    transform:rotate(-24deg);
    background:linear-gradient(180deg, #eee2ad, #6d4b17);
    box-shadow:0 0 18px rgba(214,168,74,.22);
}
.gm-weapon:before{
    content:"";
    position:absolute;
    left:-28px;
    top:-20px;
    width:66px;
    height:42px;
    background:linear-gradient(135deg, #e8e8e8, #777);
    clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.gm-profile-content{
    padding:26px 28px 30px;
}
.gm-profile-content h2{
    margin:0;
    color:#fff7d8;
    font-family:Georgia,serif;
    font-size:34px;
    line-height:1.05;
    text-shadow:0 0 18px rgba(153,255,56,.14);
}
.gm-role{
    margin-top:10px;
    color:var(--gold2);
    text-transform:uppercase;
    font-size:13px;
    font-weight:950;
    letter-spacing:1px;
}
.gm-meta-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:22px 0;
}
.gm-meta-grid div{
    padding:13px;
    background:rgba(0,0,0,.32);
    border:1px solid rgba(214,168,74,.18);
}
.gm-meta-grid span{
    display:block;
    color:#9f9684;
    text-transform:uppercase;
    font-size:10px;
    font-weight:950;
    margin-bottom:6px;
}
.gm-meta-grid b{
    color:#fff;
    font-size:13px;
}
.gm-online{
    color:#9dff38 !important;
    text-shadow:0 0 10px rgba(153,255,56,.4);
}
.gm-offline{
    color:#aaa !important;
}
.gm-armory-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 18px;
    text-decoration:none;
    color:#071006;
    background:linear-gradient(180deg, #c8ff62, #78d920);
    border:1px solid rgba(240,255,160,.8);
    font-weight:950;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:.8px;
}
.gm-armory-link:hover{
    filter:brightness(1.08);
    transform:translateY(-1px);
}
.gm-class-mage .gm-body,
.gm-class-priest .gm-body,
.gm-class-warlock .gm-body{
    background:linear-gradient(180deg, #263b58, #090b12);
}
.gm-class-paladin .gm-body,
.gm-class-warrior .gm-body{
    background:linear-gradient(180deg, #50462b, #0b0906);
}
.gm-class-rogue .gm-body,
.gm-class-hunter .gm-body{
    background:linear-gradient(180deg, #314024, #080a06);
}
.gm-class-druid .gm-body,
.gm-class-shaman .gm-body{
    background:linear-gradient(180deg, #315044, #070c0a);
}
@media(max-width:1050px){
    .gm-team-showcase{grid-template-columns:1fr}
}
@media(max-width:620px){
    .gm-meta-grid{grid-template-columns:1fr}
    .gm-profile-content h2{font-size:28px}
}


/* GM Team v3 custom artwork + last login */
.gm-art-panel{
    height:300px;
}
.gm-custom-art{
    position:absolute;
    left:50%;
    bottom:-12px;
    width:92%;
    max-width:500px;
    transform:translateX(-50%);
    filter:drop-shadow(0 0 28px rgba(153,255,56,.22));
    z-index:2;
}
.gm-profile-card.gm-owner .gm-custom-art{
    filter:drop-shadow(0 0 34px rgba(153,255,56,.30));
}
.gm-meta-grid{
    grid-template-columns:1fr 1fr;
}
.gm-meta-grid .gm-last-login{
    grid-column:1 / -1;
}
.gm-meta-grid .gm-last-login b{
    color:#ffe19a;
    font-size:15px;
}
.gm-armory-link{
    display:none !important;
}
.gm-character-art,
.gm-head,
.gm-body,
.gm-shoulder,
.gm-weapon{
    display:none !important;
}


/* Final real armory item icons */
.slot-icon{
    overflow:hidden;
}
.slot-icon img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.slot-icon.icon-missing:after{
    content:"★";
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:var(--gold2);
    font-size:22px;
}
.wow-slot.quality-2 .slot-icon{box-shadow:0 0 14px rgba(30,255,0,.18);}
.wow-slot.quality-3 .slot-icon{box-shadow:0 0 14px rgba(0,112,221,.22);}
.wow-slot.quality-4 .slot-icon{box-shadow:0 0 18px rgba(163,53,238,.28);}
.wow-slot.quality-5 .slot-icon{box-shadow:0 0 20px rgba(255,128,0,.30);}




/* Epic GM Team daily artwork rotation */
.gm-epic-page{
    padding-top:34px;
}
.gm-epic-banner{
    position:relative;
    min-height:330px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:54px 58px;
    margin:18px auto 24px;
    background:
        radial-gradient(circle at 72% 40%, rgba(153,255,56,.12), transparent 34%),
        radial-gradient(circle at 20% 30%, rgba(214,168,74,.16), transparent 35%),
        linear-gradient(135deg, rgba(8,13,11,.92), rgba(16,11,7,.86));
    border:1px solid rgba(214,168,74,.34);
    box-shadow:0 30px 80px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.04);
    overflow:hidden;
}
.gm-epic-banner:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.11);
    pointer-events:none;
}
.gm-epic-banner:after{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-160px;
    width:560px;
    height:430px;
    background:radial-gradient(circle, rgba(153,255,56,.15), transparent 64%);
    pointer-events:none;
}
.gm-epic-banner h1{
    font-size:60px;
}
.gm-rotation-note{
    position:relative;
    min-width:230px;
    padding:20px 22px;
    border:1px solid rgba(214,168,74,.28);
    background:rgba(0,0,0,.28);
}
.gm-rotation-note span{
    display:block;
    color:#9f9684;
    text-transform:uppercase;
    font-size:11px;
    font-weight:950;
    margin-bottom:8px;
}
.gm-rotation-note b{
    color:#9dff38;
    font-size:20px;
    text-shadow:0 0 14px rgba(153,255,56,.32);
}
.gm-epic-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
    margin-bottom:55px;
}
.gm-epic-card{
    position:relative;
    overflow:hidden;
    background:rgba(7,12,10,.90);
    border:1px solid rgba(214,168,74,.30);
    box-shadow:0 28px 75px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.035);
}
.gm-epic-card:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.09);
    pointer-events:none;
    z-index:4;
}
.gm-epic-card.gm-owner{
    border-color:rgba(153,255,56,.48);
    box-shadow:0 28px 80px rgba(0,0,0,.62), 0 0 42px rgba(153,255,56,.12);
}
.gm-epic-card.gm-head{
    border-color:rgba(255,225,154,.42);
}
.gm-epic-card.gm-senior{
    border-color:rgba(105,183,255,.36);
}
.gm-epic-art{
    position:relative;
    height:360px;
    overflow:hidden;
    border-bottom:1px solid rgba(214,168,74,.22);
}
.gm-epic-art img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transform:scale(1.02);
    transition:.25s ease;
}
.gm-epic-card:hover .gm-epic-art img{
    transform:scale(1.07);
}
.gm-art-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, transparent 35%, rgba(0,0,0,.78)),
        radial-gradient(circle at 50% 20%, transparent 38%, rgba(0,0,0,.22));
}
.gm-rank-badge{
    position:absolute;
    top:18px;
    right:18px;
    z-index:3;
    padding:10px 14px;
    background:linear-gradient(180deg, #d6a84a, #8d5c18);
    color:#080b07;
    font-weight:950;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    border:1px solid rgba(255,225,154,.35);
}
.gm-owner .gm-rank-badge{
    background:linear-gradient(180deg, #caff6c, #6ec51f);
}
.gm-epic-content{
    padding:28px 30px 32px;
}
.gm-epic-content h2{
    margin:0;
    color:#fff7d8;
    font-family:Georgia,serif;
    font-size:38px;
    line-height:1.05;
    text-shadow:0 0 18px rgba(153,255,56,.14);
}
.gm-role{
    margin-top:10px;
    color:var(--gold2);
    text-transform:uppercase;
    font-size:13px;
    font-weight:950;
    letter-spacing:1px;
}
.gm-meta-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:22px 0 0;
}
.gm-meta-grid div{
    padding:13px;
    background:rgba(0,0,0,.32);
    border:1px solid rgba(214,168,74,.18);
}
.gm-meta-grid span{
    display:block;
    color:#9f9684;
    text-transform:uppercase;
    font-size:10px;
    font-weight:950;
    margin-bottom:6px;
}
.gm-meta-grid b{
    color:#fff;
    font-size:13px;
}
.gm-meta-grid .gm-last-login{
    grid-column:1 / -1;
}
.gm-meta-grid .gm-last-login b{
    color:#ffe19a;
    font-size:15px;
}
.gm-online{
    color:#9dff38 !important;
    text-shadow:0 0 10px rgba(153,255,56,.4);
}
.gm-offline{
    color:#aaa !important;
}
@media(max-width:1050px){
    .gm-epic-grid{grid-template-columns:1fr}
    .gm-epic-banner{flex-direction:column; align-items:flex-start}
}
@media(max-width:620px){
    .gm-epic-banner{padding:36px 24px; min-height:auto}
    .gm-epic-banner h1{font-size:40px}
    .gm-epic-art{height:300px}
    .gm-meta-grid{grid-template-columns:1fr}
    .gm-epic-content h2{font-size:30px}
}


/* HQ GM portraits - no Lich King */
.gm-epic-art{
    height:390px;
}
.gm-epic-art img{
    image-rendering:auto;
    object-position:center center;
}
.gm-epic-card{
    background:rgba(5,8,7,.94);
}


/* News Read More / Full Article */
.read-more-link{
    display:inline-flex;
    margin-top:12px;
    color:#9dff38;
    text-decoration:none;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.7px;
    font-size:13px;
}
.read-more-link:hover{
    text-shadow:0 0 14px rgba(153,255,56,.55);
}
.full-news-card{
    max-width:950px;
    margin:0 auto 55px;
}
.full-news-post h1{
    margin:12px 0 22px;
    color:#fff7d8;
    font-family:Georgia,serif;
    font-size:46px;
    line-height:1.08;
    text-shadow:0 0 22px rgba(153,255,56,.12);
}
.full-news-content{
    color:#e8dfc9;
    font-size:17px;
    line-height:1.8;
    white-space:normal;
}
.news-admin-form small{
    display:block;
    margin-top:8px;
    color:#9f9684;
    text-transform:none;
    font-size:11px;
    font-weight:700;
    letter-spacing:0;
}
@media(max-width:760px){
    .full-news-post h1{
        font-size:34px;
    }
    .full-news-content{
        font-size:15px;
    }
}


/* Expanded Rules Page */
.rules-banner{
    background:
        radial-gradient(circle at 20% 20%, rgba(153,255,56,.14), transparent 32%),
        radial-gradient(circle at 84% 10%, rgba(214,168,74,.16), transparent 34%),
        linear-gradient(135deg, rgba(8,13,11,.92), rgba(16,11,7,.84));
}
.rules-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:24px;
}
.rule-card{
    position:relative;
    padding:28px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 65%),
        rgba(7,12,10,.86);
    border:1px solid rgba(214,168,74,.28);
    box-shadow:0 24px 60px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.03);
}
.rule-card:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.08);
    pointer-events:none;
}
.rule-card h2{
    margin:0 0 16px;
    color:var(--green);
    font-family:Georgia,serif;
    text-transform:uppercase;
    font-size:24px;
    text-shadow:0 0 16px rgba(153,255,56,.18);
}
.rule-card ul{
    margin:0;
    padding-left:20px;
}
.rule-card li{
    color:#eadfca;
    line-height:1.65;
    margin:7px 0;
    font-weight:700;
}
@media(max-width:900px){
    .rules-grid{grid-template-columns:1fr}
}




/* Cinematic Homepage PvP Slider */
.hero-slider-card{
    padding:0 !important;
    overflow:hidden;
    min-height:650px;
    background:rgba(0,0,0,.48);
}
.home-slider{
    position:relative;
    min-height:500px;
    height:500px;
    overflow:hidden;
    border-bottom:1px solid rgba(214,168,74,.24);
}
.home-slider .slide{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    opacity:0;
    transform:scale(1.04);
    transition:opacity .85s ease, transform 1.5s ease;
}
.home-slider .slide.active{
    opacity:1;
    transform:scale(1);
}
.home-slider .slide:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.22), rgba(0,0,0,.70)),
        linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.68));
}
.slide-content{
    position:relative;
    z-index:3;
    max-width:760px;
    padding:76px 62px 40px;
}
.slide-content h1{
    margin:10px 0 18px;
    font-size:62px;
    line-height:1.02;
    text-shadow:0 4px 24px rgba(0,0,0,.72);
}
.slide-content .lead{
    max-width:620px;
    color:#f0eadb;
    text-shadow:0 3px 14px rgba(0,0,0,.75);
}
.slider-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    width:54px;
    height:54px;
    border:1px solid rgba(214,168,74,.28);
    background:rgba(0,0,0,.44);
    color:#fff7d8;
    font-size:50px;
    line-height:40px;
    cursor:pointer;
    transition:.2s ease;
}
.slider-arrow:hover{
    color:#9dff38;
    border-color:rgba(153,255,56,.55);
    background:rgba(0,0,0,.66);
    box-shadow:0 0 22px rgba(153,255,56,.14);
}
.slider-prev{left:22px;}
.slider-next{right:22px;}
.slider-dots{
    position:absolute;
    left:62px;
    bottom:28px;
    z-index:6;
    display:flex;
    gap:10px;
}
.slider-dots button{
    width:38px;
    height:7px;
    border:1px solid rgba(214,168,74,.45);
    background:rgba(0,0,0,.42);
    cursor:pointer;
    padding:0;
}
.slider-dots button.active{
    background:#9dff38;
    box-shadow:0 0 14px rgba(153,255,56,.60);
    border-color:rgba(153,255,56,.85);
}
.homepage-feature-tiles{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    padding:18px 22px 0;
    background:rgba(0,0,0,.36);
}
.homepage-feature-tiles div{
    min-height:98px;
    padding:18px;
    border:1px solid rgba(214,168,74,.22);
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), transparent),
        rgba(0,0,0,.34);
}
.homepage-feature-tiles strong{
    display:block;
    color:var(--gold2);
    text-transform:uppercase;
    font-weight:950;
    margin-bottom:8px;
}
.homepage-feature-tiles span{
    color:#d8cfbd;
    line-height:1.45;
    font-size:14px;
}
.slider-cta{
    position:relative;
    padding:24px 58px 34px;
    margin-top:0 !important;
    background:rgba(0,0,0,.36);
}
.status-panel{
    background:
        radial-gradient(circle at 50% 0%, rgba(153,255,56,.08), transparent 35%),
        linear-gradient(180deg, rgba(255,255,255,.045), transparent 70%),
        rgba(7,12,10,.90);
}
@media(max-width:1050px){
    .homepage-feature-tiles{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
    .home-slider{height:520px}
    .slide-content{padding:58px 24px 36px}
    .slide-content h1{font-size:42px}
    .slider-prev{left:10px}
    .slider-next{right:10px}
    .slider-dots{left:24px}
    .homepage-feature-tiles{grid-template-columns:1fr; padding:16px}
    .slider-cta{padding:22px 24px 30px}
}


/* Banlist + Commands */
.database-hub-grid .database-card span{
    position:static;
    display:block;
    font-size:38px;
    color:inherit;
    margin-bottom:14px;
}
.banlist-banner,.commands-banner{
    background:
        radial-gradient(circle at 18% 20%, rgba(153,255,56,.13), transparent 32%),
        radial-gradient(circle at 84% 10%, rgba(214,168,74,.16), transparent 34%),
        linear-gradient(135deg, rgba(8,13,11,.92), rgba(16,11,7,.84));
}
.ban-search{
    display:grid;
    grid-template-columns:1fr 160px 130px;
    gap:12px;
}
.ban-search input,.command-search-input{
    width:100%;
    padding:16px 18px;
    border:1px solid rgba(214,168,74,.34);
    background:rgba(0,0,0,.48);
    color:#fff;
    font-size:16px;
    outline:none;
}
.ban-search input:focus,.command-search-input:focus{
    border-color:rgba(153,255,56,.72);
    box-shadow:0 0 24px rgba(153,255,56,.12);
}
.ban-search .btn{
    border:0;
    cursor:pointer;
}
.banlist-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
    margin-bottom:55px;
}
.ban-table-card{
    background:rgba(7,12,10,.86);
    border:1px solid rgba(214,168,74,.28);
    box-shadow:0 24px 60px rgba(0,0,0,.48);
}
.ban-status{
    display:inline-block;
    padding:6px 10px;
    font-weight:950;
    text-transform:uppercase;
    font-size:11px;
    border:1px solid rgba(255,255,255,.16);
}
.ban-status.perm{
    color:#ffb1a5;
    background:rgba(255,91,63,.12);
    border-color:rgba(255,91,63,.32);
}
.ban-status.active{
    color:#ffe19a;
    background:rgba(214,168,74,.10);
    border-color:rgba(214,168,74,.32);
}
.ban-status.expired{
    color:#9dff38;
    background:rgba(153,255,56,.08);
    border-color:rgba(153,255,56,.28);
}
.command-search-card{
    max-width:none;
    margin-bottom:20px;
}
.commands-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:55px;
}
.command-card{
    display:grid;
    grid-template-columns:74px 1fr;
    gap:16px;
    position:relative;
    padding:20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 65%),
        rgba(7,12,10,.86);
    border:1px solid rgba(214,168,74,.28);
    box-shadow:0 24px 60px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.03);
}
.command-card:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.08);
    pointer-events:none;
}
.command-card:hover{
    border-color:rgba(153,255,56,.42);
    transform:translateY(-2px);
}
.command-icon{
    width:74px;
    height:74px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    background:
        radial-gradient(circle at 50% 35%, rgba(153,255,56,.13), transparent 62%),
        rgba(0,0,0,.38);
    border:1px solid rgba(214,168,74,.32);
    box-shadow:inset 0 0 24px rgba(0,0,0,.28);
}
.command-top{
    display:flex;
    gap:8px;
    align-items:center;
    margin-bottom:8px;
}
.command-category,.command-badge{
    display:inline-block;
    padding:5px 8px;
    color:#081008;
    background:#d6a84a;
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.6px;
}
.command-badge.admin{
    background:#ff5b3f;
    color:#fff;
}
.command-card h2{
    margin:0 0 10px;
    color:#9dff38;
    font-family:Consolas, Monaco, monospace;
    font-size:20px;
    line-height:1.25;
}
.command-card p{
    color:#e8dfc9;
    line-height:1.55;
    margin:0 0 14px;
}
.copy-command{
    padding:10px 13px;
    border:1px solid rgba(214,168,74,.36);
    background:rgba(0,0,0,.34);
    color:#ffe19a;
    cursor:pointer;
    font-weight:950;
    text-transform:uppercase;
    font-size:11px;
}
.copy-command:hover{
    color:#9dff38;
    border-color:rgba(153,255,56,.42);
}
@media(max-width:900px){
    .commands-grid{grid-template-columns:1fr}
    .ban-search{grid-template-columns:1fr}
}
@media(max-width:560px){
    .command-card{grid-template-columns:1fr}
}


/* Account Manager */
.account-banner{
    background:
        radial-gradient(circle at 18% 20%, rgba(153,255,56,.13), transparent 32%),
        radial-gradient(circle at 84% 10%, rgba(214,168,74,.16), transparent 34%),
        linear-gradient(135deg, rgba(8,13,11,.92), rgba(16,11,7,.84));
}
.account-alert{
    max-width:900px;
    margin:0 auto 20px;
}
.account-login-card{
    max-width:650px;
    margin:0 auto 55px;
}
.account-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-bottom:20px;
}
.account-card{
    max-width:none;
    margin-bottom:20px;
}
.account-form{
    display:grid;
    gap:16px;
}
.account-form label{
    display:flex;
    flex-direction:column;
    gap:8px;
    color:var(--gold2);
    text-transform:uppercase;
    font-size:12px;
    font-weight:950;
    letter-spacing:.8px;
}
.account-form input{
    width:100%;
    padding:15px 16px;
    border:1px solid rgba(214,168,74,.34);
    background:rgba(0,0,0,.48);
    color:#fff;
    outline:none;
    font-size:15px;
}
.account-form input:focus{
    border-color:rgba(153,255,56,.72);
    box-shadow:0 0 24px rgba(153,255,56,.12);
}
.account-form button{
    border:0;
    cursor:pointer;
    width:230px;
}
.account-stat-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.account-stat-grid div{
    padding:15px;
    background:rgba(0,0,0,.32);
    border:1px solid rgba(214,168,74,.18);
    overflow:hidden;
}
.account-stat-grid span{
    display:block;
    color:#9f9684;
    text-transform:uppercase;
    font-size:10px;
    font-weight:950;
    margin-bottom:7px;
}
.account-stat-grid b{
    color:#fff7d8;
    font-size:14px;
    word-break:break-word;
}
.account-char-table{
    min-width:900px;
}
@media(max-width:950px){
    .account-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
    .account-stat-grid{grid-template-columns:1fr}
    .account-form button{width:100%}
}


/* Account email + GM tool */
.gm-tool-card{
    border-color:rgba(153,255,56,.34) !important;
    box-shadow:0 24px 60px rgba(0,0,0,.48), 0 0 28px rgba(153,255,56,.08);
}
.gm-tool-card .post h2{
    color:#9dff38;
}


/* VIP Coins + Item Market */
.vip-banner{
    background:
        radial-gradient(circle at 18% 20%, rgba(153,255,56,.13), transparent 32%),
        radial-gradient(circle at 84% 10%, rgba(214,168,74,.16), transparent 34%),
        linear-gradient(135deg, rgba(8,13,11,.92), rgba(16,11,7,.84));
}
.vip-package-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-bottom:24px;
}
.vip-package-card{
    padding:28px;
    background:rgba(7,12,10,.86);
    border:1px solid rgba(214,168,74,.30);
    box-shadow:0 24px 60px rgba(0,0,0,.48);
    text-align:center;
}
.vip-package-card h2{
    color:#9dff38;
    font-family:Georgia,serif;
    font-size:32px;
    margin:0 0 10px;
}
.vip-price{
    color:#ffe19a;
    font-size:28px;
    font-weight:950;
}
.vip-package-card form button{
    border:0;
    cursor:pointer;
    width:100%;
}
.vip-account-card{
    border-color:rgba(153,255,56,.34) !important;
}
.account-form select{
    width:100%;
    padding:15px 16px;
    border:1px solid rgba(214,168,74,.34);
    background:rgba(0,0,0,.48);
    color:#fff;
    outline:none;
    font-size:15px;
}
.market-buy-form{
    display:flex;
    gap:8px;
    align-items:center;
}
.market-buy-form select{
    padding:9px;
    background:#080b08;
    color:#fff;
    border:1px solid rgba(214,168,74,.34);
}
@media(max-width:1050px){
    .vip-package-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
    .vip-package-grid{grid-template-columns:1fr}
}


/* VIP System v2 visual upgrade */
.vip-hero{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:48px 58px;
    margin:18px auto 24px;
    background:
        radial-gradient(circle at 82% 44%, rgba(255,202,84,.20), transparent 32%),
        radial-gradient(circle at 18% 20%, rgba(153,255,56,.13), transparent 32%),
        linear-gradient(135deg, rgba(8,13,11,.92), rgba(16,11,7,.84));
    border:1px solid rgba(214,168,74,.34);
    box-shadow:0 30px 80px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.04);
}
.vip-hero:before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(153,255,56,.10);
    pointer-events:none;
}
.vip-hero h1{
    font-size:58px;
}
.vip-hero img{
    width:190px;
    filter:drop-shadow(0 0 30px rgba(255,200,70,.32));
}
.vip-balance-strip{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-bottom:22px;
}
.vip-balance-strip div{
    padding:18px;
    background:rgba(0,0,0,.38);
    border:1px solid rgba(214,168,74,.25);
}
.vip-balance-strip span{
    display:block;
    color:#9f9684;
    text-transform:uppercase;
    font-size:11px;
    font-weight:950;
    margin-bottom:7px;
}
.vip-balance-strip b{
    color:#ffe19a;
    font-size:20px;
}
.vip-package-grid-v2{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-bottom:24px;
}
.vip-package-card-v2{
    position:relative;
    padding:28px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,202,84,.13), transparent 35%),
        rgba(7,12,10,.86);
    border:1px solid rgba(214,168,74,.30);
    box-shadow:0 24px 60px rgba(0,0,0,.48);
    overflow:hidden;
}
.vip-package-card-v2 img{
    width:92px;
    margin-bottom:12px;
    filter:drop-shadow(0 0 18px rgba(255,200,70,.22));
}
.vip-package-card-v2 h2{
    color:#9dff38;
    font-family:Georgia,serif;
    font-size:32px;
    margin:0 0 10px;
}
.vip-price{
    color:#ffe19a;
    font-size:28px;
    font-weight:950;
}
.vip-package-card-v2 form button{
    border:0;
    cursor:pointer;
    width:100%;
}
.vip-transfer-wrapper{
    display:grid;
    grid-template-columns:300px 1fr;
    gap:20px;
    margin-bottom:22px;
}
.vip-transfer-side{
    padding:28px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 10%, rgba(255,202,84,.15), transparent 40%),
        rgba(7,12,10,.86);
    border:1px solid rgba(214,168,74,.30);
    box-shadow:0 24px 60px rgba(0,0,0,.48);
}
.vip-transfer-side img{
    width:130px;
    filter:drop-shadow(0 0 24px rgba(255,200,70,.28));
}
.vip-transfer-side h2{
    color:#ffe19a;
    font-family:Georgia,serif;
    margin:15px 0 10px;
}
.vip-transfer-card{
    max-width:none;
    margin:0;
}
.account-form select{
    width:100%;
    padding:15px 16px;
    border:1px solid rgba(214,168,74,.34);
    background:rgba(0,0,0,.48);
    color:#fff;
    outline:none;
    font-size:15px;
}
@media(max-width:1050px){
    .vip-package-grid-v2{grid-template-columns:1fr 1fr}
    .vip-transfer-wrapper{grid-template-columns:1fr}
}
@media(max-width:700px){
    .vip-hero{flex-direction:column; align-items:flex-start; padding:36px 24px}
    .vip-hero h1{font-size:40px}
    .vip-balance-strip{grid-template-columns:1fr}
    .vip-package-grid-v2{grid-template-columns:1fr}
}


/* GM Trade Logs */
.gm-trade-log-table{min-width:1150px;}
.trade-status{display:inline-block;padding:6px 10px;font-size:11px;font-weight:950;text-transform:uppercase;border:1px solid rgba(255,255,255,.18);}
.trade-status.pending{color:#ffe19a;background:rgba(214,168,74,.10);border-color:rgba(214,168,74,.34);}
.trade-status.completed{color:#9dff38;background:rgba(153,255,56,.08);border-color:rgba(153,255,56,.30);}
.trade-status.cancelled{color:#ffb1a5;background:rgba(255,91,63,.10);border-color:rgba(255,91,63,.32);}
.ban-search select{padding:15px 16px;border:1px solid rgba(214,168,74,.34);background:rgba(0,0,0,.48);color:#fff;outline:none;}


/* Casino + item quality colors */
.wow-q0{color:#9d9d9d !important;}
.wow-q1{color:#ffffff !important;}
.wow-q2{color:#1eff00 !important;}
.wow-q3{color:#0070dd !important;}
.wow-q4{color:#a335ee !important;}
.wow-q5{color:#ff8000 !important;}
.wow-q6{color:#e6cc80 !important;}

.casino-hero{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:48px 58px;
    margin:18px auto 24px;
    background:
        radial-gradient(circle at 82% 44%, rgba(255,202,84,.20), transparent 32%),
        radial-gradient(circle at 18% 20%, rgba(153,255,56,.13), transparent 32%),
        linear-gradient(135deg, rgba(8,13,11,.92), rgba(16,11,7,.84));
    border:1px solid rgba(214,168,74,.34);
    box-shadow:0 30px 80px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.04);
}
.casino-hero h1{font-size:58px;}
.casino-hero img{
    width:190px;
    filter:drop-shadow(0 0 30px rgba(255,200,70,.32));
}
.casino-card{
    max-width:780px;
    margin:0 auto 24px;
    text-align:center;
}
.casino-card .post h2{
    color:#ffe19a;
    font-size:34px;
}
.casino-button{
    border:0;
    cursor:pointer;
    min-width:220px;
}
.casino-button:disabled{
    opacity:.45;
    cursor:not-allowed;
}
@media(max-width:700px){
    .casino-hero{flex-direction:column; align-items:flex-start; padding:36px 24px}
    .casino-hero h1{font-size:40px}
}


/* Supreme update: faction flags + database links */
.faction-summary{
    grid-template-columns:1fr 1.2fr 1.2fr;
}
.faction-box{
    position:relative;
    display:flex !important;
    align-items:center;
    justify-content:flex-start !important;
    gap:16px;
    min-height:118px;
    overflow:hidden;
}
.faction-box img{
    width:120px;
    height:78px;
    object-fit:contain;
    filter:drop-shadow(0 0 18px rgba(0,0,0,.55));
}
.faction-box div{
    position:relative;
    z-index:2;
}
.alliance-box{
    background:
        radial-gradient(circle at 20% 50%, rgba(70,150,255,.22), transparent 45%),
        rgba(0,0,0,.28) !important;
    border-color:rgba(70,150,255,.30) !important;
}
.horde-box{
    background:
        radial-gradient(circle at 20% 50%, rgba(255,70,52,.20), transparent 45%),
        rgba(0,0,0,.28) !important;
    border-color:rgba(255,70,52,.30) !important;
}
.faction-total{
    min-height:118px;
    display:flex !important;
    flex-direction:column;
    justify-content:center !important;
}
@media(max-width:800px){
    .faction-summary{grid-template-columns:1fr}
}


/* Index faction flags */
.index-faction-box{
    display:flex !important;
    align-items:center;
    justify-content:flex-start !important;
    gap:14px;
    min-height:92px;
    overflow:hidden;
    position:relative;
}
.index-faction-box img{
    width:95px;
    height:64px;
    object-fit:contain;
    filter:drop-shadow(0 0 16px rgba(0,0,0,.55));
}
.index-faction-box div{
    position:relative;
    z-index:2;
}
.index-alliance-box{
    background:
        radial-gradient(circle at 22% 50%, rgba(70,150,255,.22), transparent 45%),
        rgba(0,0,0,.22) !important;
    border-color:rgba(70,150,255,.30) !important;
}
.index-horde-box{
    background:
        radial-gradient(circle at 22% 50%, rgba(255,70,52,.20), transparent 45%),
        rgba(0,0,0,.22) !important;
    border-color:rgba(255,70,52,.30) !important;
}
@media(max-width:700px){
    .index-faction-box img{width:78px;height:54px}
}


/* Supreme-WoW feature cards with images */
.feature-img{
    width:100%;
    height:118px;
    object-fit:cover;
    display:block;
    margin:0 0 18px 0;
    border:1px solid rgba(214,168,74,.35);
    box-shadow:0 0 24px rgba(153,255,56,.14);
    filter:saturate(1.12) contrast(1.08);
}
.feature-card,
.hero-feature,
.info-feature,
.feature-box{
    overflow:hidden;
}
.feature-card:hover .feature-img,
.hero-feature:hover .feature-img,
.info-feature:hover .feature-img,
.feature-box:hover .feature-img{
    filter:saturate(1.25) contrast(1.15) brightness(1.08);
    box-shadow:0 0 30px rgba(153,255,56,.28);
}
.hero .feature-img + h3,
.hero .feature-img + h2{
    margin-top:0;
}


/* WoW class/faction icons */
.wow-class-icon,
.wow-faction-icon{
    width:28px;
    height:28px;
    object-fit:contain;
    vertical-align:middle;
    margin-right:6px;
    border-radius:6px;
    filter:drop-shadow(0 0 6px rgba(0,0,0,.75));
}
.wow-faction-icon{
    width:30px;
    height:30px;
}
.online-table td,
.ranking-table td{
    vertical-align:middle;
}
.connect-wow-icon{
    display:inline-grid;
    place-items:center;
    width:36px;
    height:36px;
    margin-right:10px;
    vertical-align:middle;
    border-radius:9px;
    border:1px solid rgba(214,168,74,.45);
    background:radial-gradient(circle, rgba(153,255,56,.22), rgba(0,0,0,.55));
    box-shadow:0 0 18px rgba(153,255,56,.18);
}
.connect-account:before{content:"🛡️"}
.connect-launcher:before{content:"💿"}
.connect-portal:before{content:"🌀"}
.connect-play:before{content:"⚔️"}

/* Home feature cards images - fixed */
.feature-img{width:100%;height:128px;object-fit:cover;display:block;margin:-1px -1px 18px -1px;max-width:calc(100% + 2px);border-bottom:1px solid rgba(214,168,74,.40);box-shadow:0 0 28px rgba(153,255,56,.16);filter:saturate(1.15) contrast(1.08)}
.feature-card,.hero-feature,.info-feature,.feature-box,.promo-card,.slide-card{overflow:hidden}
.feature-img + h2,.feature-img + h3{margin-top:0!important}


/* Vote panel under Set Realmlist */
.vote-panel{
    margin-top:18px;
    padding:18px;
    background:
        radial-gradient(circle at 50% 0%, rgba(153,255,56,.08), transparent 40%),
        rgba(0,0,0,.30);
    border:1px solid rgba(214,168,74,.28);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 0 24px rgba(0,0,0,.25);
    text-align:center;
}
.vote-panel h3{
    margin:0 0 15px;
    color:#ffe19a;
    font-family:Georgia, serif;
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:.8px;
}
.vote-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}
.vote-box{
    padding:13px;
    background:rgba(0,0,0,.28);
    border:1px solid rgba(214,168,74,.18);
}
.vote-box p{
    margin:9px 0 0;
    color:#d8cfbd;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}
.vote-box img{
    width:100%;
    max-width:240px;
    display:block;
    margin:0 auto;
    border:1px solid rgba(214,168,74,.35);
    transition:.2s ease;
}
.vote-box img:hover{
    transform:scale(1.03);
    box-shadow:0 0 25px rgba(153,255,56,.25);
}
.vote-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:14px;
    text-decoration:none;
    color:#071006;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.8px;
    background:linear-gradient(180deg,#c8ff62,#78d920);
    border:1px solid rgba(240,255,160,.8);
    box-shadow:0 0 24px rgba(153,255,56,.18);
}
.vote-btn:hover{
    transform:translateY(-2px);
    filter:brightness(1.08);
}
.vote-panel small{
    display:block;
    margin-top:12px;
    color:#aaa;
    font-size:11px;
    text-transform:uppercase;
    font-weight:800;
}


/* News update: homepage max 3 latest news + image support */
.home-news-grid{display:grid;gap:16px}
.home-news-card{
    display:grid;
    grid-template-columns:190px 1fr;
    gap:18px;
    padding:16px;
    background:rgba(0,0,0,.22);
    border:1px solid rgba(214,168,74,.16);
}
.home-news-image{
    min-height:118px;
    background:center/cover no-repeat;
    border:1px solid rgba(214,168,74,.30);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.home-news-body time,.all-news-card time{color:var(--gold);font-weight:900;font-size:13px}
.home-news-body h2{
    margin:8px 0;
    color:var(--green);
    font-size:21px;
    line-height:1.15;
    text-transform:uppercase;
}
.home-news-body p{color:#e0d8c5;line-height:1.55;margin:0 0 10px}
.all-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.all-news-card{background:rgba(0,0,0,.22);border:1px solid rgba(214,168,74,.16);padding:16px}
.all-news-image{display:block;min-height:180px;margin-bottom:14px;background:center/cover no-repeat;border:1px solid rgba(214,168,74,.30)}
.all-news-card h2{margin:8px 0;color:var(--green);text-transform:uppercase}
.all-news-card p{color:#e0d8c5;line-height:1.55}
.full-news-image{min-height:340px;margin-bottom:20px;background:center/cover no-repeat;border:1px solid rgba(214,168,74,.30)}
.news-admin-form select{
    width:100%;
    padding:14px;
    background:rgba(0,0,0,.28);
    border:1px solid rgba(214,168,74,.28);
    color:#fff;
}
.news-admin-form small{display:block;color:#aaa;margin-top:6px;line-height:1.4}
@media(max-width:760px){
    .home-news-card{grid-template-columns:1fr}
    .home-news-image{min-height:180px}
    .all-news-grid{grid-template-columns:1fr}
}


/* Final homepage layout: no big slider, news first, VIP Manager standalone */
.sw-home-final{
    width:min(1180px, calc(100% - 34px));
    margin:34px auto 0;
}
.sw-home-final .hero,
.sw-home-final .hero-grid,
.sw-home-final .home-slider,
.sw-home-final .hero-text,
.sw-home-final .hero-slider-card{
    display:none !important;
}
.home-dashboard-grid{
    display:grid;
    grid-template-columns:260px minmax(0,1fr) 285px;
    gap:18px;
    align-items:start;
    margin-top:28px;
}
.home-left-stack,
.home-right-stack{
    display:grid;
    gap:16px;
}
.home-news-main{
    min-height:0;
}
.home-news-main .section-head{
    margin-bottom:18px;
}
.home-news-grid{
    display:grid;
    gap:16px;
}
.home-news-card{
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    gap:18px;
    padding:16px;
    background:rgba(0,0,0,.22);
    border:1px solid rgba(214,168,74,.16);
}
.home-news-image{
    min-height:126px;
    background:center/cover no-repeat;
    border:1px solid rgba(214,168,74,.30);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.home-news-body time{
    color:var(--gold);
    font-weight:900;
    font-size:13px;
}
.home-news-body h2{
    margin:8px 0 8px;
    color:var(--green);
    font-size:21px;
    line-height:1.15;
    text-transform:uppercase;
}
.home-news-body p{
    color:#e0d8c5;
    line-height:1.55;
    margin:0 0 10px;
}
.home-status-card{
    padding:20px;
}
.status-line{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:12px 0;
    border-bottom:1px solid rgba(214,168,74,.16);
}
.status-line span{
    color:#e2d6bf;
    text-transform:uppercase;
    font-size:12px;
    font-weight:900;
}
.status-line b{
    color:#9dff38;
    font-size:13px;
    text-transform:uppercase;
}
.status-line b.offline{
    color:#ff5959;
}
.faction-mini-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:16px 0;
}
.faction-mini-grid div{
    padding:14px;
    background:rgba(0,0,0,.22);
    border:1px solid rgba(214,168,74,.15);
}
.faction-mini-grid span{
    display:block;
    color:#fff0c2;
    text-transform:uppercase;
    font-size:11px;
    font-weight:900;
}
.faction-mini-grid b{
    display:block;
    margin-top:6px;
    font-size:26px;
}
.alliance-count{color:#61a9ff!important}
.horde-count{color:#ff6262!important}
.realmlist-button{
    display:block;
    padding:14px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:950;
    color:#120900;
    background:linear-gradient(180deg,#ffcf68,#ce8527);
    border:1px solid rgba(255,210,120,.55);
}
.home-vote-mini{
    padding:20px;
    background:
        linear-gradient(135deg,rgba(35,65,18,.72),rgba(73,30,16,.60)),
        var(--panel2);
    border:1px solid rgba(214,168,74,.22);
}
.home-vote-mini h2{
    margin:0 0 10px;
    color:#ffe1a0;
    font-family:Georgia,serif;
    text-transform:uppercase;
}
.home-vote-mini p{
    color:#ded3bc;
    line-height:1.5;
}
.home-vote-mini div{
    display:grid;
    gap:10px;
}
.home-vote-mini a{
    display:block;
    padding:12px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:950;
    color:#d9ffc7;
    background:rgba(153,255,56,.08);
    border:1px solid rgba(153,255,56,.20);
}
.vip-manager-home{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-top:20px;
    padding:28px;
    background:
        radial-gradient(circle at 10% 20%,rgba(153,255,56,.14),transparent 34%),
        linear-gradient(135deg,rgba(21,65,24,.82),rgba(75,32,16,.74)),
        var(--panel2);
    border:1px solid rgba(214,168,74,.26);
    box-shadow:0 24px 70px rgba(0,0,0,.36);
}
.vip-manager-content h2,
.downloads-home h2{
    margin:4px 0 10px;
    color:#ffe1a0;
    font-family:Georgia,serif;
    font-size:34px;
    text-transform:uppercase;
}
.vip-manager-content p,
.downloads-home p{
    color:#ded3bc;
    line-height:1.6;
    max-width:720px;
}
.vip-feature-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
}
.vip-feature-tags span{
    padding:10px 12px;
    background:rgba(0,0,0,.24);
    border:1px solid rgba(153,255,56,.20);
    color:#d9ffc7;
    font-weight:850;
    font-size:13px;
}
.vip-manager-button{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:210px;
    min-height:56px;
    padding:16px 22px;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:950;
    color:#120900;
    background:linear-gradient(180deg,#b5ff42,#5ebd1c);
    border:1px solid rgba(210,255,150,.75);
    box-shadow:0 0 28px rgba(153,255,56,.22);
}
.server-features-home{
    margin-top:20px;
    padding:24px;
    background:var(--panel2);
    border:1px solid rgba(214,168,74,.22);
}
.server-feature-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.server-feature-grid div{
    padding:16px;
    background:rgba(0,0,0,.22);
    border:1px solid rgba(214,168,74,.16);
}
.server-feature-grid b{
    display:block;
    color:#9dff38;
    text-transform:uppercase;
    font-size:13px;
    margin-bottom:8px;
}
.server-feature-grid span{
    display:block;
    color:#d8d0c3;
    line-height:1.4;
    font-size:13px;
}
.downloads-home{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin:20px 0 34px;
    padding:26px;
    background:
        linear-gradient(135deg,rgba(12,38,58,.65),rgba(44,24,12,.70)),
        var(--panel2);
    border:1px solid rgba(214,168,74,.22);
}
@media(max-width:1050px){
    .home-dashboard-grid{
        grid-template-columns:1fr;
    }
    .home-left-stack{
        grid-template-columns:1fr 1fr;
    }
    .server-feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .vip-manager-home,
    .downloads-home{
        align-items:flex-start;
        flex-direction:column;
    }
}
@media(max-width:760px){
    .home-left-stack,
    .home-news-card,
    .server-feature-grid{
        grid-template-columns:1fr;
    }
    .home-news-image{
        min-height:180px;
    }
    .vip-manager-button{
        width:100%;
    }
}


/* Fix logo + realm status borders on final homepage */
.home-logo-row{
    width:min(1180px, calc(100% - 34px));
    margin:26px auto 12px;
    text-align:center;
}
.home-main-logo{
    display:block;
    width:min(650px, 88vw);
    margin:0 auto;
    filter:drop-shadow(0 18px 35px rgba(0,0,0,.82)) drop-shadow(0 0 20px rgba(153,255,56,.16));
}
.sw-home-final{
    padding-top:0;
}
.home-dashboard-grid{
    margin-top:18px!important;
}
.home-status-card{
    position:relative;
    background:
        linear-gradient(180deg,rgba(255,255,255,.045),transparent 70%),
        rgba(7,12,10,.86)!important;
    border:1px solid rgba(214,168,74,.32)!important;
    box-shadow:0 28px 70px rgba(0,0,0,.50), inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.home-status-card:before{
    content:"";
    position:absolute;
    inset:7px;
    border:1px solid rgba(153,255,56,.11);
    pointer-events:none;
}
.home-status-card .card-title{
    border-bottom:1px solid rgba(214,168,74,.22);
    padding-bottom:13px;
    margin-bottom:10px;
}
.home-status-card .card-title span{
    color:#ffe19a;
    font-family:Georgia,serif;
    font-size:24px;
    text-transform:uppercase;
}
.home-vote-mini{
    position:relative;
    background:
        linear-gradient(135deg,rgba(18,70,25,.76),rgba(80,20,12,.72)),
        rgba(10,18,14,.92)!important;
    border:1px solid rgba(214,168,74,.28)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
}
.home-vote-mini:before{
    content:"";
    position:absolute;
    inset:7px;
    border:1px solid rgba(153,255,56,.10);
    pointer-events:none;
}


/* GM News Manager / long news fixes */
.news-admin-account-card{
    border-color:rgba(153,255,56,.28)!important;
}
.admin-small-note{
    color:#d8d0c3;
    background:rgba(153,255,56,.06);
    border:1px solid rgba(153,255,56,.16);
    padding:12px 14px;
    margin:0 0 16px;
}
.full-news-content{
    white-space:normal;
    word-break:break-word;
    overflow-wrap:anywhere;
}
.home-news-body p,
.all-news-card p,
.full-news-content{
    max-width:100%;
}


/* News clickable links */
.news-link{
    color:#9dff38;
    font-weight:900;
    text-decoration:none;
    border-bottom:1px solid rgba(157,255,56,.45);
}
.news-link:hover{
    color:#ffe19a;
    border-bottom-color:#ffe19a;
}