#screen-main-menu {
  background: var(--c-dark-primary);
  overflow: hidden;
}
#screen-main-menu .mm-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#screen-main-menu .mm-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, #0b2f33f2 0%, #0b2f33cc 38%, #0b2f3326 62%, transparent 100%);
}
#screen-main-menu .mm-kicker {
  position: absolute;
  left: 52px;
  top: 52px;
}
#screen-main-menu .mm-actions {
  position: absolute;
  left: 52px;
  top: 150px;
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  width: 300px;
}
#screen-main-menu .mm-actions .btn-ribbon .ribbon-label { font-size: 34px; line-height: 0.78; }
#screen-main-menu .mm-actions .btn-ribbon .ribbon-body { padding: 15px 30px; }
#screen-main-menu .mm-resume {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 24px;
  border-radius: var(--r-pill);
  background: #ffffff14;
  border: var(--border-cream);
  color: var(--c-light);
  font: 700 15px var(--font-body);
  transition: background .12s;
}
#screen-main-menu .mm-resume:hover { background: #ffffff22; }
#screen-main-menu .mm-resume svg { width: 19px; height: 19px; stroke: var(--c-gold-light); flex: none; }
#screen-main-menu .mm-secondary-row { display: flex; gap: 9px; }
#screen-main-menu .mm-secondary-row .btn-secondary {
  flex: 1;
  justify-content: center;
  padding: 12px 0;
  background: #ffffff0a;
  border-color: #cfd7ad66;
  color: #dfe6cf;
  font-size: 13.5px;
}
#screen-main-menu .mm-topright {
  position: absolute;
  right: 26px;
  top: 26px;
  display: flex;
  gap: 11px;
}
#screen-main-menu .mm-footer {
  position: absolute;
  left: 52px;
  bottom: 26px;
  display: flex;
  align-items: center;
  gap: 11px;
}
#screen-main-menu .mm-footer img { height: 34px; width: auto; opacity: .9; }
#screen-main-menu .mm-footer-text {
  font: 600 10px var(--font-body);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--c-aqua-text-4);
}
#screen-main-menu .mm-exit {
  position: absolute;
  right: 26px;
  bottom: 26px;
  padding: 8px 16px;
  border-radius: var(--r-pill);
  background: #0e3b3a99;
  border: 1.5px solid #ffffff1f;
  font: 700 11.5px var(--font-body);
  color: var(--c-cream);
}
#screen-main-menu .mm-exit:hover { background: #0e3b3ac0; }