/* Build 734: approved Kitty and discard screens. Portrait-only; all selectors
   are limited to the two screen states and cannot style normal gameplay cards. */
@media screen and (orientation: portrait) {
  body.in-game #discardOverlay.portrait-discard-overlay:not(.hidden) {
    position: fixed !important;
    inset: var(--discard-top, 42px) 0 env(safe-area-inset-bottom, 0px) !important;
    z-index: 12000 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    padding: 2px 18px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: manipulation !important;
    backdrop-filter: none !important;
    background: rgba(7, 8, 6, 0.22) !important;
  }

  body.in-game #discardOverlay.portrait-discard-overlay.hidden {
    display: none !important;
  }

  /* Walnut frame: narrow, dark, quietly dimensional. The live room remains
     visible at the margins; no crest, prop, or oversized ornamental border. */
  body.in-game #discardOverlay .discard-sheet.gh-kitty-page,
  body.in-game #discardOverlay .discard-sheet.gh-discard-page {
    position: relative !important;
    box-sizing: border-box !important;
    width: min(100%, 540px) !important;
    max-width: min(100%, 540px) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    color: #f2e7cc !important;
    border: 1px solid rgba(176, 139, 70, 0.76) !important;
    border-radius: 10px !important;
    background:
      linear-gradient(
        90deg,
        rgba(8, 5, 3, 0.34),
        transparent 9%,
        transparent 91%,
        rgba(8, 5, 3, 0.32)
      ),
      repeating-linear-gradient(0deg, rgba(240, 201, 132, 0.018) 0 1px, transparent 1px 14px),
      linear-gradient(155deg, #422616 0%, #28170f 42%, #351e12 74%, #21130c 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 230, 177, 0.18),
      inset 0 -1px 0 rgba(0, 0, 0, 0.54),
      0 4px 14px rgba(0, 0, 0, 0.5) !important;
    overflow: visible !important;
  }

  body.in-game #discardOverlay.gh-kitty-page {
    align-items: center !important;
    background: transparent !important;
  }

  body.in-game #discardOverlay.gh-kitty-page .discard-sheet.gh-kitty-page {
    align-self: center !important;
    flex: 0 1 auto !important;
    min-height: 0 !important;
    height: fit-content !important;
  }

  body.in-game #discardOverlay .discard-sheet.gh-kitty-page {
    display: flex !important;
    flex: 0 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    height: auto !important;
    max-height: 100% !important;
    padding: 11px 16px 10px !important;
  }

  .gh-kitty-head {
    flex: 0 0 auto;
    margin: 0 0 7px;
    text-align: center;
  }

  .gh-kitty-head h2 {
    margin: 0 0 3px !important;
    color: #f3e8cf !important;
    font:
      700 clamp(18px, 5.3vw, 22px) / 1.06 Georgia,
      'Times New Roman',
      serif !important;
    letter-spacing: 0.035em !important;
  }

  .gh-kitty-head p {
    margin: 0 !important;
    color: rgba(243, 232, 207, 0.88) !important;
    font:
      500 13px/1.2 system-ui,
      sans-serif !important;
  }

  .gh-kitty-cards {
    display: flex !important;
    flex: 0 0 auto !important;
    justify-content: center !important;
    align-items: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
    width: 100% !important;
    margin: 0 auto 10px !important;
    padding: 3px 0 2px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .gh-kitty-cards .gh-kitty-card {
    width: min(54px, calc((100vw - 85px) / 6)) !important;
    height: auto !important;
    aspect-ratio: 580 / 840 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
    animation: none !important;
  }

  .gh-hand-preview-block {
    flex: 0 0 auto;
    margin: 0 0 9px;
    padding: 6px 3px 7px;
    border: 1px solid rgba(174, 139, 75, 0.36);
    border-radius: 5px;
    background: linear-gradient(180deg, rgba(6, 26, 18, 0.48), rgba(7, 18, 13, 0.38));
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35);
  }

  .gh-hand-preview-block h3 {
    margin: 0 0 5px !important;
    color: #e8d9b9 !important;
    text-align: center !important;
    font:
      700 12px/1.1 system-ui,
      sans-serif !important;
    letter-spacing: 0.075em !important;
  }

  .gh-hand-preview {
    display: grid !important;
    grid-template-columns: repeat(8, min(39px, calc((100vw - 54px) / 8))) !important;
    grid-auto-rows: auto !important;
    justify-content: center !important;
    align-items: start !important;
    gap: 3px 2px !important;
    width: 100% !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  .gh-hand-preview .gh-hand-preview-card {
    width: min(39px, calc((100vw - 54px) / 8)) !important;
    height: auto !important;
    aspect-ratio: 580 / 840 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .gh-kitty-page :is(.rook-bird-img, .red2-img),
  .gh-hand-preview :is(.rook-bird-img, .red2-img) {
    object-fit: contain !important;
  }

  /* Artwork owns every printed edge. Legacy .c-stack insets shifted the full
     PNG outside its clipping box; legacy frames also changed the face ratio. */
  #discardOverlay :is(.gh-kitty-card, .gh-hand-preview-card, .discard-card-art) {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    animation: none !important;
  }
  #discardOverlay :is(.gh-kitty-card, .gh-hand-preview-card, .discard-card-art)::before,
  #discardOverlay :is(.gh-kitty-card, .gh-hand-preview-card, .discard-card-art)::after {
    display: none !important;
    content: none !important;
  }
  #discardOverlay :is(.gh-kitty-card, .gh-hand-preview-card, .discard-card-art) .c-stack {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
    display: block !important;
  }
  #discardOverlay
    :is(.gh-kitty-card, .gh-hand-preview-card, .discard-card-art)
    :is(.numbered-card-img, .rook-bird-img, .red2-img) {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    content: normal !important;
    display: block !important;
    animation: none !important;
    max-width: none !important;
    max-height: none !important;
  }

  #discardOverlay.gh-kitty-page .gh-kitty-continue {
    appearance: none !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: min(260px, 82%) !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 auto !important;
    padding: 8px 18px !important;
    border: 1px solid rgba(206, 174, 105, 0.8) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #173b2a, #0c291c) !important;
    color: #f4e8ce !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 239, 196, 0.15),
      0 2px 5px rgba(0, 0, 0, 0.34) !important;
    font:
      700 17px/1.1 Georgia,
      'Times New Roman',
      serif !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
  }

  .gh-kitty-continue:active,
  .gh-confirm-discard:active {
    filter: brightness(1.12);
  }

  /* The discard sheet occupies the measured portrait content region. */
  body.in-game #discardOverlay .discard-sheet.gh-discard-page {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding: 5px !important;
  }

  .gh-discard-head {
    display: grid !important;
    flex: 0 0 auto !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 5px !important;
    row-gap: 0 !important;
    margin: 0 1px 2px !important;
    padding: 0 !important;
  }

  #discardOverlay.gh-discard-page .gh-discard-head .discard-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    color: #f0e4ca !important;
    text-shadow: none !important;
    text-align: left !important;
    white-space: nowrap !important;
    font:
      700 clamp(15px, 4.75vw, 19px) / 1.08 Georgia,
      'Times New Roman',
      serif !important;
    letter-spacing: 0.025em !important;
  }

  #discardOverlay.gh-discard-page .gh-discard-count {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ebd8ae !important;
    text-align: right !important;
    white-space: nowrap !important;
    font:
      700 11px/1.1 system-ui,
      sans-serif !important;
  }

  #discardOverlay.gh-discard-page .gh-discard-head .gh-discard-instruction {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin: 2px 0 0 !important;
    color: rgba(241, 232, 213, 0.84) !important;
    font:
      500 12px/1.1 system-ui,
      sans-serif !important;
  }

  @media (max-width: 380px) {
    .gh-discard-head {
      grid-template-rows: auto auto auto !important;
    }
    #discardOverlay.gh-discard-page .gh-discard-head .discard-title {
      font-size: clamp(12px, 4.1vw, 14px) !important;
      letter-spacing: 0.015em !important;
    }
    #discardOverlay.gh-discard-page .gh-discard-count {
      grid-column: 1 / -1 !important;
      grid-row: 2 !important;
      margin-top: 1px !important;
    }
    #discardOverlay.gh-discard-page .gh-discard-head .gh-discard-instruction {
      grid-row: 3 !important;
    }
  }

  .gh-discard-felt {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    padding: 2px 2px 1px !important;
    border: 1px solid rgba(174, 143, 83, 0.65) !important;
    border-radius: 6px !important;
    background:
      repeating-linear-gradient(0deg, rgba(233, 225, 195, 0.012) 0 1px, transparent 1px 3px),
      radial-gradient(ellipse at 50% 0%, rgba(47, 91, 63, 0.32), transparent 70%),
      linear-gradient(160deg, #103320, #092519 72%, #0b281b) !important;
    box-shadow:
      inset 0 1px 5px rgba(0, 0, 0, 0.5),
      0 1px 0 rgba(245, 219, 161, 0.06) !important;
    overflow: visible !important;
  }

  #discardOverlay.gh-discard-page .discard-groups {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    /* Separate category headers from the previous row's card faces. The gap
       is paired with tighter label-to-card spacing below so the worst-case
       layout stays within the same vertical budget. */
    gap: 4px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    overscroll-behavior: none !important;
  }

  #discardOverlay.gh-discard-page .discard-color-row,
  #discardOverlay.gh-discard-page .discard-color-green,
  #discardOverlay.gh-discard-page .discard-color-red,
  #discardOverlay.gh-discard-page .discard-color-yellow,
  #discardOverlay.gh-discard-page .discard-color-black,
  #discardOverlay.gh-discard-page .discard-color-birds {
    display: block !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    overflow: visible !important;
  }

  #discardOverlay.gh-discard-page .discard-color-label {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    height: 7px !important;
    margin: 0 0 4px !important;
    padding: 0 1px !important;
    border: 0 !important;
    color: #e9ddc4 !important;
    font:
      700 8px/7px system-ui,
      sans-serif !important;
    letter-spacing: 0.075em !important;
    white-space: nowrap !important;
  }

  #discardOverlay.gh-discard-page .discard-color-label::after {
    content: '';
    display: block;
    flex: 1 1 auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(196, 160, 90, 0.5), rgba(196, 160, 90, 0.08));
  }

  #discardOverlay.gh-discard-page .discard-color-green .discard-color-label {
    color: #b7cfb3 !important;
  }
  #discardOverlay.gh-discard-page .discard-color-red .discard-color-label {
    color: #d7aaa3 !important;
  }
  #discardOverlay.gh-discard-page .discard-color-yellow .discard-color-label {
    color: #e3ce8d !important;
  }
  #discardOverlay.gh-discard-page .discard-color-black .discard-color-label {
    color: #cec9bc !important;
  }
  #discardOverlay.gh-discard-page .discard-color-birds .discard-color-label {
    color: #dfd3b8 !important;
  }

  #discardOverlay.gh-discard-page .discard-color-cards {
    display: grid !important;
    grid-template-columns: repeat(var(--discard-columns, 6), 44px) !important;
    grid-auto-rows: minmax(56px, var(--discard-card-h, 63.7px)) !important;
    justify-content: start !important;
    align-items: end !important;
    column-gap: var(--discard-col-gap, 6px) !important;
    row-gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #discardOverlay.gh-discard-page .discard-slot.discard-pick {
    appearance: none !important;
    position: relative !important;
    display: flex !important;
    flex: 0 0 44px !important;
    align-items: flex-end !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: max(56px, var(--discard-card-h, 63.7px)) !important;
    min-height: 56px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: none !important;
  }

  #discardOverlay.gh-discard-page .discard-card-art {
    position: relative !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: var(--discard-card-w, 44px) !important;
    min-width: var(--discard-card-w, 44px) !important;
    max-width: var(--discard-card-w, 44px) !important;
    height: var(--discard-card-h, 63.7px) !important;
    min-height: var(--discard-card-h, 63.7px) !important;
    max-height: var(--discard-card-h, 63.7px) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    pointer-events: none !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.36) !important;
  }

  #discardOverlay.gh-discard-page .discard-slot.selected {
    z-index: 4 !important;
    transform: none !important;
  }

  /* Keep the button hit target fixed; only its noninteractive artwork lifts. */
  #discardOverlay.gh-discard-page .discard-slot .discard-card-art {
    transition:
      transform 0.12s ease,
      filter 0.12s ease !important;
  }
  #discardOverlay.gh-discard-page .discard-slot.selected .discard-card-art {
    transform: translateY(-2px) !important;
    outline: 1.5px solid rgba(226, 190, 104, 0.95) !important;
    outline-offset: 1px !important;
    box-shadow:
      0 4px 8px rgba(0, 0, 0, 0.48),
      0 0 10px rgba(218, 176, 83, 0.18) !important;
  }

  .gh-card-check {
    display: none;
    position: absolute;
    z-index: 5;
    top: -6px;
    left: 50%;
    right: auto;
    width: 7px;
    height: 6px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #2d2112;
    color: #f1d27d;
    font:
      900 5px/6px system-ui,
      sans-serif;
    text-shadow: 0 1px 2px #080705;
    pointer-events: none;
  }

  #discardOverlay.gh-discard-page .discard-slot.selected .gh-card-check {
    display: flex;
    transform: translateY(-2px);
  }

  #discardOverlay.gh-discard-page .discard-card-art .c-num {
    font-size: calc(var(--discard-card-h, 63.7px) * 0.34) !important;
    line-height: 0.92 !important;
  }

  #discardOverlay.gh-discard-page .discard-card-art .c-color {
    font-size: calc(var(--discard-card-h, 63.7px) * 0.105) !important;
    line-height: 1 !important;
  }

  #discardOverlay.gh-discard-page .discard-card-art :is(.rook-bird-img, .red2-img) {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  #discardOverlay.gh-discard-page .discard-slot:focus-visible {
    outline: 2px solid #f0d98f !important;
    outline-offset: 2px !important;
  }

  #discardOverlay.gh-discard-page .discard-actions {
    flex: 0 0 auto !important;
    justify-content: center !important;
    margin: auto 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    pointer-events: auto !important;
  }

  #discardOverlay.gh-discard-page #confirmDiscard {
    appearance: none !important;
    display: block !important;
    width: min(280px, 84%) !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 auto !important;
    padding: 7px 16px !important;
    border: 1px solid rgba(204, 170, 96, 0.8) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, #183b29, #0c291c) !important;
    color: #f2e7ce !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 237, 194, 0.12),
      0 2px 5px rgba(0, 0, 0, 0.38) !important;
    font:
      700 16px/1.1 Georgia,
      'Times New Roman',
      serif !important;
    letter-spacing: 0.01em !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
  }

  #discardOverlay.gh-discard-page #confirmDiscard:disabled {
    border-color: rgba(153, 132, 91, 0.42) !important;
    background: linear-gradient(180deg, #19271f, #101b15) !important;
    color: rgba(220, 214, 199, 0.42) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
    cursor: default !important;
  }

  @media (max-width: 380px) {
    #discardOverlay.gh-discard-page .discard-groups {
      gap: 3px !important;
    }
    #discardOverlay.gh-discard-page .discard-color-label {
      margin-bottom: 3px !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    body.in-game #discardOverlay.gh-discard-page .discard-slot.discard-pick {
      transition: none !important;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  #discardOverlay.gh-discard-page .discard-slot .discard-card-art {
    transition: none !important;
  }
}

