.discover-page .details-actions{
  display:grid!important;
  gap:10px!important;
  margin-top:18px!important;
}

.discover-page .details-primary-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
}

.discover-page .details-primary-actions>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 16px!important;
  border-radius:11px!important;
  font-weight:800!important;
  text-align:center!important;
  text-decoration:none!important;
}

.discover-page .details-primary-actions .details-guide-link{
  border:1px solid #665f9f!important;
  background:#393458!important;
  color:#f5f1ff!important;
}

.discover-page .details-primary-actions .play-link{
  border:1px solid #5b6b82!important;
  background:#1a2534!important;
  color:#f4f7fb!important;
}

.discover-page .details-secondary-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px 16px!important;
}

.discover-page .details-secondary-actions .share-game-link,
.discover-page .details-secondary-actions .details-correction-link{
  min-height:auto!important;
  margin:0!important;
  padding:2px 0!important;
  border:0!important;
  background:transparent!important;
  color:#9fcde0!important;
  font:inherit!important;
  font-size:.82rem!important;
  font-weight:700!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  cursor:pointer!important;
}

.discover-page .details-secondary-actions .details-correction-link{
  color:#9aa8bb!important;
}

.discover-page .shortlist-drawer .drawer-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  padding:14px!important;
  border-top:1px solid #2d3b50!important;
  background:#101722!important;
}

.discover-page .shortlist-drawer .drawer-actions button{
  min-height:44px!important;
  margin:0!important;
  border-radius:10px!important;
}

.discover-page .shortlist-drawer #startGroupVote{
  grid-column:1 / -1!important;
  width:100%!important;
  background:linear-gradient(135deg,#b8ff2c,#68df3e)!important;
  color:#071209!important;
  font-weight:900!important;
}

.discover-page .shortlist-drawer #startGroupVote:disabled{
  border:1px solid #3b4658!important;
  background:#222b39!important;
  color:#7f8a9b!important;
  cursor:not-allowed!important;
  opacity:1!important;
}

.discover-page .shortlist-drawer #shareShortlist{
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  border:1px solid #4d6e8a!important;
  background:#18283a!important;
  color:#dff8ff!important;
  font:inherit!important;
  font-weight:850!important;
}

.discover-page .shortlist-drawer #copyShortlist{
  width:100%!important;
  border:1px solid #40506a!important;
  background:#1a2534!important;
  color:#eef3fa!important;
  text-decoration:none!important;
}

.discover-page .shortlist-drawer #clearShortlist{
  padding-inline:12px!important;
  color:#9aa8bb!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

.discover-page .shortlist-drawer[data-shared="true"] .drawer-header{
  border-bottom-color:#42758d!important;
  background:linear-gradient(180deg,#172838,#121b28)!important;
}

.discover-page .shortlist-drawer[data-shared="true"] .drawer-header .eyebrow{
  color:#63dff4!important;
}

/* Group vote */
.discover-page #pollModal{
  align-items:center!important;
  padding:18px!important;
}

.discover-page .poll-modal{
  position:relative!important;
  width:min(700px,100%)!important;
  max-height:min(820px,calc(100dvh - 36px))!important;
  overflow:auto!important;
  padding:26px!important;
  border:1px solid #40506a!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#172130,#101721)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.58)!important;
}

.discover-page .poll-modal .modal-close{
  top:16px!important;
  right:16px!important;
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
}

.discover-page .poll-modal>.eyebrow{
  padding-right:56px!important;
  color:#70e4f5!important;
}

.discover-page .poll-modal>h2{
  margin:7px 58px 8px 0!important;
  font-size:clamp(2rem,5vw,3rem)!important;
  line-height:1!important;
}

.discover-page .poll-intro{
  max-width:58ch!important;
  margin:0 50px 18px 0!important;
  color:#aeb9cb!important;
  line-height:1.45!important;
}

.discover-page .poll-options{
  display:grid!important;
  gap:9px!important;
}

.discover-page .poll-option{
  display:grid!important;
  gap:7px!important;
  padding:10px!important;
  overflow:hidden!important;
  border:1px solid #344258!important;
  border-radius:14px!important;
  background:#141d2a!important;
  transition:border-color .16s ease,background .16s ease!important;
}

.discover-page .poll-option:hover{
  border-color:#4e6685!important;
}

.discover-page .poll-option.is-selected{
  border-color:#65dff1!important;
  background:#162735!important;
  box-shadow:0 0 0 1px rgba(101,223,241,.18)!important;
}

.discover-page .poll-option-main{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}

.discover-page .poll-game-art{
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:54px!important;
  overflow:hidden!important;
  border-radius:11px!important;
  background:#0c131d!important;
  color:#dce7f5!important;
}

