/* CSS entrypoint. Keep imports in this order: the legacy cascade depends on it. */
@import url("./styles-base.css?v=3.517");
@import url("./styles-home-rating-promo.css?v=3.517");
@import url("./styles-auth.css?v=3.517");
@import url("./styles-home.css?v=3.517");
@import url("./styles-chat.css?v=3.517");
@import url("./styles-learning-games.css?v=3.517");
@import url("./styles-raffles.css?v=3.517");
@import url("./styles-daily-poker.css?v=3.517");
@import url("./styles-home-legacy-prelude.css?v=3.517");
@import url("./styles-download.css?v=3.517");
@import url("./styles-home-legacy-tail.css?v=3.517");
@import url("./styles-home-rating-promo-legacy.css?v=3.517");
@import url("./styles-rating.css?v=3.517");
@import url("./styles-hall.css?v=3.517");
@import url("./styles-admin.css?v=3.517");
@import url("./styles-player-crm.css?v=3.517");
@import url("./styles-profile.css?v=3.517");
@import url("./styles-layout.css?v=3.517");
@import url("./styles-chat-overlays.css?v=3.517");
@import url("./styles-home-overrides.css?v=3.517");
@import url("./styles-layout-touch-targets.css?v=3.517");
@import url("./styles-home-rating-promo-late.css?v=3.517");

:root {
  --daily-poker-page-bg:
    radial-gradient(ellipse at 78% 6%, rgba(255, 165, 42, 0.16), transparent 34%),
    radial-gradient(ellipse at 50% 55%, rgba(40, 137, 80, 0.13), transparent 42%),
    linear-gradient(180deg, #030405 0%, #060606 58%, #020303 100%);
}

.view--active[data-view="spring-rating"] .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active,
html.app-view-spring-rating .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active,
body[data-view="spring-rating"] .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active,
.view--active[data-view="summer-rating"] .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active,
html.app-view-summer-rating .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active,
body[data-view="summer-rating"] .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active {
  background: linear-gradient(180deg, #f8d98d 0%, #d89b2d 100%) !important;
  border-color: rgba(255, 221, 143, 0.88) !important;
  color: #11151c !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 219, 0.62),
    inset 0 -4px 0 rgba(103, 58, 10, 0.26),
    0 0 20px rgba(216, 155, 45, 0.3) !important;
  text-shadow: none !important;
}

.view--active[data-view="spring-rating"] .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active:hover,
html.app-view-spring-rating .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active:hover,
body[data-view="spring-rating"] .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active:hover,
.view--active[data-view="summer-rating"] .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active:hover,
html.app-view-summer-rating .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active:hover,
body[data-view="summer-rating"] .winter-rating__spring-main-tab.winter-rating__spring-main-tab--active:hover {
  background: linear-gradient(180deg, #ffe7a9 0%, #e2aa42 100%) !important;
}

.admin-report-rakeback-room-tabs > .admin-report-rakeback-room-tab.admin-report-rakeback-room-tab--active,
.admin-report-rakeback-room-tabs > .admin-report-rakeback-room-tab[aria-selected="true"] {
  background: #f6d391 !important;
  color: #11151c !important;
  border-color: rgba(246, 211, 145, 0.82) !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 245, 214, 0.42),
    inset 0 -4px 0 rgba(17, 21, 28, 0.22),
    0 0 18px rgba(246, 211, 145, 0.28) !important;
  text-shadow: none !important;
}

.app.app--view-home .home-welcome-outline--removed {
  display: none !important;
}

.app.app--view-home .header-more-menu #romanTaskPlannerOpenBtn,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu #romanTaskPlannerOpenBtn {
  display: none !important;
}

html.home-planner-access-granted .app.app--view-home .header-more-menu #romanTaskPlannerOpenBtn[data-planner-access="allowed"],
html.home-planner-access-granted #app:has(.view--active[data-view="daily-poker"]) .header-more-menu #romanTaskPlannerOpenBtn[data-planner-access="allowed"] {
  display: grid !important;
}

#app:has(.view--active[data-view="daily-poker"]) .header-more-menu {
  position: fixed;
  z-index: 1500;
  top: calc(env(safe-area-inset-top, 0px) + 86px);
  right: 14px;
  width: min(300px, calc(100vw - 28px));
  max-height: calc(100vh - 112px);
  box-sizing: border-box;
  display: grid;
  gap: 7px;
  padding: 9px;
  overflow: auto;
  border-radius: 16px;
  border-color: rgba(251, 191, 36, 0.28);
  background:
    radial-gradient(ellipse at 86% -10%, rgba(255, 184, 77, 0.2), transparent 48%),
    linear-gradient(180deg, rgba(11, 14, 21, 0.98), rgba(5, 8, 14, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 18px 38px rgba(0, 0, 0, 0.52),
    0 0 22px rgba(251, 146, 60, 0.14);
}

#app:has(.view--active[data-view="daily-poker"]) .header-more-menu[hidden],
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .header-menu-action[hidden],
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .header-admin-report--hidden,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .welcome-planner-icon--hidden {
  display: none !important;
}

#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .theme-toggle,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .site-home-instruction-btn,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .site-home-auth-btn,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .header-menu-action {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 46px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  justify-content: initial;
  gap: 10px;
  padding: 8px 10px !important;
  box-sizing: border-box;
  border-radius: 14px;
  border-color: rgba(251, 191, 36, 0.2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
    rgba(14, 19, 32, 0.76);
  box-shadow: none !important;
  color: rgba(255, 247, 237, 0.92);
  font: inherit;
  text-align: left;
  text-decoration: none;
}

#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle .radio-toggle__icon,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .theme-toggle .theme-toggle__icon {
  display: none !important;
}

#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle .radio-toggle__icon--off,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle.radio-toggle--chill .radio-toggle__icon--chill,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle.radio-toggle--lounge .radio-toggle__icon--lounge,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle.radio-toggle--90s .radio-toggle__icon--90s,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle.radio-toggle--radio7 .radio-toggle__icon--radio7,
html[data-theme="dark"] #app:has(.view--active[data-view="daily-poker"]) .header-more-menu .theme-toggle .theme-toggle__icon--dark,
html[data-theme="light"] #app:has(.view--active[data-view="daily-poker"]) .header-more-menu .theme-toggle .theme-toggle__icon--light,
html[data-theme="gold"] #app:has(.view--active[data-view="daily-poker"]) .header-more-menu .theme-toggle .theme-toggle__icon--gold,
html[data-theme="neon"] #app:has(.view--active[data-view="daily-poker"]) .header-more-menu .theme-toggle .theme-toggle__icon--neon {
  display: inline-flex !important;
}

#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle.radio-toggle--chill .radio-toggle__icon--off,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle.radio-toggle--lounge .radio-toggle__icon--off,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle.radio-toggle--90s .radio-toggle__icon--off,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle.radio-toggle--radio7 .radio-toggle__icon--off {
  display: none !important;
}

#app:has(.view--active[data-view="daily-poker"]) .header-menu-action__icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(251, 191, 36, 0.1);
  font-size: 18px;
  line-height: 1;
}

#app:has(.view--active[data-view="daily-poker"]) .header-menu-action__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
}

#app:has(.view--active[data-view="daily-poker"]) .header-menu-action__title {
  max-width: 100%;
  overflow: hidden;
  color: rgba(255, 247, 237, 0.94);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app:has(.view--active[data-view="daily-poker"]) .header-menu-action__hint,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle__listen {
  display: none;
}

#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle__text {
  align-items: flex-start;
}

#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .radio-toggle .radio-toggle__label {
  color: rgba(255, 226, 154, 0.78);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.app.app--view-home .card:has(.view--active[data-view="home"]) .card__header,
#app:has(.view--active[data-view="daily-poker"]) > .card > .card__header {
  position: relative;
  z-index: 60;
  width: calc(100% + (2 * var(--card-padding-x, 16px)) - 6px) !important;
  min-height: 66px;
  margin: 0 calc(-1 * var(--card-padding-x, 16px) + 3px) 8px !important;
  padding: 7px 12px !important;
  gap: 8px;
  border: 1px solid rgba(214, 163, 84, 0.3) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgba(255, 231, 168, 0.06), transparent 36%),
    radial-gradient(ellipse at 88% 6%, rgba(255, 198, 74, 0.035), transparent 38%),
    linear-gradient(160deg, rgba(4, 6, 10, 0.94), rgba(8, 11, 17, 0.9) 46%, rgba(3, 4, 7, 0.94) 76%, rgba(1, 2, 4, 0.97)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 200, 0.1),
    inset 0 -18px 34px rgba(0, 0, 0, 0.16),
    0 18px 46px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="gold"].app-view-home #app.app.app--view-home .card:has(.view--active[data-view="home"]) .card__header,
html[data-theme="gold"] body[data-view="home"] #app.app.app--view-home .card:has(.view--active[data-view="home"]) .card__header,
html[data-theme="gold"].app-view-daily-poker-html-scroll #app:has(.view--active[data-view="daily-poker"]) > .card > .card__header,
html[data-theme="gold"] body[data-view="daily-poker"] #app:has(.view--active[data-view="daily-poker"]) > .card > .card__header {
  border-color: rgba(214, 163, 84, 0.34) !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgba(255, 231, 168, 0.065), transparent 36%),
    radial-gradient(ellipse at 88% 6%, rgba(255, 198, 74, 0.04), transparent 38%),
    linear-gradient(160deg, rgba(4, 6, 10, 0.95), rgba(8, 11, 17, 0.9) 46%, rgba(3, 4, 7, 0.94) 76%, rgba(1, 2, 4, 0.97)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 200, 0.12),
    inset 0 -18px 34px rgba(0, 0, 0, 0.16),
    0 18px 46px rgba(0, 0, 0, 0.28) !important;
}

.app.app--view-home .logo.logo--welcome,
#app:has(.view--active[data-view="daily-poker"]) .logo.logo--welcome {
  flex: 1 1 auto;
  gap: 6px;
  min-width: 0;
  padding: 0 !important;
}

.app.app--view-home .logo__image,
#app:has(.view--active[data-view="daily-poker"]) .logo__image {
  width: 40px;
  height: 40px;
}

.app.app--view-home .logo__text,
#app:has(.view--active[data-view="daily-poker"]) .logo__text {
  gap: 2px;
  min-width: 0;
}

.app.app--view-home .logo__title,
#app:has(.view--active[data-view="daily-poker"]) .logo__title {
  flex-direction: row;
  gap: 0.2em;
  max-width: 100%;
  font-size: clamp(10px, 2.95vw, 13px);
  line-height: 1.04;
  white-space: nowrap;
}

.app.app--view-home .logo__title-line,
#app:has(.view--active[data-view="daily-poker"]) .logo__title-line {
  min-width: 0;
}

.app.app--view-home .logo__title-line--name,
#app:has(.view--active[data-view="daily-poker"]) .logo__title-line--name {
  flex: 1 1 auto;
}

.app.app--view-home .logo__subtitle,
#app:has(.view--active[data-view="daily-poker"]) .logo__subtitle {
  font-size: clamp(7px, 1.95vw, 9px);
  line-height: 1.1;
  letter-spacing: 0.2em;
}

