:root {
  --sg-black: #090908;
  --sg-body: #3E403B;
  --sg-bg: #11110E;
  --sg-dark-panel: #1B1B19;
  --sg-panel: #21211F;
  --sg-row: #2D2B24;
  --sg-row-alt: #343025;
  --sg-warm: #3C382C;
  --sg-trim: #3A3C36;
  --sg-shadow: #232119;
  --sg-border: #18150F;
  --sg-header-low: #302510;
  --sg-header: #493B1B;
  --sg-bronze: #5C522E;
  --sg-gold-dim: #70663F;
  --sg-gold-dark: #7B6B33;
  --sg-gold: #A89439;
  --sg-yellow: #FEC70A;
  --sg-link: #AD9970;
  --sg-link-hover: #C2B37A;
  --sg-text: #D8D2BE;
  --sg-muted: #AFA58A;
  --sg-red: #531916;
}

* { box-sizing: border-box; }
html { background: var(--sg-body); }
body.sg-arcade-classic {
  margin: 0;
  min-width: 980px;
  background: var(--sg-body) !important;
  color: var(--sg-text) !important;
  font: 11px/1.35 Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body.admin-bar.sg-arcade-classic { padding-top: 32px; }
body, td, th, p, li, div { color: var(--sg-text); }
img, iframe, embed, object, video { max-width: 100%; }
img { height: auto; border: 0; }
a { color: var(--sg-link) !important; text-decoration: none; }
a:hover, a:focus { color: var(--sg-link-hover) !important; text-decoration: none; }
p { margin: 0 0 1em; }
ul, ol { margin-top: 0; }
h1, h2, h3, h4, h5, h6 {
  color: var(--sg-link-hover);
  line-height: 1.18;
  margin: 0 0 .65em;
  text-shadow: 1px 1px 0 #000;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.skip-link:focus {
  background: var(--sg-link-hover);
  color: #000 !important;
  clip: auto !important;
  display: block;
  height: auto;
  left: 8px;
  padding: 8px 12px;
  top: 8px;
  width: auto;
  z-index: 100000;
}

.sg-page { min-height: 100vh; }
.page,
.above_body,
.body_wrapper,
.below_body {
  width: 90% !important;
  max-width: none !important;
  min-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
.above_body {
  background: transparent !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Exact vBulletin/XD-Apoc header art split */
#header.doc_header,
#header.sg-header {
  position: relative !important;
  width: 100% !important;
  height: 201px !important;
  min-height: 201px !important;
  margin: 0 !important;
  background:
    url('../images/headerleft.png') no-repeat left -1px,
    url('../images/headerright.fw.png') no-repeat right top,
    url('../images/header_center_horz_repeat.png') repeat-x center 1px !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#header .logo-image {
  display: block !important;
  position: absolute !important;
  left: 54px !important;
  top: 10px !important;
  z-index: 2 !important;
  border: 0 !important;
}
#header .logo-image img {
  display: block !important;
  width: 381px !important;
  height: 147px !important;
  object-fit: contain;
  border: 0 !important;
}
#header.sg-header #sg_header_buttons,
#header.doc_header #sg_header_buttons {
  display: block !important;
  position: absolute !important;
  left: 79px !important;
  top: 173px !important;
  width: 360px !important;
  height: 23px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 30 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
}
#header.sg-header #sg_header_buttons a.sg-header-button,
#header.doc_header #sg_header_buttons a.sg-header-button {
  display: block !important;
  float: left !important;
  width: 85px !important;
  height: 23px !important;
  line-height: 23px !important;
  margin: 0 1px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  font-size: 11px !important;
  font-weight: bold !important;
  color: var(--sg-link-hover) !important;
  text-decoration: none !important;
  text-shadow: 1px 1px 1px #000;
  border: 1px solid var(--sg-border) !important;
  border-radius: 999px !important;
  background: linear-gradient(#493B1B, #302510) !important;
  box-shadow: inset 0 1px 1px #7B6B33, inset 0 -1px 1px #000 !important;
}
#header.sg-header #sg_header_hlstats,
#header.doc_header #sg_header_hlstats { position: relative !important; left: 1px !important; }
#header.sg-header #sg_header_gamepanel,
#header.doc_header #sg_header_gamepanel { position: relative !important; left: 3px !important; }
#header.sg-header #sg_header_banners,
#header.doc_header #sg_header_banners { position: relative !important; left: 7px !important; }
#header.sg-header #sg_header_buttons a.sg-header-button:hover,
#header.doc_header #sg_header_buttons a.sg-header-button:hover {
  color: var(--sg-text) !important;
  background: linear-gradient(#7B6B33, #493B1B) !important;
}

