:root{--ink:#2a1a0e;--gold:#e0b44c;--gold2:#ffe29a;--tan:#d9c8a4;--edge:#7a5a38;--crim:#8c1d18;--link:#8a2f0d;--ok:#5fe07a;--bad:#ff6a5c}
*{box-sizing:border-box}
html{background:#05080f}
body{margin:0;font:13px/1.55 Verdana,Geneva,Tahoma,sans-serif;color:var(--tan);min-height:100vh;background:#05080f url(../images/v2/bg.jpg) center top/cover fixed no-repeat}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 90% at 50% 40%,rgba(3,5,10,.86),rgba(3,5,10,.55) 60%,rgba(3,5,10,.05) 100%)}
a{color:var(--link);text-decoration:none;transition:color .15s}a:hover{color:#c0561c;text-decoration:underline}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* header + nav */
#top{text-align:center;padding:14px 12px 0}
#top .logo{display:inline-block}
#top .logo img{width:560px;max-width:92%;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.8));transition:filter .3s}
#top .logo:hover img{filter:drop-shadow(0 0 18px rgba(255,140,40,.6)) drop-shadow(0 6px 14px rgba(0,0,0,.8))}
#mainnav{position:sticky;top:8px;z-index:30;max-width:1180px;margin:6px auto 0;padding:9px 12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:linear-gradient(rgba(34,20,12,.94),rgba(14,8,5,.94));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,.3),0 8px 18px rgba(0,0,0,.6)}
#mainnav a{color:#e8c87d;padding:6px 16px;font:bold 13px Georgia,"Palatino Linotype",serif;text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 0 #000;transition:color .15s,text-shadow .15s}
#mainnav a:hover{color:var(--gold2);text-decoration:none;text-shadow:0 0 10px rgba(255,170,60,.8),1px 1px 0 #000}
#mainnav i{width:6px;height:6px;background:var(--gold);transform:rotate(45deg);opacity:.75;flex:none}

/* layout */
#layout{max-width:1180px;margin:22px auto;padding:0 12px;display:grid;grid-template-columns:232px minmax(0,1fr) 220px;gap:14px;align-items:start}

/* menu boxes: carved stone frame + title plate */
.card{position:relative;margin:0 0 18px;padding:2px 2px 4px;color:var(--tan);border:26px solid transparent;border-image:url(../images/v2/frame-menu.png) 95 fill/26px stretch}
.card h3{margin:-14px -22px 8px;height:42px;line-height:42px;padding:0;text-align:center;white-space:nowrap;font:bold 12px/42px Georgia,"Palatino Linotype",serif;letter-spacing:1px;text-transform:uppercase;color:var(--gold2);text-shadow:1px 1px 0 #000,0 0 8px rgba(255,150,40,.4);border-style:solid;border-width:0 36px;border-image:url(../images/v2/plate.png) 0 15% fill/0 36px stretch}
.card h3::before{content:"";display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:-3px;background:center/contain no-repeat}
.card h3.i-news::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffe29a' d='M6 3h11a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zm1 4v2h9V7H7zm0 4v2h9v-2H7zm0 4v2h6v-2H7z'/%3E%3C/svg%3E")}
.card h3.i-key::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffe29a' d='M8 3a5.5 5.5 0 0 0-1.6 10.8L6 20h3v-2h2v-2h2v-2.2A5.5 5.5 0 0 0 8 3zm0 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4z'/%3E%3C/svg%3E")}
.card h3.i-sword::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffe29a' d='M20 2l2 2-9 9 1.5 1.5-1.5 1.5-1.5-1.5-4.5 4.5-2-2 4.5-4.5L7.5 11l1.5-1.5L10.5 11z'/%3E%3C/svg%3E")}
.card h3.i-shield::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffe29a' d='M12 2l8 3v6c0 5-3.4 9.3-8 11-4.6-1.7-8-6-8-11V5z'/%3E%3C/svg%3E")}
.card h3.i-coin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffe29a' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 4l1.9 4 4.3.6-3.1 3 .8 4.3-3.9-2-3.9 2 .8-4.3-3.1-3 4.3-.6z'/%3E%3C/svg%3E")}
.card>*:not(h3){margin-left:6px;margin-right:6px}
.menu{list-style:none;padding:0;margin-top:0;margin-bottom:0}.menu li{list-style:none;margin:0;padding:0}.menu li::marker{content:""}
.menu a,.linkbtn{display:block;padding:5px 10px;color:var(--tan);background:none;border:0;font:inherit;text-align:left;width:100%;cursor:pointer;position:relative;transition:color .15s,padding .15s,background .15s}
.menu a::before,.linkbtn::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-3px;background:var(--gold);transform:rotate(45deg) scale(0);transition:transform .15s}
.menu a:hover,.linkbtn:hover{background:linear-gradient(90deg,rgba(140,29,24,.5),transparent);color:var(--gold2);padding-left:16px;text-decoration:none}
.menu a:hover::before,.linkbtn:hover::before{transform:rotate(45deg) scale(1)}
.card form label{display:block;color:var(--gold);margin:6px 0 3px;font-weight:bold;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.card form .inputbox{width:100%;background:#efe3c3}
.status_on,.status_off{margin:2px 0 6px;font:bold 15px Georgia,serif;letter-spacing:1px}
.status_on{color:var(--ok);text-shadow:0 0 10px rgba(95,224,122,.5)}.status_off{color:var(--bad)}
.muted{color:var(--tan);margin:2px 0}.card .muted a{color:var(--gold)}.card .muted a:hover{color:var(--gold2)}

/* content: carved frame with parchment */
#content{color:var(--ink);min-height:480px;padding:6px 16px 10px;overflow-x:auto;border:34px solid transparent;border-image:url(../images/v2/frame-parchment.png) 92 fill/34px stretch}
#content table{border-collapse:collapse;max-width:100%}
#content td,#content th{padding:6px 9px;vertical-align:top}
#content table.contentpaneopen,#content table.contentpaneopen td{width:100%}
#content table tr:nth-child(even) td{background:rgba(90,60,20,.08)}
#content h1,#content h2,#content h3,#content h4{color:#6a1c10;margin:.2em 0 .8em;font-family:Georgia,"Palatino Linotype",serif}
#content h4{font-size:21px;text-align:center;padding-bottom:10px;background:linear-gradient(90deg,transparent,var(--edge),transparent) bottom/100% 2px no-repeat}
#content hr{border:0;height:2px;background:linear-gradient(90deg,transparent,var(--edge),transparent)}
#content a{color:var(--link);font-weight:bold}

/* forms + buttons */
input[type=text],input[type=password],input[type=email],input[type=number],textarea,select,.inputbox{background:#f7efd9;color:var(--ink);border:1px solid #000;box-shadow:inset 1px 1px 3px rgba(60,35,10,.45);padding:7px 9px;font:inherit;max-width:100%;transition:box-shadow .15s}
input:focus,textarea:focus,select:focus{outline:0;background:#fffaea;box-shadow:inset 1px 1px 3px rgba(60,35,10,.35),0 0 0 2px var(--gold)}
input[type=submit],input[type=button],button,.mybutton,.donateButton,a.button{background:linear-gradient(#a6271f,#6a120d);color:var(--gold2)!important;border:1px solid #000;box-shadow:inset 0 1px 0 rgba(255,190,140,.4),inset 0 0 0 2px rgba(224,180,76,.35),0 2px 4px rgba(0,0,0,.5);padding:8px 20px;font:bold 12px Georgia,serif;text-transform:uppercase;letter-spacing:2px;cursor:pointer;display:inline-block;text-decoration:none;text-shadow:1px 1px 0 #000;transition:filter .15s,transform .1s}
input[type=submit]:hover,button:hover,.mybutton:hover,.donateButton:hover{filter:brightness(1.2);text-decoration:none}
input[type=submit]:active,.donateButton:active,button:active{transform:translateY(1px)}
.card .mybutton{width:100%;margin-top:12px}
.card .linkbtn{background:none;box-shadow:none;border:0;color:var(--tan)!important;text-shadow:none;text-transform:none;letter-spacing:0;font:inherit;padding:5px 10px}

/* legacy content pieces */
#content .news{margin:0 0 22px;padding:0;background:rgba(255,248,225,.45);border:1px solid var(--edge);box-shadow:0 3px 8px rgba(60,35,10,.35)}
#content .newsTitle{background:linear-gradient(#7a1c16,#4a0c09);color:var(--gold2);font:bold 16px Georgia,serif;padding:10px 16px;letter-spacing:1px;border-bottom:2px solid #000;text-shadow:1px 1px 0 #000}
#content .newsBody{color:var(--ink);padding:16px 18px;white-space:pre-line;line-height:1.7}
#content .newsFooter{color:#7a5a38;font-size:11px;padding:6px 16px;border-top:1px solid var(--edge);text-align:right;font-style:italic}
#content .news .content{padding:6px 14px 14px}
#content .title,.rules{background:rgba(255,248,225,.55);color:var(--ink);border:1px solid var(--edge);box-shadow:inset 0 0 0 2px rgba(224,180,76,.3);padding:12px 18px;font-weight:bold}
.rules{font-weight:normal}.rules p{margin:.6em 0}
#content .title{display:inline-block;color:#6a1c10;font-family:Georgia,serif;font-size:15px}
.donationMenu{background:linear-gradient(#7a1c16,#4a0c09);border:1px solid #000;padding:8px 14px;margin:6px 0}.donationMenu a{color:var(--gold2)!important}
.donations{width:100%;margin:6px 0;background:rgba(255,248,225,.5);border:1px solid var(--edge)}
#content table[border="1"],#content table[border="1"] td,#content table[border="1"] th{border:1px solid var(--edge)}
#content tr[bgcolor] td,#content td[bgcolor],#content th{background:linear-gradient(#cdb683,#bda57a)!important;color:var(--ink)}
#content font[color=red]{color:#a1281f}#content font[color=green]{color:#1f6a2a}
#content label{color:var(--ink)!important}

#footer{max-width:1180px;margin:8px auto 34px;padding:18px 16px;text-align:center;color:#b9a47f;font-size:11px;letter-spacing:1px;text-shadow:1px 1px 0 #000}
#footer a{color:var(--gold)}#footer a:hover{color:var(--gold2)}

@media(max-width:1000px){#layout{grid-template-columns:1fr}#left,#right{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 14px}#mainnav{position:static}}
@media(max-width:560px){#mainnav a{padding:6px 9px;font-size:11px;letter-spacing:1px}#content{border-width:26px;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#content font[color]{color:#4a2a12!important}
#content font[color=red],#content font[color="#B20107"],#content font[color="#b20107"]{color:#a1281f!important}
#content font[color=green]{color:#1f6a2a!important}
#content .infoBox,#content .warningBox{color:var(--ink)}