/* Shared by the Next.js pages and the standalone Steam account. */
.site-footer .brand {
  display: inline-flex;
  flex-direction: column;
  width: max-content;
  color: #e9e8e3;
  font-family: var(--display);
  letter-spacing: .01em;
  line-height: .84;
}

.site-footer .brand::after { display: none; }
.site-footer .brand__name { font-size: 29px; font-weight: 900; }
.site-footer .brand__name b { color: #ef4a22; font-weight: inherit; }
.site-footer .brand__tag {
  align-self: center;
  margin-top: 5px;
  font: 700 6px/.84 Arial, sans-serif;
  letter-spacing: .35em;
}
.site-footer .brand__rule {
  position: relative;
  top: 24px;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ef4a22 0 12px, transparent 12px calc(100% - 12px), #ef4a22 calc(100% - 12px));
}

.site-footer .site-footer__main {
  display: grid;
  grid-template-columns: minmax(210px, 1.2fr) repeat(2, minmax(120px, .65fr)) minmax(180px, 1fr) auto;
  gap: clamp(22px, 3vw, 48px);
  padding-block: 28px 22px;
}

.site-footer .site-footer__brand {
  display: flex;
  align-items: center;
  gap: 15px;
}

.site-footer .site-footer__column {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.site-footer .site-footer__column strong {
  margin-bottom: 3px;
  font: 900 11px/1.5 var(--display);
  text-transform: uppercase;
}

.site-footer .site-footer__column a {
  font-size: 10px;
  line-height: 1.35;
  text-decoration: none;
}

.site-footer a:focus-visible {
  outline: 2px solid #ef4a22;
  outline-offset: 4px;
}

.site-footer .site-footer__seller {
  display: block;
  min-height: 32px;
  padding-block: 8px;
  font-size: 9px;
  font-style: normal;
  line-height: 1.6;
}

.site-footer .site-footer__seller span,
.site-footer .site-footer__seller a {
  display: inline;
}

.site-footer .site-footer__seller span + span::before,
.site-footer .site-footer__seller a::before {
  display: inline;
  content: " / ";
  margin: 0;
  color: #758198;
}

.site-footer .site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 34px;
  font-size: 9px;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .site-footer .site-footer__main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
    padding-block: 24px 18px;
  }

  .site-footer .site-footer__brand,
  .site-footer .site-footer__legal {
    grid-column: 1 / -1;
  }

  .site-footer .site-footer__navigation { grid-column: 1; }
  .site-footer .site-footer__services { grid-column: 2; align-self: start; }
  .site-footer .site-footer__rust { display: none; }
  .site-footer .site-footer__seller { padding-block: 10px; }
}

@media (max-width: 480px) {
  .site-footer .site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    padding-block: 12px;
  }
}

/* Shared navigation and wordmark for the site and standalone account. */
.daynull-brand.brand {
  display: inline-flex;
  flex: none;
  flex-direction: column;
  align-items: center;
  width: max-content;
  min-height: 0;
  padding: 0;
  gap: 3px;
  color: #f3f4f7;
  text-decoration: none;
}

.daynull-brand.brand::before,
.daynull-brand.brand::after,
.daynull-brand.brand .brand__name::after,
.daynull-brand.brand .brand__tag::after,
.daynull-brand.brand .brand__rule { display: none; }