/* 749: Kitty reveal only. Selection and landscape retain their approved styles. */
@media screen and (orientation: portrait) {
  body.in-game #discardOverlay.gh-kitty-page:not(.hidden) {
    align-items: flex-end !important;
    padding-bottom: var(--kitty-hand-clearance749, 120px) !important;
  }
  body.in-game #discardOverlay.gh-kitty-page .discard-sheet.gh-kitty-page {
    align-self: flex-end !important;
    padding: 14px 16px 12px !important;
    background:
      radial-gradient(ellipse at 20% 0%, #24405a55, transparent 65%),
      repeating-linear-gradient(0deg, #ffffff03 0 1px, transparent 1px 3px),
      linear-gradient(155deg, #10283b, #081624 58%, #0d2233) !important;
    border: 1px solid #b59a60 !important;
    box-shadow:
      inset 0 0 0 5px #24170f,
      inset 0 0 0 6px #a78a4b66,
      inset 0 7px 0 #e5c58a16,
      0 3px 7px #0009 !important;
  }
  #discardOverlay.gh-kitty-page .gh-kitty-head h2 {
    color: #f5ead2 !important;
    text-shadow: 0 1px 2px #0008 !important;
  }
  #discardOverlay.gh-kitty-page .gh-kitty-head p {
    color: #e2dbc9 !important;
  }
  #discardOverlay.gh-kitty-page .gh-kitty-continue {
    width: min(156px, 65%) !important;
    min-height: 44px !important;
    padding: 8px 16px !important;
    font-size: 16px !important;
    background: linear-gradient(180deg, #203449, #102234) !important;
    border: 1px solid #b99b5e !important;
    color: #f3e6c8 !important;
    box-shadow:
      inset 0 1px 0 #ead4a52b,
      0 2px 3px #0007 !important;
  }
  #discardOverlay.gh-kitty-page .gh-kitty-continue:focus-visible {
    outline: 2px solid #e0c78b !important;
    outline-offset: 3px !important;
  }
}