.app.app--view-home .header-actions,
#app:has(.view--active[data-view="daily-poker"]) .header-actions {
  flex: 1 1 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  min-width: 0;
}

.app.app--view-home .header-profile-summary,
#app:has(.view--active[data-view="daily-poker"]) .header-profile-summary {
  flex: 1 1 128px;
  width: auto;
  min-width: 0;
  max-width: 152px;
  gap: 3px;
  align-items: flex-end;
}

.app.app--view-home .header-greeting-wrap,
#app:has(.view--active[data-view="daily-poker"]) .header-greeting-wrap {
  max-width: 100%;
}

.app.app--view-home .header-greeting,
#app:has(.view--active[data-view="daily-poker"]) .header-greeting {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 247, 237, 0.96);
  font-size: clamp(11px, 3.05vw, 13px);
  line-height: 1.12;
  white-space: nowrap;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
}

.app.app--view-home .header-status,
#app:has(.view--active[data-view="daily-poker"]) .header-status {
  max-width: 100%;
  gap: 4px;
  font-size: clamp(8px, 2.35vw, 10px);
}

.app.app--view-home .header-status__fish,
#app:has(.view--active[data-view="daily-poker"]) .header-status__fish {
  width: 22px;
  height: 22px;
}

.app.app--view-home .header-actions__row,
#app:has(.view--active[data-view="daily-poker"]) .header-actions__row {
  gap: 7px;
}

.app.app--view-home .header-notification-btn,
#app:has(.view--active[data-view="daily-poker"]) .header-notification-btn {
  display: none !important;
}

.app.app--view-home .header-actions__row .header-icon-btn,
#app:has(.view--active[data-view="daily-poker"]) .header-actions__row .header-icon-btn {
  width: 44px;
  min-width: 44px;
  height: 44px;
  border-radius: 999px;
}

html.site-home-header-mode .app.app--view-home .header-profile-summary,
html.site-home-header-mode #app:has(.view--active[data-view="daily-poker"]) .header-profile-summary,
#app:has(.view--active[data-view="daily-poker"]) .header-profile-summary {
  display: none;
}

.app.app--view-home .header-more-menu .welcome-admin-report-btn__icon,
#app:has(.view--active[data-view="daily-poker"]) .header-more-menu .welcome-admin-report-btn__icon {
  display: inline-flex;
}

#app.app > .card > .card__header {
  position: relative;
  z-index: 60;
  width: calc(100% + (2 * var(--card-padding-x, 16px)) - 6px) !important;
  min-height: 66px;
  margin: 0 calc(-1 * var(--card-padding-x, 16px) + 3px) 8px !important;
  padding: 7px 12px !important;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(214, 163, 84, 0.3) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgba(255, 231, 168, 0.06), transparent 36%),
    radial-gradient(ellipse at 88% 6%, rgba(255, 198, 74, 0.035), transparent 38%),
    linear-gradient(160deg, rgba(4, 6, 10, 0.94), rgba(8, 11, 17, 0.9) 46%, rgba(3, 4, 7, 0.94) 76%, rgba(1, 2, 4, 0.97)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 200, 0.1),
    inset 0 -18px 34px rgba(0, 0, 0, 0.16),
    0 18px 46px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="gold"] #app.app > .card > .card__header {
  border-color: rgba(214, 163, 84, 0.34) !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgba(255, 231, 168, 0.065), transparent 36%),
    radial-gradient(ellipse at 88% 6%, rgba(255, 198, 74, 0.04), transparent 38%),
    linear-gradient(160deg, rgba(4, 6, 10, 0.95), rgba(8, 11, 17, 0.9) 46%, rgba(3, 4, 7, 0.94) 76%, rgba(1, 2, 4, 0.97)) !important;
}

#app.app > .card > .card__header .logo.logo--welcome {
  flex: 1 1 auto;
  gap: 6px;
  min-width: 0;
  padding: 0 !important;
}

#app.app > .card > .card__header .logo__image {
  width: 40px;
  height: 40px;
}

#app.app > .card > .card__header .logo__text {
  gap: 2px;
  min-width: 0;
}

#app.app > .card > .card__header .logo__title {
  flex-direction: row;
  gap: 0.2em;
  max-width: 100%;
  font-size: clamp(10px, 2.95vw, 13px);
  line-height: 1.04;
  white-space: nowrap;
}

#app.app > .card > .card__header .logo__title-line {
  min-width: 0;
}

#app.app > .card > .card__header .logo__title-line--name {
  flex: 1 1 auto;
}

#app.app > .card > .card__header .logo__subtitle {
  font-size: clamp(7px, 1.95vw, 9px);
  line-height: 1.1;
  letter-spacing: 0.2em;
}

#app.app > .card > .card__header .header-actions {
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
}

#app.app > .card > .card__header .header-notification-btn {
  display: none !important;
}

#app.app > .card > .card__header .header-profile-summary {
  display: none !important;
}

html.app-view-home #app.app > .card > .card__header .header-profile-summary,
body[data-view="home"] #app.app > .card > .card__header .header-profile-summary,
#app.app.app--view-home > .card > .card__header .header-profile-summary {
  display: flex !important;
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: clamp(104px, 36vw, 152px);
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
}

html.app-view-home #app.app > .card > .card__header .logo.logo--welcome,
body[data-view="home"] #app.app > .card > .card__header .logo.logo--welcome,
#app.app.app--view-home > .card > .card__header .logo.logo--welcome {
  flex: 1 1 0;
}

html.app-view-home #app.app > .card > .card__header .header-actions,
body[data-view="home"] #app.app > .card > .card__header .header-actions,
#app.app.app--view-home > .card > .card__header .header-actions {
  flex: 0 1 clamp(156px, 43vw, 198px);
}

html.app-view-home #app.app > .card > .card__header .header-greeting,
body[data-view="home"] #app.app > .card > .card__header .header-greeting,
#app.app.app--view-home > .card > .card__header .header-greeting {
  max-width: 100%;
}

#app.app > .card > .card__header .header-actions__row {
  gap: 6px;
}

#app.app > .card > .card__header .header-actions__row .header-icon-btn {
  width: 44px;
  min-width: 44px;
  height: 44px;
  border-radius: 999px;
}

@media (max-width: 380px) {
  .app.app--view-home .card:has(.view--active[data-view="home"]) .card__header,
  #app:has(.view--active[data-view="daily-poker"]) > .card > .card__header {
    min-height: 60px;
    gap: 7px;
    padding: 7px 10px !important;
  }

  .app.app--view-home .logo.logo--welcome,
  #app:has(.view--active[data-view="daily-poker"]) .logo.logo--welcome {
    gap: 5px;
  }

  .app.app--view-home .logo__image,
  #app:has(.view--active[data-view="daily-poker"]) .logo__image {
    width: 36px;
    height: 36px;
  }

  .app.app--view-home .header-actions,
  #app:has(.view--active[data-view="daily-poker"]) .header-actions {
    gap: 7px;
  }

  .app.app--view-home .header-profile-summary,
  #app:has(.view--active[data-view="daily-poker"]) .header-profile-summary {
    flex-basis: 118px;
    width: auto;
    min-width: 0;
  }

  .app.app--view-home .header-actions__row,
  #app:has(.view--active[data-view="daily-poker"]) .header-actions__row {
    gap: 6px;
  }

  .app.app--view-home .header-actions__row .header-icon-btn,
  #app:has(.view--active[data-view="daily-poker"]) .header-actions__row .header-icon-btn {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 999px;
  }

  #app.app > .card > .card__header {
    min-height: 60px;
    gap: 7px;
    padding: 7px 10px !important;
  }

  #app.app > .card > .card__header .logo.logo--welcome {
    gap: 5px;
  }

  #app.app > .card > .card__header .logo__image {
    width: 36px;
    height: 36px;
  }

  #app.app > .card > .card__header .header-actions {
    gap: 7px;
  }

  #app.app > .card > .card__header .header-actions__row {
    gap: 6px;
  }

  #app.app > .card > .card__header .header-actions__row .header-icon-btn {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 999px;
  }
}

html.app-view-daily-poker-html-scroll,
html.app-view-daily-poker-html-scroll body,
html.app-view-daily-poker-html-scroll #app.app,
body[data-view="daily-poker"] #app.app,
#app:has(.view--active[data-view="daily-poker"]) {
  background-color: #030405 !important;
  background-image: var(--daily-poker-page-bg) !important;
}

#app:has(.view--active[data-view="daily-poker"]) > .card,
body[data-view="daily-poker"] #app.app > .card {
  background: transparent !important;
  gap: 0;
}

#app:has(.view--active[data-view="daily-poker"]) > .card > .card__header,
body[data-view="daily-poker"] #app.app > .card > .card__header {
  margin-bottom: 4px !important;
}

#app:has(.view--active[data-view="daily-poker"]) > .card > .card__content,
body[data-view="daily-poker"] #app.app > .card > .card__content,
#app:has(.view--active[data-view="daily-poker"]) .view[data-view="daily-poker"],
body[data-view="daily-poker"] #app.app .view[data-view="daily-poker"],
#app:has(.view--active[data-view="daily-poker"]) .daily-poker,
body[data-view="daily-poker"] #app.app .daily-poker {
  background: transparent !important;
}

#app:has(.view--active[data-view="daily-poker"]) .daily-poker,
body[data-view="daily-poker"] #app.app .daily-poker {
  padding-top: 10px;
  overflow: visible;
}

#app:has(.view--active[data-view="daily-poker"]) .daily-poker__header::before,
body[data-view="daily-poker"] #app.app .daily-poker__header::before {
  inset: -18px -18px -170px -18px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.68) 48%, rgba(0, 0, 0, 0.28) 100%);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 62%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 0%, #000 62%, transparent 100%);
}

@media (max-width: 720px) {
  #app:has(.view--active[data-view="daily-poker"]) .daily-poker,
  body[data-view="daily-poker"] #app.app .daily-poker {
    padding-top: 10px;
  }

  #app:has(.view--active[data-view="daily-poker"]) .daily-poker__header,
  body[data-view="daily-poker"] #app.app .daily-poker__header {
    min-height: 134px;
  }

  #app:has(.view--active[data-view="daily-poker"]) .daily-poker__heading,
  body[data-view="daily-poker"] #app.app .daily-poker__heading {
    padding-top: 0;
  }

  #app:has(.view--active[data-view="daily-poker"]) .daily-poker__intro,
  body[data-view="daily-poker"] #app.app .daily-poker__intro {
    margin-top: -10px;
  }

  #app:has(.view--active[data-view="daily-poker"]) .daily-poker__hero-monkey,
  body[data-view="daily-poker"] #app.app .daily-poker__hero-monkey {
    top: -4px;
  }
}

