/* ===================================================
   ALZERIA OT — COMPLETE THEME
   =================================================== */
:root{
  --gold:#d4a017;--gold2:#ffcc33;--gold3:#ffe8a0;
  --bg:#0b0b0b;--panel:#141414;--panel2:#111111;
  --border:#2a2a2a;--border2:#1e1e1e;
  --t:#f5f5f5;--td:#9a9a9a;--tm:#aaaaaa;
  --gr:#27ae60;--re:#c0392b;
  --lw:230px;--rw:235px;--hh:100px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ═══ KILL UGLY NUMBER FONTS GLOBALLY ═══ */
*{
	font-variant-numeric:lining-nums tabular-nums!important;
	font-feature-settings:"lnum" 1,"tnum" 1!important;
}
input,select,button,option,textarea{
	font-family:'Cinzel',serif!important;
	font-variant-numeric:lining-nums tabular-nums!important;
	font-feature-settings:"lnum" 1,"tnum" 1!important;
}
/* ═══ FIX CINZEL SMALL-CAPS ON INPUTS ═══ */
input[type="text"],input[type="password"],input[type="email"],input[type="number"],textarea{
	font-family:Arial,sans-serif!important;
	font-variant:normal!important;
	text-transform:none!important;
	font-feature-settings:normal!important;
}
select,select option{
	font-family:Arial,sans-serif!important;
	font-variant:normal!important;
	text-transform:none!important;
}

body{font-family:'IM Fell English',Georgia,serif;background:#0b0b0b;color:#f5f5f5;font-size:17px;line-height:1.6;min-height:100vh}
a{text-decoration:none;color:var(--gold);transition:color .2s}
a:hover{color:var(--gold2)}
li{list-style:none}
img{max-width:100%}

/* ---- HEADER ---- */
#hdr{height:var(--hh);position:sticky;top:0;z-index:1000;background:#0d0d0d;border-bottom:1px solid #2a2a2a;box-shadow:0 2px 24px rgba(0,0,0,.9);display:flex;flex-direction:column}
.hdr-border-top{display:none}
.hdr-border-bot{display:none}
#hdr-inner{height:var(--hh);display:flex;align-items:center;max-width:1440px;width:96%;margin:0 auto;}
#hdr-logo{width:240px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:4px 12px;height:100%;}
#hdr-logo img{height:92px;width:220px;object-fit:contain;filter:drop-shadow(0 2px 14px rgba(212,160,23,.55));transition:filter .25s;}
#hdr-logo a:hover img{
	filter:drop-shadow(0 2px 22px rgba(212,160,23,.8));
}

#hdr-nav{flex:1;height:100%;display:flex;align-items:center;justify-content:center}
#hdr-right{width:240px;flex-shrink:0}
.nav-divider{width:1px;height:50px;flex-shrink:0;background:linear-gradient(180deg,transparent,rgba(160,100,0,.4),rgba(200,140,0,.25),rgba(160,100,0,.4),transparent)}
.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 22px;height:100%;min-width:80px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s,background .15s}
.nav-btn i{font-size:17px;color:#888;transition:color .15s}
.nav-label{font-family:'Cinzel',serif;font-size:10.5px;font-weight:700;letter-spacing:1.5px;color:#ccc;transition:color .15s;font-size:10px}
.nav-sub{font-family:'IM Fell English',serif;font-size:12px;color:#666;transition:color .15s}
.nav-btn:hover{border-bottom-color:var(--gold);background:rgba(212,160,23,.05)}
.nav-btn:hover i,.nav-btn:hover .nav-label{color:var(--gold);}
.nav-btn:hover .nav-sub{color:#9a9a9a}
.nav-wiki{position:relative}
.nav-wiki i{color:#4fc3c8!important;filter:drop-shadow(0 0 6px rgba(79,195,200,.4))}
.nav-wiki .nav-label{color:#4fc3c8!important;text-shadow:0 0 8px rgba(79,195,200,.25)}
.nav-wiki .nav-sub{color:#3a9a9f!important}
.nav-wiki::after{display:none}

/* PLAY NOW */
#playnow{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 18px;position:relative;background:linear-gradient(180deg,#8a1c00 0%,#540f00 45%,#2e0900 100%);border:1px solid #aa3c00;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.8),0 0 24px rgba(200,60,0,.55),inset 0 1px 0 rgba(255,110,0,.25);flex-shrink:0;transition:box-shadow .25s;min-width:140px;overflow:visible}
#playnow:hover{box-shadow:0 0 0 1px rgba(0,0,0,.8),0 0 36px rgba(240,80,0,.75)}
.pn-c{position:absolute;width:9px;height:9px;border-color:#b08000;border-style:solid}
.pn-c.tl{top:3px;left:3px;border-width:1px 0 0 1px}
.pn-c.tr{top:3px;right:3px;border-width:1px 1px 0 0}
.pn-c.bl{bottom:3px;left:3px;border-width:0 0 1px 1px}
.pn-c.br{bottom:3px;right:3px;border-width:0 1px 1px 0}
.pn-diamond-top,.pn-diamond-bot{position:absolute;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#d08000;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.pn-diamond-top{top:-4px}.pn-diamond-bot{bottom:-4px}
#playnow strong{font-family:'Cinzel',serif;font-size:17px;font-weight:700;color:#f0a820;letter-spacing:2px;display:block;position:relative;text-shadow:0 0 12px rgba(240,160,0,.5)}
#playnow small{font-family:'Cinzel',serif;font-size:9px;color:#a06030;letter-spacing:2.5px;display:block;position:relative}

/* ---- PAGE GRID ---- */
#page{max-width:1440px;width:96%;margin:0 auto;display:grid;grid-template-columns:var(--lw) 1fr var(--rw);min-height:calc(100vh - var(--hh))}

/* ---- LEFT MENU ---- */
#lmenu{background:#0d0d0d;border-right:1px solid #1e1e1e;padding:6px 6px 20px}
.mcat{margin-bottom:6px}
.mcathdr{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;cursor:default;font-family:'Cinzel',serif;font-size:11.5px;font-weight:700;letter-spacing:1.5px;color:#ddd;transition:color .15s;border-radius:3px}
.mcathdr i:first-child{min-width:20px;width:20px;text-align:center;font-size:13px;flex-shrink:0}
.marr{display:none}

.mcathdr:hover{color:#fff;background:rgba(255,255,255,.05)}
.mcat.open .mcathdr{color:var(--gold);background:rgba(212,160,23,.06)}
.mcat.open .mcathdr i:first-child{color:var(--gold)}
.mhome{background:rgba(212,160,23,.12);border-left:3px solid var(--gold);border-radius:3px;color:var(--gold)!important;position:relative;justify-content:center;}
.mhome i{color:var(--gold)!important}
.mhome::after{content:'';position:absolute;top:3px;right:3px;width:5px;height:5px;background:#6a4a00;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.msub{display:block;padding:3px 0 6px;background:rgba(0,0,0,.15);border-top:1px solid #1a1a1a}

.msub li a{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 20px;font-family:'Cinzel',serif;font-size:11px;letter-spacing:.4px;color:#ccc;transition:color .15s,background .1s}
.msub li a:hover{color:var(--gold);background:rgba(212,160,23,.05)}
#srv-status{display:none}
.srv-title{font-family:'Cinzel',serif;font-size:9px;font-weight:700;letter-spacing:2px;color:#aaa;margin-bottom:6px}
.srv-line{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.sdot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.sdot.on{background:var(--gr);box-shadow:0 0 6px var(--gr)}
.sdot.off{background:var(--re)}
.slbl{font-family:'Cinzel',serif;font-size:11px;font-weight:700}
.onlineColor{color:var(--gr)}.offlineColor{color:var(--re)}
.srv-row{display:flex;justify-content:space-between;font-size:11px;color:#777;padding:2px 0}
.srv-row strong{color:#f5f5f5;font-weight:600}

/* ---- MAIN CONTENT ---- */
#content{min-width:0;background:#0b0b0b;border-left:1px solid #1e1e1e;border-right:1px solid #1e1e1e}
.column_content{padding:20px 24px;color:var(--t);min-height:600px}

/* ---- HERO STATIC ---- */
#hero{
  position:relative;
  height:300px;
  background:center/cover no-repeat #0a0a0a;
  display:flex;
  align-items:center;
  margin:12px 10px 8px;
  border-radius:5px;
  overflow:hidden;
  border:1px solid rgba(200,146,10,.3);
  box-shadow: 0 4px 32px rgba(0,0,0,.6), 0 0 0 1px rgba(200,146,10,.1);
  filter: brightness(1.15) contrast(1.05) saturate(1.1);
}
#hero::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(to right,rgba(0,0,0,.78) 20%,rgba(10,5,0,.4) 60%,transparent 100%);
  pointer-events:none;
}
#hero::after{
  content:'';
  position:absolute;inset:0;
  background:
    linear-gradient(to top,rgba(0,0,0,.2) 0%,transparent 40%),
    radial-gradient(ellipse at 20% 50%, rgba(180,100,0,.08) 0%, transparent 60%);
  pointer-events:none;
}
.hero-c{position:relative;z-index:1;padding:0 28px;max-width:55%}
.hero-welcome{font-family:'Cinzel',serif;font-size:10px;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin:0 0 6px;text-shadow:0 0 20px rgba(200,146,10,.5)}
.hero-c h1{font-family:'Cinzel',serif;font-size:40px;font-weight:700;color:#fff;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.8), 0 0 40px rgba(180,100,0,.3);margin:0 0 10px}
.hero-sub{font-size:14px;color:#bbb;line-height:1.5;margin:0 0 18px;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.hbtn{display:inline-flex;align-items:center;gap:8px;padding:11px 28px;font-family:'Cinzel',serif;font-size:11px;font-weight:700;letter-spacing:2px;color:#111;background:var(--gold);border:1px solid var(--gold2);border-radius:3px;transition:background .2s,box-shadow .2s;box-shadow:0 2px 20px rgba(212,160,23,.5)}
.hbtn:hover{background:var(--gold2);box-shadow:0 4px 28px rgba(212,160,23,.7);color:#111;}

/* ---- NEWS ---- */
#news-sec{background:#000}
.nhdr{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 12px;border-bottom:1px solid #1a1400;background:#000}
.nhdr-t{font-family:'Cinzel',serif;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--t)}
.nhdr-a{font-family:'Cinzel',serif;font-size:10px;letter-spacing:1.5px;color:var(--td);display:flex;align-items:center;gap:6px}
.nhdr-a:hover{color:var(--gold)}
.ncard{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #0e0c00;gap:16px;transition:background .15s}
.ncard:hover{background:rgba(180,120,0,.02)}
.nthumb{width:114px;height:82px;flex-shrink:0;background:#0a0a0a center/cover no-repeat;border:1px solid #1a1200;border-radius:2px}
.nbody{flex:1;min-width:0}
.ntitle{display:block;margin-bottom:5px;font-family:'Cinzel',serif;font-size:13.5px;font-weight:700;color:var(--gold);letter-spacing:.5px}
.ntitle:hover{color:var(--gold2)}
.ntext{font-size:15px;color:#907848;line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ndate{font-size:12px;color:var(--tm);font-family:'Cinzel',serif;letter-spacing:.5px}
.naction{flex-shrink:0}
.rbtn{display:inline-block;padding:7px 14px;font-family:'Cinzel',serif;font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--td);border:1px solid var(--border2);background:#080808;border-radius:2px;white-space:nowrap;transition:color .2s,border-color .2s}
.rbtn:hover{color:var(--gold);border-color:var(--border)}

/* ---- RIGHT SIDEBAR ---- */
#rmenu{background:#0d0d0d;border-left:1px solid #222;padding:8px 8px;display:flex;flex-direction:column;gap:8px}
.widget{
	background:#0f0f0f;
	border:1px solid rgba(200,146,10,.2);
	border-radius:5px;
	overflow:hidden;
	box-shadow: 0 4px 24px rgba(0,0,0,.6);
	position:relative;
}
.wtitle{font-family:'Cinzel',serif;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--gold);padding:9px 12px;background:linear-gradient(90deg,#181200,#0e0b00);border-bottom:1px solid #2c2200;display:flex;align-items:center;gap:7px}
.wbody{padding:8px 10px}
.odot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--gr);box-shadow:0 0 6px var(--gr);animation:odotpulse 2s infinite}
@keyframes odotpulse{0%,100%{opacity:1}50%{opacity:.5}}
.obig{font-family:'Cinzel',serif;font-size:38px;font-weight:700;color:var(--gold);line-height:1.1}
.opeak{font-size:12px;color:var(--tm);margin-top:3px;font-family:'Cinzel',serif;letter-spacing:.5px}
.acc-avatar{width:40px;height:40px;border-radius:50%;background:#0a0a0a;border:1px solid var(--border2);overflow:hidden;margin-bottom:6px}
.acc-avatar img{width:100%;height:100%;object-fit:cover}
.acc-welcome{font-size:13px;color:var(--td);display:block}
.acc-name{font-family:'Cinzel',serif;font-size:14px;font-weight:700;color:var(--gold);display:block;margin-bottom:4px}
.acc-status{font-size:13px;color:var(--td);display:block}
.acc-prem{color:var(--gr)}
.sinput{width:100%;padding:7px 8px;background:#111;border:1px solid #2a2a2a;color:#f5f5f5;font-family:'IM Fell English',serif;font-size:14px;border-radius:3px;outline:none;transition:border-color .2s;display:block;margin-bottom:5px}
.sinput:focus{border-color:var(--gold)}
.sinput::placeholder{color:var(--tm)}
.sbtn{width:100%;padding:8px;background:rgba(212,160,23,.12);border:1px solid rgba(212,160,23,.3);color:var(--gold);font-family:'Cinzel',serif;font-size:10px;font-weight:700;letter-spacing:1.5px;cursor:pointer;border-radius:3px;display:block;text-align:center;margin-bottom:4px;transition:background .2s,border-color .2s}
.sbtn:hover{background:rgba(212,160,23,.22);border-color:var(--gold)}
.sbtn-o{display:block;width:100%;padding:6px;text-align:center;border:1px solid var(--border2);color:var(--td);font-family:'Cinzel',serif;font-size:10px;letter-spacing:1px;border-radius:2px;transition:color .2s,border-color .2s}
.sbtn-o:hover{color:var(--gold);border-color:var(--border)}
.wlink-sm{display:block;text-align:center;font-size:12px;color:var(--tm);margin-top:5px}
.wlink-sm:hover{color:var(--td)}
.tpt{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:8px}
.tpt td{padding:4px 2px}
.rc{color:#aaa;width:22px;font-family:'Cinzel',serif;font-size:11px;font-weight:700}
.nc a{color:#f5f5f5;font-size:13px}
.nc a:hover{color:var(--gold2)}
.lc{text-align:right;color:#9a9a9a;font-size:12px;font-family:'Cinzel',serif}
.rt{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:8px}
.rt td{padding:3px 0}
.rl{color:var(--td)}
.rv{text-align:right;color:var(--gold);font-family:'Cinzel',serif;font-size:13px;font-weight:600}
.we{margin-bottom:8px}
.wn{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:4px}
.wn a{color:var(--td);font-size:12px}
.wn a:hover{color:var(--gold)}
.ws{color:var(--tm);font-family:'Cinzel',serif;font-size:10px}
.wb{width:100%;height:7px;background:rgba(0,0,0,.5);border-radius:3px;overflow:hidden}
.wbf{height:100%;background:linear-gradient(90deg,#6a4a00,#d4a017);border-radius:3px 0 0 3px}
.nd{font-size:13px;color:var(--tm);display:block;padding:4px 0}
.wbtn{display:block;width:100%;padding:6px 10px;font-family:'Cinzel',serif;font-size:9.5px;font-weight:700;letter-spacing:1px;color:#9a9a9a;background:transparent;border:1px solid #2a2a2a;border-radius:3px;text-align:center;margin-top:5px;transition:color .2s,border-color .2s,background .2s}
.wbtn:hover{color:var(--gold);border-color:var(--gold);background:rgba(212,160,23,.06)}

/* ---- FOOTER ---- */
#ftr{background:#0b0b0b;border-top:1px solid #222;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;font-family:'Cinzel',serif;font-size:9.5px;letter-spacing:1px;color:#aaa;gap:16px}
#ftr-social{display:flex;gap:14px;flex-shrink:0}
#ftr-social a{font-size:16px;color:#444;transition:color .2s}
#ftr-social a:hover{color:var(--gold);}

/* ---- COOKIE ---- */
.cookie-container{position:fixed;bottom:-100%;z-index:9999;left:0;right:0;background:#141414;color:#9a9a9a;padding:10px 32px;border-top:1px solid #2a2a2a;display:flex;align-items:center;justify-content:space-between;transition:bottom .4s}
.cookie-container.active{bottom:0}
.cookie-btn{background:transparent;border:1px solid var(--border);color:var(--gold);padding:7px 24px;font-family:'Cinzel',serif;font-size:11px;border-radius:2px;cursor:pointer}
.cookie-btn:hover{border-color:var(--gold2)}

/* ---- SUBPAGE TABLES ---- */
.column_content table{width:100%;border-collapse:collapse;font-family:'IM Fell English',serif;font-size:17px;margin:8px 0 20px}
.column_content table tr th,.column_content table tr td{padding:9px 8px;color:#f5f5f5;background:transparent;border-bottom:1px solid #2a2a2a;text-align:left}
.column_content tr.yellow td,.column_content tr.yellow th{background:rgba(212,160,23,.06);color:#9a9a9a;text-transform:uppercase;font-family:'Cinzel',serif;font-size:11px;letter-spacing:1px;padding:10px 8px}
.column_content tr.separator td,.column_content tr.separator th{background:rgba(180,120,0,.06);color:var(--td);text-transform:uppercase;font-family:'Cinzel',serif;font-size:11px}
.column_content a{color:var(--gold);font-weight:600}
.column_content a:hover{color:var(--gold2)}
.column_content h1{font-family:'Cinzel',serif;color:var(--td);text-align:center;margin-bottom:16px;font-size:24px}
.column_content h2{font-family:'Cinzel',serif;color:var(--td);text-align:center;margin-bottom:12px}
.column_content button,.column_content input[type="submit"]{padding:8px 16px;background:rgba(0,0,0,.6);border:1px solid var(--border);color:var(--t);font-family:'Cinzel',serif;font-size:13px;cursor:pointer;border-radius:2px;transition:border-color .2s,color .2s}
.column_content button:hover,.column_content input[type="submit"]:hover{border-color:var(--gold);color:var(--gold2)}
.column_content input[type="text"],.column_content input[type="password"],.column_content input[type="email"]{padding:8px 12px;background:rgba(0,0,0,.5);border:1px solid var(--border2);color:var(--t);border-radius:2px;transition:border-color .2s;font-size:16px}
.column_content input:focus{outline:none;border-color:var(--border)}
.column_content input::placeholder{color:var(--tm)}
.column_content select{padding:8px 12px;background:rgba(0,0,0,.5);border:1px solid var(--border2);color:var(--t);border-radius:2px;font-size:16px}
.column_content textarea{padding:8px 12px;background:rgba(0,0,0,.5);border:1px solid var(--border2);color:var(--t);border-radius:2px;font-size:16px}
.column_content textarea:focus{outline:none;border-color:var(--border)}

/* ---- MISC ---- */
.progress-bar{width:100%;height:22px;background:rgba(0,0,0,.5);border-radius:4px;overflow:hidden;display:block}
.progress-bar-fill{height:100%;background:linear-gradient(90deg,#6a4a00,#d4a017);border-radius:4px 0 0 4px;transition:width .6s ease}
.divider{display:table;font-size:18px;text-align:center;color:var(--td);width:80%;margin:0 auto 20px}
.divider span{display:table-cell;position:relative}
.divider span:first-child,.divider span:last-child{width:50%;top:10px;background-size:100% 1px;background-repeat:no-repeat}
.divider span:first-child{background-image:linear-gradient(90deg,transparent,var(--td))}
.divider span:nth-child(2){color:var(--td);padding:0 10px;white-space:nowrap;top:-2px;width:auto}
.divider span:last-child{background-image:linear-gradient(90deg,var(--td),transparent)}
.pagination a{display:inline-block;padding:5px 9px!important}
.outfitColumn{position:relative}
.outfitColumn img{position:absolute;bottom:0}
.sidePanelTab{width:100%;height:25px;border-bottom:1px solid rgba(255,255,255,.04);display:flex;justify-content:center;align-items:center;margin-top:6px}
.sidePanelTabButton{display:flex;justify-content:center;align-items:center;width:44%;height:100%;font-size:11px;text-transform:uppercase;color:var(--td);cursor:pointer;background:rgba(0,0,0,.2)}
.sidePanelTabButtonActive{display:flex;justify-content:center;align-items:center;width:44%;height:100%;font-size:11px;text-transform:uppercase;cursor:pointer;background:rgba(30,15,0,.5);color:var(--gold);border-bottom:1px solid var(--gold)}
.borderless_table{width:100%;font-size:14px}
.borderless_table td{padding:2px 4px;color:var(--td)}
.borderless_table a{color:var(--gold)}
.side_panel_children_top{background:rgba(20,12,0,.7);border-top:1px solid #1a1000;border-bottom:1px solid #0a0800;color:#c8a050;width:100%;padding:3px 6px;font-family:'Cinzel',serif;font-size:11px;letter-spacing:1px}
.side_panel_children_center{width:100%;padding:6px;font-size:15px}
.side_panel_children_center a{color:var(--gold)}
.side_panel_children_center span{color:var(--t)}
.changelog_icon{display:inline-block;width:16px;height:16px}
.changelog_icon.icon1{background-image:url(img/newsicon_1.gif)}
.changelog_icon.icon2{background-image:url(img/newsicon_2.gif)}
.changelog_icon.icon3{background-image:url(img/newsicon_3.gif)}
.changelog_icon.icon4{background-image:url(img/newsicon_4.gif)}
.changelog_icon.icon5{background-image:url(img/newsicon_5.gif)}
.changelog_minus,.changelog_plus{width:12px;height:12px;display:inline-block;background:url(img/expand_sprite.png) no-repeat}
.changelog_minus{background-position:0 -12px}
.changelog_minus:hover,.changelog_plus:hover{cursor:pointer}
tr.dark{background:rgba(0,0,0,.5)}
.btn{display:inline-block}
.toggle_char_btn{background:transparent!important;border:0!important;box-shadow:none!important;font-size:16px;color:var(--td);cursor:pointer;font-family:'Cinzel',serif}
.toggle_char_btn:hover{color:var(--gold2)}

/* ===== UPGRADE CENTER CONTENT ===== */

.column_content {
  padding: 30px 32px;
}

/* Gör news mer "card" */
.ncard {
  background: linear-gradient(180deg, rgba(20,15,5,0.6), rgba(0,0,0,0.4));
  border: 1px solid rgba(200,140,0,0.08);
  border-radius: 4px;
  margin-bottom: 10px;
  transition: all 0.2s ease;
}

.ncard:hover {
  background: rgba(180,120,0,0.06);
  border-color: rgba(200,140,0,0.2);
  transform: translateY(-2px);
}

/* bättre titel */
.ntitle {
  font-size: 15px;
  letter-spacing: 0.5px;
}

/* bättre text */
.ntext {
  color: #7a5a20;
}

/* spacing */
#news-sec {
  padding-bottom: 20px;
}/* ===== MENU UPGRADE ===== */

.mcat {
  margin-bottom: 1px;
}

.mcathdr {
}

/* hover glow */
.mcathdr:hover {
  background: rgba(180,120,0,0.08);
}

/* sub links */
.msub li a {
  padding: 6px 12px 6px 38px;
}

.widget {
  border-radius: 4px;
}

.wbody {
  padding: 12px;
}

/* större player count */
.obig {
  font-size: 44px;
}


/* ===================================================
   TOPBAR — account bar above header
   =================================================== */
#topbar{
  width:100%;
  background:#0b0b0b;
  border-bottom:1px solid #2a2a2a;
  box-shadow:0 1px 12px rgba(0,0,0,.8);
  height:46px;
  position:sticky;top:0;z-index:1001;
}
#topbar-inner{
  max-width:1440px;width:96%;margin:0 auto;
  height:100%;display:flex;align-items:center;
  justify-content:space-between;padding:0 20px;
}
#topbar-left{display:flex;align-items:center;gap:14px}
.topbar-social{
  font-size:20px;color:var(--td);
  transition:color .2s;display:flex;align-items:center;
}
.topbar-social:hover{color:var(--gold)}
#topbar-right{display:flex;align-items:center;gap:12px}
#topbar-form{display:flex;align-items:center;gap:10px}
.topbar-input{
  height:28px;padding:0 12px;
  background:rgba(0,0,0,.6);
  border:1px solid #2a2a2a;
  border-radius:3px;
  color:#f5f5f5;
  font-family:'IM Fell English',serif;font-size:15px;
  outline:none;width:160px;
  transition:border-color .2s,background .2s;
}
.topbar-input:focus{border-color:var(--gold);background:rgba(0,0,0,.8)}
.topbar-input::placeholder{color:#aaa;font-size:14px}
.topbar-login{
  height:28px;padding:0 18px;
  background:linear-gradient(180deg,rgba(160,90,0,.35),rgba(100,50,0,.25));
  border:1px solid #d4a017;
  color:#d4a017;
  font-family:'Cinzel',serif;font-size:10px;font-weight:700;letter-spacing:1.5px;
  cursor:pointer;border-radius:2px;
  transition:background .2s,border-color .2s;
  white-space:nowrap;
}
.topbar-login:hover{background:linear-gradient(180deg,rgba(200,120,0,.45),rgba(140,70,0,.35));border-color:var(--gold)}
.topbar-register{
  font-family:'Cinzel',serif;font-size:10px;font-weight:700;letter-spacing:1.5px;
  color:var(--td);transition:color .2s;white-space:nowrap;
}
.topbar-register:hover{color:var(--gold2)}
.topbar-welcome{font-family:'Cinzel',serif;font-size:11px;color:var(--td);letter-spacing:1px}
.topbar-welcome a{color:var(--gold)}
.topbar-btn{
  font-family:'Cinzel',serif;font-size:10px;font-weight:700;letter-spacing:1.5px;
  color:var(--td);padding:0 10px;
  border-left:1px solid #201800;
  transition:color .2s;white-space:nowrap;
}
.topbar-btn:hover{color:var(--gold)}

/* ===================================================
   CHANGELOG / NEWS TICKER
   =================================================== */
#changelog-sec{
  background:#0b0b0b;
  border-bottom:1px solid #1e1e1e;
}
.cl-hdr{
  display:flex;align-items:center;gap:10px;
  padding:12px 20px 10px;
  background:#0b0b0b;
  border-bottom:1px solid #2a2a2a;
  font-family:'Cinzel',serif;font-size:12px;font-weight:700;
  letter-spacing:2px;color:var(--t);
}
.cl-hdr i{color:var(--td);font-size:13px}
.cl-all{margin-left:auto;font-family:'Cinzel',serif;font-size:10px;letter-spacing:1px;color:var(--td)}
.cl-all:hover{color:var(--gold)}
.cl-row{border-bottom:1px solid #1e1e1e}
.cl-main{
  display:flex;align-items:flex-start;gap:16px;
  padding:10px 20px;cursor:pointer;
  transition:background .15s;
}
.cl-main:hover{background:rgba(212,160,23,.04)}
.cl-date{
  font-family:'Cinzel',serif;font-size:11px;font-weight:700;
  color:#9a9a9a;white-space:nowrap;
  min-width:90px;padding-top:2px;
}
.cl-text{flex:1;font-size:13px;color:#9a9a9a;line-height:1.6}
.cl-text b,.cl-text strong{color:var(--td)}
.cl-text ul{margin-left:18px}
.cl-text li{list-style:disc;margin-bottom:2px}
.cl-full{display:none}
.cl-open .cl-full{display:block}
.cl-open .cl-preview{display:none}
.cl-toggle{
  width:22px;height:22px;flex-shrink:0;margin-top:1px;
  border:1px solid #2a2a2a;border-radius:2px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Cinzel',serif;font-size:14px;font-weight:700;
  color:var(--gold);line-height:1;
  transition:background .15s;
}
.cl-open .cl-toggle{background:rgba(180,120,0,.12);color:var(--gold2)}

/* ===================================================
   SCROLL HIDE/SHOW for topbar
   =================================================== */
#topbar{transition:height .3s ease,opacity .3s ease}
#topbar.tb-hidden{height:0!important;opacity:0;overflow:hidden;border-bottom:none}

/* Admin menu links */
.admin-link{color:var(--gold)!important}
.admin-link:hover{color:var(--gold2)!important}
.admin-link i{color:var(--gold)!important}
.admin-sep{height:1px;background:linear-gradient(90deg,transparent,#2a1e00,transparent);margin:4px 12px!important;padding:0!important}

/* Single news article view */
.single-news{padding:24px}
.sn-meta{font-size:13px;color:var(--tm);margin-bottom:8px;font-family:'Cinzel',serif;letter-spacing:.5px}
.sn-meta a{color:var(--td)}
.sn-title{font-family:'Cinzel',serif;font-size:28px;font-weight:700;color:var(--gold);margin-bottom:16px;line-height:1.2}
.sn-body{font-size:16px;color:var(--t);line-height:1.7;margin-bottom:24px}
.sn-body b,.sn-body strong{color:var(--gold2)}
.sn-body ul{margin-left:20px}
.sn-body li{list-style:disc;margin-bottom:4px}
.sn-back{font-family:'Cinzel',serif;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--td);display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border2);padding:7px 14px;border-radius:2px;transition:color .2s,border-color .2s}
.sn-back:hover{color:var(--gold);border-color:var(--border)}

.nav-btn.nav-active{border-bottom-color:var(--gold);}
.nav-btn.nav-active i,.nav-btn.nav-active .nav-label{color:var(--gold);}

/* Top players medals */
.tp-gold{color:#FFD700;font-size:13px;}
.tp-silver{color:#C0C0C0;font-size:13px;}
.tp-bronze{color:#CD7F32;font-size:13px;}
.tp-num{color:#aaa;font-family:'Cinzel',serif;font-size:11px;}

#ftr-copy{color:#444;white-space:nowrap;}
#ftr-links{display:flex;align-items:center;gap:10px;flex:1;justify-content:center;}
#ftr-links a{color:#aaa;font-size:9.5px;letter-spacing:.8px;transition:color .2s;}
#ftr-links a:hover{color:var(--gold);}
.ftr-sep{color:#333;}

/* ═══════════════════════════════════════
   ALZERIA UNIVERSAL PANEL
   Använd class="alz-panel" på alla boxar
   ═══════════════════════════════════════ */
.alz-panel {
	background: #0f0f0f;
	border: 1px solid rgba(200,146,10,.2);
	border-radius: 5px;
	box-shadow: 0 4px 24px rgba(0,0,0,.6);
	overflow: hidden;
	position: relative;
}
/* subtila hörnaccenter */
.alz-panel::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 5px;
	background: linear-gradient(135deg,
		rgba(200,150,10,.04) 0%,
		transparent 50%,
		rgba(200,150,10,.02) 100%);
	pointer-events: none;
	z-index: 0;
}
.alz-panel > * { position: relative; z-index: 1; }

/* Panel-rubrik */
.alz-panel-hdr {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 9px 14px;
	background: linear-gradient(90deg, #181200 0%, #0e0b00 100%);
	border-bottom: 1px solid #2c2200;
	font-family: 'Cinzel', serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	color: var(--gold);
}
.alz-panel-hdr i { opacity: .75; font-size: 11px; }
.alz-panel-hdr .alz-panel-action {
	margin-left: auto;
	font-size: 9px;
	letter-spacing: 1px;
	color: #666;
	font-weight: 400;
	transition: color .2s;
}
.alz-panel-hdr .alz-panel-action:hover { color: var(--gold); }

/* Meny kategori-rubrik stil */
.mcathdr {
	border-bottom: 1px solid #1e1e1e;
	margin-bottom: 0;
}
.mcathdr i:first-child {
	color: var(--gold) !important;
	opacity: .7;
}
.mcat-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	min-width: 22px;
	flex-shrink: 0;
	font-size: 0;
}
.mcat-icon i {
	color: var(--gold) !important;
	opacity: .7;
	font-size: 13px;
	width: 22px;
	text-align: center;
}

/* ── Kategori headers — samma highlight som HOME ── */
.mcat-hdr-block {
	background: rgba(200,146,10,.10);
	border-left: 3px solid #c8920a;
	border-radius: 3px;
	color: var(--gold) !important;
	cursor: default;
	margin-bottom: 0;
	justify-content: center;
}
.mcat-hdr-block i:first-child {
	color: var(--gold) !important;
	opacity: .85;
	width: 18px;
	text-align: center;
	flex-shrink: 0;
}

/* ── Wikipedia-länk i Game Info — unik turkos accent ── */
.msub-download { color:#00c8b4 !important; }
.msub-download i { color:#00c8b4 !important; }
.msub-download:hover { color:#00e8d0 !important; background:rgba(0,200,180,.06) !important; }
	color: #4fc3c8 !important;
	font-weight: 700 !important;
}
.msub-wiki i {
	color: #4fc3c8 !important;
}
.msub-wiki:hover {
	color: #7ee8ed !important;
	background: rgba(79,195,200,.08) !important;
}

/* ── Buy Points → shopPolicy redirect ── */

/* ── SERVER STATUS WIDGET (höger sidebar) ── */
.srv-widget-status {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 0 8px;
	border-bottom: 1px solid #1e1e1e;
	margin-bottom: 8px;
}
.srv-widget-rows .srv-row {
	font-size: 11.5px;
	padding: 3px 0;
	border-bottom: 1px solid #181818;
}
.srv-widget-rows .srv-row:last-child { border-bottom: none; }

/* ── TOP 3 PODIUM ── */
.top3-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 8px;
}
.top3-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 10px;
	border-radius: 3px;
	border: 1px solid transparent;
	transition: background .15s;
}
.top3-gold {
	background: rgba(255,215,0,.07);
	border-color: rgba(255,215,0,.15);
}
.top3-silver {
	background: rgba(192,192,192,.05);
	border-color: rgba(192,192,192,.10);
}
.top3-bronze {
	background: rgba(205,127,50,.05);
	border-color: rgba(205,127,50,.10);
}
.top3-icon { width: 20px; text-align: center; flex-shrink: 0; }
.top3-gold .top3-icon i    { color: #FFD700; font-size: 14px; }
.top3-silver .top3-icon i  { color: #C0C0C0; font-size: 13px; }
.top3-bronze .top3-icon i  { color: #CD7F32; font-size: 13px; }
.top3-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}
.top3-name {
	font-family: 'Cinzel', serif;
	font-size: 11px;
	font-weight: 700;
	color: #f0f0f0;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color .15s;
}
.top3-name:hover { color: var(--gold); }
.top3-level { font-size: 10px; color: #666; }
.top3-pos {
	font-family: 'Cinzel', serif;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #444;
	flex-shrink: 0;
}
.top3-gold .top3-pos    { color: #a07800; }
.top3-silver .top3-pos  { color: #888; }
.top3-bronze .top3-pos  { color: #7a5020; }

/* ── SERVER INFO WIDGET COMPACT ── */
.srv-compact {
	padding: 8px 10px !important;
}
.srv-compact-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4px 0;
	border-bottom: 1px solid #1a1a1a;
	font-family: 'Cinzel', serif;
	font-size: 10.5px;
	letter-spacing: .3px;
}
.srv-compact-row:last-child { border-bottom: none; }
.srv-compact-row span {
	color: #888;
	font-weight: 400;
}
.srv-compact-row strong {
	color: var(--gold);
	font-weight: 700;
	letter-spacing: .5px;
}

/* ── FOOTER LOGO ── */
#ftr-logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}
#ftr-logo img {
	height: 36px;
	width: auto;
	opacity: .6;
	filter: drop-shadow(0 0 6px rgba(212,160,23,.2));
	transition: opacity .2s;
}
#ftr-logo img:hover { opacity: 1; }

/* ── LOGO OVANFÖR VÄNSTER MENY ── */
#lmenu-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 10px 10px;
	border-bottom: 1px solid #2a2200;
	margin-bottom: 6px;
	background: rgba(0,0,0,.3);
}
#lmenu-logo img {
	width: 190px;
	height: auto;
	filter: drop-shadow(0 0 14px rgba(212,160,23,.5));
	transition: filter .2s;
}
#lmenu-logo img:hover {
	filter: drop-shadow(0 0 22px rgba(212,160,23,.75));
}

/* ── Auctions highlight i community-menyn ── */
.msub-auction {
	color: #ffd700 !important;
	font-weight: 700 !important;
}
.msub-auction i {
	color: #ffd700 !important;
}
.msub-auction:hover {
	color: #fff !important;
	background: rgba(255,215,0,.08) !important;
}

/* ── Auction widget ── */
.auction-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-bottom: 1px solid #1a1400;
	transition: background .15s;
	text-decoration: none;
}
.auction-item:last-child { border-bottom: none; }
.auction-item:hover { background: rgba(212,160,23,.04); }
.auction-thumb {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #1a1a1a;
	border: 2px solid rgba(200,146,10,.3);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	box-shadow: 0 0 8px rgba(200,146,10,.1);
}
.auction-thumb img { width: 32px; height: 32px; image-rendering: pixelated; transform: scale(1.2) translate(-7px,-6px); transform-origin: center; }
.auction-info { flex: 1; min-width: 0; }
.auction-name {
	font-family: 'Cinzel', serif;
	font-size: 10px;
	font-weight: 700;
	color: #f0f0f0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.auction-bid {
	font-family: 'Cinzel', serif;
	font-size: 9px;
	color: var(--gold);
	font-weight: 700;
}
.auction-time {
	font-family: 'Cinzel', serif;
	font-size: 8px;
	color: #aaa;
	white-space: nowrap;
	flex-shrink: 0;
}
/* ═══════════════════════════════════════
   AUCTION — FIXES (text sizes + claim btn)
   ═══════════════════════════════════════ */

/* Större text i korten */
.auction-card-header .char-name { font-size: 16px !important; }
.auction-card-header .char-meta { font-size: 13px !important; }
.auction-card-row              { font-size: 14px !important; }
.auction-card-row .val         { font-size: 14px !important; }

/* Portrait + detail */
.auction-portrait .char-name-big { font-size: 17px !important; }
.auction-portrait .portrait-meta { font-size: 14px !important; }
.auction-stat-row                { font-size: 14px !important; }
.auction-bid-price               { font-size: 28px !important; }
.auction-bid-timer               { font-size: 14px !important; }
.auction-info-box                { font-size: 14px !important; }

/* Claim card text */
.auction-claim-meta { font-size: 14px !important; }
.auction-claim-title { font-size: 13px !important; }

/* Congrats */
.auction-congrats h2 { font-size: 19px !important; }
.auction-congrats p  { font-size: 14px !important; }

/* Notice */
.auction-notice { font-size: 15px !important; }

/* Claim-knapp — synlig guldknapp, override column_content button */
.auction-page .btn-gold,
.auction-page button.btn-gold {
    display: inline-block !important;
    background: linear-gradient(135deg, #b8860b, #d4a017) !important;
    color: #0b0b0b !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    padding: 9px 22px !important;
    border-radius: 4px !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
}
.auction-page .btn-gold:hover,
.auction-page button.btn-gold:hover {
    opacity: 0.85 !important;
    color: #0b0b0b !important;
}

/* Outline-knapp fix */
.auction-page .btn-outline {
    font-size: 12px !important;
    padding: 7px 18px !important;
    border: 1px solid rgba(212,160,23,0.45) !important;
    color: #d4a017 !important;
    background: transparent !important;
}

/* Danger-knapp fix */
.auction-page .btn-danger {
    font-size: 12px !important;
    padding: 7px 18px !important;
    color: #cc5555 !important;
    background: transparent !important;
    border: 1px solid rgba(200,60,60,0.45) !important;
}

/* Claim input field */
.auction-page .auction-input {
    font-size: 14px !important;
    padding: 9px 14px !important;
    min-width: 200px !important;
}
/* === SERVER INFO WIDGET � OVERRIDE === */
.srv-compact .srv-compact-row span {
color: #bbb !important;
font-weight: 500 !important;
}
.srv-compact .srv-compact-row strong {
font-weight: 700 !important;
}