@import url("../../prosilver/theme/stylesheet.css");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap");

:root{--fm-ink:#11130f;--fm-panel:#1b2019;--fm-paper:#e7e2d5;--fm-muted:#bdc0b6;--fm-gold:#c8a85a;--fm-gold-light:#e5c77d;--fm-line:rgba(231,226,213,.2)}
html,body{background:#11130f;color:var(--fm-paper);font-family:"DM Sans",Arial,sans-serif}
#wrap.wrap{max-width:1240px;margin:0 auto;background:var(--fm-ink);border:0;box-shadow:none}
.headerbar,.forabg,.forumbg{background:#293027;background-image:none;border-radius:0}
.headerbar{border-bottom:2px solid var(--fm-gold)}
.headerbar .inner{padding:18px}
.site_logo{width:76px;height:76px;background-image:url("/images/crest-gold-matte.png");background-size:cover;border-radius:50%}
#site-description h1{font-family:"Barlow Condensed",Impact,sans-serif;font-size:2.1em;letter-spacing:.04em;text-transform:uppercase}
#site-description p{color:var(--fm-paper)}
.navbar,.bg3,.ucprowbg,.fieldsbg{background:#293027;border-radius:0;color:var(--fm-paper)}
.panel,.bg1,.bg2,ul.forums{background:var(--fm-panel);background-image:none;border-radius:0;color:var(--fm-paper)}
.content,.postbody,.postbody .content,.panel h2,h2,h3,dl.details dt,ul.topiclist li,li.row strong{color:var(--fm-paper)}
.content h2,.panel h2{color:var(--fm-gold-light);border-bottom-color:var(--fm-line)}
ul.topiclist li.header dt,ul.topiclist li.header dd{color:var(--fm-paper)}
li.row{border-color:var(--fm-line)}
li.row:hover{background:#30372b}
li.row:hover dd{border-left-color:var(--fm-line)}
a,a:link,.postlink,.forumtitle,.topictitle{color:var(--fm-gold-light)}
a:hover,.postlink:hover{color:#fff}
.copyright,.copyright a,.statistics,.postprofile{color:var(--fm-muted)}
.button,.button1,.button2{border-color:var(--fm-gold);border-radius:0;background:var(--fm-gold);background-image:none;color:var(--fm-ink)}
.button:hover,.button1:hover,.button2:hover{background:var(--fm-gold-light);background-image:none;color:var(--fm-ink)}
input.inputbox,textarea.inputbox,select{background:#11150f;color:var(--fm-paper);border:1px solid #858775;border-radius:0}
input.inputbox:focus,textarea.inputbox:focus,select:focus{border-color:var(--fm-gold-light);outline:2px solid var(--fm-gold-light);outline-offset:2px}
.error{color:#ffb7a4}
#nav-main a[href*="mode=register"]{display:none}

/* Forum tools keep working, but the member-facing chrome follows the private site. */
.fm-navbar{border-bottom:1px solid rgba(200,168,90,.35);background:#11150f}
.fm-navbar-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 25px;padding:13px 18px}
.fm-member-nav,.fm-member-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px 20px}
.fm-member-nav a,.fm-member-tools a{color:var(--fm-paper);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
.fm-member-nav a:hover,.fm-member-tools a:hover{color:var(--fm-gold-light);text-decoration:none}
.fm-member-tools{margin-left:auto}
.fm-member-tools a:last-child{color:var(--fm-gold-light)}
.fm-nav-count{display:inline-block;min-width:1.3em;padding:1px 4px;border-radius:10px;background:var(--fm-gold);color:var(--fm-ink);font-size:.75em;text-align:center}
#page-footer .navbar{display:none}
.fm-board-gateway{max-width:690px;margin:75px auto 90px;padding:38px 44px;border:1px solid var(--fm-line);border-top:3px solid var(--fm-gold);background:var(--fm-panel)}
.fm-board-gateway h1{margin:0 0 14px;color:var(--fm-paper);font:600 clamp(2.4rem,5vw,3.6rem)/1 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}
.fm-board-gateway p{color:var(--fm-muted);font-size:1rem;line-height:1.6}
.fm-board-gateway .button1{display:inline-block;margin-top:14px;padding:12px 19px;color:var(--fm-ink);font-weight:700;text-decoration:none;text-transform:uppercase}
.fm-board-gateway .fm-board-admin{margin-top:25px;font-size:.8rem}
@media(max-width:700px){.fm-navbar-inner{padding:14px}.fm-member-nav,.fm-member-tools{gap:10px 15px}.fm-member-tools{margin-left:0}.fm-board-gateway{margin:35px 12px;padding:27px 23px}}

/* phpBB still owns authentication, tokens, errors, and redirects. */
body:has(#login.fm-member-login) #page-header,body:has(#login.fm-member-login) #page-footer{display:none}
body:has(#login.fm-member-login) #wrap.wrap{max-width:none;min-height:100vh;padding:0 20px;background:radial-gradient(circle at 50% 4%,#283127 0,#151a14 38%,#11130f 76%)}
body:has(#login.fm-member-login) #page-body{padding:1px 0}
#login{max-width:600px;margin:60px auto 72px}
#login .fm-login-panel{margin:0;background:#1b2019;border:1px solid rgba(231,226,213,.24);border-top:3px solid var(--fm-gold);box-shadow:0 24px 70px rgba(0,0,0,.28);padding:36px 44px 40px}
#login .fm-login-panel .inner{padding:0}
#login .fm-login-brand{display:flex;align-items:center;gap:15px;padding-bottom:26px;margin-bottom:32px;border-bottom:1px solid var(--fm-line);color:var(--fm-paper)}
#login .fm-login-crest{display:block;flex:none;width:54px;height:54px;border-radius:50%;background:#0e120c url("/images/crest-gold-matte.png") center/cover no-repeat;border:1px solid rgba(200,168,90,.4)}
#login .fm-login-brand strong{display:block;font-family:"Barlow Condensed",Impact,sans-serif;font-size:1.5rem;line-height:1.05;letter-spacing:.06em;text-transform:uppercase}
#login .fm-login-brand small{display:block;margin-top:5px;color:var(--fm-muted);font-size:.78rem;letter-spacing:.025em}
#login .fm-login-kicker{margin:0 0 10px;color:var(--fm-gold-light);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
#login .fm-login-heading{margin:0;color:var(--fm-paper);font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(2.8rem,6vw,4rem);line-height:1;letter-spacing:.015em;text-transform:uppercase;border:0}
#login .fm-login-lede{margin:13px 0 28px;color:var(--fm-muted);font-size:1rem;line-height:1.6}
#login .fm-login-explain{margin:0 0 22px;padding:11px 14px;border-left:2px solid var(--fm-gold);background:#293027;color:var(--fm-paper);font-size:.9rem;line-height:1.5}
#login fieldset{border:0;margin:0;padding:0}
#login .fm-login-field{margin:0 0 20px}
#login .fm-login-field label{display:block;margin:0 0 8px;color:var(--fm-paper);font-size:.88rem;font-weight:700;letter-spacing:.02em}
#login .fm-login-field input.inputbox{box-sizing:border-box;display:block;width:100%;height:48px;margin:0;padding:10px 13px;background:#11150f;border:1px solid #777f70;border-radius:2px;color:var(--fm-paper);font-family:inherit;font-size:1rem}
#login .fm-login-field input.inputbox:hover{border-color:var(--fm-gold)}
#login .fm-login-field input.inputbox:focus{border-color:var(--fm-gold-light);outline:2px solid rgba(229,199,125,.42);outline-offset:2px}
#login .fm-login-recovery{display:flex;flex-wrap:wrap;gap:8px 18px;margin:-6px 0 22px}
#login .fm-login-recovery a{font-size:.86rem;font-weight:600}
#login .fm-login-remember{display:inline-flex;align-items:center;gap:9px;margin:0 0 24px;color:var(--fm-paper);font-size:.9rem;cursor:pointer}
#login .fm-login-remember input{width:16px;height:16px;margin:0;accent-color:var(--fm-gold)}
#login .fm-login-submit input{box-sizing:border-box;display:block;width:100%;min-height:48px;padding:11px 20px;border:1px solid var(--fm-gold);border-radius:2px;background:var(--fm-gold);color:#11130f;font-family:inherit;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}
#login .fm-login-submit input:hover{background:var(--fm-gold-light);border-color:var(--fm-gold-light)}
#login .fm-login-help{margin:23px 0 0;color:var(--fm-muted);font-size:.85rem;text-align:center;line-height:1.5}
#login .fm-login-help a{font-weight:700}
@media(max-width:700px){#wrap.wrap{min-width:0}body:has(#login.fm-member-login) #wrap.wrap{padding:0 14px}#login{margin:25px auto 55px}#login .fm-login-panel{padding:26px 22px 30px}#login .fm-login-brand{margin-bottom:26px;padding-bottom:22px}#login .fm-login-brand small{font-size:.72rem}}

/* The native phpBB editor keeps its secure posting flow and gains the member-site styling. */
body:has(#postform) #page-body{box-sizing:border-box;max-width:1040px;margin:42px auto 85px;padding:0 25px}
body:has(#postform) .posting-title{margin:0 0 23px;padding-bottom:19px;border-bottom:1px solid var(--fm-line);font:600 clamp(2.5rem,5vw,4rem)/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:.025em;text-transform:uppercase}
body:has(#postform) .posting-title a{color:var(--fm-paper);text-decoration:none}
body:has(#postform) .posting-title a:hover{color:var(--fm-gold-light)}
#postform .panel{margin:0 0 13px;border:1px solid var(--fm-line);border-radius:0;background:var(--fm-panel)}
#postform #postingbox{border-top:3px solid var(--fm-gold)}
#postform #postingbox>.inner{padding:29px 32px 34px}
#postform #postingbox h3{margin:0 0 26px;padding:0 0 14px;border-bottom:1px solid var(--fm-line);color:var(--fm-gold-light);font:.7rem "DM Sans",Arial,sans-serif;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
#postform .fields1 dl{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:15px;margin:0 0 22px}
#postform .fields1 dl dt,#postform .fields1 dl dd{width:auto;float:none;margin:0}
#postform .fields1 dt label{color:var(--fm-paper);font:.88rem "DM Sans",Arial,sans-serif;font-weight:700}
#postform #subject{box-sizing:border-box;width:min(100%,650px);max-width:100%;height:48px;padding:10px 14px;font:1rem "DM Sans",Arial,sans-serif}
#postform .fields1 dl:has(#icon) dd{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px}
#postform .fields1 dl:has(#icon) dd label{display:inline-flex;align-items:center;gap:4px;color:var(--fm-muted)}
#postform input[type="radio"],#postform input[type="checkbox"]{accent-color:var(--fm-gold)}
#postform #format-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:12px 0}
#postform #format-buttons .button2{min-width:28px;min-height:30px;padding:3px 7px;border:1px solid #777f70;background:#293027;color:var(--fm-paper);font-weight:700}
#postform #format-buttons .button2:hover{border-color:var(--fm-gold);background:#3b4536;color:var(--fm-paper)}
#postform #format-buttons select{min-height:30px}
#postform #message-box{box-sizing:border-box;width:calc(100% - 190px)}
#postform #message{box-sizing:border-box;width:100%;min-height:300px;padding:17px;background:#11150f;color:var(--fm-paper);font:1rem/1.6 "DM Sans",Arial,sans-serif}
#postform #smiley-box{box-sizing:border-box;width:180px;padding:12px;background:#252c23;border:1px solid var(--fm-line);color:var(--fm-muted)}
#postform #smiley-box strong{color:var(--fm-gold-light);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
#postform #smiley-box .bbcode-status{font-size:.73rem;line-height:1.5}
#postform .submit-buttons{padding:16px 22px;text-align:right}
#postform .submit-buttons input{min-height:42px;margin:4px;padding:9px 16px;font:700 .76rem "DM Sans",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
#postform .submit-buttons input[name="post"]{padding-inline:26px;background:var(--fm-gold);color:var(--fm-ink)}
#postform .submit-buttons input[name="preview"],#postform .submit-buttons input[name="save"]{background:transparent;color:var(--fm-gold-light)}
#postform .submit-buttons input[name="preview"]:hover,#postform .submit-buttons input[name="save"]:hover{background:#30372b;color:var(--fm-paper)}
#postform .tabs a{color:var(--fm-paper)}
#postform #options-panel .inner{padding:20px 26px}
#postform #options-panel label{color:var(--fm-paper)}
@media(max-width:700px){body:has(#postform) #page-body{margin:26px auto 55px;padding:0 14px}#postform #postingbox>.inner{padding:24px 18px}#postform .fields1 dl{grid-template-columns:1fr;gap:8px}#postform #message-box{width:100%}#postform #smiley-box{float:none;width:100%;margin:0 0 12px}#postform .submit-buttons{text-align:left}}

/* Match the more compact desktop scale of the private member pages. */
@media(min-width:851px){
  #wrap.wrap{max-width:1000px}
  .headerbar .inner{padding:12px 16px}
  .site_logo{width:62px;height:62px}
  #site-description h1{font-size:1.85em}
  .fm-navbar-inner{padding:11px 16px}
  body:has(#postform) #page-body{max-width:850px;margin:26px auto 60px;padding:0 22px}
  body:has(#postform) .posting-title{font-size:clamp(2.3rem,4vw,3.3rem)}
  #postform #postingbox>.inner{padding:23px 26px 27px}
  #postform #message{min-height:250px}
  .fm-board-gateway{margin-top:50px;margin-bottom:65px;padding:31px 36px}
}