.home-daily-deal-hero {
  --daily-deal-orange: #ff7600;
  --daily-deal-gold: #ffd56a;
  position: relative;
  display: block;
  width: calc(100% + (2 * var(--card-padding-x, 16px)) - 6px);
  height: 258px;
  min-height: 0;
  margin: calc(-2mm + 22px) calc(-1 * var(--card-padding-x, 16px) + 3px) 32px;
  padding: 14px 15px 12px;
  box-sizing: border-box;
  overflow: visible;
  isolation: isolate;
  color: #fff2c6;
  text-decoration: none;
  border: 1px solid rgba(255, 118, 0, 0.72);
  border-radius: 22px;
  background: linear-gradient(180deg, #070707 0%, #050506 48%, #010102 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 222, 148, 0.08);
  -webkit-tap-highlight-color: transparent;
}

.home-daily-deal-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, rgba(0, 0, 0, 0.18) 100%);
  pointer-events: none;
}

.home-daily-deal-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  border-radius: inherit;
  background:
    radial-gradient(circle at 101% 15%, rgba(4, 5, 8, 0.46) 0%, rgba(4, 5, 8, 0.22) 13%, rgba(4, 5, 8, 0) 27%),
    radial-gradient(circle at 100% 43%, rgba(4, 5, 8, 0.34) 0%, rgba(4, 5, 8, 0.16) 12%, rgba(4, 5, 8, 0) 26%),
    linear-gradient(90deg, rgba(4, 5, 8, 0) 78%, rgba(4, 5, 8, 0.06) 88%, rgba(4, 5, 8, 0.18) 100%);
  pointer-events: none;
}

.home-daily-deal-hero__content {
  position: relative;
  z-index: 5;
  display: flex;
  width: 52%;
  height: 100%;
  min-width: 0;
  max-width: 214px;
  flex-direction: column;
  align-items: flex-start;
  transform: translateY(9px);
}

.home-daily-deal-hero__admin-version {
  position: absolute;
  z-index: 9;
  top: -13px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #ffdf9e;
  box-shadow: none;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.95),
    0 0 9px rgba(255, 118, 0, 0.52);
  white-space: nowrap;
  pointer-events: none;
}

.home-daily-deal-hero__admin-version.home-admin-version--hidden {
  display: none !important;
}

.home-daily-deal-hero__eyebrow {
  margin-bottom: 5px;
  color: #ff9d1d;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
  text-shadow:
    0 1px 0 rgba(63, 24, 0, 0.72),
    0 0 10px rgba(255, 104, 0, 0.62);
}

.home-daily-deal-hero__title {
  color: #ffc13a;
  font-size: 28px;
  font-weight: 1000;
  line-height: 0.94;
  text-transform: uppercase;
  text-shadow:
    0 1px 0 rgba(78, 26, 0, 0.82),
    0 0 8px rgba(255, 218, 121, 0.46),
    0 0 18px rgba(255, 133, 0, 0.64);
}

.home-daily-deal-hero__title-line {
  display: block;
}

.home-daily-deal-hero__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  color: #47e679;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-shadow:
    0 1px 0 rgba(0, 24, 7, 0.76),
    0 0 10px rgba(38, 221, 99, 0.34);
  white-space: nowrap;
}

.home-daily-deal-hero__status-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #37dd67;
  box-shadow:
    0 0 0 1px rgba(120, 255, 162, 0.16),
    0 0 10px rgba(55, 221, 103, 0.58);
}

.home-daily-deal-hero__copy {
  max-width: 155px;
  margin-top: 11px;
  color: rgba(255, 246, 225, 0.94);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.24;
  text-shadow:
    0 1px 0 rgba(0, 0, 0, 0.76),
    0 0 9px rgba(255, 220, 166, 0.16);
}

.home-daily-deal-hero__copy span {
  display: block;
}

.home-daily-deal-hero__prize {
  margin-top: 4px;
  color: #ffd269;
  font-size: 28px;
  font-weight: 1000;
  line-height: 1;
  text-shadow:
    0 1px 0 rgba(78, 26, 0, 0.78),
    0 0 9px rgba(255, 237, 181, 0.72),
    0 0 21px rgba(255, 133, 0, 0.82);
}

.home-daily-deal-hero__cta {
  position: absolute;
  left: 50%;
  bottom: -17px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  width: clamp(157px, 47.5%, 225px);
  min-height: 48px;
  margin: 0;
  padding: 0 21px;
  box-sizing: border-box;
  overflow: hidden;
  transform: translateX(-50%);
  border: 2px solid rgba(255, 130, 0, 0.98);
  border-radius: 25px;
  background:
    linear-gradient(180deg, rgba(255, 245, 178, 0.72) 0%, rgba(255, 183, 41, 0.24) 26%, rgba(255, 128, 0, 0) 34%),
    radial-gradient(ellipse at 50% -20%, rgba(255, 237, 158, 0.7), rgba(255, 136, 0, 0.18) 54%, transparent 74%),
    linear-gradient(180deg, #ffb018 0%, #ff7900 45%, #f14d00 100%);
  color: #fff9e8;
  font-size: clamp(20px, 5.75vw, 28px);
  font-weight: 1000;
  line-height: 1;
  text-transform: none;
  box-shadow:
    0 0 0 1px rgba(255, 92, 0, 0.84),
    0 0 20px rgba(255, 112, 0, 0.92),
    0 0 39px rgba(255, 149, 29, 0.72),
    0 14px 24px rgba(0, 0, 0, 0.56),
    inset 0 2px 0 rgba(255, 255, 255, 0.5),
    inset 0 -10px 18px rgba(136, 35, 0, 0.28);
  text-shadow:
    0 2px 0 rgba(126, 42, 0, 0.5),
    0 0 12px rgba(255, 255, 255, 0.26);
  animation: homeDailyDealCtaGlow 1.85s ease-in-out infinite;
}

.home-daily-deal-hero__cta::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(255, 173, 57, 0.46);
  border-radius: 21px;
  pointer-events: none;
}

.home-daily-deal-hero__cta::after {
  content: "";
  position: absolute;
  top: -35%;
  bottom: -35%;
  left: -42%;
  width: 38%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.56), transparent);
  opacity: 0.72;
  animation: homeDailyDealCtaSweep 2.7s ease-in-out infinite;
  pointer-events: none;
}

.home-daily-deal-hero__cta > span {
  position: relative;
  z-index: 1;
}

.home-daily-deal-hero__cta > span:first-child {
  font-size: 0.94em;
}

.home-daily-deal-hero__arrow {
  font-size: 31px;
  line-height: 0.8;
}

.home-daily-deal-hero__timer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 112px;
  min-height: 20px;
  margin-top: 6px;
  padding: 0 9px;
  border: 1px solid rgba(255, 138, 18, 0.35);
  border-radius: 8px;
  background: rgba(3, 4, 7, 0.62);
  color: rgba(255, 231, 184, 0.86);
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1;
}

.home-daily-deal-hero__timer::before {
  content: "◷";
  color: rgba(255, 232, 190, 0.74);
  font-size: 10px;
  line-height: 1;
}

.home-daily-deal-hero__image {
  position: absolute;
  z-index: 4;
  right: -20px;
  top: -72px;
  bottom: auto;
  width: auto;
  max-width: none;
  height: 162%;
  object-fit: contain;
  -webkit-clip-path: inset(-96px 24px -110px 0);
  clip-path: inset(-96px 24px -110px 0);
  filter: none;
  pointer-events: none;
  user-select: none;
}

.home-daily-deal-hero:hover,
.home-daily-deal-hero:focus-visible {
  border-color: rgba(255, 190, 80, 0.82);
  box-shadow:
    inset 0 0 0 1px rgba(255, 226, 166, 0.11);
  outline: none;
}

.home-daily-deal-hero:hover .home-daily-deal-hero__cta,
.home-daily-deal-hero:focus-visible .home-daily-deal-hero__cta {
  border-color: rgba(255, 118, 0, 1);
  box-shadow:
    0 0 0 1px rgba(255, 86, 0, 0.95),
    0 0 27px rgba(255, 95, 0, 0.96),
    0 0 51px rgba(255, 154, 36, 0.82),
    0 16px 26px rgba(0, 0, 0, 0.58),
    inset 0 2px 0 rgba(255, 255, 255, 0.56),
    inset 0 -10px 18px rgba(136, 35, 0, 0.26);
}

@keyframes homeDailyDealCtaGlow {
  0%,
  100% {
    filter: drop-shadow(0 0 7px rgba(255, 127, 0, 0.68));
  }
  50% {
    filter: drop-shadow(0 0 17px rgba(255, 204, 93, 0.98));
  }
}

@keyframes homeDailyDealCtaSweep {
  0% {
    left: -44%;
    opacity: 0;
  }
  28% {
    opacity: 0.72;
  }
  62%,
  100% {
    left: 118%;
    opacity: 0;
  }
}

.home-daily-shortcuts.home-mini-icons {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  justify-items: stretch;
  gap: 6px;
  width: calc(100% + (2 * var(--card-padding-x, 16px)) - 6px);
  height: clamp(82px, 22vw, 118px);
  margin: 8px calc(-1 * var(--card-padding-x, 16px) + 3px) 14px;
  padding: 6px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid rgba(255, 118, 0, 0.86);
  border-radius: 20px;
  background:
    radial-gradient(ellipse at 50% -20%, rgba(255, 118, 0, 0.16), transparent 42%),
    linear-gradient(180deg, rgba(2, 5, 9, 0.99), rgba(0, 1, 3, 0.99)),
    rgba(0, 1, 3, 0.99);
  box-shadow:
    inset 0 0 0 1px rgba(255, 226, 166, 0.14),
    inset 0 0 24px rgba(255, 118, 0, 0.14),
    0 0 24px rgba(255, 102, 0, 0.34),
    0 10px 24px rgba(0, 0, 0, 0.34);
}

.home-daily-shortcuts.home-mini-icons::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  border-radius: inherit;
  background: transparent;
  pointer-events: none;
}

.home-daily-shortcuts .home-mini-icon-item {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  justify-self: stretch;
  align-self: stretch;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  color: #ffe2a3;
  text-decoration: none;
  border: 0 !important;
  border-radius: 15px !important;
  background:
    linear-gradient(180deg, rgba(8, 8, 8, 0.98), rgba(0, 0, 0, 0.98)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 118, 0, 0.28),
    0 0 12px rgba(255, 104, 0, 0.22) !important;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.home-daily-shortcuts .home-mini-icon-item + .home-mini-icon-item::before {
  display: none;
}

.home-daily-shortcuts .home-mini-icon__image {
  position: absolute;
  inset: -7%;
  width: 114%;
  height: 114%;
  object-fit: cover;
  object-position: center;
  border: 0;
  pointer-events: none;
  user-select: none;
  filter:
    saturate(1.08)
    contrast(1.06)
    brightness(1.03);
}

.home-daily-shortcuts .home-mini-icon-item--raffles .home-mini-icon__image--raffles,
.home-daily-shortcuts .home-mini-icon-item--gazette .home-mini-icon__image--gazette {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  filter:
    saturate(1.1)
    contrast(1.07)
    brightness(1.04);
}

.home-daily-shortcuts .home-mini-icon {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ff950f;
  opacity: 1;
  font-size: 31px;
  line-height: 1;
  text-shadow:
    0 0 7px rgba(255, 232, 173, 0.9),
    0 0 16px rgba(255, 116, 0, 0.98),
    0 0 30px rgba(255, 76, 0, 0.74);
  filter:
    saturate(1.22)
    contrast(1.22)
    brightness(1.08)
    drop-shadow(0 0 8px rgba(255, 104, 0, 0.86));
}

.home-daily-shortcuts .home-mini-icon svg {
  width: 34px;
  height: 34px;
  fill: currentColor;
  filter:
    saturate(1.25)
    contrast(1.2)
    brightness(1.1)
    drop-shadow(0 0 5px rgba(255, 232, 173, 0.7))
    drop-shadow(0 0 16px rgba(255, 96, 0, 0.8));
}

.home-daily-shortcuts .home-mini-icon__label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.app.app--view-home .home-freerolls-strip {
  position: relative;
  width: calc(100% + (2 * var(--card-padding-x, 16px)) - 6px);
  margin: 40px calc(-1 * var(--card-padding-x, 16px) + 3px) 0;
  padding: 13px 0 8px;
  overflow: visible;
}

.app.app--view-home .home-freerolls-strip::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 18px;
  right: 0;
  bottom: 6px;
  left: 0;
  border: 1px solid rgba(255, 181, 49, 0.48);
  border-radius: 20px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 226, 166, 0.08),
    0 0 18px rgba(255, 118, 0, 0.18);
  pointer-events: none;
}