/* 750: Discard materials only; retain fixed card geometry and selection cues. */
@media screen and (orientation: portrait) {
  body.in-game #discardOverlay .discard-sheet.gh-discard-page {
    background:
      radial-gradient(ellipse at 20% 0%, #24405a55, transparent 65%),
      repeating-linear-gradient(0deg, #ffffff03 0 1px, transparent 1px 3px),
      linear-gradient(155deg, #10283b, #081624 58%, #0d2233) !important;
    border-color: #b59a60 !important;
    box-shadow:
      inset 0 0 0 4px #24170f,
      inset 0 0 0 5px #a78a4b66,
      inset 0 6px 0 #e5c58a16,
      0 4px 10px #0009 !important;
  }
  #discardOverlay.gh-discard-page .gh-discard-felt {
    background:
      repeating-linear-gradient(0deg, #edf3ff03 0 1px, transparent 1px 3px),
      radial-gradient(ellipse at 45% 0%, #23456345, transparent 75%),
      linear-gradient(155deg, #102b40, #091c2c 72%, #0d2639) !important;
    border-color: #ae935b99 !important;
    box-shadow:
      inset 0 1px 6px #0007,
      0 1px 0 #dcc28e19 !important;
  }
  #discardOverlay.gh-discard-page .gh-discard-head .discard-title {
    color: #f5ead2 !important;
    text-shadow: 0 1px 2px #0008 !important;
  }
  #discardOverlay.gh-discard-page .gh-discard-head .gh-discard-instruction {
    color: #dedbcc !important;
  }
  #discardOverlay.gh-discard-page .gh-discard-count {
    color: #dfc58c !important;
  }
  #discardOverlay.gh-discard-page .discard-color-row .discard-color-label {
    color: #dfdbc9 !important;
  }
  #discardOverlay.gh-discard-page .discard-color-label::after {
    background: linear-gradient(90deg, #c1a26a80, #c1a26a12) !important;
  }
  #discardOverlay.gh-discard-page #confirmDiscard {
    width: min(220px, 84%) !important;
    background: linear-gradient(180deg, #263f55, #11283c) !important;
    border-color: #b99b5e !important;
    color: #f3e6c8 !important;
    box-shadow:
      inset 0 1px 0 #ead4a52b,
      0 2px 4px #0007 !important;
  }
  #discardOverlay.gh-discard-page #confirmDiscard:disabled {
    background: linear-gradient(180deg, #162938, #10202d) !important;
    border-color: #8c805f80 !important;
    color: #a4acae !important;
    box-shadow: inset 0 1px 2px #0005 !important;
  }
}
/* Keep the existing 56px touch targets and full card faces on short phones.
   Recover only header/group spacing; retain wrapped-row selection clearance. */
@media screen and (orientation: portrait) and (max-height: 560px) {
  body.in-game #discardOverlay .discard-sheet.gh-discard-page {
    padding-bottom: 2px !important;
  }
  #discardOverlay.gh-discard-page .discard-groups {
    gap: 1px !important;
  }
  #discardOverlay.gh-discard-page .gh-discard-head {
    margin-bottom: 0 !important;
  }
  #discardOverlay.gh-discard-page .gh-discard-head .gh-discard-instruction {
    margin-top: 0 !important;
  }
}