html:has(body.play77-activity-detail-page), body.play77-activity-detail-page {
    min-height: 100%;
    background: #001900 !important;
    background-image: none !important;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
html:has(body.play77-activity-detail-page) {
    overflow-x: hidden;
    overflow-y: auto;
}
body.play77-activity-detail-page {
    height: auto;
    min-height: 100vh;
    overflow: visible;
}
body.play77-activity-detail-page #app.play77-activity-detail-app { width: 100%; max-width: 520px; min-height: 100vh; margin: 0 auto !important; position: relative !important; left: auto !important; right: auto !important; background: #001900 url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/deposit-pattern.svg') repeat center top; background-size: 52px 90px; }
.play77-activity-detail-header { position: relative; height: 62px; display: flex; align-items: center; justify-content: center; }
.play77-activity-detail-header h1 { max-width: calc(100% - 94px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 23px; font-weight: 400; }
.play77-activity-detail-header .play77-activities-back { position: absolute; top: 3px; left: 20px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #034009; border-radius: 12px; }
.play77-activity-detail-header .play77-activities-back img { width: 28px; height: 28px; }
.play77-activity-detail-content { padding: 10px 16px 45px; }
.play77-detail-panel { margin: 0 0 15px; padding: 15px; border-radius: 9px; background: #347d3e; color: white; font-size: 15px; line-height: 1.5; }
.play77-detail-panel h2 { margin: 0 0 8px; font-size: 17px; font-weight: 400; }
.play77-detail-panel p { margin: 0 0 8px; }
.play77-detail-panel table { width: 100%; border-collapse: collapse; text-align: center; }
.play77-detail-panel th, .play77-detail-panel td { border: 1px solid #68a16a; padding: 12px 6px; font-weight: 400; }
.play77-detail-panel th { font-size: 14px; }
.play77-register-task th { font-size: 19px; }
.play77-register-task tbody td { height: 195px; font-size: 18px; }
.play77-detail-task { display: flex; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid #68a16a; }
.play77-detail-task:last-child { border-bottom: 0; }
.play77-detail-task span { flex: 1 1 auto; min-width: 0; }
.play77-detail-task small { display: block; color: #deebd8; font-size: 12px; }
.play77-detail-task strong { flex: 0 0 auto; font-size: 15px; }
.play77-detail-task .play77-deposit-cap { display: block; margin-top: 4px; color: #deebd8; font-size: 12px; font-style: normal; }
.play77-detail-action { min-width: 67px; padding: 6px; border: 0; border-radius: 5px; background: #ffcc00; color: #111; font-size: 13px; cursor: pointer; }
.play77-detail-action:disabled { background: #8b8b8b; color: #ddd; }
.play77-detail-link { display: inline-block; padding: 7px 22px; border-radius: 6px; background: #ffcc00; color: #111; text-decoration: none; }
.play77-invite-link { display: flex; margin: 6px 0 12px; gap: 6px; }
.play77-invite-link input { min-width: 0; flex: 1; padding: 8px; border: 0; border-radius: 4px; }
.play77-invite-link button { padding: 0 10px; border: 0; border-radius: 4px; background: #ffcc00; }
.play77-detail-task-list { padding: 0; background: transparent; }
.play77-detail-task-list h2 { padding: 5px 1px 10px; }
.play77-detail-task-list .play77-detail-task { position: relative; display: block; min-height: 100px; margin: 0 0 16px; padding: 17px 120px 16px 16px; border: 0; border-radius: 9px; background: #347d3e; line-height: 1.38; }
.play77-detail-task-list .play77-detail-task span { display: block; }
.play77-detail-task-list .play77-detail-task small { position: absolute; top: 16px; right: 16px; display: block; width: 101px; padding: 2px 3px; border-radius: 4px; background: #999; color: #fff; text-align: center; font-size: 14px; line-height: 18px; text-transform: uppercase; }
.play77-detail-task-list .play77-detail-task strong { position: absolute; right: 16px; bottom: 13px; color: #92e356; font-weight: 400; }
.play77-detail-task-list .play77-detail-task .play77-detail-action { margin-top: 8px; }
.play77-detail-task-list .play77-detail-task > .play77-detail-action { position: absolute; top: 16px; right: 16px; margin: 0; }
.play77-second-deposit-page .play77-activity-detail-header { height: 68px; }
.play77-second-deposit-page .play77-activity-detail-header .play77-activities-back { top: 6px; }
.play77-second-deposit-page .play77-activity-detail-header h1 { max-width: 300px; white-space: normal; text-align: center; line-height: 20px; font-size: 20px; font-weight: 600; }
.play77-second-deposit-page .play77-activity-detail-content { padding-left: 13px; }
.play77-second-deposit-page .play77-detail-task-list { margin-bottom: 14px; }
.play77-second-deposit-page .play77-detail-task-list .play77-detail-task { min-height: 87px; margin-bottom: 14px; padding-top: 12px; background: #007f34; font-size: 14px; font-weight: 600; }
.play77-second-deposit-page .play77-detail-task-list .play77-detail-task small { top: 13px; right: 14px; width: 95px; line-height: 17px; }
.play77-second-deposit-page .play77-detail-task-list .play77-detail-task strong { right: 14px; color: #42eb0b; }
.play77-second-deposit-page .play77-detail-rules { padding-bottom: 22px; background: #007f34; font-size: 14px; font-weight: 600; line-height: 1.2; }
.play77-second-deposit-page .play77-detail-rules p { margin: 0; }
.play77-daily-bet-page .play77-activity-detail-header { height: 64px; }
.play77-daily-bet-page .play77-activity-detail-content { padding: 2px 11px 20px; }
.play77-daily-bet-page .play77-detail-task-list { margin-bottom: 14px; }
.play77-daily-bet-page .play77-detail-task-list .play77-detail-task { min-height: 87px; margin-bottom: 14px; padding: 14px 123px 15px 14px; background: #007f34; font-size: 14px; font-weight: 600; line-height: 1.25; }
.play77-daily-bet-page .play77-detail-task-list .play77-detail-task small { top: 14px; right: 14px; width: 95px; line-height: 17px; }
.play77-daily-bet-page .play77-detail-task-list .play77-detail-task strong { right: 14px; bottom: 12px; color: #42eb0b; }
.play77-daily-bet-page .play77-detail-task-list .play77-detail-task > .play77-detail-action { top: 14px; right: 14px; min-width: 95px; background: #ffde00; }
.play77-daily-bet-page .play77-detail-rules { padding: 14px 14px 22px; background: #007f34; font-size: 14px; font-weight: 600; line-height: 1.2; }
.play77-daily-bet-page .play77-detail-rules p { margin: 0; }
.play77-detail-rules:has(h2) h2{border-bottom:1px solid #416f49;font-size:20px;font-weight:400;margin-bottom:12px;padding-bottom:15px}

@media (max-width: 520px) {
  .play77-activity-detail-header { box-sizing:border-box; padding:0 64px; }
  .play77-activity-detail-header h1 { min-width:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

/* Registration reward detail follows the public Play77 claim screen. */
.play77-register-page .play77-activity-detail-header { height: 69px; }
.play77-register-page .play77-activity-detail-header .play77-activities-back { top: 9px; left: 18px; width: 44px; height: 47px; background: #003b0b; border-radius: 15px; }
.play77-register-page .play77-activity-detail-header h1 { max-width: 285px; padding: 0 4px; overflow: visible; white-space: normal; text-align: center; font-size: 21px; line-height: 22px; }
.play77-register-page .play77-activity-detail-content { padding: 10px 11px 70px; }
.play77-register-page .play77-detail-panel { margin-bottom: 15px; padding: 14px; background: #007d32; font-size: 14px; font-weight: 500; line-height: 1.25; }
.play77-register-page .play77-detail-panel:first-child { box-sizing: border-box; min-height: 134px; }
.play77-register-page .play77-detail-panel:last-child { box-sizing: border-box; min-height: 294px; }
.play77-register-page .play77-detail-panel h2 { margin-bottom: 10px; font-size: 14px; font-weight: 600; }
.play77-register-page .play77-detail-panel p { margin: 0; }
.play77-register-page .play77-register-task { padding: 14px; }
.play77-register-page .play77-register-task table { table-layout: fixed; }
.play77-register-page .play77-register-task th,
.play77-register-page .play77-register-task td { border-color: #379a5c; padding: 10px 6px; font-size: 16px; font-weight: 500; line-height: 1.3; }
.play77-register-page .play77-register-task th:first-child,
.play77-register-page .play77-register-task td:first-child { width: 40%; }
.play77-register-page .play77-register-task th:nth-child(2),
.play77-register-page .play77-register-task td:nth-child(2) { width: 23%; }
.play77-register-page .play77-register-task th:last-child,
.play77-register-page .play77-register-task td:last-child { width: 37%; }
.play77-register-page .play77-register-task tbody td { height: 180px; }
.play77-register-page .play77-register-requirements { margin-bottom: 6px; }
.play77-register-page .play77-detail-action { min-width: 89px; padding: 5px 8px; background: #ffce22; font-size: 16px; line-height: 20px; }
.play77-register-page .play77-detail-action:disabled { background: #666; color: #bbb; }
@media (max-width: 360px) {
  .play77-register-page .play77-activity-detail-header h1 { max-width: 240px; font-size: 19px; }
  .play77-register-page .play77-register-task th,
  .play77-register-page .play77-register-task td { padding: 8px 3px; font-size: 14px; }
  .play77-register-page .play77-detail-action { min-width: 70px; font-size: 14px; }
}