.app.app--view-home .home-freerolls-strip::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 62px;
  right: 0;
  bottom: 12px;
  width: 30px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(4, 5, 8, 0), rgba(4, 5, 8, 0.9) 88%);
}

.app.app--view-home .home-freerolls-strip__head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 2px 10px;
}

.app.app--view-home .home-freerolls-strip__title {
  position: relative;
  z-index: 2;
  flex: 0 1 auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 7px 10px 8px;
  color: #ffdf9e;
  border: 1px solid rgba(255, 181, 49, 0.72);
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(16, 12, 7, 0.98), rgba(4, 5, 8, 0.98));
  box-shadow:
    inset 0 0 0 1px rgba(255, 226, 166, 0.1),
    0 0 16px rgba(255, 118, 0, 0.26);
  font-size: 19px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(255, 118, 0, 0.38);
  white-space: nowrap;
}

.app.app--view-home .home-freerolls-strip__all {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: rgba(255, 234, 190, 0.72);
  font-size: 8.5px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
}

.app.app--view-home .home-freerolls-strip__all span {
  color: #ffb531;
  font-size: 16px;
  line-height: 0.8;
}

.app.app--view-home .home-freeroll-schedule--cards {
  position: relative;
  z-index: 1;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(168px, 1fr);
  gap: 8px;
  width: 100%;
  padding: 0 8px 4px 1px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-padding-inline: 1px 8px;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}

.app.app--view-home .home-freerolls-strip__hint {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 8px;
  margin-top: -1px;
  pointer-events: none;
}

.app.app--view-home .home-freerolls-strip__hint span {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 190, 78, 0.36);
  box-shadow: 0 0 7px rgba(255, 145, 31, 0.28);
}

.app.app--view-home .home-freerolls-strip__hint span:first-child {
  width: 13px;
  background: #ffb531;
  box-shadow: 0 0 9px rgba(255, 177, 49, 0.58);
}