.daynull-brand.brand .brand__name {
  display: block;
  color: #f3f4f7;
  font: 900 24px/1 Arial, Helvetica, sans-serif;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.daynull-brand.brand .brand__name b { color: #ef4a22; font: inherit; }
.daynull-brand.brand .brand__tag {
  display: block;
  align-self: center;
  margin: 0;
  color: #f3f4f7;
  font: 700 6px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: .32em;
  white-space: nowrap;
}

.daynull-menu {
  position: relative;
  flex: none;
  width: max-content;
  text-align: left;
}

.daynull-menu > .daynull-menu__trigger {
  display: grid;
  place-items: center;
  width: 52px;
  min-width: 52px;
  height: 36px;
  padding: 0 8px;
  border: 1px solid #263141;
  border-radius: 5px;
  background: #080e18;
  color: #f3f4f7;
  font: 700 11px/1 Arial, Helvetica, sans-serif;
  list-style: none;
  cursor: pointer;
  touch-action: manipulation;
}

.daynull-menu > .daynull-menu__trigger::marker,
.daynull-menu > .daynull-menu__trigger::-webkit-details-marker { display: none; }
.daynull-menu[open] > .daynull-menu__trigger,
.daynull-menu > .daynull-menu__trigger:hover { border-color: #49576c; background: #101a28; color: #f3f4f7; box-shadow: none; }

.daynull-menu > .daynull-menu__panel {
  position: absolute;
  z-index: 100;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: min(208px, calc(100vw - 32px));
  max-height: min(460px, calc(100dvh - 100px));
  padding: 8px;
  overflow-y: auto;
  border: 1px solid #263141;
  border-radius: 8px;
  background: #0e1927;
  box-shadow: 0 14px 36px #0006;
  scrollbar-width: thin;
}

.daynull-menu > .daynull-menu__panel > a,
.daynull-menu > .daynull-menu__panel > button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #f3f4f7;
  font: 700 12px/1.4 Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  white-space: normal;
  cursor: pointer;
}

.daynull-menu > .daynull-menu__panel > a:hover,
.daynull-menu > .daynull-menu__panel > a[aria-current="page"],
.daynull-menu > .daynull-menu__panel > button:hover { background: #182536; }
.daynull-menu > .daynull-menu__panel > button {
  justify-content: center;
  margin-top: 6px;
  border-color: #263141;
  background: #101c2b;
}
.header-actions .daynull-menu > .daynull-menu__panel > a { display: flex !important; }
.daynull-menu :focus-visible { outline: 2px solid #ef4a22; outline-offset: 2px; }

@media (max-width: 640px) {
  .daynull-brand.brand .brand__name { font-size: 21px; }
  .daynull-menu > .daynull-menu__trigger { width: 44px; min-width: 44px; height: 36px; padding-inline: 5px; }
}

@media (max-width: 420px) {
  .site-header .site-header__ticket { width: 40px; min-width: 40px; }
}

/* Compatibility with styles already deployed through Nginx. */
html body .daynull-brand.brand .brand__name { font: 900 24px/1 Arial,Helvetica,sans-serif !important; letter-spacing: -.045em !important; }
html body .daynull-brand.brand .brand__tag { font: 700 6px/1.2 Arial,Helvetica,sans-serif !important; letter-spacing: .32em !important; }
html body .daynull-brand.brand .brand__rule { display: none !important; }
html body .daynull-menu > .daynull-menu__trigger { width:52px!important;min-width:52px!important;height:36px!important;min-height:36px!important;padding:0 8px!important;display:grid!important;color:#f3f4f7!important;background:#080e18!important;border:1px solid #263141!important;border-radius:5px!important;box-shadow:none!important; }
html body .daynull-menu > .daynull-menu__panel { position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;width:min(208px,calc(100vw - 32px))!important;max-height:min(460px,calc(100dvh - 100px))!important;padding:8px!important;gap:0!important;background:#0e1927!important;border:1px solid #263141!important;border-radius:8px!important; }
html body .daynull-menu > .daynull-menu__panel > a,
html body .daynull-menu > .daynull-menu__panel > button { display:flex!important;min-height:40px!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:4px!important;box-shadow:none!important;transform:none!important;text-transform:none!important;color:#f3f4f7!important;font:700 12px/1.4 Arial,Helvetica,sans-serif!important; }
html body .daynull-menu > .daynull-menu__panel > button { border-color:#263141!important;justify-content:center!important;background:#101c2b!important; }
html body .daynull-menu > .daynull-menu__panel strong { font:inherit!important;white-space:normal!important;text-transform:none!important; }
html body .site-footer a[href$="/legal/wfortune"] { display:none!important; }
html body .site-footer .site-footer__seller { display:block!important;line-height:1.6!important; }
html body .site-footer .site-footer__seller > * { display:inline!important; }
html body .site-footer .site-footer__seller span+span:before,
html body .site-footer .site-footer__seller a:before { display:inline!important;content:" / "!important;margin:0!important; }
.daynull-cabinet-footer { --display:"Arial Narrow",Arial,sans-serif;background:#030716!important;padding:0!important;border-top:1px solid #6780be33!important; }
.daynull-cabinet-footer .site-footer__descriptor { max-width:78px;padding-left:14px;border-left:1px solid #6780be55;color:#a7afc2;font-size:8px;font-weight:800;line-height:1.35;text-transform:uppercase; }
.daynull-cabinet-footer .site-footer__column a { color:#929db4; }
.daynull-cabinet-footer .site-footer__all-documents { color:#ff6a49!important; }
.daynull-cabinet-footer .site-footer__seller { color:#758198;border-top:1px solid #6780be24; }
.daynull-cabinet-footer .site-footer__bottom { color:#6f7c96;border-top:1px solid #6780be2e; }
.daynull-cabinet-footer .site-footer__rust { display:flex;align-items:flex-end;flex-direction:column;color:#929db4;font-size:9px; }
.daynull-cabinet-footer .site-footer__rust strong { font-size:25px; }
.daynull-cabinet-footer .facepunch-text { color:#ec1c24; }
@media(max-width:900px) {
  html body .daynull-cabinet-footer .site-footer__rust { display:none!important; }
  html body header.site-header .site-header__steam { display:inline-flex!important;justify-content:center!important;gap:0!important;padding:0!important;overflow:hidden!important; }
  html body .site-header__steam-name,html body .site-header__steam-login { display:none!important; }
  html body .site-header__steam-avatar { display:block!important;width:30px!important;height:30px!important;min-width:30px!important;max-width:none!important;object-fit:cover!important;flex:none!important; }
  html body .dn-home-hero__inner { padding-top:calc(96px + env(safe-area-inset-top))!important; }
  html body .public-site--home .hero { padding-top:calc(68px + env(safe-area-inset-top))!important; }
  html body .public-site--home .hero__inner { padding-top:28px!important; }
}
@media(max-width:640px) {
  html body .daynull-brand.brand .brand__name { font-size:21px!important; }
  html body header.site-header .site-header__brand { flex-basis:108px!important; }
  html body .daynull-menu > .daynull-menu__trigger { width:44px!important;min-width:44px!important;padding:0 5px!important; }
}
@media(max-width:420px) {
  html body header.site-header > .site-header__inner { padding-inline:10px!important;gap:5px!important; }
  html body header.site-header .site-header__actions { gap:5px!important; }
  html body header.site-header :is(.site-header__store,.site-header__steam,.site-header__ticket) { width:38px!important;min-width:38px!important; }
}
@media(max-width:760.98px) {
  html:root body:has(header[class*="__storeTopbar"]) { --store-header-height:122px!important; }
  html:root body:has(header[class*="__storeTopbar"]) header[class*="__storeTopbar"] { height:122px!important;min-height:122px!important;grid-template-rows:58px 56px!important; }
  html:root body:has(header[class*="__storeTopbar"]) header[class*="__storeTopbar"] [class*="__storeMobileBalances"] { display:grid!important;grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:100%!important;height:52px!important;min-height:52px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0!important; }
  html:root body:has(header[class*="__storeTopbar"]) header[class*="__storeTopbar"] [class$="__storeMobileBalance"] { height:52px!important;min-height:52px!important;max-height:52px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:6px!important; }
  html:root body:has(header[class*="__storeTopbar"]) header[class*="__storeTopbar"] [class$="__storeMobileBalance"] > span { display:block!important;max-width:none!important;white-space:nowrap!important;font-size:9px!important;line-height:1.2!important;letter-spacing:.02em!important; }
  html:root body:has(header[class*="__storeTopbar"]) header[class*="__storeTopbar"] [class$="__storeMobileBalance"] > strong { font-size:clamp(20px,5.6vw,24px)!important;line-height:1.1!important;gap:6px!important;letter-spacing:0!important; }
  html:root body:has(header[class*="__storeTopbar"]) header[class*="__storeTopbar"] [class$="__storeMobileBalance"] svg { width:18px!important;height:18px!important;flex-basis:18px!important; }
}