/*! Card Battle Lab. Copyright (c) 2026 Dave Skilton. All rights reserved. See /LICENSE. https://cardbattlelab.com/ */
html.home-doors #mainMenuModal {
  --hd-ref: clamp(360px, 54vh, 500px);
  --hd-tips-h: 72px;
  --hd-h: calc(var(--hd-ref) - var(--hd-tips-h) - var(--grp-gap) + var(--hd-grow, 0px));
  --hd-fu: 2;
  --hd-cfu: 1.3;
  --hd-dur: .45s;
  --hd-top: .64;
  --hd-edge: 29px;
}
html.home-doors #mainMenuModal .r5-grid {
  height: auto;
}
html.home-doors #mainMenuModal .menu-head {
  gap: clamp(4px, .8vh, 8px);
}
html.home-doors #mainMenuModal .menu-head > .lc-tick + * {
  margin-top: calc(-1 * clamp(4px, .8vh, 8px) - 4px);
}
@media (min-width: 861px) {
  html.home-doors #mainMenuModal .menu-box {
    padding-top: var(--hd-edge);
    padding-bottom: var(--hd-edge);
  }
}
html.home-doors #mainMenuModal .hd-page .hd-grp {
  --tu: calc(var(--tile-w) / 220);
  --tile-h: calc(var(--tile-w) * 0.3);
  --tile-icon: calc(var(--tu) * 28);
  --tile-fs: calc(var(--tu) * 14 * 1.08);
  --tile-desc-fs: calc(var(--tu) * 10.5 * 1.08);
}
html.home-doors #mainMenuModal .hd-doors {
  display: grid;
  gap: var(--grp-gap);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: calc((var(--hd-h) - var(--grp-gap)) * var(--hd-top)) minmax(0, 1fr);
}
html.home-doors #mainMenuModal .hd-door {
  grid-column: span 2;
  min-width: 0;
  --cf-u: calc((var(--hd-ref) - var(--grp-gap)) / 2 / 139.7 * var(--hd-fu));
  --cf-code-h: max(calc(var(--cf-u) * 6.2), 30px);
}
html.home-doors #mainMenuModal .hd-door:is([data-door=decks], [data-door=profile]) {
  grid-column: span 3;
}
html.home-doors #mainMenuModal .hd-door {
  --hd-cu: calc(var(--cf-u) / var(--hd-fu) * var(--hd-cfu));
  --cf-cost-w: calc(var(--hd-cu) * 24);
  --cf-cost-h: calc(var(--hd-cu) * 20.5);
  --hd-cb: calc(var(--hd-cu) * 20);
  --hd-cr: calc(var(--hd-cu) * 5);
  --hd-peek: var(--cf-cost-w);
}
html.home-doors #mainMenuModal .hd-door > .cf-rim {
  border-right-width: calc(var(--cf-u) * 3.1);
}
html.home-doors #mainMenuModal .hd-door .cf-cost {
  clip-path: polygon(0 0, 100% 0, 100% calc(var(--cf-u) * 3.3), var(--hd-cb) calc(var(--cf-u) * 3.3 + var(--hd-cu) * 2), var(--hd-cb) 100%, 0 100%);
  clip-path: shape(from 0 0, hline to 100%, vline to calc(var(--cf-u) * 3.3), line to var(--hd-cb) calc(var(--cf-u) * 3.3 + var(--hd-cu) * 2), vline to calc(100% - var(--hd-cr)), curve to calc(var(--hd-cb) - var(--hd-cr)) 100% with var(--hd-cb) 100%, hline to 0, close);
}
html.home-doors #mainMenuModal .hd-door .cf-cost::before {
  width: calc(var(--cf-u) * 3.1);
  height: 50%;
}
html.home-doors #mainMenuModal .hd-door .cf-cost-ico {
  left: calc(var(--cf-u) * 3.1);
  right: calc(var(--cf-cost-w) - var(--hd-cb));
  top: calc(var(--cf-u) * 3.3);
  bottom: 0;
}
html.home-doors #mainMenuModal .hd-door .cf-cost-ico :is(.menu-btn-icon, .gcg-tbi, svg) {
  width: calc(var(--hd-cu) * 11 * var(--hd-pico-k, 1));
  height: calc(var(--hd-cu) * 11 * var(--hd-pico-k, 1));
}
html.home-doors #mainMenuModal .hd-door > .cf-strip {
  top: calc(var(--cf-cost-h) + var(--cf-u) * 3);
  bottom: calc(var(--cf-foot) + var(--cf-u) * 3);
}
html.home-doors #mainMenuModal .hd-door {
  background-color: transparent;
  transition: background-color .3s ease;
}
html.home-doors #mainMenuModal .hd-doors:is(.hd-anim, [data-open]:not([data-open=""])) > .hd-door {
  background-color: var(--cf-ink);
}
html.home-doors #mainMenuModal .hd-door > .cf-art {
  --hd-tint-c: color-mix(in srgb, var(--hd-art-tint, var(--cf-c)) calc(var(--hd-art-tint-a, 0) * 100%), transparent);
  background: none;
  opacity: .8;
  transition: opacity .35s ease, filter .25s ease;
}
html.home-doors #mainMenuModal .hd-door > .cf-art::before,
html.home-doors #mainMenuModal .hd-door > .cf-art::after {
  content: "";
  position: absolute;
  inset: 0;
}
html.home-doors #mainMenuModal .hd-door > .cf-art::before {
  background: var(--cf-art) var(--cf-art-pos, center) / var(--cf-art-size, cover) no-repeat;
  opacity: var(--hd-art-a, 1);
}
html.home-doors #mainMenuModal .hd-door > .cf-art::after {
  background:
    linear-gradient(var(--hd-tint-c), var(--hd-tint-c)),
    linear-gradient(
      160deg,
      color-mix(in srgb, var(--cf-c) calc(30% * var(--hd-art-scrim, 1)), transparent) 0%,
      color-mix(in srgb, var(--cf-ink) calc(55% * var(--hd-art-scrim, 1)), transparent) 90%);
}
html.home-doors #mainMenuModal .hd-doors.hd-art-wait > .hd-door > .cf-art {
  opacity: 0;
}
html.home-doors #mainMenuModal .hd-doors.hd-art-lit > .hd-door > .cf-art {
  filter: brightness(var(--hd-art-bright, 1));
}
html.home-doors #mainMenuModal .hd-door:not(.hd-on):hover > .cf-art {
  filter: brightness(calc(var(--hd-art-bright, 1) * 1.2));
}
html.home-doors #mainMenuModal .hd-doors > .hd-door.hd-on > .cf-art {
  filter: brightness(calc(var(--hd-art-bright, 1) * 1.2));
}
html.home-doors #mainMenuModal .hd-doors.hd-anim > .hd-door:not(.hd-on):hover > .cf-art {
  filter: none;
}
html.home-doors #mainMenuModal .hd-doors.hd-anim.hd-art-lit > .hd-door:not(.hd-on):hover > .cf-art {
  filter: brightness(var(--hd-art-bright, 1));
}
html.home-doors #mainMenuModal .hd-door::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 30;
  pointer-events: none;
  border-radius: inherit;
  background: var(--c-ink-dark);
  opacity: var(--hd-rest-dim, .22);
  transition: opacity .25s ease;
}
html.home-doors #mainMenuModal .hd-door:is(:hover, .hd-on)::after {
  opacity: 0;
}
html.home-doors #mainMenuModal .hd-door {
  transition: background-color .3s ease, box-shadow .25s ease;
}
html.home-doors #mainMenuModal .hd-door:is(:hover, .hd-on) {
  box-shadow: 0 0 calc(var(--cf-u) * 2) color-mix(in srgb, var(--cf-c) 80%, transparent), 0 0 calc(var(--cf-u) * 9) color-mix(in srgb, var(--cf-c) 45%, transparent);
}
@media (min-width: 861px) {
  html.home-doors #mainMenuModal .hd-door.hd-off {
    transition: background-color .3s ease;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off:hover {
    clip-path: inset(calc(var(--cf-u) * -14) calc(100% - var(--hd-peek)) calc(var(--cf-u) * -14) calc(var(--cf-u) * -14));
  }
}
html.home-doors #mainMenuModal .hd-door > .cf-rim {
  transition: border-color .25s ease;
}
html.home-doors #mainMenuModal .hd-door:is(:hover, .hd-on) > .cf-rim {
  border-color: color-mix(in srgb, var(--cf-c) 55%, transparent);
}
html.home-doors #mainMenuModal .hd-door.hd-no-title:not(.hd-on, .hd-off) :is(.cf-title, .cf-type),
html.home-doors #mainMenuModal .hd-door.hd-no-ico:not(.hd-on, .hd-off) :is(.cf-cost-ico, .hd-hero) {
  visibility: hidden;
}
html.home-doors #mainMenuModal .hd-doors.hd-title-font > .hd-door > .cf-body > .cf-name > .cf-title {
  font-family: var(--hd-title-font);
}
html.home-doors #mainMenuModal .hd-doors.hd-title-caps > .hd-door > .cf-body > .cf-name > .cf-title {
  text-transform: uppercase;
}
html.home-doors #mainMenuModal .hd-doors.hd-no-sub > .hd-door:not(.hd-on, .hd-off) > .cf-body > .cf-name > .cf-sub {
  visibility: hidden;
}
html.home-doors #mainMenuModal .hd-door :is(.cf-rim, .cf-strip, .cf-cost, .cf-code, .cf-foot, .cf-body) {
  pointer-events: none;
}
html.home-doors #mainMenuModal .hd-door:not(.hd-on) > .cf-body {
  bottom: calc(var(--cf-u) * 12.7);
}
html.home-doors #mainMenuModal .hd-door .cf-text {
  gap: calc(var(--cf-u) * 1.2) 0;
  padding: calc(var(--cf-u) * 1.5) 0 0;
  margin-left: calc(var(--cf-u) * 5.7 - var(--cf-strip));
}
html.home-doors #mainMenuModal .hd-door .cf-zone.hd-sc {
  width: auto;
  height: calc(var(--cf-u) * 6);
  margin: 0 calc(var(--cf-u) * -2.6) 0 0;
  border: 0;
  cursor: pointer;
  pointer-events: auto;
  padding: 0 calc(var(--cf-u) * (3.4 + 1.2 * var(--hd-sc-pad, 1))) 0 calc(var(--cf-u) * (3.6 + 1.6 * var(--hd-sc-pad, 1)));
  font-size: calc(var(--cf-u) * 3.4 * var(--hd-sc-fit, 1));
  white-space: nowrap;
}
html.home-doors #mainMenuModal .hd-door .cf-zone.hd-sc:hover,
html.home-doors #mainMenuModal .hd-door .cf-zone.hd-sc:focus-visible {
  filter: brightness(1.2);
  outline: none;
}
html.home-doors #mainMenuModal .hd-door .cf-zone.hd-sc:disabled {
  opacity: .4;
  cursor: default;
  filter: none;
}
html.home-doors #mainMenuModal .hd-door .cf-zone.hd-sc[hidden] {
  display: none;
}
html.home-doors #mainMenuModal .hd-face {
  position: absolute;
  inset: 0;
  z-index: 1;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: inherit;
  box-shadow: none;
  cursor: pointer;
}
html.home-doors #mainMenuModal .hd-face:focus-visible {
  outline: 2px solid var(--c-text-muted);
  outline-offset: -4px;
}
html.home-doors #mainMenuModal .hd-page {
  position: absolute;
  left: var(--cf-strip);
  right: var(--cf-edge);
  top: var(--cf-cost-h);
  z-index: 3;
  padding: 8px 16px 12px;
  opacity: 0;
  visibility: hidden;
}
html.home-doors #mainMenuModal .hd-page-in {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
html.home-doors #mainMenuModal .hd-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
html.home-doors #mainMenuModal .hd-page .r5-grp.hd-grp {
  position: static;
  width: auto !important;
}
html.home-doors #mainMenuModal .hd-page .r5-grp.hd-grp > .group-grid {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
html.home-doors #mainMenuModal .hd-page .r5-grp.hd-grp {
  --tu: 1px;
  --tile-icon: calc(22px * var(--hd-btn-k, 1));
  --tile-fs: calc(15px * var(--fs-display, 1) * var(--hd-btn-k, 1));
  --tile-desc-fs: calc(12.5px * var(--fs-body, 1) * var(--hd-btn-k, 1) * var(--hd-desc-k, 1) * var(--hd-desc-fit, 1));
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn {
  height: auto;
  padding: 7px 12px;
  column-gap: 12px;
  row-gap: 2px;
  background: var(--surface-haze);
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  border-radius: var(--r-l);
  text-align: left;
  transition: background-color .15s ease, box-shadow .15s ease;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn > :is(strong, .r5-desc, .menu-continue-copy) {
  text-shadow:
    0 0 8px var(--c-ink-dark),
    0 0 3px var(--c-ink-dark),
    0 1px 2px var(--c-ink-dark);
  transition: text-shadow .25s ease;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn > .menu-btn-icon {
  filter: drop-shadow(0 0 3px var(--c-ink-dark)) drop-shadow(0 0 1px var(--c-ink-dark));
  transition: filter .25s ease;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn:is(:not(:disabled, .locked):hover, :focus-visible) {
  background: color-mix(in srgb, var(--cf-c) 14%, var(--surface-haze));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cf-c) 75%, transparent), inset 0 0 18px color-mix(in srgb, var(--cf-c) 35%, transparent);
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn:is(:not(:disabled, .locked):hover, :focus-visible) > strong {
  text-shadow: 0 0 10px var(--cf-c), 0 0 3px var(--cf-c);
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn:is(:not(:disabled, .locked):hover, :focus-visible) > .menu-btn-icon {
  filter: drop-shadow(0 0 7px var(--cf-c)) drop-shadow(0 0 2px var(--cf-c));
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn > .r5-desc {
  -webkit-line-clamp: 2;
  max-width: 60ch;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn.hd-half > .r5-desc {
  -webkit-line-clamp: 3;
}
@media (max-width: 860px) {
  html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn.hd-half > .r5-desc {
    -webkit-line-clamp: unset;
  }
}
html.home-doors #mainMenuModal .hd-page.hd-snug .hd-page-in {
  gap: 6px;
}
html.home-doors #mainMenuModal .hd-page.hd-tight .hd-stat-cell {
  flex-direction: row;
  align-items: baseline;
  gap: 5px;
}
html.home-doors #mainMenuModal .hd-page.hd-tight .hd-prog-bar.gcg-bar {
  align-self: center;
  flex: none;
  width: calc(48px * var(--hd-btn-k, 1));
  margin-top: 0;
}
html.home-doors #mainMenuModal .hd-page.hd-tight {
  --hd-row-gap: 6px;
}
html.home-doors #mainMenuModal .hd-has-dash .hd-page.hd-tight .hd-grp .mode-btn:not(.hd-half) > strong,
html.home-doors #mainMenuModal .hd-has-dash .hd-page.hd-tight .r5-banner-slot:not(.hd-half) #menuAccountBtn.hd-acct-row > #menuAccountName {
  grid-row: 1 / span 2;
  align-self: center;
}
html.home-doors #mainMenuModal .hd-page.hd-tight :is(.hd-grp .mode-btn, .r5-banner-slot #menuAccountBtn.hd-acct-row).hd-half,
html.home-doors #mainMenuModal .hd-page.hd-tight .r5-banner-slot.hd-half #menuAccountBtn.hd-acct-row {
  --tile-icon: calc(16px * var(--hd-btn-k, 1));
  row-gap: 0;
  padding-block: 3px;
}
html.home-doors #mainMenuModal .hd-page.hd-tight .r5-grp.hd-grp .mode-btn {
  row-gap: 0;
  padding-block: 4px;
}
html.home-doors #mainMenuModal .hd-page.hd-tight #menuAccountBtn.hd-acct-row {
  row-gap: 0;
  padding-block: 4px;
}
html.home-doors #mainMenuModal .hd-page #menuPvpLeaderboardBtn {
  display: none;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn > .gcg-notif-dot {
  position: static;
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: center;
  width: 8px;
  height: 8px;
  z-index: 1;
  translate: calc(var(--tile-icon) / 2) calc(var(--tile-icon) / -2);
}
html.home-doors #mainMenuModal .hd-page .r5-grp.hd-grp .mode-btn:has(> :is(.hd-stat, .mode-presence:not([hidden]))) {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}
html.home-doors #mainMenuModal .hd-page .r5-grp.hd-grp .mode-btn > .r5-desc {
  grid-column: 2;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn > .mode-presence {
  grid-column: 4;
  grid-row: 1 / span 2;
  align-self: center;
  padding-left: 6px;
}
html.home-doors #mainMenuModal .mode-btn > .mode-presence.live-count {
  display: none;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn > .hd-stat {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: center;
  margin-left: 28px;
  display: flex;
  align-items: center;
  gap: 14px;
  filter: drop-shadow(0 0 3px var(--c-ink-dark)) drop-shadow(0 0 1px var(--c-ink-dark));
}
html.home-doors #mainMenuModal .hd-page .hd-stat-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  text-shadow: none;
}
html.home-doors #mainMenuModal .hd-page .hd-stat-cell > b,
html.home-doors #mainMenuModal .hd-page .hd-medal > b {
  font-family: var(--mono);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-size: calc(13px * var(--fs-mono, 1) * var(--hd-btn-k, 1));
  line-height: 1.1;
  color: var(--c-text-hi);
  white-space: nowrap;
}
html.home-doors #mainMenuModal .hd-page .hd-stat-cell > small {
  font-family: var(--font-body);
  font-size: calc(10px * var(--fs-body, 1) * var(--hd-btn-k, 1));
  line-height: 1.1;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--c-text-dim);
  white-space: nowrap;
}
html.home-doors #mainMenuModal .hd-page .hd-stat-cell > b.hd-heart {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
html.home-doors #mainMenuModal .hd-page .hd-heart > * {
  width: calc(13px * var(--hd-btn-k, 1));
  height: calc(13px * var(--hd-btn-k, 1));
  color: var(--c-accent);
}
html.home-doors #mainMenuModal .hd-page .hd-buy {
  padding: 3px 9px;
  min-height: 0;
  line-height: 1.3;
  text-shadow: none;
}
html.home-doors #mainMenuModal .hd-page .hd-buy > span {
  font-size: inherit;
  color: inherit;
}
html.home-doors #mainMenuModal .hd-page .r5-grp.hd-grp .mode-btn:has(> .soon) {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn > .soon {
  position: static;
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: end;
  margin-left: 28px;
}
html.home-doors #mainMenuModal .hd-page .hd-medal {
  display: inline-flex;
  align-items: center;
  gap: calc(3px * var(--hd-btn-k, 1));
  text-shadow: none;
}
html.home-doors #mainMenuModal .hd-page .hd-medal > img {
  width: calc(20px * var(--hd-btn-k, 1));
  height: calc(20px * var(--hd-btn-k, 1));
  object-fit: contain;
  display: block;
}
html.home-doors #mainMenuModal .hd-page .hd-medal.is-dim {
  opacity: .4;
}
html.home-doors #mainMenuModal .hd-page .hd-mdot {
  --k: var(--c-grade-bronze);
  width: calc(12px * var(--hd-btn-k, 1));
  height: calc(12px * var(--hd-btn-k, 1));
  border-radius: 50%;
  box-sizing: border-box;
  flex: none;
  border: 1.5px solid var(--k);
  background: conic-gradient(var(--k) calc(var(--p, 0) * 1turn), transparent 0);
}
html.home-doors #mainMenuModal .hd-page .hd-mdot.g-silver {
  --k: var(--c-grade-silver);
}
html.home-doors #mainMenuModal .hd-page .hd-mdot.g-gold {
  --k: var(--c-grade-gold);
}
html.home-doors #mainMenuModal .hd-page .hd-mdot.is-full {
  box-shadow: 0 0 6px color-mix(in srgb, var(--k) 55%, transparent);
}
html.home-doors #mainMenuModal .hd-page .hd-mdot.is-dim {
  opacity: .4;
}
html.home-doors #mainMenuModal .hd-page .hd-stat:has(> .hd-mdot) {
  gap: calc(6px * var(--hd-btn-k, 1));
}
html.home-doors #mainMenuModal .hd-page .hd-trophy {
  --k: var(--c-grade-bronze);
  display: inline-flex;
  align-items: center;
  gap: calc(5px * var(--hd-btn-k, 1));
  text-shadow: none;
}
html.home-doors #mainMenuModal .hd-page .hd-trophy.g-silver {
  --k: var(--c-grade-silver);
}
html.home-doors #mainMenuModal .hd-page .hd-trophy.g-gold {
  --k: var(--c-grade-gold);
}
html.home-doors #mainMenuModal .hd-page .hd-trophy > svg {
  width: calc(20px * var(--hd-btn-k, 1));
  height: calc(20px * var(--hd-btn-k, 1));
  flex: none;
  color: var(--k);
}
html.home-doors #mainMenuModal .hd-page .hd-trophy-st {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: calc(3px * var(--hd-btn-k, 1));
  min-width: calc(30px * var(--hd-btn-k, 1));
}
html.home-doors #mainMenuModal .hd-page .hd-trophy-st > b {
  font-size: calc(12px * var(--fs-mono, 1) * var(--hd-btn-k, 1));
  line-height: 1;
  text-align: left;
  color: var(--c-text-hi);
  font-variant-numeric: tabular-nums;
}
html.home-doors #mainMenuModal .hd-page .hd-trophy-bar.gcg-bar {
  display: block;
  height: calc(3px * var(--hd-btn-k, 1));
  overflow: visible;
  border-radius: 999px;
  background: color-mix(in srgb, var(--c-text) 17%, transparent);
  box-shadow: none;
}
html.home-doors #mainMenuModal .hd-page .hd-trophy-bar > i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--k);
  box-shadow:
    0 0 3px var(--k),
    0 0 7px var(--k),
    0 0 16px color-mix(in srgb, var(--k) 70%, transparent);
}
html.home-doors #mainMenuModal .hd-page .hd-trophy.is-dim {
  opacity: .4;
}
html.home-doors #mainMenuModal .hd-page .hd-stat:has(> .hd-trophy) {
  gap: calc(12px * var(--hd-btn-k, 1));
}
html.home-doors #mainMenuModal .hd-page .hd-rlt {
  --rlt-d: calc(12px * var(--hd-btn-k, 1));
  display: flex;
  flex-direction: column;
  gap: calc(3px * var(--hd-btn-k, 1));
  margin: 0;
}
html.home-doors #mainMenuModal .hd-page .hd-rlt-row {
  display: flex;
  gap: calc(3px * var(--hd-btn-k, 1));
}
html.home-doors #mainMenuModal .hd-page .hd-rlt-row.is-locked {
  opacity: .35;
}
html.home-doors #mainMenuModal .hd-page .hd-rlt .rlt-orb {
  border-width: 1.5px;
  color: var(--k);
}
html.home-doors #mainMenuModal .hd-page .hd-rlt .rlt-orb.has-check {
  border-color: transparent;
  filter: drop-shadow(0 0 4px color-mix(in srgb, var(--k) 45%, transparent));
}
html.home-doors #mainMenuModal .hd-door:not(.hd-has-dash) .hd-rows .r5-banner-slot {
  width: auto;
  height: auto;
  min-height: var(--hd-row-min);
  container: hd-ban / size;
}
html.home-doors #mainMenuModal .hd-door:not(.hd-has-dash) .hd-rows .r5-banner-slot > .menu-acct {
  display: flex;
  align-items: center;
  justify-content: center;
}
html.home-doors #mainMenuModal .hd-door:not(.hd-has-dash) .hd-rows .r5-banner-slot .player-chip-host.player-banner-host {
  width: min(100cqw, 100cqh * 10 / 3);
  height: auto;
  aspect-ratio: 10 / 3;
  flex: none;
}
html.home-doors #mainMenuModal .hd-page .r5-banner-slot:has(#menuAccountBtn:not([hidden])) {
  height: auto;
  overflow: visible;
  justify-content: flex-start;
}
html.home-doors #mainMenuModal .hd-page .r5-banner-slot > .menu-acct:has(> #menuAccountBtn:not([hidden])) {
  border: 0;
  background: none;
}
html.home-doors #mainMenuModal .hd-page #menuAccountBtn.hd-acct-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 2px;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 7px 12px;
  box-sizing: border-box;
  background: var(--surface-haze);
  border: 0;
  box-shadow: none;
  border-radius: var(--r-l);
  text-align: left;
  color: var(--c-text-hi);
}
html.home-doors #mainMenuModal .hd-page #menuAccountBtn.hd-acct-row > .menu-btn-icon {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  filter: drop-shadow(0 0 3px var(--c-ink-dark)) drop-shadow(0 0 1px var(--c-ink-dark));
  transition: filter .25s ease;
}
html.home-doors #mainMenuModal .hd-page #menuAccountBtn.hd-acct-row > .menu-btn-icon .gcg-tbi {
  width: var(--tile-icon);
  height: var(--tile-icon);
}
html.home-doors #mainMenuModal .hd-page #menuAccountBtn.hd-acct-row > #menuAccountName {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--font-display);
  font-weight: 900;
  text-transform: uppercase;
  font-size: var(--tile-fs);
  letter-spacing: 0.03em;
  line-height: 1.1;
  color: var(--c-text-hi);
  text-shadow:
    0 0 8px var(--c-ink-dark),
    0 0 3px var(--c-ink-dark),
    0 1px 2px var(--c-ink-dark);
  transition: text-shadow .25s ease;
}
html.home-doors #mainMenuModal .hd-page #menuAccountBtn.hd-acct-row > #menuAccountName .acct-pill-tail {
  display: inline;
  font: inherit;
  color: inherit;
  text-shadow: inherit;
}
html.home-doors #mainMenuModal .hd-page #menuAccountBtn.hd-acct-row > .hd-acct-desc {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--font-body);
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
  font-size: var(--tile-desc-fs);
  line-height: 1.3;
  color: var(--c-text-dim);
  text-shadow:
    0 0 8px var(--c-ink-dark),
    0 0 3px var(--c-ink-dark),
    0 1px 2px var(--c-ink-dark);
}
html.home-doors #mainMenuModal .hd-page #menuAccountBtn.hd-acct-row:is(:hover, :focus-visible) > #menuAccountName {
  text-shadow: 0 0 10px var(--cf-c), 0 0 3px var(--cf-c);
}
html.home-doors #mainMenuModal .hd-page #menuAccountBtn.hd-acct-row:is(:hover, :focus-visible) > .menu-btn-icon {
  filter: drop-shadow(0 0 7px var(--cf-c)) drop-shadow(0 0 2px var(--cf-c));
}
html.home-doors #mainMenuModal .hd-page .hd-grp > .group-title {
  display: none;
}
html.home-doors #mainMenuModal .hd-door .cf-traits {
  display: block;
  height: calc(var(--cf-u) * 1.4);
  bottom: calc(var(--cf-u) * 10.2);
  right: calc(var(--cf-stats-w) + var(--cf-edge) + var(--cf-u) * 9.35);
  clip-path: polygon(0 0, calc(100% - var(--cf-u) * .92) 0, 100% 100%, calc(var(--cf-u) * .92) 100%);
}
html.home-doors #mainMenuModal .hd-door .cf-bar {
  height: calc(var(--cf-u) * 9.2);
  padding-right: calc(var(--cf-u) * 6);
}
html.home-doors #mainMenuModal .hd-door .cf-bar > .hd-tick-at {
  display: none;
}
html.home-doors #mainMenuModal .system-message--home {
  display: none;
}
html.home-doors #mainMenuModal .hd-door .cf-bar > .system-message {
  flex: 1 1 auto;
  align-self: stretch;
  height: auto;
  margin: 0;
  padding: 0;
  gap: calc(var(--cf-u) * 1.4);
  background: none;
  border: 0;
  pointer-events: auto;
  font-size: max(12px, calc(var(--cf-u) * 4.2));
  font-weight: 600;
}
html.home-doors #mainMenuModal .hd-door .cf-bar > .system-message .system-message-icon {
  display: none;
}
html.home-doors #mainMenuModal .hd-doors {
  height: var(--hd-h);
}
html.home-doors #mainMenuModal .hd-doors[data-open]:not([data-open=""]) {
  grid-template-rows: var(--hd-h);
}
html.home-doors #mainMenuModal .hd-doors[data-open]:not([data-open=""]) > .hd-door {
  grid-area: 1 / 1 / 2 / -1;
}
html.home-doors #mainMenuModal .hd-door:is(.hd-on, .hd-off) {
  margin-left: calc(var(--hd-i, 0) * var(--hd-peek));
  margin-right: calc((4 - var(--hd-i, 0)) * var(--hd-peek));
  z-index: calc(2 + var(--hd-i, 0));
}
@media (min-width: 861px) {
  html.home-doors #mainMenuModal .hd-door.hd-off.hd-right {
    margin-left: calc(100% - (5 - var(--hd-i, 0)) * var(--hd-peek));
    margin-right: 0;
  }
}
html.home-doors #mainMenuModal .hd-door :is(.cf-cost, .cf-code, .cf-foot) {
  transition: opacity var(--hd-fade-in, 280ms) ease;
}
html.home-doors #mainMenuModal .hd-door.hd-off :is(.cf-code, .cf-zones, .cf-traits, .cf-bar) {
  opacity: 0;
}
html.home-doors #mainMenuModal .hd-door :is(.cf-zones, .cf-traits, .cf-bar) {
  transition: opacity var(--hd-fade-in, 280ms) ease;
}
@media (min-width: 861px) {
  html.home-doors #mainMenuModal .hd-door.hd-off:not(.hd-right) {
    width: calc(var(--hd-peek) + var(--cf-u) * 5.6);
  }
}
html.home-doors #mainMenuModal .hd-door.hd-off > .cf-body {
  visibility: hidden;
}
html.home-doors #mainMenuModal .hd-door > :is(.cf-body, .hd-page) {
  will-change: opacity;
  transition: opacity var(--hd-fade-in, 280ms) ease;
}
html.home-doors #mainMenuModal .hd-doors.hd-anim > .hd-door > :is(.cf-body, .hd-page) {
  opacity: .01;
  transition: opacity var(--hd-fade, 80ms) ease;
}
html.home-doors #mainMenuModal .hd-doors.hd-moving > .hd-door > :is(.cf-body, .hd-page) {
  content-visibility: hidden;
}
html.home-doors #mainMenuModal .hd-doors.hd-rows-in > .hd-door.hd-on .hd-page .mode-btn {
  animation: hd-fade-in var(--hd-fade-in, 280ms) ease both;
  animation-delay: calc(var(--hd-row-i, 0) * 30ms);
}
html.home-doors #mainMenuModal .hd-page :is(.hd-stat > *, .mode-presence, #menuEventMatchBtn) {
  animation: hd-fade-in .25s ease both;
}
@keyframes hd-fade-in {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.home-doors #mainMenuModal .hd-doors.hd-rows-in > .hd-door.hd-on .hd-page .mode-btn,
  html.home-doors #mainMenuModal .hd-page :is(.hd-stat > *, .mode-presence, #menuEventMatchBtn) {
    animation: none;
  }
}
html.home-doors #mainMenuModal .hd-door.hd-was {
  z-index: 9;
}
html.home-doors #mainMenuModal .hd-door.hd-on {
  height: var(--hd-h);
  display: flex;
  flex-direction: column;
}
html.home-doors #mainMenuModal .hd-door.hd-on > .cf-art {
  opacity: .5;
}
html.home-doors #mainMenuModal .hd-door:not(.hd-on) .cf-code > .gcg-back {
  display: none;
}
html.home-doors #mainMenuModal .hd-door.hd-on .cf-code {
  z-index: 4;
  pointer-events: auto;
}
html.home-doors #mainMenuModal .hd-door.hd-on .cf-code {
  justify-content: center;
  padding: 0 calc(var(--cf-u) * 4) 0 calc(var(--cf-code-h) + var(--cf-u) * 1);
}
html.home-doors #mainMenuModal .hd-door .cf-code > .gcg-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 100%;
  min-height: 0;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  color: var(--c-white);
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}
html.home-doors #mainMenuModal .hd-door .cf-code > .gcg-back:hover {
  color: var(--c-text-hi);
  background: none;
}
html.home-doors #mainMenuModal .hd-door .cf-code > .gcg-back:focus-visible {
  outline: 1px solid var(--c-white);
  outline-offset: 2px;
}
html.home-doors #mainMenuModal .hd-door .cf-code > .gcg-back .gcg-back-label {
  display: inline;
}
html.home-doors #mainMenuModal .hd-door.hd-on > .hd-face {
  inset: 0 0 auto 0;
  height: var(--cf-cost-h);
}
html.home-doors #mainMenuModal .hd-door.hd-on > .cf-body {
  top: 0;
}
html.home-doors #mainMenuModal .hd-door.hd-on .cf-name {
  --hd-hg: calc(var(--hd-cu) * 5);
  display: flex;
  align-items: baseline;
  gap: 16px;
  height: var(--cf-cost-h);
  padding: calc(var(--cf-u) * 3.3 + var(--hd-hg)) 16px 0 calc(var(--hd-cb) - var(--cf-strip) + var(--hd-hg));
  text-align: left;
  background: none;
}
html.home-doors #mainMenuModal .hd-door.hd-on .cf-title {
  margin-top: -.3em;
}
html.home-doors #mainMenuModal .hd-door.hd-on .cf-sub {
  margin-top: 0;
}
html.home-doors #mainMenuModal .hd-door.hd-on .cf-text {
  display: none;
}
html.home-doors #mainMenuModal .hd-door.hd-on .cf-foot {
  margin-top: auto;
}
html.home-doors #mainMenuModal .hd-door.hd-on > .hd-page {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  margin: var(--cf-cost-h) var(--cf-edge) calc(var(--cf-foot) + 16px) var(--cf-strip);
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  opacity: 1;
  visibility: visible;
}
html.home-doors #mainMenuModal .hd-door.hd-on:not(.hd-has-dash) > .hd-page {
  display: flex;
  flex-direction: column;
}
html.home-doors #mainMenuModal .hd-door.hd-on:not(.hd-has-dash) .hd-page-in {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
html.home-doors #mainMenuModal .hd-door:not(.hd-has-dash) .hd-rows > .r5-grp.hd-grp,
html.home-doors #mainMenuModal .hd-door:not(.hd-has-dash) .hd-rows > .r5-grp.hd-grp > .group-grid {
  display: contents;
}
html.home-doors #mainMenuModal .hd-door.hd-on:not(.hd-has-dash) .hd-rows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(0, 1fr);
  gap: var(--hd-row-gap);
  flex: 1 1 auto;
  min-height: 0;
}
html.home-doors #mainMenuModal .hd-door.hd-on:not(.hd-has-dash) .hd-page.hd-nat .hd-rows {
  flex: none;
  grid-auto-rows: 1fr;
}
html.home-doors #mainMenuModal .hd-door.hd-on:not(.hd-has-dash) .hd-rows > .hd-grp > .group-grid > * {
  grid-column: 1 / -1;
  min-height: var(--hd-row-min);
}
html.home-doors #mainMenuModal .hd-door.hd-on:not(.hd-has-dash) .hd-rows > .hd-grp > .group-grid > .hd-half {
  grid-column: auto;
}
html.home-doors #mainMenuModal .hd-door.hd-on:not(.hd-has-dash) .hd-rows .mode-btn {
  align-content: center;
  height: auto;
}
html.home-doors #mainMenuModal .hd-page .r5-grp.hd-grp .mode-btn.hd-half {
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  grid-template-rows: auto auto auto;
  justify-items: start;
  text-align: left;
  row-gap: 2px;
  column-gap: 0;
  --tile-icon: calc(18px * var(--hd-btn-k, 1));
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn.hd-half > .menu-btn-icon {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin-right: 7px;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn.hd-half > strong {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  max-width: 100%;
  white-space: normal;
}
html.home-doors #mainMenuModal .hd-page .r5-grp.hd-grp .mode-btn.hd-half > :is(.r5-desc, .menu-continue-copy) {
  grid-column: 2;
  grid-row: 2;
  max-width: 100%;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn.hd-half > :is(.mode-presence, .soon) {
  grid-column: 4;
  grid-row: 1 / span 3;
  align-self: center;
  justify-self: end;
  margin: 0;
  padding: 0 0 0 6px;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn.hd-half > .gcg-notif-dot {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  translate: calc(var(--tile-icon) - 4px) calc(var(--tile-icon) / -2);
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn.hd-half:not(.hd-st-under) > .hd-stat {
  grid-column: 3;
  grid-row: 1 / span 3;
  margin-left: 12px;
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn.hd-st-under > .hd-stat {
  grid-column: 2 / -1;
  grid-row: 3;
  justify-self: start;
  justify-items: start;
  margin-left: 0;
  margin-top: 4px;
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn.hd-half.hd-st-under > .hd-stat {
  grid-column: 2 / -1;
  grid-row: 3;
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn.hd-st-under > .hd-stat:has(> .hd-stat-cell) {
  justify-items: start;
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn.hd-st-under > .hd-stat > .hd-stat-cell {
  align-items: flex-start;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn.hd-no-desc > :is(.r5-desc, .menu-continue-copy),
html.home-doors #mainMenuModal .hd-page .r5-banner-slot.hd-no-desc #menuAccountBtn.hd-acct-row > .hd-acct-desc {
  display: none !important;
}
html.home-doors #mainMenuModal .hd-page .hd-grp .mode-btn.hd-no-desc:not(.hd-half) > strong,
html.home-doors #mainMenuModal .hd-page .r5-banner-slot.hd-no-desc:not(.hd-half) #menuAccountBtn.hd-acct-row > #menuAccountName {
  grid-row: 1 / span 2;
  align-self: center;
}
html.home-doors #mainMenuModal .hd-door:not(.hd-has-dash) .hd-rows .r5-banner-slot.hd-half > .menu-acct {
  justify-content: flex-start;
}
html.home-doors #mainMenuModal .hd-page .r5-banner-slot.hd-half #menuAccountBtn.hd-acct-row {
  grid-template-columns: auto minmax(0, 1fr);
  justify-items: start;
  align-content: center;
  text-align: left;
  row-gap: 2px;
  column-gap: 8px;
  --tile-icon: calc(18px * var(--hd-btn-k, 1));
}
html.home-doors #mainMenuModal .hd-page .r5-banner-slot.hd-half #menuAccountBtn.hd-acct-row > .menu-btn-icon {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
}
html.home-doors #mainMenuModal .hd-page .r5-banner-slot.hd-half #menuAccountBtn.hd-acct-row > #menuAccountName {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  max-width: 100%;
  white-space: normal;
}
html.home-doors #mainMenuModal .hd-page .r5-banner-slot.hd-half #menuAccountBtn.hd-acct-row > .hd-acct-desc {
  grid-column: 2;
  grid-row: 2;
  max-width: 100%;
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn > .hd-stat {
  justify-self: end;
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn > .hd-stat:has(> .hd-stat-cell) {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 68px;
  align-items: baseline;
  justify-items: end;
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-page.hd-tight .hd-grp .mode-btn > .hd-stat:has(> .hd-stat-cell) {
  grid-auto-columns: auto;
  column-gap: 14px;
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-stat > .hd-buy {
  justify-self: stretch;
  justify-content: center;
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn.hd-half > .hd-stat {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 4px;
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 860px) {
  html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn.hd-half:not(.hd-st-under) > .hd-stat {
    grid-column: 2 / -1;
    grid-row: 3;
    margin-left: 0;
  }
  html.home-doors #mainMenuModal .hd-page .r5-grp.hd-grp .mode-btn.hd-half {
    padding-inline: 8px;
  }
  html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn > .hd-stat {
    grid-column: 2 / -1;
    grid-row: 3;
    justify-self: start;
    justify-items: start;
    margin-left: 0;
    margin-top: 4px;
  }
  html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn > .hd-stat:has(> .hd-stat-cell) {
    justify-items: start;
  }
  html.home-doors #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn > .hd-stat > .hd-stat-cell {
    align-items: flex-start;
  }
}
html.home-doors #mainMenuModal .hd-page .hd-prog-bar.gcg-bar {
  display: block;
  align-self: stretch;
  height: 4px;
  margin-top: 3px;
  box-shadow: none;
  background: color-mix(in srgb, var(--c-text) 17%, transparent);
}
html.home-doors #mainMenuModal .hd-page .hd-prog-bar > i {
  background: var(--cf-c, var(--c-accent));
}
html.home-doors #mainMenuModal .hd-door .cf-code > .gcg-back {
  transition: opacity var(--hd-fade-in, 280ms) ease;
}
html.home-doors #mainMenuModal .hd-doors.hd-anim .hd-door .cf-code > .gcg-back {
  opacity: 0;
  transition: opacity var(--hd-fade, 80ms) ease;
}
html.home-doors #mainMenuModal .hd-foot {
  display: flex;
  gap: var(--grp-gap);
  height: var(--hd-tips-h);
  margin-top: var(--grp-gap);
}
html.home-doors #mainMenuModal .hd-bugs {
  display: flex;
  align-items: center;
  margin: 0;
}
html.home-doors #mainMenuModal .hd-tips {
  flex: 1 1 auto;
  min-width: 0;
}
html.home-doors #mainMenuModal .hd-bugs {
  flex: none;
}
html.home-doors #mainMenuModal .r5-grid > [data-r5-grp=bugs] {
  display: none;
}
html.home-doors #mainMenuModal .hd-bugs-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
}
html.home-doors #mainMenuModal .hd-bug-btn[hidden] {
  display: none;
}
html.home-doors #mainMenuModal .hd-bug-btn:disabled {
  opacity: .4;
  cursor: default;
}
html.home-doors #mainMenuModal .hd-btn-ico > svg {
  width: 16px;
  height: 16px;
}
html.home-doors #mainMenuModal .hd-bugs > .gcg-modal-head {
  align-self: stretch;
  justify-content: center;
  padding: var(--gcg-modal-head-pad-x) var(--gcg-modal-head-pad-y);
  border-bottom: 0;
  border-right: 1px solid hsl(0 0% 100% / .07);
}
html.home-doors #mainMenuModal .hd-bugs .gcg-modal-title {
  writing-mode: vertical-rl;
}
@media (min-width: 861px) {
  html.home-doors #mainMenuModal .hd-bugs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 7px 10px;
  }
  html.home-doors #mainMenuModal .hd-bugs-row {
    display: contents;
  }
  html.home-doors #mainMenuModal .hd-bugs > .gcg-modal-head {
    padding: 0 6px;
    border-right: 0;
    justify-content: flex-start;
  }
  html.home-doors #mainMenuModal .hd-bugs .gcg-modal-title {
    writing-mode: horizontal-tb;
  }
  html.home-doors #mainMenuModal .hd-bugs-row > .r5-util-btn {
    padding: 0 12px;
    justify-content: flex-start;
  }
}
html.home-doors #mainMenuModal .hd-tip-step {
  flex: none;
  align-self: stretch;
  display: grid;
  place-items: center;
  padding: 0 6px;
  background: none;
  border: 0;
  color: var(--c-text-dim);
  cursor: pointer;
  transition: color .15s ease;
}
html.home-doors #mainMenuModal .hd-tip-step:is(:hover, :focus-visible) {
  color: var(--c-text-hi);
  outline: none;
}
html.home-doors #mainMenuModal .hd-tip-step .g {
  display: inline-flex;
}
html.home-doors #mainMenuModal .hd-tip-step svg {
  width: 20px;
  height: 20px;
  display: block;
}
@media (prefers-reduced-motion: reduce) {
  html.home-doors #mainMenuModal {
    --hd-dur: 0s;
  }
}
html.home-doors #mainMenuModal .hd-door.hd-has-dash .hd-rows {
  display: none;
}
html.home-doors #mainMenuModal .hd-door.hd-has-dash.hd-on > .hd-page {
  display: flex;
  flex-direction: column;
}
html.home-doors #mainMenuModal .hd-door.hd-has-dash .hd-page-in {
  flex: 1 1 auto;
  min-height: 0;
}
html.home-doors #mainMenuModal .hd-dash {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
html.home-doors #mainMenuModal .hd-news {
  position: relative;
  flex: none;
}
html.home-doors #mainMenuModal .hd-news[hidden] {
  display: none;
}
html.home-doors #mainMenuModal .hd-news-stage {
  position: relative;
  flex: none;
  width: 100%;
  aspect-ratio: 16 / 3;
}
html.home-doors #mainMenuModal .hd-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity .45s ease;
  cursor: default;
}
html.home-doors #mainMenuModal .hd-slide.hd-on {
  opacity: 1;
  pointer-events: auto;
}
html.home-doors #mainMenuModal .hd-slide.hd-slide-go {
  cursor: pointer;
}
html.home-doors #mainMenuModal .hd-slide:not(.hd-slide-go):hover {
  border-color: var(--c-border);
}
html.home-doors #mainMenuModal .hd-slide:focus-visible {
  outline: 2px solid var(--c-text-muted);
  outline-offset: 2px;
}
html.home-doors #mainMenuModal .hd-slide {
  box-shadow: 0 0 14px var(--c-ink-dark), 0 0 4px var(--c-ink-dark);
}
html.home-doors #mainMenuModal .hd-news-ctl {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
html.home-doors #mainMenuModal .hd-news-ctl[hidden] {
  display: none;
}
html.home-doors #mainMenuModal .hd-ban-step {
  pointer-events: auto;
  color: var(--c-text-hi);
  opacity: .75;
  filter: drop-shadow(0 0 3px var(--c-ink-dark)) drop-shadow(0 0 1px var(--c-ink-dark));
  transition: opacity .15s ease;
}
html.home-doors #mainMenuModal .hd-ban-step:is(:hover, :focus-visible) {
  opacity: 1;
  color: var(--c-text-hi);
}
html.home-doors #mainMenuModal :is(.hd-hban, .hd-rest-news) > .hd-ban-step {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
}
html.home-doors #mainMenuModal .hd-ban-prev {
  left: 0;
}
html.home-doors #mainMenuModal .hd-ban-next {
  right: 0;
}
html.home-doors #mainMenuModal .hd-side {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  grid-template-rows: auto repeat(3, auto);
  column-gap: 14px;
  row-gap: 6px;
  align-items: stretch;
  min-width: 0;
  min-height: 0;
}
html.home-doors #mainMenuModal .hd-side > :is(.hd-dash-almost, .hd-dash-recent) {
  display: grid;
  grid-row: 1 / span 4;
  grid-template-rows: subgrid;
  gap: inherit;
}
html.home-doors #mainMenuModal .hd-side > .hd-dash-almost {
  grid-column: 1;
}
html.home-doors #mainMenuModal .hd-side > .hd-dash-recent {
  grid-column: 2;
}
html.home-doors #mainMenuModal .hd-side:has(> .hd-dash-almost[hidden]) > .hd-dash-recent {
  grid-column: 1 / -1;
}
html.home-doors #mainMenuModal :is(.hd-almost, .hd-recent) {
  display: grid;
  grid-row: 2 / span 3;
  grid-template-rows: subgrid;
  gap: inherit;
  min-width: 0;
}
html.home-doors #mainMenuModal .hd-dash-sec {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
html.home-doors #mainMenuModal .hd-dash-sec[hidden] {
  display: none;
}
html.home-doors #mainMenuModal .hd-dash-h {
  font-family: var(--font-body);
  font-size: calc(10px * var(--fs-body, 1));
  line-height: 1.1;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--c-text-dim);
}
html.home-doors #mainMenuModal .hd-dash-you {
  flex-flow: row wrap;
  align-items: center;
  gap: 10px;
}
html.home-doors #mainMenuModal .hd-signin[hidden] {
  display: none;
}
html.home-doors #mainMenuModal .hd-chip {
  --player-chip-scale: 1;
}
@media (min-width: 861px) {
  html.home-doors #mainMenuModal .hd-door[data-door=home] {
    --hd-chip-y: calc(var(--cf-u) * 3.1 + 26px);
  }
  html.home-doors #mainMenuModal .hd-door[data-door=home].hd-has-dash.hd-on {
    --hd-head-h: max(var(--hd-head-t), calc(var(--hd-chip-y) + 75px));
  }
  html.home-doors #mainMenuModal .cf-name > .hd-dash-you {
    grid-column: 2;
    grid-row: 1 / -1;
    align-self: start;
    pointer-events: auto;
    margin-top: calc(var(--hd-chip-y) - var(--cf-u) * 3.3 - var(--hd-cu) * 5);
    margin-right: -9px;
  }
  html.home-doors #mainMenuModal .hd-door:not(.hd-on) .cf-name > .hd-dash-you {
    display: none;
  }
}
html.home-doors #mainMenuModal .hd-almost-card {
  min-width: 0;
}
html.home-doors #mainMenuModal .hd-almost-card :is(.qc-title, .qc-hint) {
  white-space: normal;
  text-overflow: clip;
}
html.home-doors #mainMenuModal .hd-almost-card {
  cursor: pointer;
}
html.home-doors #mainMenuModal .hd-almost-card:focus-visible {
  outline: 2px solid var(--c-text-muted);
  outline-offset: 2px;
}
html.home-doors #mainMenuModal .hd-recent > .r5-util-btn {
  justify-content: flex-start;
  min-height: 0;
}
html.home-doors #mainMenuModal .hd-recent > .r5-util-btn:disabled {
  opacity: .4;
  cursor: default;
}
html.home-doors #mainMenuModal .hd-page.hd-snug .hd-dash {
  gap: 8px;
}
html.home-doors #mainMenuModal .hd-page.hd-tight .hd-side {
  row-gap: 4px;
}
html.home-doors #mainMenuModal .hd-page.hd-tight .hd-almost-card {
  min-height: 44px;
  padding-block: 3px;
}
@media (prefers-reduced-motion: reduce) {
  html.home-doors #mainMenuModal .hd-slide {
    transition: none;
  }
}
@media (max-width: 860px) {
  html.home-doors #mainMenuModal .hd-doors {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: auto;
  }
  html.home-doors #mainMenuModal .hd-doors[data-open]:not([data-open=""]) > .hd-door {
    grid-area: auto;
  }
  html.home-doors #mainMenuModal .hd-door {
    --cf-link-h: 0px;
    --cf-u: calc(190px / 139.7 * var(--hd-fu));
    flex: none;
    height: 190px;
    margin: 0 !important;
    translate: none !important;
  }
  html.home-doors #mainMenuModal .hd-door .cf-link {
    display: none;
  }
  html.home-doors #mainMenuModal .hd-door.hd-on {
    height: auto;
    min-height: 0;
  }
  html.home-doors #mainMenuModal .hd-door.hd-on .cf-sub {
    display: none;
  }
  html.home-doors #mainMenuModal .hd-foot {
    flex-direction: column;
    height: auto;
    gap: 10px;
  }
  html.home-doors #mainMenuModal .hd-tips {
    flex: none;
    height: var(--hd-tips-h);
  }
  html.home-doors #mainMenuModal .hd-bugs-row {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 8px;
  }
  html.home-doors #mainMenuModal .hd-bugs-row > .r5-util-btn {
    padding: 10px 6px;
  }
  html.home-doors #mainMenuModal .hd-door.hd-on > .hd-page {
    padding: 10px 10px 4px;
  }
  html.home-doors #mainMenuModal .hd-side {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  html.home-doors #mainMenuModal .hd-side > :is(.hd-dash-almost, .hd-dash-recent),
  html.home-doors #mainMenuModal :is(.hd-almost, .hd-recent) {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off {
    height: 48px;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off :is(.cf-cost, .cf-foot) {
    opacity: 0;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off .cf-type {
    display: none;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off > .cf-body {
    visibility: visible;
    top: 0;
    bottom: 0;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off > .cf-rim {
    border-width: 3px;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off :is(.cf-text, .cf-foot, .cf-sub) {
    display: none;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off .cf-name {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 14px;
    background: none;
    text-align: left;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off .cf-title {
    font-size: 16px;
  }
}
.cf-gallery {
  position: fixed;
  inset: 0;
  z-index: 99999;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 24px;
  background: color-mix(in srgb, var(--c-ink-dark) 94%, transparent);
}
.cf-gallery-x {
  position: fixed;
  top: 12px;
  right: 16px;
  z-index: 1;
}
.cf-gallery-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
}
.cf-gallery-lbl {
  flex: 0 0 100%;
  color: var(--c-text-dim);
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.cf.cf-g-portrait {
  width: 250px;
  height: 350px;
}
.cf-g-ref,
img.cf-g-real {
  width: 300px;
  height: 419px;
}
.cf.cf-g-land {
  width: 470px;
  height: 230px;
}
.cf.cf-g-bar {
  width: 360px;
  height: 120px;
}
.cf.cf-g-bar .cf-sub,
.cf.cf-g-bar .cf-text {
  display: none;
}
html.home-doors #mainMenuModal .hd-doors {
  position: relative;
}
html.home-doors #mainMenuModal .hd-step {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  z-index: 20;
  width: var(--gcg-control-height-touch);
  height: calc(var(--gcg-control-height-touch) * 2);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html.home-doors #mainMenuModal .hd-step-prev {
  right: calc(100% + var(--grp-gap));
}
html.home-doors #mainMenuModal .hd-step-next {
  left: calc(100% + var(--grp-gap));
}
html.home-doors #mainMenuModal .hd-step {
  background: none;
  border: 0;
  color: var(--c-text-dim);
  cursor: pointer;
  transition: color .15s ease;
}
html.home-doors #mainMenuModal .hd-step:hover:not(:disabled),
html.home-doors #mainMenuModal .hd-step:focus-visible {
  color: var(--c-text-hi);
  outline: none;
}
html.home-doors #mainMenuModal .hd-step .g {
  display: inline-flex;
}
html.home-doors #mainMenuModal .hd-step svg {
  width: 32px;
  height: 32px;
  display: block;
  filter: drop-shadow(0 1px 3px var(--c-ink-dark));
}
html.home-doors #mainMenuModal .hd-step:disabled {
  opacity: .38;
  cursor: default;
}
@media (max-width: 860px) {
  html.home-doors #mainMenuModal .hd-step {
    display: none;
  }
}
html.home-doors #mainMenuModal {
  --hd-fu-grid: 1.4;
  --hd-cfu-grid: .9;
}
html.home-doors #mainMenuModal .hd-doors.hd-fu-small:is(:not([data-open]), [data-open=""]) > .hd-door {
  --hd-fu: var(--hd-fu-grid);
  --hd-cfu: var(--hd-cfu-grid);
}
html.home-doors #mainMenuModal .hd-door .hd-hero {
  display: none;
}
html.home-doors #mainMenuModal .hd-doors > .hd-door:not(.hd-on, .hd-off) > .cf-body {
  top: calc(var(--cf-u) * 5);
}
html.home-doors #mainMenuModal .hd-doors > .hd-door:not(.hd-on, .hd-off) .hd-hero {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-text-hi);
  opacity: var(--hd-hero-a, .45);
  filter: drop-shadow(0 0 calc(var(--cf-u) * 1.2) var(--c-ink-dark));
  transition: opacity .25s ease, filter .25s ease;
}
html.home-doors #mainMenuModal .hd-door .hd-hero :is(.menu-btn-icon, .gcg-tbi) {
  display: flex;
  height: 100%;
  max-height: 96px;
  aspect-ratio: 1;
}
html.home-doors #mainMenuModal .hd-door .hd-hero svg {
  width: 100%;
  height: 100%;
}
html.home-doors #mainMenuModal .hd-doors > .hd-door:not(.hd-on, .hd-off):hover .hd-hero {
  opacity: .95;
  filter: drop-shadow(0 0 calc(var(--cf-u) * 3) var(--cf-c)) drop-shadow(0 0 calc(var(--cf-u) * 1) var(--cf-c));
}
html.home-doors #mainMenuModal .hd-doors > .hd-door:not(.hd-on, .hd-off) .cf-title {
  font-size: calc(var(--cf-u) * 9.5);
  text-shadow:
    0 0 calc(var(--cf-u) * 4) var(--c-ink-dark),
    0 0 calc(var(--cf-u) * 1.5) var(--c-ink-dark),
    0 1px 3px var(--c-ink-dark);
  transition: text-shadow .25s ease;
}
html.home-doors #mainMenuModal .hd-doors > .hd-door:not(.hd-on, .hd-off):hover .cf-title {
  text-shadow: 0 0 calc(var(--cf-u) * 3) var(--cf-c), 0 0 calc(var(--cf-u) * 1) var(--cf-c);
}
html.home-doors #mainMenuModal .hd-doors > .hd-door:not(.hd-on, .hd-off) .cf-sub {
  font-size: calc(var(--cf-u) * 4.6);
  color: var(--c-text);
  text-shadow: 0 0 calc(var(--cf-u) * 3) var(--c-ink-dark), 0 1px 2px var(--c-ink-dark);
}
html.home-doors #mainMenuModal .hd-door .cf-link::after {
  display: none;
}
html.home-doors #mainMenuModal .hd-door .cf-code > .hd-pres {
  display: none;
  color: var(--p1);
  font-family: var(--mono);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  line-height: 1;
}
html.home-doors #mainMenuModal .hd-doors:is(:not([data-open]), [data-open=""]) > .hd-door .cf-code > .hd-pres:not(:empty) {
  display: block;
}
html.home-doors .fx-ret.hd-ret {
  z-index: 100000;
  transition: opacity .2s ease;
}
html.home-doors .fx-ret.hd-ret {
  --screen-fx-glow-core-blur: 5px;
  --screen-fx-glow-core-opacity: 100%;
  --screen-fx-glow-bloom-blur: 26px;
  --screen-fx-glow-bloom-opacity: 95%;
}
html.home-doors #mainMenuModal .hd-door .cf-code > .hd-new {
  display: none;
  --dm-c-badge: 10px;
  line-height: 1;
  padding: .1em .5em;
}
html.home-doors #mainMenuModal .hd-doors:is(:not([data-open]), [data-open=""]) > .hd-door.hd-has-new .cf-code > .hd-new {
  display: block;
}
html.home-doors #mainMenuModal .hd-doors:is(:not([data-open]), [data-open=""]) > .hd-door {
  --cf-code-h: max(calc(var(--cf-u) * 4.4), 20px);
}
html.home-doors #mainMenuModal .hd-doors:is(:not([data-open]), [data-open=""]) > .hd-door .cf-code {
  justify-content: center;
  gap: 6px;
  min-width: calc(var(--cf-code-h) + var(--cf-u) * 18);
  padding: 0 0 0 var(--cf-code-h);
}
html.home-doors #mainMenuModal .hd-doors:is(:not([data-open]), [data-open=""]) > .hd-door .cf-code:has(> .hd-pres:not(:empty)) {
  padding-right: 8px;
}
html.home-doors #mainMenuModal .hd-door {
  --hd-ban-h: clamp(46px, 8.4vh, 92px);
  --hd-head-t: calc(var(--cf-code-h) + var(--hd-hb, var(--hd-ban-h)) * .62 * var(--hd-head-k, 1) + 12px);
  --hd-head-h: max(calc(var(--cf-u) * 3.1 + 2px + var(--hd-ban-y, 0px) + var(--hd-ban-h) + 14px), var(--hd-head-t));
  --hd-row-gap: clamp(6px, 1.3vh, 14px);
  --hd-row-min: 44px;
}
html.home-doors #mainMenuModal .hd-page.hd-tight {
  --hd-row-min: 36px;
}
html.home-doors #mainMenuModal .hd-door.hd-on > .hd-face {
  height: var(--hd-head-h);
}
html.home-doors #mainMenuModal .hd-door.hd-on .cf-name {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: max-content max-content 1fr;
  align-items: start;
  column-gap: 20px;
  row-gap: 6px;
  height: var(--hd-head-h);
  padding-right: 16px;
}
html.home-doors #mainMenuModal .hd-door.hd-on .cf-title {
  grid-column: 1;
  grid-row: 1;
  margin-top: 0;
  line-height: 1.1;
  font-size: calc(clamp(22px, calc(var(--hd-hb, var(--hd-ban-h)) * .34), 44px) * var(--hd-head-k, 1) * var(--hd-title-k, 1));
  text-overflow: clip;
}
html.home-doors #mainMenuModal .hd-door.hd-on .cf-sub {
  grid-column: 1;
  grid-row: 2;
  white-space: normal;
  font-size: calc(clamp(10px, calc(var(--hd-hb, var(--hd-ban-h)) * .11), 14px) * var(--hd-head-k, 1));
  line-height: 1.35;
}
html.home-doors #mainMenuModal .hd-door.hd-on > .hd-page {
  margin-top: var(--hd-head-h);
}
html.home-doors #mainMenuModal .hd-hban {
  display: none;
  grid-column: 2;
  grid-row: 1 / -1;
  position: relative;
  margin-top: calc(var(--cf-u) * 3.1 + 2px + var(--hd-ban-y, 0px) - var(--cf-u) * 3.3 - var(--hd-cu) * 5);
  margin-right: calc(var(--cf-edge) - var(--cf-u) * 6 - 16px + var(--hd-ban-x, 0px));
  height: var(--hd-ban-h);
  aspect-ratio: 16 / 3;
  pointer-events: auto;
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-hban:not([hidden]) {
  display: block;
}
html.home-doors #mainMenuModal :is(.hd-door:has(.hd-hban[hidden]), .hd-door[data-door=home]) {
  --hd-head-h: var(--hd-head-t);
}
html.home-doors #mainMenuModal .hd-hban > .hd-slide {
  pointer-events: auto;
}
@media (max-width: 860px) {
  html.home-doors #mainMenuModal :is(.hd-door, .hd-door:has(.hd-hban[hidden])) {
    --hd-head-h: var(--cf-cost-h);
  }
  html.home-doors #mainMenuModal .hd-door.hd-on .cf-name {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
  }
  html.home-doors #mainMenuModal .hd-door.hd-on .hd-hban:not([hidden]) {
    display: none;
  }
}
html.home-doors #mainMenuModal .hd-door:not(.hd-has-dash) .hd-page.hd-tight .hd-grp .mode-btn > .r5-desc {
  -webkit-line-clamp: 1;
}
html.home-doors #mainMenuModal .hd-has-dash .hd-page.hd-tight .hd-grp .mode-btn > :is(.r5-desc, .menu-continue-copy),
html.home-doors #mainMenuModal .hd-has-dash .hd-page.hd-tight #menuAccountBtn.hd-acct-row > .hd-acct-desc {
  display: none !important;
}
html.home-doors #mainMenuModal .hd-door.hd-on .hd-page {
  container: hdpage / inline-size;
}
html.home-doors:is([data-hdrow=tile], [data-hdrow=rail], [data-hdrow=rule]) #mainMenuModal .hd-door.hd-on:not(.hd-has-dash) .hd-rows {
  width: 100%;
  max-width: none;
  grid-template-columns: minmax(0, 1fr);
  column-gap: calc(var(--hd-row-gap) * 2);
}
@container hdpage (min-width: 640px) {
  html.home-doors:is([data-hdrow=tile], [data-hdrow=rail], [data-hdrow=rule]) #mainMenuModal .hd-door.hd-on:not(.hd-has-dash) .hd-rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
html.home-doors:is([data-hdrow=tile], [data-hdrow=rail], [data-hdrow=rule]) #mainMenuModal .hd-door.hd-on .hd-rows > .hd-grp > .group-grid > * {
  grid-column: auto;
}
html.home-doors:is([data-hdrow=tile], [data-hdrow=rail], [data-hdrow=rule]) #mainMenuModal .hd-door.hd-on .hd-page .r5-grp.hd-grp .mode-btn:not(.hd-acct-row, .hd-half) {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto auto;
  align-content: start;
  padding: 12px 14px;
  row-gap: 3px;
}
html.home-doors:is([data-hdrow=tile], [data-hdrow=rail], [data-hdrow=rule]) #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn > .menu-btn-icon {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
}
html.home-doors:is([data-hdrow=tile], [data-hdrow=rail], [data-hdrow=rule]) #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn > strong {
  grid-column: 2;
  grid-row: 1;
}
html.home-doors:is([data-hdrow=tile], [data-hdrow=rail], [data-hdrow=rule]) #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn > :is(.r5-desc, .menu-continue-copy) {
  grid-column: 1 / -1;
  grid-row: 2;
  max-width: none;
}
html.home-doors:is([data-hdrow=tile], [data-hdrow=rail], [data-hdrow=rule]) #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn > :is(.mode-presence, .soon) {
  grid-column: 3;
  grid-row: 1;
  padding-left: 0;
  position: static;
}
html.home-doors:is([data-hdrow=tile], [data-hdrow=rail], [data-hdrow=rule]) #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn > .hd-stat {
  grid-column: 1 / -1;
  grid-row: 3;
  justify-self: start;
  justify-items: start;
  margin: 6px 0 0;
}
html.home-doors[data-hdrow=tile] #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn {
  background: none;
  border: 1px solid var(--c-border-strong);
  border-radius: var(--r-l);
}
html.home-doors[data-hdrow=tile] #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn > .hd-stat {
  justify-self: stretch;
  padding-top: 8px;
  border-top: 1px solid var(--c-border);
}
html.home-doors[data-hdrow=rail] #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn {
  background: none;
  border: 0;
  border-left: 3px solid var(--cf-c);
  border-radius: 0;
  padding-left: 14px;
}
html.home-doors[data-hdrow=rule] #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn {
  background:
    linear-gradient(
      to bottom,
      var(--surface-haze),
      transparent);
  border: 0;
  border-top: 2px solid var(--cf-c);
  border-radius: 0;
}
html.home-doors:is([data-hdrow=tile], [data-hdrow=rail], [data-hdrow=rule], [data-hdrow=leader]) #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn:is(:not(:disabled, .locked):hover, :focus-visible) {
  background: color-mix(in srgb, var(--cf-c) 14%, var(--surface-haze));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cf-c) 75%, transparent), inset 0 0 18px color-mix(in srgb, var(--cf-c) 35%, transparent);
}
html.home-doors[data-hdrow=leader] #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn {
  background: none;
}
html.home-doors[data-hdrow=leader] #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn:has(> :is(.hd-stat, .mode-presence:not([hidden]), .soon)) > strong {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
html.home-doors[data-hdrow=leader] #mainMenuModal .hd-door.hd-on .hd-page .hd-grp .mode-btn:has(> :is(.hd-stat, .mode-presence:not([hidden]), .soon)) > strong::after {
  content: "";
  flex: 1 1 auto;
  min-width: 24px;
  border-bottom: 2px dotted var(--c-border-strong);
  translate: 0 -.25em;
}
html.home-doors #mainMenuModal .hd-rest-news {
  display: none;
}
@media (min-width: 861px) {
  html.home-doors #mainMenuModal {
    --hd-rn-h: clamp(64px, 8.5vh, 92px);
    --hd-ush: 38px;
  }
  html.home-doors #mainMenuModal .r5-util-wrap.hd-unews {
    height: var(--hd-rn-h);
    align-items: stretch;
    gap: var(--grp-gap);
  }
  html.home-doors #mainMenuModal .r5-util-wrap.hd-unews:not(.hd-unews-on) {
    height: var(--hd-ush);
  }
  html.home-doors #mainMenuModal .r5-util-wrap.hd-unews:not(.hd-unews-on) > .r5-util {
    grid-auto-columns: max-content;
    justify-content: center;
  }
  html.home-doors #mainMenuModal .hd-doors[data-open]:not([data-open=""]) {
    height: calc(var(--hd-h) + var(--hd-rn-h) - var(--hd-ush));
    grid-template-rows: calc(var(--hd-h) + var(--hd-rn-h) - var(--hd-ush));
  }
  html.home-doors #mainMenuModal .hd-doors[data-open]:not([data-open=""]) > .hd-door.hd-on {
    height: calc(var(--hd-h) + var(--hd-rn-h) - var(--hd-ush));
  }
  html.home-doors #mainMenuModal .r5-util-wrap.hd-unews-on > .hd-rest-news:not([hidden]) {
    display: block;
    position: relative;
    flex: 0 1 calc(var(--hd-rn-h) * 16 / 3);
    min-width: 0;
    height: auto;
    aspect-ratio: 16 / 3;
    align-self: center;
    max-height: 100%;
    animation: hd-rn-in .35s ease both;
  }
  html.home-doors #mainMenuModal .r5-util-wrap.hd-unews > .r5-util {
    flex: 1 1 auto;
    max-width: 760px;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
  }
  html.home-doors #mainMenuModal .r5-util-wrap.hd-unews > .r5-util > .r5-util-btn {
    flex-direction: row;
    gap: 7px;
    justify-content: center;
    padding: 0 10px;
  }
  html.home-doors #mainMenuModal .r5-util-wrap.hd-unews > .r5-util > .r5-util-btn > strong {
    white-space: nowrap;
    line-height: 1;
  }
  html.home-doors #mainMenuModal .r5-util-wrap.hd-unews-on > .r5-util {
    flex: 1 1 0;
    min-width: max(40%, 348px);
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  html.home-doors #mainMenuModal .r5-util-wrap.hd-unews-on > .r5-util > .r5-util-btn {
    flex-direction: row;
    gap: 6px;
    padding: 0 clamp(8px, 1.2vw, 14px);
    justify-content: flex-start;
  }
  html.home-doors #mainMenuModal .r5-util-wrap.hd-unews > .r5-online {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
  }
}
@keyframes hd-rn-in {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.home-doors #mainMenuModal .r5-util-wrap.hd-unews-on > .hd-rest-news {
    animation: none;
  }
}
@media (max-width: 860px) {
  html.home-doors #mainMenuModal .hd-door {
    --hd-ps: 26px;
    --hd-pt: 24px;
    --hd-cu: calc(var(--hd-ps) / 20.5);
    --cf-code-h: var(--hd-ps);
    --cf-strip: calc(var(--cf-u) * 3.1);
    --cf-foot: var(--hd-pt);
    --cf-link-h: calc(var(--hd-pt) + 9px);
  }
  html.home-doors #mainMenuModal .hd-door > .cf-strip {
    top: 0;
    bottom: auto;
    left: calc(var(--hd-cb) - 1px);
    right: 0;
    width: auto;
    height: var(--hd-ps);
    clip-path: none;
  }
  html.home-doors #mainMenuModal .hd-door .cf-type {
    display: flex;
    inset: 0;
    writing-mode: horizontal-tb;
    justify-content: flex-start;
    padding-left: 10px;
    font-size: 14px;
    letter-spacing: .14em;
  }
  html.home-doors #mainMenuModal .hd-doors.hd-title-font > .hd-door .cf-type {
    font-family: var(--hd-title-font);
  }
  html.home-doors #mainMenuModal .hd-door .cf-cost-ico {
    top: 0;
    bottom: auto;
    height: var(--hd-ps);
  }
  html.home-doors #mainMenuModal .hd-door .cf-title {
    display: none;
  }
  html.home-doors #mainMenuModal .hd-door .cf-traits {
    display: none;
  }
  html.home-doors #mainMenuModal .hd-door .cf-link {
    display: block;
    z-index: 1;
  }
  html.home-doors #mainMenuModal .hd-door .cf-bar {
    height: var(--hd-pt);
    left: 0;
    right: 0;
    clip-path: none;
    padding-left: calc(var(--cf-u) * 13.3 + 4px);
  }
  html.home-doors #mainMenuModal .hd-door:not(.hd-on) > .cf-body {
    bottom: calc(var(--hd-pt) + 8px);
  }
  html.home-doors #mainMenuModal :is(.hd-door, .hd-door:has(.hd-hban[hidden])).hd-on {
    --hd-head-h: var(--hd-ps);
  }
  html.home-doors #mainMenuModal .hd-door.hd-on > .hd-face {
    height: var(--hd-ps);
  }
  html.home-doors #mainMenuModal .hd-door.hd-on > .hd-page {
    left: var(--cf-strip);
    padding-bottom: calc(var(--hd-pt) + 4px);
  }
  html.home-doors #mainMenuModal .hd-door.hd-off {
    height: calc(var(--hd-ps) + var(--hd-pt));
    --cf-link-h: var(--hd-pt);
  }
  html.home-doors #mainMenuModal .hd-door.hd-off .cf-type {
    display: flex;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off > .cf-body {
    display: none;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off .cf-foot {
    display: block;
    opacity: 1;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off :is(.cf-bar, .cf-cost) {
    opacity: 1;
  }
  html.home-doors #mainMenuModal .hd-door.hd-off > .cf-rim {
    border-width: 2px;
  }
}