/* ===================== PASS 6: plate buttons + redesigned pages ===================== */
/* carved plate buttons (same artwork as the title plates) */
.mybutton,a.mybutton,button.mybutton,input[type=submit].mybutton,.donateButton,a.donateButton{
  background:none!important;border-style:solid!important;border-width:0 30px!important;border-image:url(../images/v2/plate.png) 0 15% fill/0 30px stretch!important;
  height:38px;min-height:38px;padding:0 6px!important;border-radius:0;box-shadow:none!important;
  color:var(--gold2)!important;font:bold 12px Georgia,"Palatino Linotype",serif!important;letter-spacing:2px;text-transform:uppercase;text-shadow:1px 1px 0 #000,0 0 8px rgba(255,150,40,.35)!important;
  transition:filter .15s,transform .1s}
.mybutton:hover,a.mybutton:hover,.donateButton:hover{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,150,40,.45));text-decoration:none}
.mybutton:active,.donateButton:active{transform:translateY(1px);filter:brightness(.9)}
.mybutton.ghost,a.mybutton.ghost{filter:grayscale(.65) brightness(.85)}
.mybutton.ghost:hover{filter:brightness(1.2) drop-shadow(0 0 6px rgba(255,150,40,.35))}
.card .mybutton,.card input[type=submit].mybutton{width:calc(100% + 8px);margin:14px -4px 2px;display:flex}
#content .message .mybutton{width:calc(100% + 8px);margin:16px -4px 2px}
.welcomebtns .mybutton{min-width:150px}