/* Restored small header controls sitting on the bottom header chrome */
#navbar.sg-navbar {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 8 !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: -64px 0 0 0 !important;
  padding: 0 104px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
#navbar.sg-navbar #sg_header_standard_nav {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  left: 480px !important;
  top: 38px !important;
  width: 248px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 70 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
#navbar.sg-navbar #sg_header_standard_nav ul.sg-standard-navbits {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem {
  display: inline-block !important;
  visibility: visible !important;
  float: none !important;
  clear: none !important;
  position: relative !important;
  height: 20px !important;
  margin: 0 4px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  vertical-align: top !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem > a,
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem > a.popupctrl {
  display: block !important;
  visibility: visible !important;
  height: 18px !important;
  line-height: 18px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  font-family: Verdana, Geneva, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-align: center !important;
  text-decoration: none !important;
  color: var(--sg-yellow) !important;
  text-shadow: 1px 1px 1px #000000 !important;
  background: linear-gradient(#302510, #090908) !important;
  border: 1px solid var(--sg-border) !important;
  border-radius: 5px !important;
  box-shadow: inset 0 1px 1px #7B6B33, inset 0 -1px 1px #000000 !important;
  white-space: nowrap !important;
}
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem > a:hover,
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem > a.popupctrl:hover {
  color: var(--sg-text) !important;
  background: linear-gradient(#493B1B, #18150F) !important;
}
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem > ul.popupbody,
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem > ul.popuphover {
  display: none;
  position: absolute !important;
  left: 0 !important;
  top: 20px !important;
  min-width: 170px !important;
  margin: 0 !important;
  padding: 4px !important;
  background: var(--sg-panel) !important;
  border: 1px solid var(--sg-gold-dim) !important;
  box-shadow: 0 2px 4px #000000 !important;
  z-index: 9999 !important;
}
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem:hover > ul.popupbody,
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem:focus-within > ul.popupbody { display: block; }
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem > ul.popupbody li { display: block; margin: 0; padding: 0; list-style: none; }
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem > ul.popupbody li a {
  display: block !important;
  line-height: 18px !important;
  padding: 2px 8px !important;
  color: var(--sg-link) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}
#navbar.sg-navbar #sg_header_standard_nav li.sg-standard-navitem > ul.popupbody li a:hover {
  color: var(--sg-link-hover) !important;
  background: var(--sg-row-alt) !important;
}

/* Body rails: only the page body gets rails */
.body_wrapper {
  position: relative !important;
  z-index: 2 !important;
  background-image:
    url('../images/sg_left_repeat.png'),
    url('../images/sg_right_repeat.png') !important;
  background-repeat: repeat-y, repeat-y !important;
  background-position: left 7px top, right 7px top !important;
  background-color: var(--sg-body) !important;
  padding-left: 65px !important;
  padding-right: 65px !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
.body_wrapper > * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}
#breadcrumb,
#pagetitle {
  background: var(--sg-shadow) !important;
  border: 1px solid var(--sg-border) !important;
  padding: 7px 10px !important;
  margin: 0 0 12px 0 !important;
  color: var(--sg-muted) !important;
  min-height: 28px;
}
#breadcrumb ul,
.sg-navbits {
  margin: 0;
  padding: 0;
  list-style: none;
}
#breadcrumb li,
#breadcrumb a,
#pagetitle h1,
#pagetitle .description { color: var(--sg-muted) !important; }
#breadcrumb li { display: inline; margin-right: 8px; }
#breadcrumb .navbithome a { color: var(--sg-link-hover) !important; font-size: 10px; }
#pagetitle h1 { margin: 0 0 3px; font-size: 13px; }
#pagetitle .description { margin: 0; }

