body:has(#edition-game-center.egc-tut-open) { overflow: hidden; }

#edition-game-center .egc-tut[hidden] { display: none !important; }
#edition-game-center .egc-tut {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}
#edition-game-center .egc-tut-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(20, 19, 19, .45);
}
#edition-game-center .egc-tut-sheet {
  position: relative;
  width: min(440px, 100%);
  max-height: min(88vh, 640px);
  overflow: auto;
  background: var(--pz-paper, #fbfaf7);
  color: var(--pz-ink-2, #2d2c2c);
  border: 1px solid var(--pz-ink, #141313);
  border-top: 4px solid var(--pz-red-text, #b42318);
  border-radius: var(--pz-radius, 10px);
  padding: 16px 20px 20px;
  font-family: Georgia, "Times New Roman", serif;
}
#edition-game-center .egc-tut-conn { border-top-color: var(--pz-navy, #345a96); }
#edition-game-center .egc-tut-cross { border-top-color: var(--pz-ink, #141313); }
#edition-game-center .egc-tut-zip { border-top-color: var(--pz-red-dark, #8d1c2b); }
#edition-game-center .egc-tut-grab { display: none; }
#edition-game-center .egc-tut-head {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 8px;
  align-items: center;
}
#edition-game-center .egc-tut-kicker {
  margin: 0;
  font-family: var(--pz-sans, Montserrat, sans-serif);
  font-weight: 600;
  font-size: 11px;
  letter-spacing: .14em;
  color: var(--pz-red-text, #b42318);
}
#edition-game-center .egc-tut-count {
  margin: 0;
  font-family: var(--pz-sans, Montserrat, sans-serif);
  font-size: 11px;
  letter-spacing: .12em;
  color: var(--pz-muted, #575151);
}
#edition-game-center .egc-tut-x {
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: var(--pz-ink, #141313);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
#edition-game-center .egc-tut-rule {
  height: 3px;
  margin: 4px 0 12px;
  border-top: 2px solid var(--pz-ink, #141313);
  border-bottom: 1px solid var(--pz-ink, #141313);
}
#edition-game-center .egc-tut-draw {
  background: #fff;
  border: 1px solid var(--pz-ink, #141313);
  margin-bottom: 12px;
  min-height: 92px;
}
#edition-game-center .egc-tut-title {
  margin: 0 0 8px;
  font-family: var(--pz-serif, "Playfair Display", Georgia, serif) !important;
  font-weight: 700 !important;
  font-size: 1.55rem !important;
  line-height: 1.15;
  color: var(--pz-ink, #141313) !important;
}
#edition-game-center .egc-tut-body {
  margin: 0 0 12px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.45;
  color: var(--pz-ink-2, #2d2c2c);
}
#edition-game-center .egc-tut-note {
  margin: 0 0 12px;
  font-family: var(--pz-sans, Montserrat, sans-serif);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
#edition-game-center .egc-tut-note.is-clock { color: var(--pz-green, #2f6b3f); }
#edition-game-center .egc-tut-note.is-clock::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  vertical-align: -2px;
}
#edition-game-center .egc-tut-note.is-refresh { color: var(--pz-ink-2, #2d2c2c); text-transform: none; letter-spacing: 0; font-family: Georgia, serif; font-size: 15px; }
#edition-game-center .egc-tut-live {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
#edition-game-center .egc-tut-dots { display: flex; gap: 6px; margin: 4px 0 12px; }
#edition-game-center .egc-tut-dots span {
  width: 8px;
  height: 8px;
  background: var(--pz-rule, #dcd5ce);
}
#edition-game-center .egc-tut-dots span.is-on {
  width: 22px;
  background: var(--pz-red-text, #b42318);
}
#edition-game-center .egc-tut-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
#edition-game-center .egc-tut-back {
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent !important;
  color: var(--pz-ink, #141313) !important;
  font-family: Georgia, serif;
  font-size: 15px;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
#edition-game-center .egc-tut-back[hidden] { display: none !important; }
#edition-game-center .egc-tut-next {
  min-height: 44px;
  min-width: 96px;
  margin-left: auto;
  padding: 0 16px;
  border: 1px solid var(--pz-ink, #141313);
  border-radius: var(--pz-radius, 10px);
  background: transparent !important;
  color: var(--pz-ink, #141313) !important;
  font-family: var(--pz-sans, Montserrat, sans-serif);
  font-size: 14px;
  cursor: pointer;
}
#edition-game-center .egc-tut-next.is-final {
  background: #b42318 !important;
  border-color: #b42318;
  color: #fff !important;
}
#edition-game-center .egc-game-title:focus { outline: none; }

#edition-game-center .egc-tut-fab {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 99990;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 12px 0 10px;
  border: 1px solid var(--pz-ink, #141313);
  border-radius: 999px;
  background: #fff !important;
  color: var(--pz-ink, #141313) !important;
  box-shadow: 1px 1px 0 var(--pz-ink, #141313);
  font-family: var(--pz-sans, Montserrat, sans-serif);
  font-size: 13px;
  cursor: pointer;
}
#edition-game-center .egc-tut-fab:hover { background: var(--pz-ink, #141313) !important; color: #fff !important; }
#edition-game-center .egc-tut-q {
  font-family: var(--pz-serif, "Playfair Display", Georgia, serif);
  color: var(--pz-red-text, #b42318);
  font-size: 18px;
  line-height: 1;
}
#edition-game-center .egc-tut-fab:hover .egc-tut-q { color: #fff; }
#edition-game-center .egc-tut-fab.is-away,
#edition-game-center.egc-tut-open .egc-tut-fab { visibility: hidden; pointer-events: none; }
#edition-game-center .egc-tut-howto { display: none; }

@media (max-width: 560px) {
  #edition-game-center .egc-panel { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
  #edition-game-center .egc-tut { align-items: flex-end; padding: 0; }
  #edition-game-center .egc-tut-sheet {
    width: 100%;
    max-height: 88vh;
    border-radius: var(--pz-radius, 10px) var(--pz-radius, 10px) 0 0;
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
  }
  #edition-game-center .egc-tut-grab {
    display: block;
    width: 36px;
    height: 4px;
    margin: 0 auto 8px;
    background: var(--pz-rule, #dcd5ce);
    border-radius: 4px;
  }
  #edition-game-center .egc-tut-fab {
    left: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    justify-content: center;
  }
  #edition-game-center .egc-tut-fab-label { display: none; }
  #edition-game-center .egc-tut-howto {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin: 0 0 .5rem 12px;
    padding: 0;
    border: 0;
    background: transparent !important;
    color: var(--pz-ink-2, #2d2c2c) !important;
    font-family: var(--pz-sans, Montserrat, sans-serif);
    font-size: .74rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 4px;
    cursor: pointer;
  }
}

@media (prefers-reduced-motion: no-preference) {
  #edition-game-center .egc-tut-sheet { animation: egcTutRise .22s ease; }
}
@keyframes egcTutRise {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  #edition-game-center .egc-tut-sheet { animation: none; transition: none; }
}

@media (forced-colors: active) {
  #edition-game-center .egc-tut-sheet,
  #edition-game-center .egc-tut-next,
  #edition-game-center .egc-tut-fab {
    border: 1px solid ButtonText;
    background: Canvas;
    color: CanvasText;
  }
  #edition-game-center .egc-tut-next.is-final { forced-color-adjust: none; }
}