.discover-page .poll-game-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.discover-page .poll-game-copy{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}

.discover-page .poll-game-copy small{
  overflow:hidden!important;
  color:#7fd8e8!important;
  font-size:.62rem!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  text-overflow:ellipsis!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.discover-page .poll-game-copy strong{
  overflow:hidden!important;
  color:#f2f6fc!important;
  font-size:.98rem!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.discover-page .poll-game-copy>span{
  color:#9daabd!important;
  font-size:.75rem!important;
}

.discover-page [data-poll-vote]{
  min-width:84px!important;
  min-height:42px!important;
  padding:0 12px!important;
  border:1px solid #52637c!important;
  border-radius:10px!important;
  background:#1c2838!important;
  color:#eef4fb!important;
  font:inherit!important;
  font-size:.78rem!important;
  font-weight:850!important;
  cursor:pointer!important;
}

.discover-page [data-poll-vote]:hover,
.discover-page [data-poll-vote]:focus-visible{
  border-color:#67dcec!important;
  color:#67dcec!important;
}

.discover-page .poll-option.is-selected [data-poll-vote]{
  border-color:#65dff1!important;
  background:#4fd3e6!important;
  color:#071319!important;
}

.discover-page [data-poll-vote]:disabled{
  cursor:wait!important;
  opacity:.62!important;
}

.discover-page .poll-result-bar{
  display:block!important;
  height:5px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#253246!important;
}

.discover-page .poll-result-bar i{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#48d5e9,#8de34f)!important;
  transition:width .25s ease!important;
}

.discover-page .poll-status{
  min-height:22px!important;
  margin:14px 0 0!important;
  color:#d6dfec!important;
  font-size:.84rem!important;
  font-weight:750!important;
  text-align:center!important;
}

.discover-page .poll-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px!important;
  margin-top:13px!important;
}

.discover-page .poll-actions button{
  min-height:46px!important;
  margin:0!important;
  border-radius:11px!important;
}

.discover-page #sharePoll{
  background:linear-gradient(135deg,#45cfe6,#6675f4)!important;
  color:#071219!important;
  font-weight:900!important;
}

.discover-page #refreshPoll{
  padding-inline:15px!important;
  border:1px solid #40506a!important;
  background:#1a2534!important;
  color:#dfe8f5!important;
  text-decoration:none!important;
}

.discover-page .poll-note{
  margin:10px 0 0!important;
  color:#7f8da1!important;
  font-size:.68rem!important;
  text-align:center!important;
}

.discover-page .poll-message{
  padding:28px 18px!important;
  border:1px dashed #3d4c62!important;
  border-radius:14px!important;
  background:#121a26!important;
  text-align:center!important;
}

.discover-page .poll-message h3{
  margin:0 0 6px!important;
  font-size:1rem!important;
}

.discover-page .poll-message p{
  margin:0!important;
  color:#9daabd!important;
}

/* Random-pick modal retained from the old compact layer. */
.discover-page #rouletteModal{
  align-items:center!important;
  padding:18px!important;
}

.discover-page .roulette-modal{
  position:relative!important;
  width:min(560px,100%)!important;
  max-height:min(720px,calc(100dvh - 36px))!important;
  overflow:auto!important;
  padding:26px!important;
  border:1px solid #40506a!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#172130,#101721)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.55)!important;
}

.discover-page .roulette-modal .modal-close{
  top:16px!important;
  right:16px!important;
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
}

.discover-page .roulette-modal>.eyebrow{
  padding-right:56px!important;
}

.discover-page .roulette-modal>h2{
  margin:8px 58px 18px 0!important;
  font-size:clamp(2rem,5vw,3rem)!important;
  line-height:1!important;
}

.discover-page #rouletteResult{
  margin:0 0 16px!important;
}

.discover-page .roulette-result-card{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  overflow:hidden!important;
  border:1px solid #3a4960!important;
  border-radius:16px!important;
  background:#141d2a!important;
}

.discover-page .roulette-result-card .game-art{
  display:block!important;
  min-height:168px!important;
  aspect-ratio:auto!important;
  background:#0d131c!important;
}

.discover-page .roulette-result-card .game-guide-thumbnail,
.discover-page .roulette-result-card .game-guide-thumbnail img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}

.discover-page .roulette-result-card .game-guide-thumbnail img{
  object-fit:cover!important;
}

.discover-page .roulette-result-card .game-initials{
  display:grid!important;
  place-items:center!important;
  height:100%!important;
  font-size:2rem!important;
}

.discover-page .roulette-result-card .game-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:18px!important;
}

.discover-page .roulette-result-card .game-genre{
  font-size:.66rem!important;
}