.sg-undercrumb-bar {
  width: 100% !important;
  margin: -4px 0 14px 0 !important;
  padding: 7px 10px !important;
  box-sizing: border-box !important;
  background: var(--sg-panel) !important;
  border: 1px solid var(--sg-border) !important;
  box-shadow: none !important;
  color: var(--sg-muted) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  clear: both !important;
}
.sg-undercrumb-account {
  padding: 2px 8px 2px 40px !important;
  min-height: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.sg-steam-button {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 10px;
  color: #fff !important;
  font-size: 9px;
  font-weight: bold;
  border: 1px solid #223814;
  border-radius: 2px;
  text-shadow: 1px 1px 0 #000;
  background: linear-gradient(#8cc653, #3d6f20);
}
#globalsearch.sg-search {
  position: static !important;
  width: 230px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.sg-search-form { display: flex; align-items: center; gap: 5px; margin: 0; }
#globalsearch .textbox,
.sg-search-field {
  width: 145px !important;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0 6px !important;
  background: var(--sg-body) !important;
  color: var(--sg-text) !important;
  border: 1px solid var(--sg-gold-dark) !important;
  font-size: 11px !important;
}
.sg-search-submit { height: 20px !important; line-height: 18px !important; padding: 0 8px !important; font-size: 10px !important; }

/* Navigation Manager row under account strip */
#sg_navmanager_strip.sg-navmanager-strip {
  display: block !important;
  clear: both !important;
  width: auto !important;
  box-sizing: border-box !important;
  margin: 0 0 14px 0 !important;
  padding: 7px 9px !important;
  background: var(--sg-panel) !important;
  border-top: 1px solid var(--sg-warm) !important;
  border-right: 1px solid var(--sg-border) !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 1px solid var(--sg-border) !important;
  box-shadow: inset 0 1px 0 var(--sg-warm), 0 1px 2px #000000 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 5000 !important;
}
#sg_navmanager_strip #sg_navmanager_tabs.sg-navmanager-tabs,
#sg_navmanager_strip ul.sg-navmanager-tabs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: relative !important;
}
#sg_navmanager_strip #sg_navmanager_tabs > li,
#sg_navmanager_strip ul.sg-navmanager-tabs > li {
  float: none !important;
  display: block !important;
  position: relative !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
  z-index: 5100 !important;
}
#sg_navmanager_strip #sg_navmanager_tabs > li > a,
#sg_navmanager_strip ul.sg-navmanager-tabs > li > a {
  display: block !important;
  width: auto !important;
  height: 24px !important;
  line-height: 24px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-decoration: none !important;
  font-size: 11px !important;
  font-weight: bold !important;
  letter-spacing: .2px !important;
  color: var(--sg-link-hover) !important;
  text-shadow: 1px 1px 0 #000000 !important;
  background-color: var(--sg-row) !important;
  background-image: linear-gradient(to bottom, #493B1B 0%, #2D2B24 48%, #18150F 100%) !important;
  border: 1px solid var(--sg-gold-dim) !important;
  border-radius: 7px !important;
  box-shadow: inset 0 1px 0 #7B6B33, inset 0 -1px 0 #000000, 0 1px 1px #000000 !important;
}
#sg_navmanager_strip #sg_navmanager_tabs > li.current-menu-item > a,
#sg_navmanager_strip #sg_navmanager_tabs > li.active > a,
#sg_navmanager_strip #sg_navmanager_tabs > li > a:hover,
#sg_navmanager_strip ul.sg-navmanager-tabs > li > a:hover {
  color: var(--sg-black) !important;
  text-shadow: 0 1px 0 var(--sg-link-hover) !important;
  background-color: var(--sg-gold) !important;
  background-image: linear-gradient(to bottom, #C2B37A 0%, #A89439 45%, #70663F 100%) !important;
  border-color: var(--sg-link-hover) !important;
}
#sg_navmanager_strip #sg_navmanager_tabs ul,
#sg_navmanager_strip ul.sg-navmanager-tabs ul {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  top: 25px !important;
  left: 0 !important;
  z-index: 99999 !important;
  min-width: 190px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 5px !important;
  list-style: none !important;
  background: var(--sg-panel) !important;
  border: 1px solid var(--sg-gold-dim) !important;
  border-radius: 6px !important;
  box-shadow: 0 3px 8px #000000, inset 0 1px 0 var(--sg-warm) !important;
  overflow: visible !important;
}
#sg_navmanager_strip #sg_navmanager_tabs li:hover > ul,
#sg_navmanager_strip ul.sg-navmanager-tabs li:hover > ul,
#sg_navmanager_strip #sg_navmanager_tabs li:focus-within > ul,
#sg_navmanager_strip ul.sg-navmanager-tabs li:focus-within > ul {
  display: block !important;
  visibility: visible !important;
}
#sg_navmanager_strip #sg_navmanager_tabs ul li a,
#sg_navmanager_strip ul.sg-navmanager-tabs ul li a {
  display: block !important;
  line-height: 18px !important;
  padding: 4px 8px !important;
  white-space: nowrap !important;
  text-align: left !important;
  font-size: 11px !important;
  font-weight: normal !important;
  color: var(--sg-link) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 4px !important;
}
#sg_navmanager_strip #sg_navmanager_tabs ul li a:hover,
#sg_navmanager_strip ul.sg-navmanager-tabs ul li a:hover {
  color: var(--sg-black) !important;
  background: var(--sg-gold) !important;
}

.sg-content,
#content {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  clear: both !important;
  min-height: 520px;
}

