.maximum-netbar {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 32px;
  color: #c8ab77;
  border-bottom: 1px solid #40210f;
  background: #090705;
  font: 10px/32px Arial, Helvetica, sans-serif;
}

.maximum-netbar > div { width: 930px; margin: 0 auto; }
.maximum-netbar strong { color: #ead18d; letter-spacing: 1px; }
.maximum-netbar span { margin-left: 24px; color: #907858; }
.maximum-netbar nav { float: right; }
.maximum-netbar a { margin-left: 18px; color: #b89a69; text-decoration: none; }
.maximum-netbar a:hover { color: #fff1bc; text-decoration: underline; }

.maximum-logo {
  left: 315px;
  top: 0;
  width: 300px;
  height: 74px;
  background: none;
  color: #f1e7c7;
  text-align: center;
  text-indent: 0;
  text-decoration: none;
  text-shadow: 0 2px 2px #000, 0 0 6px #000;
}

.maximum-logo strong { display: block; margin-top: 7px; font: bold 35px/38px Georgia, 'Times New Roman', serif; letter-spacing: -2px; }
.maximum-logo strong span { color: #aa180c; }
.maximum-logo small { display: block; color: #ffe797; font: bold 8px/13px Arial, sans-serif; letter-spacing: 4px; }

html,
body { cursor: url('/assets/ui/cursor-default.png') 2 2, default; }
a[href],
button,
input[type='button'],
input[type='submit'],
input[type='checkbox'],
select { cursor: url('/assets/ui/cursor-pointer.png') 2 2, pointer; }
input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='search'],
textarea { cursor: text; }
[data-inert-link] { cursor: url('/assets/ui/cursor-default.png') 2 2, default; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #f1ce78;
  outline-offset: 2px;
}

.nav-soon {
  display: block;
  color: #7c6544;
  cursor: url('/assets/ui/cursor-default.png') 2 2, default;
}
.nav-soon small { color: #8d160d; font-size: 8px; }
.text-soon { color: #7b552c; font-style: italic; }

.home-header-feature {
  box-sizing: border-box;
  display: flex;
  width: 523px;
  height: 44px;
  margin: 6px 0 0 6px;
  padding: 6px 8px;
  align-items: center;
  color: #d9bd82;
  background: url('/assets/main/img/header-box.png') no-repeat 0 0;
  text-shadow: 0 1px 2px #000;
}
.home-header-feature > div { width: 258px; padding-right: 7px; }
.home-header-feature strong { display: block; color: #f6dc9d; font: bold 11px/14px Georgia, serif; letter-spacing: .5px; }
.home-header-feature span { display: block; margin-top: 2px; font: 8px/10px Arial, sans-serif; }
.home-header-feature > a {
  display: block;
  width: 116px;
  height: 25px;
  margin-left: 5px;
  color: #f4d999;
  border: 1px solid #6d1a0d;
  background: linear-gradient(#9a260f, #5d1009);
  box-shadow: inset 0 0 0 1px #a86925;
  font: bold 9px/25px Arial, sans-serif;
  text-align: center;
  text-decoration: none;
}
.home-header-feature > a:hover { color: #fff4c3; background: linear-gradient(#b33717, #75170d); }

.form-login .button[disabled] { cursor: not-allowed; opacity: .84; }
#main-login-message { clear: both; padding-top: 5px; }
#main-login-message.is-success { color: #3f6e17; font-weight: bold; }
#main-login-message.is-error { color: #8d160d; }
#main-login-message a { color: #8d160d; }
.main-account-panel { width: 132px; margin: 8px auto 0; color: #5d370e; font: 10px/13px Arial, sans-serif; }
.main-account-panel p { margin: 0 0 5px; font-weight: bold; }
.main-account-panel ul { margin: 0 0 6px 13px; }
.main-account-panel a { display: block; margin: 4px 0; color: #8d160d; font-weight: bold; }
.main-account-panel button { padding: 2px 7px; color: #ffe8a8; border: 1px solid #5a1708; background: #7d1308; font: bold 10px Arial, sans-serif; cursor: pointer; }

.maximum-video {
  height: 137px;
  padding: 3px;
  overflow: hidden;
}

.maximum-video img { width: 217px; height: 131px; object-fit: cover; }
#screenshots img { object-fit: cover; }
.maximum-banner { position: relative; display: block; width: 480px; height: 140px; overflow: hidden; }
.maximum-banner > img { display: block; }
.maximum-banner-brand {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 395px;
  height: 140px;
  color: #f3e6bd;
  background: linear-gradient(90deg, #07111d 0%, #0d2742 72%, rgba(7, 25, 43, .35) 100%);
  text-align: center;
  text-shadow: 0 2px 2px #000, 0 0 8px #000;
}
.maximum-banner-brand strong { display: block; margin-top: 38px; font: bold 39px/45px Georgia, 'Times New Roman', serif; letter-spacing: -2px; }
.maximum-banner-brand strong span { color: #b42113; }
.maximum-banner-brand small { color: #ffe7a4; font: bold 10px/18px Arial, sans-serif; letter-spacing: 4px; }
.subheading { margin-top: 0 !important; }
.ranking-pending { width: 129px; min-height: 45px; padding: 10px 4px; color: #6a3e00; font-size: 10px; line-height: 13px; text-align: center; }
.ranking-list { width: 129px; margin: 0 0 7px; padding: 0; list-style: none; color: #5a3108; font: 10px/17px Arial, sans-serif; }
.ranking-list li { height: 17px; overflow: hidden; border-bottom: 1px dotted #b98b4b; white-space: nowrap; }
.ranking-list strong { display: inline-block; max-width: 82px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; }
.ranking-list span { float: right; color: #8d160d; font-weight: bold; }
.discord-invite { display: block; box-sizing: border-box; width: 132px; min-height: 55px; margin: 2px auto 8px; padding: 8px 5px; color: #f1deac; border: 1px solid #2b6d37; background: linear-gradient(110deg, #0b4823, #0b1e11); box-shadow: inset 0 0 16px #001d0b; text-align: center; text-decoration: none; }
.discord-invite:hover { filter: brightness(1.16); }
.discord-invite strong { display: block; font: bold 13px/17px Georgia, serif; }
.discord-invite span { display: block; margin-top: 3px; color: #6df58c; font: bold 8px/11px Arial, sans-serif; }

.market-popup {
  position: fixed;
  z-index: 5000;
  inset: 0;
  display: grid;
  place-items: center;
}
.market-popup[hidden] { display: none; }
.market-popup-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, .86);
  cursor: pointer;
}
.market-popup-frame {
  position: relative;
  z-index: 1;
  width: 960px;
  height: 690px;
  overflow: hidden;
  border: 1px solid #9c742c;
  background: #080303;
  box-shadow: 0 20px 80px #000;
}
.market-popup-frame iframe { display: block; width: 960px; height: 690px; border: 0; background: #080303; }
body.market-popup-open { overflow: hidden; }

.maximum-footer-mark {
  float: left;
  width: 184px;
  height: 76px;
  margin: 21px 0 0;
  color: #ae9467;
  border: 1px solid #4d341f;
  font: bold 19px/76px Georgia, serif;
  text-align: center;
  text-shadow: 0 1px #000;
}

.maximum-footer-mark span { color: #8d160d; }
#footer ul { margin-left: 8px; }

@media (max-width: 929px) {
  body { min-width: 930px; }
}