.discover-page .roulette-result-card h3{
  margin:4px 0 7px!important;
  font-size:1.25rem!important;
}

.discover-page .roulette-result-card .game-body>p{
  display:-webkit-box!important;
  margin:0!important;
  overflow:hidden!important;
  font-size:.82rem!important;
  line-height:1.4!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

.discover-page .roulette-result-card .game-meta{
  display:none!important;
}

.discover-page .roulette-result-card .game-card-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  margin-top:14px!important;
}

.discover-page .roulette-result-card .details-link,
.discover-page .roulette-result-card .play-link{
  min-height:40px!important;
}

.discover-page .roulette-modal>#rerollButton{
  width:100%!important;
  min-height:50px!important;
  border-radius:13px!important;
}

@media(max-width:640px){
  .discover-page .details-primary-actions{
    grid-template-columns:1fr!important;
  }

  .discover-page .details-primary-actions>a{
    min-height:44px!important;
  }

  .discover-page .details-secondary-actions{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  .discover-page .shortlist-drawer .drawer-actions{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }

  .discover-page .shortlist-drawer #startGroupVote,
  .discover-page .shortlist-drawer #shareShortlist,
  .discover-page .shortlist-drawer #copyShortlist,
  .discover-page .shortlist-drawer #clearShortlist{
    grid-column:1!important;
    width:100%!important;
    min-height:44px!important;
  }

  .discover-page #pollModal{
    align-items:flex-end!important;
    padding:8px!important;
  }

  .discover-page .poll-modal{
    width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    padding:18px 12px 12px!important;
    border-radius:22px 22px 13px 13px!important;
  }

  .discover-page .poll-modal .modal-close{
    top:11px!important;
    right:11px!important;
    width:40px!important;
    height:40px!important;
    border-radius:11px!important;
  }

  .discover-page .poll-modal>.eyebrow{
    padding-right:48px!important;
    font-size:.62rem!important;
  }

  .discover-page .poll-modal>h2{
    margin:6px 48px 6px 0!important;
    font-size:1.85rem!important;
  }

  .discover-page .poll-intro{
    margin:0 44px 13px 0!important;
    font-size:.78rem!important;
  }

  .discover-page .poll-options{
    gap:7px!important;
  }

  .discover-page .poll-option{
    gap:6px!important;
    padding:8px!important;
    border-radius:12px!important;
  }

  .discover-page .poll-option-main{
    grid-template-columns:46px minmax(0,1fr) 70px!important;
    gap:8px!important;
  }

  .discover-page .poll-game-art{
    width:46px!important;
    height:46px!important;
    border-radius:9px!important;
  }

  .discover-page .poll-game-copy small{
    font-size:.55rem!important;
  }

  .discover-page .poll-game-copy strong{
    font-size:.85rem!important;
  }

  .discover-page .poll-game-copy>span{
    font-size:.66rem!important;
  }

  .discover-page [data-poll-vote]{
    min-width:70px!important;
    min-height:40px!important;
    padding:0 6px!important;
    font-size:.7rem!important;
  }

  .discover-page .poll-actions{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  .discover-page .poll-actions button{
    width:100%!important;
    min-height:44px!important;
  }

  .discover-page #rouletteModal{
    align-items:flex-end!important;
    padding:10px!important;
  }

  .discover-page .roulette-modal{
    width:100%!important;
    max-height:calc(100dvh - 20px)!important;
    padding:18px 14px 14px!important;
    border-radius:22px 22px 14px 14px!important;
  }

  .discover-page .roulette-modal .modal-close{
    top:12px!important;
    right:12px!important;
    width:40px!important;
    height:40px!important;
    border-radius:11px!important;
  }

  .discover-page .roulette-modal>.eyebrow{
    padding-right:48px!important;
    font-size:.62rem!important;
  }

  .discover-page .roulette-modal>h2{
    margin:6px 48px 14px 0!important;
    font-size:1.9rem!important;
  }

  .discover-page .roulette-result-card{
    grid-template-columns:108px minmax(0,1fr)!important;
    min-height:136px!important;
    border-radius:14px!important;
  }

  .discover-page .roulette-result-card .game-art{
    min-height:136px!important;
  }

  .discover-page .roulette-result-card .game-body{
    padding:11px!important;
  }

  .discover-page .roulette-result-card h3{
    font-size:1rem!important;
  }
}

@media(max-width:360px){
  .discover-page .poll-option-main{
    grid-template-columns:42px minmax(0,1fr) 64px!important;
  }

  .discover-page .poll-game-art{
    width:42px!important;
    height:42px!important;
  }

  .discover-page [data-poll-vote]{
    min-width:64px!important;
    padding-inline:4px!important;
  }
}