.app.app--view-home .home-freeroll-schedule--cards::-webkit-scrollbar {
  display: none;
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__item {
  position: relative;
  display: flex;
  min-width: 0;
  padding-top: 28px;
  flex-direction: column;
  align-items: stretch;
  scroll-snap-align: start;
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__row {
  position: relative;
  appearance: none;
  display: flex;
  min-height: 108px;
  padding: 9px 9px 8px;
  overflow: hidden;
  flex-direction: column;
  align-items: stretch;
  color: #f8fafc;
  border: 1px solid rgba(255, 118, 0, 0.38);
  border-radius: 11px;
  background:
    radial-gradient(circle at 82% 12%, rgba(255, 181, 49, 0.12), transparent 35%),
    linear-gradient(145deg, rgba(5, 8, 12, 0.98), rgba(2, 5, 10, 0.96));
  box-shadow:
    inset 0 0 0 1px rgba(255, 226, 166, 0.06),
    0 0 12px rgba(255, 118, 0, 0.16);
  cursor: pointer;
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__row::after {
  content: "🏆";
  position: absolute;
  top: 8px;
  right: 9px;
  color: #ffb531;
  font-size: 12px;
  line-height: 1;
  filter: drop-shadow(0 0 8px rgba(255, 118, 0, 0.62));
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__row--next {
  border-color: rgba(255, 181, 49, 0.95);
  background:
    radial-gradient(circle at 76% 18%, rgba(255, 181, 49, 0.3), transparent 36%),
    linear-gradient(145deg, rgba(30, 18, 8, 0.98), rgba(3, 6, 11, 0.96));
  box-shadow:
    inset 0 0 0 1px rgba(255, 246, 220, 0.12),
    0 0 16px rgba(255, 118, 0, 0.36);
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: calc(100% - 22px);
  min-height: 20px;
  padding: 0 8px;
  color: #ffc247;
  border: 1px solid rgba(255, 181, 49, 0.36);
  border-radius: 999px;
  background: rgba(255, 181, 49, 0.08);
  font-size: 9.5px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding-right: 0;
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__title,
.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__meta,
.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__entry {
  overflow: hidden;
  text-overflow: ellipsis;
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__title {
  margin-top: 14px;
  color: #f8fafc;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.08;
  white-space: normal;
  overflow-wrap: anywhere;
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__meta {
  margin-top: 3px;
  color: rgba(255, 234, 190, 0.76);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__entry {
  margin-top: auto;
  padding-top: 8px;
  padding-right: 0;
  color: rgba(255, 234, 190, 0.78);
  border-top: 1px solid rgba(255, 118, 0, 0.2);
  font-size: 8px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__stamp {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  min-height: 25px;
  padding: 0 10px;
  color: #2b1602;
  border: 1px solid rgba(255, 226, 166, 0.72);
  border-radius: 12px 12px 8px 8px;
  background:
    linear-gradient(180deg, #ffe4a5, #ffb531 58%, #d97706);
  box-shadow:
    0 0 12px rgba(255, 118, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.56);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  transform: translateY(3px);
  pointer-events: none;
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__stamp::after {
  content: "";
  position: absolute;
  left: 16px;
  bottom: -7px;
  width: 13px;
  height: 7px;
  background: linear-gradient(180deg, #d97706, rgba(217, 119, 6, 0));
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  filter: drop-shadow(0 3px 4px rgba(255, 118, 0, 0.22));
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__item--following .home-freeroll-schedule__stamp {
  color: rgba(255, 234, 190, 0.9);
  border-color: rgba(255, 181, 49, 0.5);
  background:
    linear-gradient(180deg, rgba(255, 181, 49, 0.18), rgba(255, 118, 0, 0.08));
  box-shadow:
    0 0 10px rgba(255, 118, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.app.app--view-home .home-freeroll-schedule--cards .home-freeroll-schedule__item--following .home-freeroll-schedule__stamp::after {
  background: linear-gradient(180deg, rgba(255, 118, 0, 0.3), rgba(255, 118, 0, 0));
}

.app.app--view-home .home-club-hero-banner {
  position: relative;
  display: block;
  width: calc(100% + (2 * var(--card-padding-x, 16px)) - 6px);
  aspect-ratio: 3 / 1;
  margin: 18px calc(-1 * var(--card-padding-x, 16px) + 3px) 0;
  overflow: hidden;
  border: 1px solid rgba(255, 181, 49, 0.68);
  border-radius: 18px;
  background: #030405;
  box-shadow:
    inset 0 0 0 1px rgba(255, 226, 166, 0.12),
    0 0 22px rgba(255, 118, 0, 0.26),
    0 12px 24px rgba(0, 0, 0, 0.28);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.app.app--view-home .home-club-hero-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px rgba(255, 234, 190, 0.08),
    inset 0 -18px 32px rgba(0, 0, 0, 0.18);
  pointer-events: none;
}

.app.app--view-home .home-club-hero-banner:focus-visible,
.app.app--view-home .home-club-hero-banner:hover {
  border-color: rgba(255, 214, 128, 0.88);
  outline: none;
  box-shadow:
    inset 0 0 0 1px rgba(255, 246, 220, 0.16),
    0 0 26px rgba(255, 118, 0, 0.34),
    0 12px 24px rgba(0, 0, 0, 0.3);
}

.app.app--view-home .home-club-hero-banner__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  user-select: none;
}

.app.app--view-home .home-club-hero-banner + .home-compact-links {
  margin-top: 12px;
}

.app.app--view-home .home-compact-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  width: calc(100% + (2 * var(--card-padding-x, 16px)) - 6px);
  margin: 22px calc(-1 * var(--card-padding-x, 16px) + 3px) 6px;
}

.app.app--view-home .home-compact-link {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) 24px;
  grid-template-areas:
    "icon body"
    "cta cta";
  align-items: center;
  min-width: 0;
  height: 119px;
  padding: 8px 9px 7px;
  overflow: hidden;
  color: #ffe5ad;
  text-decoration: none;
  border: 1px solid rgba(255, 181, 49, 0.35);
  border-radius: 12px;
  background:
    radial-gradient(circle at 82% 10%, rgba(255, 181, 49, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(5, 8, 12, 0.98), rgba(2, 5, 10, 0.97));
  box-shadow:
    inset 0 0 0 1px rgba(255, 226, 166, 0.06),
    0 0 12px rgba(255, 118, 0, 0.16);
  box-sizing: border-box;
}

.app.app--view-home .home-compact-link:focus-visible,
.app.app--view-home .home-compact-link:hover {
  border-color: rgba(255, 181, 49, 0.82);
  outline: none;
  box-shadow:
    inset 0 0 0 1px rgba(255, 246, 220, 0.12),
    0 0 16px rgba(255, 118, 0, 0.32);
}

.app.app--view-home .home-compact-link__art {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

.app.app--view-home .home-compact-link--rating {
  display: block;
  isolation: isolate;
  overflow: visible;
  padding: 0;
  border-color: rgba(255, 193, 80, 0.68);
  outline: 1px solid rgba(255, 238, 196, 0.16);
  outline-offset: -4px;
  border-radius: 14px;
  background:
    radial-gradient(ellipse at 88% 10%, rgba(255, 118, 0, 0.32), transparent 46%),
    radial-gradient(ellipse at 8% 92%, rgba(255, 193, 80, 0.18), transparent 40%),
    linear-gradient(145deg, #080b0d 0%, #101205 52%, #05070a 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 232, 176, 0.1),
    inset 0 -16px 28px rgba(255, 118, 0, 0.1),
    0 0 0 1px rgba(255, 118, 0, 0.16),
    0 0 18px rgba(255, 118, 0, 0.22);
}

.app.app--view-home .home-compact-link--rating::before,
.app.app--view-home .home-compact-link--rating::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

.app.app--view-home .home-compact-link--rating::before {
  background:
    linear-gradient(105deg, rgba(255, 118, 0, 0.14), transparent 34%),
    repeating-linear-gradient(138deg, rgba(255, 193, 80, 0) 0 17px, rgba(255, 193, 80, 0.16) 18px, rgba(255, 193, 80, 0) 22px);
}

.app.app--view-home .home-compact-link--rating::after {
  inset: 1px;
  border: 1px solid rgba(255, 232, 176, 0.13);
  box-shadow: inset 0 0 24px rgba(255, 118, 0, 0.14);
}

.app.app--view-home .home-compact-link--rating:focus-visible,
.app.app--view-home .home-compact-link--rating:hover {
  box-shadow:
    inset 0 0 0 1px rgba(255, 246, 220, 0.18),
    inset 0 -16px 28px rgba(255, 118, 0, 0.14),
    0 0 0 1px rgba(255, 226, 166, 0.42),
    0 0 22px rgba(255, 118, 0, 0.36);
}

.app.app--view-home .home-compact-link--spring-strip {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-column: 1 / -1;
  gap: 0;
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  padding: 3px 16px;
  overflow: hidden;
  border-radius: 999px;
  outline-offset: -2px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 246, 220, 0.14),
    0 0 0 1px rgba(255, 118, 0, 0.18),
    0 0 12px rgba(255, 118, 0, 0.22);
}

.app.app--view-home .home-compact-link--spring-strip::before {
  background:
    linear-gradient(90deg, rgba(255, 118, 0, 0.28), rgba(255, 220, 130, 0.88), rgba(255, 118, 0, 0.28)),
    repeating-linear-gradient(138deg, rgba(255, 193, 80, 0) 0 17px, rgba(255, 193, 80, 0.18) 18px, rgba(255, 193, 80, 0) 22px);
}

.app.app--view-home .home-compact-link--spring-strip::after {
  inset: 0;
  border: 0;
  box-shadow:
    inset 0 1px 0 rgba(255, 248, 225, 0.48),
    inset 0 -1px 0 rgba(71, 33, 0, 0.38);
}

.app.app--view-home .home-compact-link--spring-strip .home-compact-link__strip-title {
  position: relative;
  z-index: 3;
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #fff4c4;
  font-size: 15px;
  font-weight: 1000;
  letter-spacing: 0;
  line-height: 0.98;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-text-stroke: 0.35px rgba(45, 20, 0, 0.95);
  text-shadow:
    0 1px 0 rgba(58, 25, 0, 0.98),
    0 2px 2px rgba(35, 12, 0, 0.72),
    0 0 9px rgba(255, 237, 150, 0.88);
  white-space: nowrap;
}

.app.app--view-home .home-compact-link--spring-strip .home-compact-link__strip-winners {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  padding: 0 4px;
  overflow: visible;
  color: #fff8df;
  font-size: 13px;
  font-weight: 1000;
  letter-spacing: 0;
  line-height: 0.98;
  text-align: center;
  -webkit-text-stroke: 0.3px rgba(45, 20, 0, 0.95);
  text-shadow:
    0 1px 0 rgba(58, 25, 0, 0.98),
    0 2px 2px rgba(35, 12, 0, 0.7),
    0 0 8px rgba(255, 237, 150, 0.82);
  white-space: nowrap;
}

.app.app--view-home .home-compact-link--spring-strip .home-compact-link__strip-winner-line {
  display: block;
  max-width: 100%;
  overflow: visible;
  white-space: nowrap;
}

.app.app--view-home .home-compact-link--rating .home-compact-link__icon {
  position: absolute;
  z-index: 3;
  top: 17px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(255, 214, 128, 0.46);
  border-radius: 9px;
  background:
    linear-gradient(180deg, rgba(255, 181, 49, 0.18), rgba(255, 118, 0, 0.08)),
    rgba(1, 5, 9, 0.72);
  font-size: 20px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 11px rgba(255, 118, 0, 0.3);
}

.app.app--view-home .home-compact-link--rating .home-compact-link__body {
  position: absolute;
  z-index: 3;
  top: 15px;
  left: 10px;
  width: 132px;
  align-items: flex-start;
  justify-content: flex-start;
}

.app.app--view-home .home-compact-link--rating .home-compact-link__eyebrow {
  display: flex;
  flex-direction: column;
  color: rgba(255, 236, 198, 0.82);
  max-width: 132px;
  font-size: 15px;
  line-height: 0.92;
  white-space: normal;
  text-shadow: 0 0 9px rgba(255, 118, 0, 0.34);
}

.app.app--view-home .home-compact-link--rating .home-compact-link__title {
  color: #ffd36f;
  margin-top: 6px;
  font-size: 18px;
  line-height: 1;
  text-shadow:
    0 1px 0 rgba(74, 35, 0, 0.66),
    0 0 13px rgba(255, 118, 0, 0.46);
}

.app.app--view-home .home-compact-link--rating .home-compact-link__sub {
  color: rgba(255, 236, 198, 0.82);
  margin-top: 4px;
  font-size: 11.25px;
  line-height: 1;
}

.app.app--view-home .home-compact-link--rating .home-compact-link__cta {
  position: absolute;
  z-index: 4;
  bottom: 8px;
  left: 10px;
  width: 124px;
  min-height: 24px;
  padding: 0 7px;
  color: rgba(255, 244, 217, 0.94);
  border-color: rgba(255, 118, 0, 0.44);
  background:
    linear-gradient(180deg, rgba(10, 12, 11, 0.94), rgba(1, 5, 9, 0.96));
  font-size: 10.95px;
  font-weight: 900;
  box-shadow:
    inset 0 1px 0 rgba(255, 232, 176, 0.08),
    0 0 9px rgba(255, 118, 0, 0.18);
}

.app.app--view-home .home-compact-link__rocket {
  position: absolute;
  z-index: 8;
  right: -4px;
  top: -17px;
  width: auto;
  height: 153px;
  max-width: none;
  object-fit: contain;
  filter:
    saturate(1.08)
    contrast(1.08)
    drop-shadow(0 0 12px rgba(255, 118, 0, 0.52))
    drop-shadow(0 10px 16px rgba(0, 0, 0, 0.48));
  pointer-events: none;
  user-select: none;
}

.app.app--view-home .home-compact-link__icon {
  grid-area: icon;
  color: #ffb531;
  font-size: 25px;
  line-height: 1;
  filter: drop-shadow(0 0 10px rgba(255, 118, 0, 0.52));
}

.app.app--view-home .home-compact-link__media {
  grid-area: icon;
  width: 38px;
  height: 38px;
  object-fit: cover;
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(255, 118, 0, 0.32);
}

.app.app--view-home .home-compact-link__body {
  position: relative;
  z-index: 1;
  grid-area: body;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

.app.app--view-home .home-compact-link__eyebrow,
.app.app--view-home .home-compact-link__title,
.app.app--view-home .home-compact-link__sub {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app.app--view-home .home-compact-link__eyebrow {
  color: rgba(255, 234, 190, 0.78);
  font-size: 7.5px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.app.app--view-home .home-compact-link__title {
  margin-top: 3px;
  color: #ffcf74;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.08;
}

.app.app--view-home .home-compact-link__sub {
  margin-top: 2px;
  color: rgba(255, 234, 190, 0.76);
  font-size: 8px;
  font-weight: 800;
  line-height: 1;
}

.app.app--view-home .home-compact-link__cta {
  position: relative;
  z-index: 1;
  grid-area: cta;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 23px;
  padding: 0 7px;
  overflow: hidden;
  color: rgba(255, 234, 190, 0.86);
  border: 1px solid rgba(255, 118, 0, 0.24);
  border-radius: 7px;
  background: rgba(3, 6, 11, 0.6);
  font-size: 8px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app.app--view-home .home-compact-link--hall {
  display: block;
  isolation: isolate;
  overflow: hidden;
  padding: 0;
  border-color: rgba(255, 205, 98, 0.72);
  border-radius: 14px;
  background: #050505;
  box-shadow:
    inset 0 0 0 1px rgba(255, 244, 204, 0.1),
    0 0 0 1px rgba(255, 118, 0, 0.16),
    0 0 18px rgba(255, 118, 0, 0.22);
}

.app.app--view-home .home-compact-link--hall::before {
  content: none;
}

.app.app--view-home .home-compact-link--hall::after {
  content: none;
}

.app.app--view-home .home-compact-link--hall .home-compact-link__banner {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 0;
  border-radius: inherit;
  filter:
    saturate(1.04)
    contrast(1.04);
  pointer-events: none;
  user-select: none;
}

.app.app--view-home .home-compact-links .home-fish-rating-btn--compact {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  grid-template-rows: none;
  align-items: center;
  justify-items: start;
  width: 100%;
  min-width: 0;
  min-height: 76px;
  padding: 9px 12px;
  border-radius: 14px;
}

.app.app--view-home .home-compact-links .home-fish-rating-btn--compact img {
  width: 52px;
  height: 52px;
}

.app.app--view-home .home-compact-links .home-fish-rating-btn--compact .home-fish-rating-btn__status {
  color: #f8d98a;
  font-size: 13px;
  line-height: 1.05;
  text-align: left;
}

.app.app--view-home .hero-row--home-hidden,
.app.app--view-home .features--home-hidden {
  display: none !important;
}

.app.app--view-home .home-tournament-section-title {
  grid-column: 1 / -1;
  justify-self: stretch;
  margin: 0;
  padding: 0;
  color: #ffdf9e;
  font-size: clamp(17px, 4.9vw, 25px);
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  text-shadow:
    0 1px 0 rgba(0, 0, 0, 0.45),
    0 0 14px rgba(255, 118, 0, 0.46);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus {
  --home-promo-gold: #ffb531;
  --home-promo-orange: #ff7600;
  --home-promo-line: rgba(255, 118, 0, 0.42);
  position: relative;
  box-sizing: border-box;
  width: calc(100% + (2 * var(--card-padding-x, 16px)) - 6px);
  margin: 33px calc(-1 * var(--card-padding-x, 16px) + 3px) 0;
  align-items: stretch;
  row-gap: 8px;
  column-gap: 10px;
  padding: 10px 10px 12px;
  border: 0;
  border-radius: 22px;
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255, 181, 49, 0.13), transparent 36%),
    radial-gradient(ellipse at 84% 18%, rgba(255, 118, 0, 0.12), transparent 42%),
    linear-gradient(148deg, rgba(35, 16, 7, 0.78), rgba(13, 8, 8, 0.78) 45%, rgba(4, 5, 8, 0.74));
  box-shadow:
    inset 0 1px 0 rgba(255, 232, 176, 0.08),
    inset 0 -18px 28px rgba(0, 0, 0, 0.16);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus::before {
  content: none;
}

.app.app--view-home .home-tournament-flow {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 4;
  overflow: hidden;
  border-radius: inherit;
  mix-blend-mode: screen;
  pointer-events: none;
  opacity: 0;
  transition: opacity 160ms ease;
}

.app.app--view-home .home-tournament-flow--ready {
  opacity: 1;
}

.app.app--view-home .home-tournament-flow__svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.app.app--view-home .home-tournament-flow__trail {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.app.app--view-home .home-tournament-flow__trail--halo {
  stroke: rgba(255, 181, 49, 0.3);
  stroke-width: 18px;
  filter: url("#homeTournamentFlowGlow");
}

.app.app--view-home .home-tournament-flow__trail--strand {
  stroke: rgba(255, 232, 166, 0.82);
  stroke-width: 2.6px;
  stroke-dasharray: 18 14;
  filter: url("#homeTournamentFlowGlow");
  animation: homeTournamentFlowPulse 1.8s linear infinite;
}

.app.app--view-home .home-tournament-flow__trail--strand-b {
  stroke: rgba(255, 154, 28, 0.68);
  stroke-dasharray: 10 18;
  animation-duration: 2.35s;
  animation-direction: reverse;
}

.app.app--view-home .home-tournament-flow__trail--core {
  stroke: url("#homeTournamentFlowGold");
  stroke-width: 4.8px;
  filter: url("#homeTournamentFlowGlow");
}

.app.app--view-home .home-tournament-flow__spark {
  fill: #ffe9a8;
  filter: url("#homeTournamentFlowGlow");
}

.app.app--view-home .home-tournament-flow__spark--start {
  fill: #fff4c8;
}

.app.app--view-home .home-tournament-flow__spark--mid {
  fill: #ffb531;
  opacity: 0.78;
}

.app.app--view-home .home-tournament-flow__spark--end {
  fill: #ffe2a0;
  opacity: 0.86;
}

@keyframes homeTournamentFlowPulse {
  to {
    stroke-dashoffset: -56;
  }
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  padding: 4px 12px 12px;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap:first-child {
  border-color: transparent !important;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--tournament-day {
  border-color: transparent;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--tournament-day::before {
  content: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-block--home {
  flex: 0 0 auto;
  height: 100%;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible;
  background: transparent !important;
  box-shadow: none !important;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-block__body {
  padding: 0;
  justify-content: flex-start;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-block__home-head {
  padding: 2px 4px 8px;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-block__countdown {
  font-size: clamp(12px, 1.4vw, 16px);
  line-height: 1.05;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-block__timer-label {
  display: block;
  font-size: 0.86em;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-block__timer {
  display: block;
  font-size: clamp(16px, 1.25vw, 20px);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-freeroll-schedule,
.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-block__stats {
  border-color: rgba(255, 118, 0, 0.34);
  background:
    linear-gradient(180deg, rgba(255, 118, 0, 0.05), transparent 44%),
    rgba(0, 2, 7, 0.64);
  box-shadow:
    inset 0 0 0 1px rgba(255, 226, 166, 0.04),
    inset 0 0 20px rgba(255, 118, 0, 0.035);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-freeroll-schedule__row + .home-freeroll-schedule__row,
.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-block__stat + .tournament-day-block__stat {
  border-color: rgba(255, 118, 0, 0.18);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-freeroll-schedule__row--next {
  border-color: rgba(255, 181, 49, 0.9);
  background:
    radial-gradient(circle at 0% 50%, rgba(255, 181, 49, 0.26), transparent 42%),
    linear-gradient(90deg, rgba(255, 118, 0, 0.2), rgba(255, 181, 49, 0.08));
  box-shadow:
    0 0 18px rgba(255, 118, 0, 0.28),
    inset 0 1px 0 rgba(255, 250, 232, 0.12);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonuses {
  position: relative;
  z-index: 3;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  width: calc(100% + 14px);
  margin-top: 2px;
  margin-right: -7px;
  margin-left: -7px;
  padding: 12px 3px 8px;
  border: 1px solid rgba(255, 151, 22, 0.78);
  border-radius: 14px;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 183, 47, 0.16), transparent 48%),
    linear-gradient(180deg, rgba(255, 118, 0, 0.055), rgba(0, 0, 0, 0.1)),
    rgba(1, 4, 5, 0.72);
  box-shadow:
    inset 0 0 0 1px rgba(255, 223, 151, 0.09),
    0 0 18px rgba(255, 118, 0, 0.18);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonuses::before {
  content: "";
  position: absolute;
  inset: 3px;
  z-index: 0;
  border: 1px solid rgba(255, 184, 51, 0.28);
  border-radius: 10px;
  pointer-events: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonuses__title {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 20px;
  padding: 0 4px;
  border: 0;
  background: transparent;
  color: #ffb934;
  font-size: clamp(15px, 3.1vw, 22px);
  font-weight: 1000;
  line-height: 0.92;
  text-align: center;
  text-transform: uppercase;
  text-shadow:
    0 2px 0 rgba(69, 25, 0, 0.92),
    0 0 8px rgba(255, 237, 178, 0.5),
    0 0 18px rgba(255, 137, 0, 0.36);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonuses__title::before,
.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonuses__title::after {
  content: "★";
  flex: 1 1 0;
  min-width: 18px;
  height: auto;
  color: #ffbf36;
  font-size: 0.76em;
  line-height: 1;
  text-shadow: 0 0 8px rgba(255, 166, 0, 0.72);
  background:
    linear-gradient(90deg, transparent, rgba(255, 196, 72, 0.88) 35%, rgba(255, 235, 160, 0.9) 50%, rgba(255, 196, 72, 0.48) 70%, transparent);
  background-position: center;
  background-repeat: no-repeat;
  background-size: calc(100% - 22px) 1px;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonuses__title::before {
  transform: scaleX(-1);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonuses__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  min-width: 0;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: clamp(58px, 10.8vw, 92px);
  padding: 8px 4px;
  border: 1px solid rgba(255, 184, 36, 0.82);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 227, 154, 0.13), rgba(255, 227, 154, 0.02) 42%, transparent 43%),
    radial-gradient(ellipse at 50% 0%, rgba(255, 199, 81, 0.16), transparent 62%),
    radial-gradient(ellipse at 50% 100%, rgba(255, 118, 0, 0.16), transparent 64%),
    linear-gradient(180deg, rgba(36, 24, 11, 0.88), rgba(11, 11, 10, 0.9));
  text-align: center;
  box-shadow:
    0 0 0 1px rgba(88, 37, 0, 0.72),
    0 0 14px rgba(255, 145, 0, 0.28),
    inset 0 1px 0 rgba(255, 242, 196, 0.18),
    inset 0 -10px 16px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus::before {
  content: none;
  display: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus:nth-child(2)::before {
  content: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus:nth-child(3)::before {
  content: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus:nth-child(4)::before {
  content: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus:nth-child(5)::before {
  content: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus:nth-child(n + 4) {
  min-height: clamp(58px, 10.8vw, 92px);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus__amount {
  min-width: 0;
  color: #ffc33a;
  font-size: clamp(15px, 3.1vw, 25px);
  font-weight: 1000;
  line-height: 0.92;
  white-space: nowrap;
  text-shadow:
    0 2px 0 rgba(91, 33, 0, 0.92),
    0 0 7px rgba(255, 221, 116, 0.48),
    0 0 15px rgba(255, 125, 0, 0.42);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus__label {
  min-width: 0;
  max-width: 100%;
  margin-top: 4px;
  overflow-wrap: anywhere;
  color: #fff0d0;
  font-size: clamp(8px, 1.9vw, 15px);
  font-weight: 900;
  line-height: 1.04;
  text-shadow:
    0 2px 0 rgba(29, 16, 8, 0.88),
    0 0 7px rgba(255, 228, 174, 0.16);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus--inactive {
  border-color: rgba(62, 44, 26, 0.9);
  background:
    linear-gradient(180deg, rgba(28, 23, 19, 0.94), rgba(4, 4, 4, 0.96));
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -10px 16px rgba(0, 0, 0, 0.72);
  filter: grayscale(1) brightness(0.48) saturate(0.45);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus--inactive::after {
  content: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus--inactive .home-tournament-bonus__amount,
.app.app--view-home .tournament-day-home-dual--tournament-focus .home-tournament-bonus--inactive .home-tournament-bonus__label {
  color: rgba(255, 232, 184, 0.42);
  text-shadow: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-actions-row {
  grid-column: 1 / -1;
  width: calc(100% + 14px);
  min-height: clamp(32px, 5.9vw, 55px);
  margin: 3px -7px 0;
  align-items: stretch;
  justify-content: center;
  padding: 0;
  border-radius: 999px;
  overflow: visible;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-share-btn {
  flex: 1 1 100%;
  width: 100%;
  height: auto;
  min-height: clamp(32px, 5.9vw, 55px);
  gap: 10px;
  padding: 5px 14px 6px;
  border: 1px solid rgba(255, 248, 208, 0.98);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.74) 0%, rgba(255, 255, 255, 0.24) 31%, rgba(255, 255, 255, 0) 32%),
    radial-gradient(ellipse at 50% -18%, rgba(255, 255, 255, 0.54), rgba(255, 221, 108, 0.18) 43%, transparent 72%),
    linear-gradient(180deg, #ffbf43 0%, #ff8f0c 45%, #bd4e04 76%, #6c2500 100%);
  color: #171006;
  font-size: clamp(22px, 4.7vw, 34px);
  font-weight: 1000;
  line-height: 1;
  white-space: nowrap;
  text-shadow:
    0 1px 0 rgba(255, 232, 149, 0.42);
  box-shadow:
    0 0 0 2px rgba(255, 177, 42, 0.82),
    0 0 18px rgba(255, 151, 16, 0.4),
    0 10px 20px rgba(72, 30, 0, 0.42),
    inset 0 1px 0 rgba(255, 253, 226, 0.86),
    inset 0 -12px 18px rgba(80, 29, 0, 0.34),
    inset 0 0 0 2px rgba(255, 204, 78, 0.24);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus #tournamentDayWeekScheduleBtn {
  color: #fff;
  border-color: rgba(255, 231, 180, 0.72);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 30%, transparent 31%),
    linear-gradient(180deg, #171717 0%, #050505 100%);
  box-shadow:
    0 0 12px rgba(255, 118, 0, 0.18),
    inset 0 1px 0 rgba(255, 250, 232, 0.18),
    inset 0 -8px 14px rgba(0, 0, 0, 0.38);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus #tournamentDayScheduleBtn {
  color: #fff;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus #tournamentDayScheduleBtn::before {
  content: "▶";
  color: #171006;
  font-size: 0.72em;
  line-height: 1;
  margin-top: 0.04em;
  text-shadow:
    0 1px 0 rgba(255, 232, 149, 0.4);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-share-btn span {
  color: #171006 !important;
  font-weight: 1000;
  max-width: none;
  white-space: nowrap;
  text-shadow:
    0 1px 0 rgba(255, 232, 149, 0.42);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap .tournament-day-block--home {
  flex: 1 1 auto;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week {
  width: calc(100% + 10px);
  margin-left: -10px;
  gap: 0;
  padding: 4px 0 0;
  align-self: stretch;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--tournament-day {
  padding-right: 0;
  padding-bottom: 0;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week .tournament-day-block--home {
  display: flex;
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week .tournament-day-block__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week .tournament-day-block__meta {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-block__home-head {
  grid-template-columns: 42px minmax(0, 1fr);
  column-gap: 8px;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week .tournament-day-block__home-head {
  display: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week .tournament-day-block__home-head::before {
  content: none;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-block__home-heading {
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.05;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week .tournament-day-block__home-heading {
  overflow: hidden;
  font-size: clamp(13px, 1.08vw, 15px);
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-block__countdown {
  font-size: clamp(10px, 1.1vw, 13px);
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week .tournament-day-block__countdown {
  display: flex;
  align-items: baseline;
  gap: 2px;
  min-width: 0;
  overflow: hidden;
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week .tournament-day-block__timer-label,
.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week .tournament-day-block__timer {
  display: inline;
  min-width: 0;
  line-height: 1;
  white-space: nowrap;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week .tournament-day-block__timer-label {
  flex: 0 0 auto;
  font-size: 8.5px;
}

.app.app--view-home .tournament-day-home-dual--tournament-focus .tournament-day-home-wrap--week .tournament-day-block__timer {
  flex: 0 0 auto;
  font-size: 12px;
}

.app.app--view-home .home-tournament-week-list {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}

.app.app--view-home .home-tournament-week-row {
  appearance: none;
  position: relative;
  display: grid;
  flex: 1 1 0;
  grid-template-columns: 25px minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  width: 100%;
  min-height: 32px;
  padding: 4px 5px;
  color: #f8fafc;
  text-align: left;
  border: 0;
  border-radius: 9px;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

.app.app--view-home .home-tournament-week-row + .home-tournament-week-row {
  border-top: 1px solid rgba(255, 118, 0, 0.18);
}

.app.app--view-home .home-tournament-week-row--active {
  border: 1px solid rgba(255, 181, 49, 0.82);
  background:
    radial-gradient(circle at 0% 50%, rgba(255, 181, 49, 0.22), transparent 42%),
    linear-gradient(90deg, rgba(255, 118, 0, 0.2), rgba(255, 181, 49, 0.07));
  box-shadow:
    0 0 16px rgba(255, 118, 0, 0.2),
    inset 0 1px 0 rgba(255, 250, 232, 0.1);
}

.app.app--view-home .home-tournament-week-row--active::after {
  content: "›";
  position: absolute;
  right: 7px;
  top: 50%;
  color: #ffcf67;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 0 10px rgba(255, 118, 0, 0.72);
  transform: translateY(-50%);
}

.app.app--view-home .home-tournament-week-row__day {
  color: #ffb531;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.app.app--view-home .home-tournament-week-row__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-right: 12px;
  gap: 2px;
}

.app.app--view-home .home-tournament-week-row__name {
  overflow: hidden;
  color: #f8fafc;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app.app--view-home .home-tournament-week-row__meta {
  overflow: hidden;
  color: rgba(255, 234, 190, 0.74);
  font-size: 8.5px;
  font-weight: 600;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app.app--view-home .home-tournament-detail {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  min-height: 100%;
}

.app.app--view-home .home-tournament-detail__media {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: var(--home-tournament-banner-aspect, 1049 / 1499);
  overflow: hidden;
  border: 1px solid rgba(255, 118, 0, 0.3);
  border-radius: 14px;
  background: #000;
  box-shadow:
    inset 0 0 0 1px rgba(255, 226, 166, 0.04),
    inset 0 -24px 34px rgba(0, 0, 0, 0.24);
}

.app.app--view-home .home-tournament-detail__img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center top;
  background: #000;
}

.app.app--view-home .home-tournament-detail--no-banner {
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid rgba(255, 118, 0, 0.3);
  border-radius: 14px;
  background:
    radial-gradient(circle at 24% 0%, rgba(255, 181, 49, 0.13), transparent 38%),
    linear-gradient(180deg, rgba(255, 118, 0, 0.05), transparent 44%),
    rgba(0, 2, 7, 0.64);
  box-shadow:
    inset 0 0 0 1px rgba(255, 226, 166, 0.04),
    inset 0 0 20px rgba(255, 118, 0, 0.035);
}

.app.app--view-home .home-tournament-detail--no-banner .home-tournament-detail__media {
  display: none;
}

.app.app--view-home .home-tournament-detail--no-banner .home-tournament-detail__content {
  display: flex;
}

.app.app--view-home .home-tournament-detail__content {
  display: none;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.app.app--view-home .home-tournament-detail__eyebrow {
  color: rgba(255, 224, 166, 0.82);
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.app.app--view-home .home-tournament-detail__name {
  margin: 0;
  overflow: hidden;
  color: #ff9f1a;
  font-size: clamp(14px, 1.25vw, 18px);
  font-weight: 900;
  line-height: 1.04;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: normal;
  text-shadow: 0 0 14px rgba(255, 118, 0, 0.24);
}

.app.app--view-home .home-tournament-detail__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin: 0;
  color: rgba(255, 234, 190, 0.84);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.15;
}

.app.app--view-home .home-tournament-detail__dot {
  color: rgba(255, 181, 49, 0.62);
}

.app.app--view-home .home-tournament-detail__prize {
  color: #ffad28;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  text-shadow: 0 0 16px rgba(255, 118, 0, 0.24);
  white-space: nowrap;
}

.app.app--view-home .home-tournament-detail__countdown {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: rgba(255, 234, 190, 0.78);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.app.app--view-home .home-tournament-detail__countdown .tournament-day-block__timer-label,
.app.app--view-home .home-tournament-detail__countdown .tournament-day-block__timer {
  display: inline;
  font-size: 1em;
  line-height: 1;
}

.app.app--view-home .home-tournament-detail__countdown .tournament-day-block__timer {
  color: #ffc64a;
  font-size: 1.15em;
}

.app.app--view-home .home-tournament-detail__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin-top: 4px;
}

.app.app--view-home .home-tournament-detail__fact {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  gap: 1px 3px;
  min-width: 0;
  padding: 5px 4px;
  border: 1px solid rgba(255, 118, 0, 0.22);
  border-radius: 8px;
  background: rgba(2, 5, 10, 0.52);
}

.app.app--view-home .home-tournament-detail__fact-icon {
  grid-row: 1 / span 2;
  color: #ffb531;
  font-size: 12px;
  line-height: 1;
}

.app.app--view-home .home-tournament-detail__fact-label {
  overflow: hidden;
  color: rgba(226, 232, 240, 0.64);
  font-size: 7.5px;
  font-weight: 700;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app.app--view-home .home-tournament-detail__fact-value {
  overflow: hidden;
  color: #f8fafc;
  font-size: 8.5px;
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app.app--view-home .home-live-tournament {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) 112px;
  grid-template-areas:
    "badge label side"
    "badge main side";
  align-items: center;
  gap: 4px 9px;
  width: calc(100% + (2 * var(--card-padding-x, 16px)) - 6px);
  margin: 10px calc(-1 * var(--card-padding-x, 16px) + 3px) 0;
  padding: 8px 7px;
  overflow: hidden;
  color: #f8fafc;
  border: 1px solid rgba(255, 118, 0, 0.58);
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(255, 118, 0, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(5, 8, 12, 0.98), rgba(2, 5, 10, 0.98));
  box-shadow:
    inset 0 0 0 1px rgba(255, 226, 166, 0.06),
    0 0 18px rgba(255, 118, 0, 0.24),
    0 10px 20px rgba(0, 0, 0, 0.24);
}

.app.app--view-home .home-live-tournament[hidden] {
  display: none;
}

.app.app--view-home .home-live-tournament__status {
  display: contents;
}

.app.app--view-home .home-live-tournament__status-title {
  grid-area: label;
  align-self: end;
  min-width: 0;
  overflow: hidden;
  color: #ffb22e;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  text-shadow:
    0 0 12px rgba(255, 159, 26, 0.68),
    0 1px 0 rgba(0, 0, 0, 0.72);
}

.app.app--view-home .home-live-tournament:not(.home-live-tournament--upcoming) .home-live-tournament__status-title {
  font-size: 21px;
}

.app.app--view-home .home-live-tournament__live-badge {
  grid-area: badge;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  justify-self: start;
  gap: 4px;
  min-width: 70px;
  min-height: 46px;
  padding: 0 10px;
  color: #fff7ed;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  border: 1px solid rgba(255, 196, 164, 0.35);
  border-radius: 12px;
  background: linear-gradient(180deg, #ff3f25, #8e0f0a);
  box-shadow: 0 0 12px rgba(255, 55, 28, 0.34);
}

.app.app--view-home .home-live-tournament:not(.home-live-tournament--upcoming) .home-live-tournament__live-badge {
  animation: homeLiveBadgePulse 1.15s ease-in-out infinite;
}

.app.app--view-home .home-live-tournament__live-badge span {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #fff7ed;
  box-shadow: 0 0 8px rgba(255, 247, 237, 0.72);
}

.app.app--view-home .home-live-tournament:not(.home-live-tournament--upcoming) .home-live-tournament__live-badge span {
  animation: homeLiveDotBlink 1.15s ease-in-out infinite;
}

@keyframes homeLiveBadgePulse {
  0%,
  100% {
    filter: brightness(1);
    box-shadow: 0 0 12px rgba(255, 55, 28, 0.34);
  }
  50% {
    filter: brightness(1.45);
    box-shadow:
      0 0 10px rgba(255, 247, 237, 0.44),
      0 0 20px rgba(255, 55, 28, 0.7);
  }
}

@keyframes homeLiveDotBlink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.38;
  }
}

@media (prefers-reduced-motion: reduce) {
  .app.app--view-home .home-live-tournament:not(.home-live-tournament--upcoming) .home-live-tournament__live-badge,
  .app.app--view-home .home-live-tournament:not(.home-live-tournament--upcoming) .home-live-tournament__live-badge span {
    animation: none;
  }
}

.app.app--view-home .home-live-tournament--upcoming .home-live-tournament__live-badge {
  color: #271707;
  border-color: rgba(255, 218, 145, 0.6);
  background: linear-gradient(180deg, #ffd36b, #ff8a18);
  box-shadow: 0 0 12px rgba(255, 138, 24, 0.24);
}

.app.app--view-home .home-live-tournament--upcoming .home-live-tournament__live-badge span {
  background: #271707;
  box-shadow: none;
}

.app.app--view-home .home-live-tournament__thumb {
  display: none;
}

.app.app--view-home .home-live-tournament__thumb::before {
  content: "";
}

.app.app--view-home .home-live-tournament__main {
  grid-area: main;
  min-width: 0;
  overflow: hidden;
}

.app.app--view-home .home-live-tournament__name,
.app.app--view-home .home-live-tournament__room,
.app.app--view-home .home-live-tournament__meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app.app--view-home .home-live-tournament__name {
  color: #ffe3a8;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}

.app.app--view-home .home-live-tournament__room {
  margin-top: 2px;
  color: rgba(226, 232, 240, 0.66);
  font-size: 8.5px;
  font-weight: 800;
  line-height: 1;
}

.app.app--view-home .home-live-tournament__prize {
  margin-top: 3px;
  overflow: hidden;
  color: #ffb531;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app.app--view-home .home-live-tournament__buyin {
  display: block;
  overflow: hidden;
  margin-top: 4px;
  color: rgba(255, 234, 190, 0.78);
  font-size: 8px;
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app.app--view-home .home-live-tournament__progress {
  width: 100%;
  height: 5px;
  margin-top: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}

.app.app--view-home .home-live-tournament__progress span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff4d22, #ffd05f);
  box-shadow: 0 0 10px rgba(255, 118, 0, 0.48);
}

.app.app--view-home .home-live-tournament__meta {
  margin-top: 4px;
  color: rgba(255, 234, 190, 0.74);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
}

.app.app--view-home .home-live-tournament__side {
  grid-area: side;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  gap: 8px;
  min-width: 0;
  padding-left: 7px;
  border-left: 1px solid rgba(255, 118, 0, 0.28);
}

.app.app--view-home .home-live-tournament__timer {
  min-width: 0;
  overflow: hidden;
  align-self: stretch;
}

.app.app--view-home .home-live-tournament__timer-label {
  display: block;
  overflow: hidden;
  color: rgba(255, 234, 190, 0.72);
  font-size: 7.5px;
  font-weight: 800;
  line-height: 1.05;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.app.app--view-home .home-live-tournament__timer-value {
  display: block;
  overflow: hidden;
  margin: 3px 0;
  color: #ff9f1a;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 0 13px rgba(255, 118, 0, 0.32);
}

.app.app--view-home .home-live-tournament__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 0 7px;
  color: #fff8df;
  font-size: 10.5px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid rgba(255, 231, 180, 0.8);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.08) 30%, transparent 31%),
    linear-gradient(180deg, #ff9f1a, #f56b00 58%, #c94a00);
  box-shadow:
    0 0 16px rgba(255, 118, 0, 0.42),
    inset 0 1px 0 rgba(255, 250, 232, 0.46);
  text-shadow: 0 1px 0 rgba(92, 31, 0, 0.68);
}

.app.app--view-home .home-live-tournament__cta span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app.app--view-home .home-live-tournament__cta span[aria-hidden="true"] {
  font-size: 22px;
  line-height: 0.7;
}

.app.app--view-home .tournament-day-home-dual + .home-welcome-outline {
  margin-top: 14px;
}

.app.app--view-home .home-live-tournament + .home-welcome-outline,
.app.app--view-home .tournament-day-home-dual + .home-live-tournament[hidden] + .home-welcome-outline {
  margin-top: 14px;
}

[data-theme="light"] .app.app--view-home .home-live-tournament {
  color: #1f2937;
  border-color: rgba(217, 119, 6, 0.34);
  background:
    linear-gradient(90deg, rgba(251, 146, 60, 0.16), transparent 38%),
    linear-gradient(145deg, rgba(255, 250, 244, 0.98), rgba(255, 236, 207, 0.96));
  box-shadow: 0 8px 18px rgba(217, 119, 6, 0.12);
}

[data-theme="light"] .app.app--view-home .home-live-tournament__status-title,
[data-theme="light"] .app.app--view-home .home-live-tournament__room,
[data-theme="light"] .app.app--view-home .home-live-tournament__meta,
[data-theme="light"] .app.app--view-home .home-live-tournament__timer-label,
[data-theme="light"] .app.app--view-home .home-live-tournament__buyin {
  color: rgba(92, 47, 10, 0.68);
}

[data-theme="light"] .app.app--view-home .home-live-tournament__name {
  color: #7c2d12;
}

[data-theme="light"] .app.app--view-home .home-live-tournament__prize,
[data-theme="light"] .app.app--view-home .home-live-tournament__timer-value {
  color: #c2410c;
  text-shadow: none;
}

[data-theme="light"] .app.app--view-home .home-live-tournament__thumb {
  background: linear-gradient(145deg, rgba(255, 247, 237, 0.92), rgba(254, 215, 170, 0.72));
}

.app.app--view-home .features-section-title--games {
  margin: 24px 0 10px;
  color: #ffe7b0;
  font-size: clamp(21px, 4.6vw, 34px);
  font-weight: 800;
  line-height: 1.08;
  text-shadow: 0 0 18px rgba(255, 159, 26, 0.24);
}

.app.app--view-home .games-apps-block {
  margin-top: 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-theme="light"] .app.app--view-home .games-apps-block {
  border: 0;
  background: transparent;
}

.app.app--view-home .games-apps-block .games-apps-grid,
.app.app--view-home .games-apps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: auto;
  gap: clamp(6px, 1.7vw, 10px);
  margin-top: 0;
  margin-bottom: 0;
  align-items: stretch;
}

.app.app--view-home .games-apps-grid .games-apps-card {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  aspect-ratio: 5 / 6;
  padding: 0;
  border: 0;
  border-radius: clamp(9px, 2.8vw, 16px);
  overflow: hidden;
  background: #030303;
  color: #fff;
  text-align: left;
  text-decoration: none;
  box-shadow:
    0 0 0 1px rgba(255, 190, 67, 0.34),
    0 0 16px rgba(255, 118, 0, 0.22),
    0 10px 20px rgba(0, 0, 0, 0.34);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    filter 0.15s ease;
}

.app.app--view-home .games-apps-grid button.games-apps-card {
  font: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.app.app--view-home .games-apps-grid .games-apps-card:hover,
.app.app--view-home .games-apps-grid .games-apps-card:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow:
    0 0 0 1px rgba(255, 214, 104, 0.62),
    0 0 22px rgba(255, 138, 24, 0.42),
    0 12px 24px rgba(0, 0, 0, 0.4);
}

.app.app--view-home .games-apps-grid .games-apps-card:active {
  transform: translateY(1px);
}

.app.app--view-home .games-apps-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.app.app--view-home .games-apps-card__text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.app.app--view-home .games-apps-card__text > span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (max-width: 430px) {
  .app.app--view-home .features-section-title--games {
    margin-top: 22px;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .app.app--view-home .games-apps-block {
    margin-top: 10px;
  }

  .app.app--view-home .games-apps-block .games-apps-grid,
  .app.app--view-home .games-apps-grid {
    gap: 6px;
  }

  .app.app--view-home .games-apps-grid .games-apps-card {
    border-radius: 10px;
  }
}

.home-daily-shortcuts .feature__badge {
  top: 5px;
  right: 14px;
  z-index: 3;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, #ff7848, #ff4e18);
  box-shadow:
    0 0 0 1px rgba(255, 232, 190, 0.5),
    0 0 12px rgba(255, 78, 24, 0.76);
}

.home-daily-shortcuts .raffle-active-amount-badge {
  position: absolute;
  left: 50%;
  bottom: 35px;
  z-index: 4;
  max-width: calc(100% - 6px);
  padding: 2px 4px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, #34d399, #16a34a);
  color: #ecfdf5;
  font-size: 8px;
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateX(-50%);
  box-shadow:
    0 0 0 1px rgba(220, 252, 231, 0.52),
    0 0 14px rgba(34, 197, 94, 0.72);
  text-shadow: 0 1px 1px rgba(5, 46, 22, 0.65);
  pointer-events: none;
}

.home-daily-shortcuts .raffle-active-amount-badge--hidden {
  display: none;
}

.home-daily-shortcuts .home-mini-icon-item:hover,
.home-daily-shortcuts .home-mini-icon-item:focus-visible {
  color: #fff0c2;
  outline: none;
  box-shadow:
    0 0 0 1px rgba(255, 207, 109, 0.72),
    0 0 18px rgba(255, 118, 0, 0.52) !important;
}

.home-daily-shortcuts .home-mini-icon-item:hover .home-mini-icon__image,
.home-daily-shortcuts .home-mini-icon-item:focus-visible .home-mini-icon__image {
  transform: scale(1.025);
}

@media (max-width: 620px) {
  .home-daily-deal-hero {
    height: 258px;
    padding: 14px 15px 12px;
    border-radius: 22px;
  }

  .home-daily-deal-hero__content {
    width: 52%;
    max-width: 214px;
  }

  .home-daily-deal-hero__title {
    font-size: 28px;
  }

  .home-daily-deal-hero__copy {
    max-width: 155px;
    font-size: 12px;
  }

  .home-daily-deal-hero__prize {
    font-size: 28px;
  }

  .home-daily-deal-hero__image {
    right: -20px;
    top: -64px;
    bottom: auto;
    width: auto;
    height: 154%;
    opacity: 1;
  }

  .home-daily-shortcuts.home-mini-icons {
    height: clamp(82px, 22vw, 108px);
  }
}

@media (max-width: 430px) {
  .home-daily-deal-hero {
    height: 258px;
    padding: 14px 15px 12px;
  }

  .home-daily-deal-hero__content {
    width: 52%;
  }

  .home-daily-deal-hero__eyebrow {
    font-size: 10px;
  }

  .home-daily-deal-hero__title {
    font-size: 28px;
  }

  .home-daily-deal-hero__status {
    font-size: 11px;
  }

  .home-daily-deal-hero__copy {
    max-width: 155px;
    margin-top: 11px;
    font-size: 12px;
  }

  .home-daily-deal-hero__prize {
    font-size: 28px;
  }

  .home-daily-deal-hero__cta {
    bottom: -16px;
    width: clamp(157px, 51%, 204px);
    min-height: 46px;
    gap: 11px;
    padding: 0 19px;
    font-size: clamp(20px, 5.75vw, 26px);
  }

  .home-daily-deal-hero__timer {
    width: 112px;
    min-height: 20px;
    margin-top: 6px;
    font-size: 9.5px;
  }

  .home-daily-deal-hero__image {
    right: -20px;
    top: -62px;
    bottom: auto;
    width: auto;
    height: 156%;
    opacity: 1;
  }

  .home-daily-shortcuts.home-mini-icons {
    height: 82px;
    margin-bottom: 12px;
    padding: 5px;
    border-radius: 20px;
    gap: 5px;
  }

  .home-daily-shortcuts .home-mini-icon-item {
    border-radius: 14px !important;
  }

  .home-daily-shortcuts .home-mini-icon {
    width: 30px;
    height: 30px;
    font-size: 25px;
  }

  .home-daily-shortcuts .home-mini-icon svg {
    width: 29px;
    height: 29px;
  }

  .home-daily-shortcuts .home-mini-icon__image {
    inset: -8%;
    width: 116%;
    height: 116%;
  }

  .home-daily-shortcuts .feature__badge {
    right: 10px;
  }
}

@media (max-width: 360px) {
  .home-daily-deal-hero {
    height: 240px;
    padding: 11px 12px;
  }

  .home-daily-deal-hero__content {
    width: 52%;
  }

  .home-daily-deal-hero__eyebrow {
    margin-bottom: 4px;
    font-size: 10px;
  }

  .home-daily-deal-hero__title {
    font-size: 26px;
  }

  .home-daily-deal-hero__status {
    gap: 5px;
    margin-top: 6px;
    font-size: 10px;
  }

  .home-daily-deal-hero__copy {
    max-width: 142px;
    margin-top: 10px;
    font-size: 11px;
  }

  .home-daily-deal-hero__prize {
    font-size: 26px;
  }

  .home-daily-deal-hero__cta {
    bottom: -15px;
    width: clamp(148px, 51%, 185px);
    min-height: 42px;
    padding: 0 16px;
    font-size: 20px;
  }

  .home-daily-deal-hero__timer {
    width: 104px;
    min-height: 18px;
    font-size: 9px;
  }

  .home-daily-deal-hero__image {
    right: -2px;
    top: -54px;
    bottom: auto;
    height: 149%;
  }

  .home-daily-shortcuts.home-mini-icons {
    height: 76px;
    gap: 4px;
    padding: 4px;
  }
}