html[data-tambola-theme="sookilo-draft"] body[data-page="player"] .ticket-display-section {
  background: #210a15 !important;
  box-shadow: none;
}

html[data-tambola-theme="sookilo-draft"] body[data-page="player"] .ticket-sheet-block,
html[data-tambola-theme="sookilo-draft"] body[data-page="player"] .ticket-sheet-block + .ticket-sheet-block {
  background-color: #160b10 !important;
  background-image:
    linear-gradient(rgb(22 11 16 / 38%), rgb(22 11 16 / 38%)),
    url("/assets/themes/sookilo-draft/sookilo-booking-poster.webp") !important;
  background-position: center, center top !important;
  background-repeat: repeat, repeat-y !important;
  background-size: auto, 100% auto !important;
  border-color: rgb(226 189 103 / 55%);
  box-shadow: none;
}

@media (width <= 700px) {
  html[data-tambola-theme="sookilo-draft"],
  html[data-tambola-theme="sookilo-draft"] body[data-page="player"] {
    background: #160b10 !important;
    background-attachment: scroll !important;
  }

  html[data-tambola-theme="sookilo-draft"] body[data-page="player"] #root,
  html[data-tambola-theme="sookilo-draft"] body[data-page="player"] .site-shell {
    background-attachment: scroll !important;
    background-position: top center !important;
    background-repeat: repeat-y !important;
    background-size: 100vw 100vh !important;
  }

  body[data-page="player"] {
    overscroll-behavior-y: auto;
  }

  html[data-tambola-theme="sookilo-draft"] body[data-page="player"] .theme-banner-logo {
    filter: none;
  }

  body[data-page="player"] .ticket-card,
  body[data-page="player"] .ticket-card.is-selected {
    max-height: none;
    overflow: hidden;
    overscroll-behavior: auto;
    -webkit-overflow-scrolling: auto;
    transform: none;
    transition: none;
    box-shadow: none;
  }

  body[data-page="player"] .ticket-search-section {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
  }

  body[data-page="player"] .ticket-sheet-block {
    contain: layout paint style;
  }

  body[data-page="player"] .ticket-card {
    contain: layout style;
  }

  body[data-page="player"] .ticket-grid {
    contain: layout paint;
  }

  body[data-page="player"] .ticket-card.is-selected {
    border-color: #ffd84d;
    outline: 3px solid rgb(255 216 77 / 85%);
    outline-offset: -3px;
  }

  body[data-page="player"] .ticket-grid,
  body[data-page="player"] .ticket-cell {
    filter: none;
  }

  body[data-page="player"] .ticket-card.is-booked-waiting .ticket-grid {
    opacity: 0.72;
    filter: none;
  }

  html[data-tambola-theme="sookilo-draft"] body[data-page="player"] .ticket-cell.is-empty::after,
  body[data-page="player"] .ticket-card .ticket-card-header .ticket-number-label,
  body[data-page="player"] .ticket-card.is-booked .ticket-card-header .ticket-number-label,
  body[data-page="player"] .ticket-card .ticket-card-header .ticket-header-booking .ticket-player-name,
  body[data-page="player"] .ticket-card.is-booked .ticket-card-header .ticket-header-booking span.ticket-player-name {
    text-shadow: none;
  }

  body[data-page="player"] .ticket-card .ticket-card-header .ticket-header-booking .ticket-player-name,
  body[data-page="player"] .ticket-card.is-booked .ticket-card-header .ticket-header-booking span.ticket-player-name {
    -webkit-text-stroke: 0;
  }

  html[data-tambola-theme="sookilo-draft"] body[data-page="player"] .ticket-search-section {
    box-shadow: none;
  }
}