/* XD-Apoc section panels */
.sg-section,
.sg-panel,
.sg-entry-panel,
.sg-post-card,
.sg-comments,
#wgo,
.block {
  position: relative !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.sg-section-head,
.sg-panel-head,
.blockhead {
  background:
    url('../images/ca_top_left.fw.png') no-repeat left 6px,
    url('../images/cat_top_right.fw.png') no-repeat right 6px,
    url('../images/cat_top_repeat.fw.png') repeat-x center 3px,
    var(--sg-header-low) !important;
  min-height: 42px !important;
  height: 42px !important;
  line-height: 42px !important;
  border: 0 !important;
  color: var(--sg-text) !important;
  box-sizing: border-box !important;
  padding: 0 76px 0 80px !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.sg-section-head h2,
.sg-panel-head h2,
.blockhead h2,
.blockhead h3 {
  color: var(--sg-yellow) !important;
  line-height: 42px !important;
  font-size: 13px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  margin: 0 !important;
  text-transform: uppercase;
}
.sg-section:after,
.sg-panel:after,
.sg-entry-panel:after,
.sg-post-card:after,
.sg-comments:after,
#wgo:after,
.block:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
  height: 19px !important;
  background:
    url('../images/cat_bottom_left.fw.png') no-repeat left top,
    url('../images/cat_bottom_right.fw.png') no-repeat right top,
    url('../images/cat_bottom_repeat_center.fw.png') repeat-x center top !important;
}
.sg-section-body,
.sg-panel-body,
.sg-entry-content,
.sg-comment-body,
.blockbody,
.blockrow {
  background: var(--sg-panel) !important;
  border-left: 1px solid var(--sg-border) !important;
  border-right: 1px solid var(--sg-border) !important;
  color: var(--sg-text) !important;
  box-sizing: border-box !important;
}
.sg-section-body,
.sg-panel-body,
.sg-entry-content,
.sg-comment-body { padding: 12px; }
.sg-arcade-table { display: table; width: 100%; border-collapse: collapse; background: var(--sg-panel); }
.sg-arcade-row { display: table-row; }
.sg-arcade-row:nth-child(even) { background: var(--sg-row) !important; }
.sg-arcade-cell { display: table-cell; vertical-align: middle; padding: 10px 12px; border-bottom: 1px solid var(--sg-border); }
.sg-arcade-icon { width: 34px; text-align: center; }
.sg-orb {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #777, #25282a 55%, #111 100%);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.25), 0 1px 2px #000;
}
.sg-status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8de17a;
  box-shadow: 0 0 4px #8de17a;
}
.sg-arcade-main-title,
.sg-arcade-main-title a,
.sg-row-title,
.sg-row-title a,
.sg-post-card-title a,
.sg-entry-title a { color: var(--sg-yellow) !important; font-weight: bold; }
.sg-row-desc,
.sg-row-meta,
.sg-post-meta,
.sg-post-excerpt,
.description,
.shade,
.time,
.smallfont { color: var(--sg-muted) !important; }
.sg-row-stats { width: 110px; text-align: center; font-size: 10px; color: var(--sg-muted); }
.sg-row-last { width: 260px; font-size: 10px; color: var(--sg-muted); }
.sg-section-subhead {
  background: var(--sg-shadow);
  border: 1px solid var(--sg-border);
  color: var(--sg-muted);
  padding: 8px 10px;
  margin-bottom: 12px;
}

/* WP content */
.sg-entry-panel { margin-bottom: 18px; }
.sg-entry-header { margin: 0; }
.sg-entry-title { font-size: 22px; margin: 0 0 5px; color: var(--sg-yellow); }
.sg-featured-image img { display: block; width: 100%; border: 1px solid #000; }
.sg-post-list { display: grid; gap: 18px; }
.sg-post-card .sg-panel-body { min-height: 80px; }
.sg-post-card-title { font-size: 16px; margin: 0 0 6px; }
.sg-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0 0 18px; }
.sg-post-nav > div:last-child { text-align: right; }
.sg-archive-description { color: var(--sg-muted); }
.sg-no-comments { color: var(--sg-muted); }
.sg-comment-list { margin: 0; padding-left: 24px; }
.sg-comment-list li { margin-bottom: 12px; }
.sg-comment-form textarea { min-height: 140px; }