/* online dot */
.dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;vertical-align:1px}
.dot.on{background:#3fcf5f;box-shadow:0 0 8px #3fcf5f}
.dot.off{background:#8a3a30;box-shadow:inset 0 0 0 1px #4a1812}

/* highscores */
#content .filterbar{display:flex!important;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:12px 16px;margin:0 0 18px;background:linear-gradient(#2a1b11,#150e09);border:1px solid #000;box-shadow:inset 0 0 0 1px var(--edge),inset 0 0 0 3px #120b07,inset 0 0 0 4px rgba(224,180,76,.25)}
#content .filterbar label{color:var(--gold)!important;margin:0;font:bold 11px Georgia,serif;letter-spacing:1.5px;text-transform:uppercase}
#content .filterbar select{min-width:190px;margin:0}
#content .filterbar .mybutton{margin:0;min-width:130px;width:auto}
#content .rankhead{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 8px;font:bold 21px Georgia,serif;color:#6a1c10;text-shadow:0 1px 0 rgba(255,255,255,.4)}
#content .rankhead::before,#content .rankhead::after{content:"";width:9px;height:9px;background:linear-gradient(#c0392b,#6a120d);border:1px solid #3a0b08;transform:rotate(45deg)}
#content table.ranktable{width:100%;border-collapse:separate;border-spacing:0 5px;background:none;border:0}
#content .ranktable th{padding:9px 12px;background:linear-gradient(#7a1c16,#4a0c09);color:var(--gold2);font:bold 11px Georgia,serif;letter-spacing:1.5px;text-transform:uppercase;text-shadow:1px 1px 0 #000;border:1px solid #000;text-align:center}
#content .ranktable td{padding:9px 12px;text-align:center;vertical-align:middle;background:rgba(255,250,232,.55);border-top:1px solid rgba(110,75,45,.55);border-bottom:1px solid rgba(110,75,45,.55)}
#content .ranktable td:first-child{border-left:1px solid rgba(110,75,45,.55)}
#content .ranktable td:last-child{border-right:1px solid rgba(110,75,45,.55)}
#content .ranktable tbody tr:hover td{background:rgba(224,180,76,.32)}
#content .ranktable tbody tr:nth-child(even) td{background:rgba(235,215,170,.45)}
#content .ranktable tbody tr.top td{background:linear-gradient(rgba(255,243,200,.85),rgba(255,250,232,.6))}
#content .ranktable td.rk{width:64px;font:bold 14px Georgia,serif;color:#6a1c10}
#content .ranktable td.pn{text-align:left}
#content .ranktable td.pn a{font:bold 14px Georgia,serif;color:#6a1c10}
#content .ranktable td.pv{color:#6b4b32;font-size:12px}
#content .ranktable td.pl{font:bold 16px Georgia,serif;color:#2a1a0e;width:110px}
#content .ranktable .empty{padding:22px;color:#6b4b32;font-style:italic}
.medal{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid #000;font:bold 14px Georgia,serif;color:#2a1a0e;box-shadow:inset 0 2px 3px rgba(255,255,255,.6),0 2px 4px rgba(0,0,0,.4)}
.medal.m1{background:radial-gradient(circle at 35% 30%,#fff3c0,#e0b44c 55%,#9c6a1c)}
.medal.m2{background:radial-gradient(circle at 35% 30%,#fff,#cfd2d8 55%,#7d828c)}
.medal.m3{background:radial-gradient(circle at 35% 30%,#ffe3c0,#cd8a4e 55%,#7a4a1a)}

/* character page */
#content .charcard{border:1px solid rgba(110,75,45,.8);background:linear-gradient(rgba(255,250,232,.55),rgba(235,215,170,.35));box-shadow:inset 0 0 0 2px rgba(224,180,76,.2),0 4px 12px rgba(60,35,10,.25);margin-bottom:18px}
#content .charhead{padding:20px 18px 16px;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(224,100,40,.3),transparent 70%),linear-gradient(#2a1b11,#150e09);border-bottom:2px solid #000}
#content .charname{font:bold 30px Georgia,"Palatino Linotype",serif;color:var(--gold2);text-shadow:2px 2px 0 #000,0 0 14px rgba(255,150,40,.45);word-break:break-word}
#content .charname .dot{width:12px;height:12px;margin-right:12px;vertical-align:4px}
#content .charsub{margin-top:6px;color:#d9c8a4;font-size:13px;letter-spacing:.5px}
#content .charsub b{color:var(--gold2)}
#content .charhead .voc{font-weight:bold}
#content .charhead .voc.red{color:#ff8a7a!important}#content .charhead .voc.green{color:#6fe07a!important}#content .charhead .voc.blue{color:#8cbcff!important}#content .charhead .voc.yellow{color:#ffd36b!important}
#content .statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:rgba(110,75,45,.55)}
#content .stat{display:flex;flex-direction:column;gap:3px;padding:12px 16px;background:rgba(255,250,232,.78)}
#content .stat.wide{grid-column:1/-1}
#content .stat .k,#content .charcomment .k{font:bold 10px Georgia,serif;letter-spacing:1.5px;text-transform:uppercase;color:#7a5a38}
#content .stat .v{font:bold 16px Georgia,serif;color:#2a1a0e;word-break:break-word}
#content .stat .v.small{font-size:13px}
#content .stat .v.on{color:#1f6a2a}#content .stat .v.off{color:#a1281f}
#content .charcomment{padding:14px 18px;border-top:1px solid rgba(110,75,45,.55);line-height:1.6}
#content .charcomment>div{margin-top:4px}

/* support list */
#content .staffintro{text-align:center;color:#4a2a12;margin:0 auto 6px;max-width:520px}
#content .staffrank{display:flex;align-items:center;gap:14px;margin:20px 0 10px;font:bold 13px Georgia,serif;letter-spacing:2.5px;text-transform:uppercase;color:#6a1c10}
#content .staffrank::before,#content .staffrank::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--edge))}
#content .staffrank::after{background:linear-gradient(270deg,transparent,var(--edge))}
#content .staffgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
#content a.staffcard{display:flex;flex-direction:column;gap:3px;padding:14px 16px;background:linear-gradient(rgba(255,250,232,.6),rgba(235,215,170,.35));border:1px solid rgba(110,75,45,.7);border-left:4px solid #8c1d18;box-shadow:inset 0 0 0 2px rgba(224,180,76,.15);transition:transform .15s,box-shadow .15s}
#content a.staffcard:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px rgba(224,180,76,.4),0 4px 10px rgba(60,35,10,.3);text-decoration:none}
#content .staffname{font:bold 17px Georgia,serif;color:#6a1c10}
#content .staffstatus{font:bold 12px Verdana,sans-serif}
#content .staffstatus.on{color:#1f6a2a}#content .staffstatus.off{color:#a1281f}
#content .staffseen{font-size:11px;color:#7a5a38}
#content .ranktable th{background:linear-gradient(#7a1c16,#4a0c09)!important;color:var(--gold2)!important}

/* character search */
#content .searchpanel{max-width:520px;margin:6px auto 22px;padding:18px 22px;background:linear-gradient(#2a1b11,#150e09);border:1px solid #000;box-shadow:inset 0 0 0 1px var(--edge),inset 0 0 0 3px #120b07,inset 0 0 0 4px rgba(224,180,76,.25)}
#content .searchpanel label{display:block;float:none;margin:0 0 8px;color:var(--gold)!important;font:bold 11px Georgia,serif;letter-spacing:2px;text-transform:uppercase}
#content .searchrow{display:flex;gap:10px;align-items:center}
#content .searchrow .inputbox{flex:1;width:auto;margin:0;padding:10px 12px;font-size:14px}
#content .searchrow .mybutton{margin:0;width:auto;flex:none;min-width:130px}
#content .histhead{margin:0 0 8px;font:bold 12px Georgia,serif;letter-spacing:2px;text-transform:uppercase;color:#6a1c10;background:linear-gradient(90deg,var(--edge),transparent) bottom/100% 1px no-repeat;padding-bottom:6px}
#content #history{padding:6px 2px;line-height:2}

/* latest deaths */
#content table.deathsTable{width:100%;border:0!important;border-collapse:separate;border-spacing:0 5px;background:none}
#content table.deathsTable td{padding:10px 14px;border:0!important;border-top:1px solid rgba(110,75,45,.55)!important;border-bottom:1px solid rgba(110,75,45,.55)!important;background:rgba(255,250,232,.55);text-align:left;vertical-align:middle}
#content table.deathsTable td:first-child{width:150px;border-left:4px solid #8c1d18!important;color:#7a5a38;font:italic 12px Georgia,serif;text-align:left}
#content table.deathsTable td:last-child{border-right:1px solid rgba(110,75,45,.55)!important}
#content table.deathsTable tr:hover td{background:rgba(224,180,76,.28)}
#content table.deathsTable center{text-align:left}
#content table.deathsTable td[style*="center"]{text-align:center!important;border-left:1px solid rgba(110,75,45,.55)!important;color:#6b4b32;font-style:italic;padding:26px}

/* command tables (guild wars) + empty states */
#content table.cmdtable{width:100%;border-collapse:collapse;background:rgba(255,250,232,.35);border:1px solid rgba(110,75,45,.7)!important}
#content table.cmdtable tr:first-child td{background:linear-gradient(#7a1c16,#4a0c09)!important;text-align:center}
#content table.cmdtable tr:first-child td font{color:var(--gold2)!important;font:bold 12px Georgia,serif!important;letter-spacing:1.5px;text-transform:uppercase;text-shadow:1px 1px 0 #000}
#content table.cmdtable td{padding:9px 14px!important;border:1px solid rgba(122,90,56,.45)!important;text-align:left;font-size:12.5px;line-height:1.55}
#content table.cmdtable tr:not(:first-child):hover td{background:rgba(224,180,76,.22)}
#content table.cmdtable td:first-child font{font:bold 12px Consolas,"Courier New",monospace!important;color:#8c1d18!important}
#content .emptystate{padding:28px 18px;text-align:center;font:italic 14px Georgia,serif;color:#6b4b32;background:rgba(255,250,232,.5);border:1px solid rgba(110,75,45,.6);box-shadow:inset 0 0 0 2px rgba(224,180,76,.15)}