/* Buttons and forms */
.button,
.sg-button,
button,
input[type="submit"],
.wp-block-button__link,
.comment-reply-link,
.pagination .page-numbers,
.nav-links .page-numbers,
a.textcontrol {
  display: inline-block;
  background: linear-gradient(#5C522E, #302510) !important;
  color: var(--sg-text) !important;
  border: 1px solid var(--sg-gold-dark) !important;
  border-radius: 8px !important;
  padding: .45em .8em;
  font-weight: bold;
  line-height: 1.2;
  text-shadow: 1px 1px 0 #000;
  cursor: pointer;
}
.button:hover,
.sg-button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.comment-reply-link:hover,
.pagination .page-numbers:hover,
.nav-links .page-numbers:hover,
a.textcontrol:hover {
  background: linear-gradient(#7B6B33, #493B1B) !important;
  color: var(--sg-link-hover) !important;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select,
.textbox,
.bginput {
  background: var(--sg-panel) !important;
  color: var(--sg-text) !important;
  border: 1px solid var(--sg-gold-dark) !important;
  padding: 7px 8px;
  max-width: 100%;
}
label { color: var(--sg-muted); }
table { width: 100%; border-collapse: collapse; background: var(--sg-panel); border: 1px solid #000; }
th, td { border: 1px solid var(--sg-border); padding: 8px; color: var(--sg-text); }
th { background: var(--sg-row); color: var(--sg-link-hover); }
.wp-block-quote,
blockquote { border-left: 4px solid var(--sg-gold-dark); background: rgba(0,0,0,.18); margin: 1em 0; padding: 12px 16px; color: var(--sg-text); }
.alignleft { float: left; margin: .35em 1em 1em 0; }
.alignright { float: right; margin: .35em 0 1em 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.gallery { display: grid; gap: 10px; }
.sticky { outline: 1px solid var(--sg-gold-dark); }
.bypostauthor { outline: 1px solid var(--sg-bronze); }

/* Footer art split, held between body rails */
.below_body {
  background: transparent !important;
  color: var(--sg-muted) !important;
  padding-top: 0 !important;
  padding-bottom: 18px !important;
}
.sg-footer-center-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  clear: both !important;
  float: none !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
}
#footer.footer,
#footer.sg-footer {
  display: block !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 378px !important;
  height: 66px !important;
  min-height: 66px !important;
  margin: 18px 33px 0 33px !important;
  padding: 0 216px 0 162px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  vertical-align: top !important;
  background-image:
    url('../images/footer_left.fw.png'),
    url('../images/footer_right.fw.png'),
    url('../images/footer-repeat-center-horz.fw.png') !important;
  background-repeat: no-repeat, no-repeat, repeat-x !important;
  background-position: left top, right top, center top !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: visible !important;
  color: var(--sg-muted) !important;
}
#footer a,
.footer a { color: var(--sg-link) !important; }
#footer a:hover,
.footer a:hover { color: var(--sg-link-hover) !important; }
#footer #footer_links,
#footer .sg-footer-admin-strip {
  position: absolute;
  left: 162px !important;
  right: 216px !important;
  top: 19px !important;
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer #footer_links li { display: inline; margin: 0 5px; }
#footer #footer_time,
#footer #footer_copyright,
#footer #footer_morecopyright {
  position: absolute;
  left: 162px !important;
  right: 216px !important;
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box !important;
  text-align: center !important;
  overflow: hidden !important;
  color: var(--sg-muted) !important;
  font-size: 9px;
  line-height: 11px;
}
#footer #footer_time { top: 31px; }
#footer #footer_copyright { top: 43px; }
.sg-footer-hit {
  display: block !important;
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  z-index: 6 !important;
  cursor: pointer !important;
}
#footer .sg-footer-hit-top { left: 12px !important; top: 15px !important; width: 48px !important; height: 44px !important; }
#footer .sg-footer-hit-home { right: 158px !important; top: 26px !important; width: 29px !important; height: 24px !important; }
#footer .sg-footer-hit-admin { right: 126px !important; top: 26px !important; width: 29px !important; height: 24px !important; }
#footer .sg-footer-hit-mod { right: 96px !important; top: 26px !important; width: 29px !important; height: 24px !important; }
#footer .sg-footer-hit-calendar { right: 63px !important; top: 26px !important; width: 31px !important; height: 24px !important; }

@media screen and (max-width: 1100px) {
  body.sg-arcade-classic { min-width: 0; }
  .page,
  .above_body,
  .body_wrapper,
  .below_body {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  #navbar.sg-navbar #sg_header_standard_nav { left: auto !important; right: 86px !important; }
}

@media screen and (max-width: 767px) {
  body.admin-bar.sg-arcade-classic { padding-top: 46px; }
  #header.doc_header,
  #header.sg-header {
    width: 490px !important;
    max-width: 100% !important;
    height: 201px !important;
    min-height: 201px !important;
    margin: 0 auto !important;
    background: url('../images/mobileheader.fw.png') no-repeat center top #090908 !important;
    background-size: 490px 201px !important;
  }
  #header .logo-image { left: 14px !important; top: 10px !important; }
  #header .logo-image img { width: 250px !important; height: auto !important; }
  #navbar.sg-navbar #sg_header_standard_nav { display: none !important; visibility: hidden !important; }
  #navbar.sg-navbar { width: 490px !important; max-width: 100% !important; min-width: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; }
  #header.sg-header #sg_header_buttons,
  #header.doc_header #sg_header_buttons {
    left: 0 !important;
    top: 172px !important;
    width: 490px !important;
    max-width: 100% !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #header.sg-header #sg_header_buttons a.sg-header-button,
  #header.doc_header #sg_header_buttons a.sg-header-button {
    float: none !important;
    position: absolute !important;
    top: 0 !important;
    height: 21px !important;
    line-height: 20px !important;
    margin: 0 !important;
    padding: 0 3px !important;
    font-size: 9px !important;
    color: var(--sg-yellow) !important;
    background: linear-gradient(#5C522E, #302510) !important;
  }
  #header.sg-header #sg_header_home { left: 87px !important; width: 76px !important; }
  #header.sg-header #sg_header_hlstats { left: 181px !important; width: 71px !important; }
  #header.sg-header #sg_header_gamepanel { left: 263px !important; width: 77px !important; }
  #header.sg-header #sg_header_banners { left: 350px !important; width: 79px !important; }
  .body_wrapper {
    background:
      url('../images/sg_left_repeat.png') repeat-y 11px -4px,
      url('../images/sg_right_repeat.png') repeat-y calc(100% - 19px) -4px,
      var(--sg-body) !important;
    padding: 12px 54px 18px 70px !important;
  }
  .sg-undercrumb-bar { display: block !important; }
  .sg-undercrumb-account { padding-left: 0 !important; display: block; }
  #globalsearch.sg-search { width: auto !important; margin-top: 8px !important; }
  .sg-search-form { justify-content: flex-start; }
  .sg-arcade-table,
  .sg-arcade-row,
  .sg-arcade-cell { display: block; width: 100% !important; }
  .sg-row-stats,
  .sg-row-last { text-align: left; }
  .sg-section-head,
  .sg-panel-head,
  .blockhead { padding: 0 28px 0 54px !important; }
  #footer.footer,
  #footer.sg-footer {
    width: auto !important;
    max-width: none !important;
    min-width: 378px !important;
    height: 112px !important;
    min-height: 112px !important;
    margin: 10px 33px 0 33px !important;
    padding: 0 216px 0 162px !important;
  }
  #footer #footer_links,
  #footer .sg-footer-admin-strip,
  #footer #footer_time,
  #footer #footer_copyright { left: 12px !important; right: 12px !important; }
}

@media screen and (max-width: 520px) {
  .body_wrapper { padding: 8px !important; background: var(--sg-body) !important; }
  #header.sg-header #sg_header_buttons { transform: scale(.82); transform-origin: left top; }
  #footer.footer,
  #footer.sg-footer {
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: var(--sg-shadow) !important;
    height: auto !important;
    min-height: 70px !important;
    padding: 12px !important;
  }
  #footer #footer_links,
  #footer #footer_time,
  #footer #footer_copyright { position: static !important; display: block; margin: 3px 0; }
  .sg-footer-hit { display: none !important; }
}

/* v003 arcade landing page: WordPress menu only, with SG ads around it */
.sg-arcade-menu-page .sg-section-body {
  padding: 12px !important;
}
.sg-ad-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 12px 0 !important;
}
.sg-ad-strip-bottom {
  margin: 12px 0 0 0 !important;
}
.sg-ad-box {
  display: block !important;
  min-height: 74px !important;
  padding: 12px 14px 12px 58px !important;
  position: relative !important;
  color: var(--sg-text) !important;
  border: 1px solid var(--sg-border) !important;
  background:
    linear-gradient(90deg, rgba(9,9,8,.9), rgba(45,43,36,.96)),
    var(--sg-row) !important;
  box-shadow: inset 0 1px 0 var(--sg-warm), 0 1px 2px #000 !important;
  text-decoration: none !important;
  overflow: hidden !important;
}
.sg-ad-box:before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  width: 28px !important;
  height: 28px !important;
  margin-top: -14px !important;
  border-radius: 50% !important;
  border: 1px solid #000 !important;
  background: radial-gradient(circle at 34% 28%, #C2B37A, #70663F 42%, #18150F 100%) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.25), 0 0 9px rgba(168,148,57,.32) !important;
}
.sg-ad-box:hover {
  background:
    linear-gradient(90deg, rgba(24,21,15,.92), rgba(73,59,27,.96)),
    var(--sg-row-alt) !important;
}
.sg-ad-title {
  display: block !important;
  color: var(--sg-yellow) !important;
  font-size: 13px !important;
  font-weight: bold !important;
  line-height: 1.2 !important;
  margin: 0 0 4px 0 !important;
  text-shadow: 1px 1px 0 #000 !important;
}
.sg-ad-text {
  display: block !important;
  color: var(--sg-muted) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
.sg-arcade-title-row {
  margin-bottom: 0 !important;
}
.sg-arcade-menu-wrap {
  background: var(--sg-panel) !important;
  border: 1px solid var(--sg-border) !important;
  border-top: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.sg-arcade-game-menu,
.sg-arcade-game-menu ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sg-arcade-game-menu > li {
  display: block !important;
  position: relative !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--sg-panel) !important;
  border-bottom: 1px solid var(--sg-border) !important;
}
.sg-arcade-game-menu > li:nth-child(even) {
  background: var(--sg-row) !important;
}
.sg-arcade-game-menu > li:before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  margin-top: -9px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 30%, #777, #25282a 55%, #111 100%) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.25), 0 1px 2px #000 !important;
}
.sg-arcade-game-menu > li > a,
.sg-arcade-game-menu > li > span {
  display: block !important;
  min-height: 44px !important;
  line-height: 44px !important;
  padding: 0 14px 0 46px !important;
  color: var(--sg-yellow) !important;
  font-size: 12px !important;
  font-weight: bold !important;
  text-shadow: 1px 1px 0 #000 !important;
  text-decoration: none !important;
}
.sg-arcade-game-menu > li > a:hover,
.sg-arcade-game-menu > li.current-menu-item > a {
  color: var(--sg-black) !important;
  background: linear-gradient(to bottom, #C2B37A 0%, #A89439 45%, #70663F 100%) !important;
  text-shadow: 0 1px 0 var(--sg-link-hover) !important;
}
.sg-arcade-game-menu > li > ul.sub-menu {
  display: block !important;
  padding: 0 0 6px 46px !important;
  background: rgba(0,0,0,.12) !important;
  border-top: 1px solid rgba(0,0,0,.4) !important;
}
.sg-arcade-game-menu > li > ul.sub-menu > li {
  display: inline-block !important;
  margin: 6px 6px 0 0 !important;
  padding: 0 !important;
}
.sg-arcade-game-menu > li > ul.sub-menu > li > a {
  display: block !important;
  line-height: 22px !important;
  padding: 0 10px !important;
  color: var(--sg-link) !important;
  background: var(--sg-row) !important;
  border: 1px solid var(--sg-border) !important;
  border-radius: 6px !important;
  text-shadow: 1px 1px 0 #000 !important;
}
.sg-arcade-game-menu > li > ul.sub-menu > li > a:hover {
  color: var(--sg-black) !important;
  background: var(--sg-gold) !important;
  text-shadow: none !important;
}

/* v005 arcade landing promos: game menu first, featured/top games below */
.sg-arcade-menu-page .sg-section-body {
  padding: 12px !important;
}
.sg-arcade-menu-page .sg-arcade-title-row {
  margin-bottom: 0 !important;
}
.sg-arcade-promos {
  margin-top: 14px !important;
  background: var(--sg-panel) !important;
  border: 1px solid var(--sg-border) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.sg-arcade-promo-title {
  min-height: 28px !important;
  line-height: 28px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  color: var(--sg-yellow) !important;
  font-size: 12px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  text-shadow: 1px 1px 0 #000 !important;
  background:
    linear-gradient(to bottom, #3C382C 0%, #2D2B24 48%, #18150F 100%) !important;
  border-top: 1px solid var(--sg-warm) !important;
  border-bottom: 1px solid #000 !important;
}
.sg-featured-game-row {
  display: block !important;
  position: relative !important;
  padding: 12px 12px 12px 46px !important;
  min-height: 94px !important;
  color: var(--sg-text) !important;
  background: var(--sg-panel) !important;
  border-bottom: 1px solid var(--sg-border) !important;
  text-decoration: none !important;
}
.sg-featured-game-row:before,
.sg-top-game-card:before {
  content: "" !important;
  position: absolute !important;
  left: 13px !important;
  top: 20px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 30%, #777, #25282a 55%, #111 100%) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.25), 0 1px 2px #000 !important;
}
.sg-featured-game-row:hover,
.sg-top-game-card:hover {
  background: var(--sg-row-alt) !important;
}
.sg-featured-game-name {
  display: block !important;
  margin: 0 0 9px !important;
  color: var(--sg-yellow) !important;
  font-size: 13px !important;
  font-weight: bold !important;
  text-shadow: 1px 1px 0 #000 !important;
}
.sg-featured-game-images {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.sg-featured-game-images img,
.sg-top-game-card img {
  display: block !important;
  width: 100% !important;
  height: 126px !important;
  object-fit: cover !important;
  background: #000 !important;
  border: 1px solid #000 !important;
  box-shadow: inset 0 0 0 1px var(--sg-warm), 0 1px 2px #000 !important;
}
.sg-top-games-title {
  margin-top: 0 !important;
}
.sg-top-games-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  background: var(--sg-panel) !important;
}
.sg-top-game-card {
  display: block !important;
  position: relative !important;
  padding: 12px 12px 12px 46px !important;
  min-height: 172px !important;
  color: var(--sg-yellow) !important;
  background: var(--sg-panel) !important;
  border-right: 1px solid var(--sg-border) !important;
  text-decoration: none !important;
}
.sg-top-game-card:nth-child(even) {
  background: var(--sg-row) !important;
}
.sg-top-game-card:last-child {
  border-right: 0 !important;
}
.sg-top-game-card span {
  display: block !important;
  margin-top: 8px !important;
  color: var(--sg-yellow) !important;
  font-size: 12px !important;
  font-weight: bold !important;
  line-height: 1.25 !important;
  text-shadow: 1px 1px 0 #000 !important;
}
body:not(.home) .sg-featured-image {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .sg-featured-game-images,
  .sg-top-games-grid {
    grid-template-columns: 1fr !important;
  }
  .sg-top-game-card {
    border-right: 0 !important;
    border-bottom: 1px solid var(--sg-border) !important;
  }
}

/* v005: keep the arcade WordPress menu as a horizontal forum-style strip, not stacked rows */
.sg-arcade-menu-wrap {
  padding: 8px 9px !important;
  min-height: 34px !important;
  background:
    linear-gradient(to bottom, rgba(45,43,36,.96), rgba(24,21,15,.98)) !important;
  border: 1px solid var(--sg-border) !important;
  border-top: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.65) !important;
  overflow: visible !important;
}

.sg-arcade-game-menu,
.sg-arcade-game-menu ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sg-arcade-game-menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
}

.sg-arcade-game-menu > li {
  display: inline-flex !important;
  position: relative !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  width: auto !important;
  flex: 0 0 auto !important;
}

.sg-arcade-game-menu > li:nth-child(even) {
  background: transparent !important;
}

.sg-arcade-game-menu > li:before {
  display: none !important;
  content: none !important;
}

.sg-arcade-game-menu > li > a,
.sg-arcade-game-menu > li > span {
  display: inline-block !important;
  min-height: 24px !important;
  height: 24px !important;
  line-height: 23px !important;
  padding: 0 16px !important;
  color: var(--sg-yellow) !important;
  font-size: 11px !important;
  font-weight: bold !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  text-shadow: 1px 1px 0 #000 !important;
  border: 1px solid #000 !important;
  border-radius: 9px !important;
  background:
    linear-gradient(to bottom, rgba(194,179,122,.32) 0%, rgba(112,102,63,.55) 45%, rgba(24,21,15,.96) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 1px rgba(0,0,0,.75),
    0 1px 2px rgba(0,0,0,.85) !important;
}

.sg-arcade-game-menu > li > a:hover,
.sg-arcade-game-menu > li.current-menu-item > a,
.sg-arcade-game-menu > li.current_page_item > a {
  color: var(--sg-black) !important;
  background: linear-gradient(to bottom, #D8D2BE 0%, #C2B37A 22%, #A89439 55%, #70663F 100%) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.35) !important;
}

.sg-arcade-game-menu > li > ul.sub-menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 0 0 8px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.sg-arcade-game-menu > li > ul.sub-menu > li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sg-arcade-game-menu > li > ul.sub-menu > li > a {
  display: inline-block !important;
  height: 20px !important;
  line-height: 19px !important;
  padding: 0 10px !important;
  color: var(--sg-link) !important;
  white-space: nowrap !important;
  background: linear-gradient(to bottom, #3C382C, #18150F) !important;
  border: 1px solid #000 !important;
  border-radius: 7px !important;
  text-shadow: 1px 1px 0 #000 !important;
}

/* v006: keep arcade/game WordPress menu above individual game/page content */
.sg-arcade-page-menu-strip {
  margin-bottom: 14px !important;
}
.sg-arcade-page-menu-strip .sg-section-body {
  padding: 0 12px 12px !important;
}
.sg-arcade-page-menu-strip .sg-arcade-menu-wrap {
  border-top: 1px solid var(--sg-border) !important;
}