:root{--op-blue:#163694;--op-blue-dark:#0c2b7f;--op-ink:#0b1839;--op-muted:#667085;--op-line:#dfe4ed;--op-soft:#f7f8fb;--op-green:#1ca68d;--op-amber:#ef9b1d}
.openplay-discovery-page{background:#fff;color:var(--op-ink)}
.openplay-shell{width:min(100% - 32px,1120px);margin:0 auto;padding:24px 0 70px}
.openplay-alert{border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:12px}.openplay-alert.success{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534}.openplay-alert.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.openplay-alert ul{margin:6px 0 0;padding-left:18px}
.openplay-tools{display:grid;gap:12px;margin-bottom:24px}.openplay-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px}.openplay-search{height:42px;border:1px solid var(--op-line);border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#fff}.openplay-search span{font-size:19px;color:#64748b;transform:rotate(-20deg)}.openplay-search input{border:0;outline:0;width:100%;font-size:12px;color:var(--op-ink);background:transparent}.openplay-location-pill,.openplay-filter-btn{border:1px solid var(--op-line);background:#fff;border-radius:9px;padding:0 14px;font-size:10px;font-weight:800;color:#334155;cursor:pointer}.openplay-location-pill{background:#f6f8ff;color:var(--op-blue);border-color:#cbd7f4}.openplay-filter-btn:hover{background:#f8fafc}
.openplay-date-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.openplay-day-chip{border:1px solid var(--op-line);background:#fff;border-radius:8px;height:50px;display:grid;place-items:center;align-content:center;cursor:pointer;color:#475467}.openplay-day-chip strong{font-size:8px;letter-spacing:.04em}.openplay-day-chip span{font-size:11px;font-weight:800;margin-top:3px}.openplay-day-chip.active{background:var(--op-blue);border-color:var(--op-blue);color:#fff}.openplay-filter-panel{display:flex;gap:12px;align-items:end;padding:11px 12px;border:1px solid var(--op-line);border-radius:9px;background:#fafbfc}.openplay-filter-panel label{display:grid;gap:4px;font-size:9px;color:#64748b;font-weight:800}.openplay-filter-panel select{min-width:180px;border:1px solid #d7dce6;border-radius:7px;background:#fff;padding:8px 9px;font-size:10px}.openplay-filter-panel button{border:0;background:transparent;color:var(--op-blue);font-size:9px;font-weight:800;cursor:pointer;padding:8px}
.openplay-section{margin-top:24px}.openplay-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.openplay-section-head h2{font-size:16px;margin:0;letter-spacing:-.02em}.openplay-section-head span{font-size:8px;color:#98a2b3;margin-left:7px}.openplay-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.openplay-session-card{border:1px solid #d9e0ea;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.04);display:flex;flex-direction:column;min-width:0}.openplay-card-top{background:linear-gradient(135deg,var(--op-blue),var(--op-blue-dark));color:#fff;padding:11px 12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:72px}.openplay-level-pill{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.15);font-size:6px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.openplay-card-top h3{font-size:11px;line-height:1.25;margin:7px 0 0;text-transform:uppercase;max-width:220px}.openplay-price{text-align:right;flex:0 0 auto}.openplay-price strong{display:block;font-size:15px;line-height:1}.openplay-price span{font-size:6px;opacity:.8}.openplay-card-body{padding:12px;display:grid;gap:10px;flex:1}.openplay-meta-line{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start}.openplay-meta-icon{width:24px;height:24px;border-radius:6px;background:#f1f4fa;color:var(--op-blue);display:grid;place-items:center;font-size:10px}.openplay-meta-line strong,.openplay-meta-line small{display:block}.openplay-meta-line strong{font-size:8px;color:#15213d}.openplay-meta-line small{font-size:7px;color:#7c8798;margin-top:2px;line-height:1.35}.openplay-player-strip{display:flex;align-items:center;gap:8px;background:#f7f8fb;border:1px solid #eef1f5;border-radius:7px;padding:7px 8px}.openplay-avatar-stack{display:flex}.openplay-avatar-stack span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#dbe5fb;border:2px solid #fff;color:#5c77ba;font-size:5px;margin-left:-4px}.openplay-avatar-stack span:first-child{margin-left:0}.openplay-player-strip small{font-size:7px;color:#657086}.openplay-court-tags{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.openplay-court-tags>span{font-size:6px;color:#98a2b3;font-weight:900}.openplay-court-tags b{font-size:6px;padding:3px 5px;border-radius:4px;border:1px solid #dce2ec;color:#657086;background:#fff}.openplay-card-actions{display:grid;grid-template-columns:1fr 34px;gap:7px;padding:0 12px 12px}.openplay-join-btn{border:0;border-radius:6px;background:var(--op-blue);color:#fff;font-size:8px;font-weight:900;height:32px;cursor:pointer}.openplay-join-btn:hover{background:var(--op-blue-dark)}.openplay-share-btn{height:32px;border:1px solid #dce2ec;border-radius:6px;display:grid;place-items:center;font-size:12px;color:#657086;background:#fff}.openplay-empty-search{text-align:center;border:1px dashed #d9e0ea;border-radius:10px;padding:40px 18px;color:#667085;font-size:11px;margin-top:22px}
.openplay-modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(5,14,34,.58);display:none;align-items:center;justify-content:center;padding:18px}.openplay-modal-backdrop.open{display:flex}.openplay-modal-dialog{width:min(100%,520px);max-height:92vh;background:#fff;border-radius:11px;box-shadow:0 26px 75px rgba(0,0,0,.24);overflow:hidden;display:flex}.openplay-modal-dialog form{width:100%;display:flex;flex-direction:column;min-height:0}.openplay-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px 12px}.openplay-modal-step{font-size:7px;color:#5973b9;font-weight:900;letter-spacing:.12em}.openplay-modal-header h2{font-size:17px;margin:3px 0 2px;letter-spacing:-.025em}.openplay-modal-header p{font-size:8px;color:#7a8494;margin:0}.openplay-modal-close{border:0;background:none;color:#64748b;font-size:19px;line-height:1;cursor:pointer}.openplay-modal-progress{height:3px;background:#edf1f7}.openplay-modal-progress span{display:block;height:100%;width:50%;background:var(--op-blue);transition:.2s}.openplay-modal-body{padding:13px 18px 18px;overflow:auto;flex:1}.openplay-modal-panel{display:grid;gap:11px}.openplay-summary-card,.openplay-player-card,.openplay-total-card,.openplay-payment-card,.openplay-gcash-panel,.openplay-confirm-row,.openplay-privacy-note{border:1px solid #dce2eb;border-radius:8px;background:#fff}.openplay-summary-card{padding:12px}.openplay-summary-title{font-size:7px;color:#687386;font-weight:900;letter-spacing:.07em}.openplay-summary-card dl{margin:8px 0 6px}.openplay-summary-card dl>div{display:grid;grid-template-columns:105px 1fr;gap:8px;padding:5px 0}.openplay-summary-card dt{font-size:8px;color:#7d8797;font-weight:600}.openplay-summary-card dd{font-size:8px;color:#14203c;font-weight:800;text-align:right;margin:0}.openplay-summary-split{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f4;padding-top:8px;margin-top:7px;font-size:8px}.openplay-summary-split strong{color:#14203c}.openplay-card-heading{display:flex;align-items:center;gap:7px;padding:10px 11px;border-bottom:1px solid #e8ebf0}.openplay-card-heading span{color:var(--op-blue);font-size:10px}.openplay-card-heading strong{font-size:8px}.openplay-primary-player{padding:11px}.openplay-primary-player span,.openplay-primary-player strong,.openplay-primary-player small{display:block}.openplay-primary-player span{font-size:8px;color:#667085}.openplay-primary-player strong{font-size:10px;margin-top:5px}.openplay-primary-player small{font-size:7px;color:#98a2b3;margin-top:3px}.openplay-guest-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:11px}.openplay-guest-fields label,.openplay-additional-row label,.openplay-proof-field{font-size:7px;color:#667085;font-weight:700}.openplay-guest-fields input,.openplay-additional-row input,.openplay-proof-field input{display:block;width:100%;border:1px solid #dde3ec;border-radius:7px;padding:8px 9px;margin-top:3px;font-size:9px;color:#0f172a;outline:0}.openplay-guest-fields input:focus,.openplay-additional-row input:focus,.openplay-proof-field input:focus{border-color:#8ba2e2;box-shadow:0 0 0 3px rgba(22,54,148,.08)}.openplay-panel-copy{font-size:8px;color:#7a8494;margin:0;padding:10px 11px 0}.openplay-additional-row{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 11px;border-top:1px solid #edf0f4}.openplay-remove-player{position:absolute;right:9px;top:8px;border:0;background:#fff;color:#9b3b3b;font-size:12px;cursor:pointer}.openplay-add-player{margin:10px 11px 11px;width:calc(100% - 22px);height:34px;border:1px solid #d9e0ea;border-radius:6px;background:#fff;color:#263a70;font-size:8px;font-weight:800;cursor:pointer}.openplay-add-player:hover{background:#f8faff}.openplay-total-card{padding:11px}.openplay-total-card>div{display:flex;align-items:center;justify-content:space-between;font-size:8px}.openplay-total-card .total{border-top:1px solid #e8ebf0;margin-top:9px;padding-top:9px}.openplay-total-card .total strong:last-child{font-size:15px;color:var(--op-blue)}.payment-summary .openplay-card-heading{margin:-12px -12px 8px}.openplay-summary-split.payment-total strong:last-child{font-size:16px;color:var(--op-blue)}.openplay-payment-card{padding-bottom:8px}.openplay-payment-option{position:relative;display:grid;grid-template-columns:14px 1fr;gap:8px;align-items:center;margin:8px 10px 0;padding:9px;border:1px solid #e1e6ee;border-radius:7px;cursor:pointer}.openplay-payment-option input{position:absolute;opacity:0}.openplay-payment-option>span{width:13px;height:13px;border:1px solid #bac3d0;border-radius:50%}.openplay-payment-option input:checked+span{border:4px solid var(--op-blue)}.openplay-payment-option strong,.openplay-payment-option small{display:block}.openplay-payment-option strong{font-size:8px}.openplay-payment-option small{font-size:7px;color:#8992a1;margin-top:2px}.openplay-gcash-panel{padding:0 11px 11px}.openplay-gcash-panel>.openplay-card-heading{margin:0 -11px 10px}.gcash-dot{width:18px;height:18px;border-radius:50%;background:#0a62e8;color:#fff!important;display:grid;place-items:center;font-weight:900}.openplay-gcash-number{border:1px solid #afc0e8;border-radius:7px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:9px 10px;color:var(--op-blue);font-size:14px;font-weight:900;text-align:center}.openplay-gcash-number button{border:0;background:none;color:#596b94;font-size:7px;font-weight:800;cursor:pointer}.openplay-gcash-panel>small{display:block;text-align:center;color:#7f8998;font-size:7px;margin:5px 0 8px}.openplay-gcash-mark{background:#0867ee;color:#fff;border-radius:8px;padding:15px;text-align:center;display:grid;gap:5px}.openplay-gcash-mark strong{font-size:19px}.openplay-gcash-mark span{font-size:7px;opacity:.9}.openplay-payment-warning{margin:9px 0;padding:9px;border:1px solid #f0c16d;background:#fff8e8;border-radius:7px;color:#a05d12;font-size:7px;line-height:1.5}.openplay-proof-field{display:block;margin-top:9px}.openplay-proof-field small{display:block;color:#98a2b3;font-size:6px;margin-top:4px}.openplay-confirm-row{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:10px;font-size:7px;color:#4b5563;line-height:1.45}.openplay-confirm-row input{margin-top:1px}.openplay-privacy-note{padding:10px;font-size:7px;color:#667085;line-height:1.5;background:#fafbfc}.openplay-modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 18px;border-top:1px solid #e1e6ed;background:#fff}.openplay-modal-footer button{height:39px;border-radius:6px;font-size:8px;font-weight:900;cursor:pointer}.openplay-footer-secondary{border:1px solid #d8dee7;background:#fff;color:#111827}.openplay-footer-primary{border:1px solid var(--op-blue);background:var(--op-blue);color:#fff}.openplay-footer-primary:disabled{background:#95a5d4;border-color:#95a5d4;cursor:not-allowed}.openplay-footer-primary span{font-size:13px;margin-left:7px}
@media(max-width:900px){.openplay-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.openplay-date-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.openplay-shell{width:min(100% - 20px,1120px);padding-top:16px}.openplay-search-row{grid-template-columns:1fr auto}.openplay-location-pill{display:none}.openplay-filter-btn span{display:none}.openplay-card-grid{grid-template-columns:1fr}.openplay-date-strip{display:flex;overflow:auto;padding-bottom:3px}.openplay-day-chip{min-width:58px}.openplay-filter-panel{align-items:stretch;flex-direction:column}.openplay-filter-panel select{width:100%}.openplay-modal-backdrop{padding:0;align-items:stretch}.openplay-modal-dialog{width:100%;max-height:none;height:100vh;border-radius:0}.openplay-modal-header,.openplay-modal-body,.openplay-modal-footer{padding-left:14px;padding-right:14px}.openplay-guest-fields,.openplay-additional-row{grid-template-columns:1fr}}


/* White-label accent action buttons */
.openplay-join-btn,
.openplay-footer-primary{
    background:var(--brand-accent)!important;
    border-color:var(--brand-accent)!important;
    color:#fff!important;
}
.openplay-join-btn:hover,
.openplay-footer-primary:hover{
    background:var(--brand-accent-dark)!important;
    border-color:var(--brand-accent-dark)!important;
}
.openplay-filter-btn,
.openplay-share-btn,
.openplay-add-player,
.openplay-footer-secondary{
    border-color:var(--brand-accent)!important;
    color:var(--brand-accent-dark)!important;
}
.openplay-filter-btn:hover,
.openplay-share-btn:hover,
.openplay-add-player:hover,
.openplay-footer-secondary:hover{
    background:rgba(var(--brand-accent-rgb),.08)!important;
}
/* PHASE 10 PUBLIC OPEN PLAY POLISH */
.openplay-discovery-page{
    background:var(--brand-page-bg,#f5f7fb);
    color:var(--brand-text,#111827);
}
.openplay-shell{width:min(100% - 32px,1180px);padding-top:28px}
.openplay-search,
.openplay-location-pill,
.openplay-filter-btn,
.openplay-day-chip,
.openplay-filter-panel,
.openplay-session-card,
.openplay-modal-dialog,
.openplay-summary-card,
.openplay-player-card,
.openplay-total-card,
.openplay-payment-card,
.openplay-gcash-panel,
.openplay-confirm-row,
.openplay-privacy-note{
    background:var(--brand-surface,#fff);
    border-color:color-mix(in srgb,var(--brand-text,#111827) 10%,transparent);
}
.openplay-search input{font-size:13px;color:var(--brand-text,#111827)}
.openplay-location-pill,.openplay-filter-btn{font-size:11px;font-weight:700}
.openplay-location-pill{
    color:var(--brand-accent-dark);
    background:rgba(var(--brand-accent-rgb),.06);
    border-color:rgba(var(--brand-accent-rgb),.22);
}
.openplay-day-chip{height:54px;color:var(--brand-muted,#667085)}
.openplay-day-chip strong{font-size:9px;font-weight:720;letter-spacing:.03em}
.openplay-day-chip span{font-size:13px;font-weight:760}
.openplay-day-chip.active{
    background:var(--brand-accent);
    border-color:var(--brand-accent);
    color:var(--brand-on-accent,#fff);
}
.openplay-section{margin-top:28px}
.openplay-section-head h2{font-size:19px;font-weight:750;letter-spacing:-.025em}
.openplay-section-head span{font-size:10px;color:var(--brand-muted,#667085)}
.openplay-card-grid{gap:14px}
.openplay-session-card{
    border-radius:14px;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
}
.openplay-session-card:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 30px rgba(15,23,42,.08);
}
.openplay-card-top{
    min-height:82px;
    padding:14px;
    background:linear-gradient(135deg,var(--brand),var(--brand-dark));
}
.openplay-level-pill{font-size:8px;font-weight:720;letter-spacing:.05em}
.openplay-card-top h3{
    font-size:13px;
    line-height:1.3;
    text-transform:none;
    font-weight:750;
    letter-spacing:-.01em;
}
.openplay-price strong{font-size:18px}
.openplay-price span{font-size:8px}
.openplay-card-body{padding:14px;gap:11px}
.openplay-meta-line{grid-template-columns:28px 1fr;gap:9px}
.openplay-meta-icon{
    width:28px;height:28px;border-radius:8px;
    background:rgba(var(--brand-rgb),.07);
    color:var(--brand);
}
.openplay-meta-line strong{font-size:10px;color:var(--brand-text,#111827);font-weight:700}
.openplay-meta-line small{font-size:9px;color:var(--brand-muted,#667085);line-height:1.45}
.openplay-player-strip{
    padding:8px 9px;
    background:color-mix(in srgb,var(--brand-text,#111827) 2%,var(--brand-surface,#fff));
    border-color:color-mix(in srgb,var(--brand-text,#111827) 7%,transparent);
}
.openplay-player-strip small{font-size:9px;color:var(--brand-muted,#667085)}
.openplay-court-tags>span{font-size:8px}
.openplay-court-tags b{font-size:8px;padding:4px 6px}
.openplay-card-actions{grid-template-columns:1fr 38px;padding:0 14px 14px}
.openplay-join-btn,.openplay-share-btn{height:38px;border-radius:9px}
.openplay-join-btn{font-size:10px;font-weight:720;color:var(--brand-on-accent,#fff)!important}
.openplay-share-btn{font-size:13px}
.openplay-modal-step{font-size:8px}
.openplay-modal-header h2{font-size:20px;font-weight:750}
.openplay-modal-header p{font-size:10px}
.openplay-summary-title,.openplay-card-heading strong,
.openplay-primary-player span,.openplay-summary-card dt,
.openplay-summary-card dd,.openplay-summary-split,
.openplay-total-card>div,.openplay-payment-option strong,
.openplay-gcash-panel>small,.openplay-confirm-row,.openplay-privacy-note,
.openplay-proof-field,.openplay-panel-copy{
    font-size:9px;
}
.openplay-primary-player strong{font-size:11px}
.openplay-primary-player small,.openplay-payment-option small{font-size:8px}
.openplay-modal-footer button{font-size:10px;font-weight:700;border-radius:9px}
@media(max-width:640px){
    .openplay-shell{width:min(100% - 20px,1180px);padding-top:18px}
    .openplay-card-top h3{font-size:14px}
}


/* OPEN PLAY CONFIRM CHECKBOX FIX 2026-10-03
   Global public-form rules give inputs full width/min-height. Reset the
   confirmation checkbox so it stays a compact square control. */
.openplay-confirm-row{
    grid-template-columns:18px minmax(0,1fr);
    align-items:start;
    cursor:pointer;
}
.public-site .openplay-confirm-row input[type="checkbox"]{
    appearance:auto!important;
    -webkit-appearance:checkbox!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    max-width:16px!important;
    max-height:16px!important;
    margin:1px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:3px!important;
    background:transparent!important;
    box-shadow:none!important;
    accent-color:var(--brand-accent,var(--op-blue));
    flex:0 0 16px;
}
.openplay-confirm-row>span{
    min-width:0;
    padding-top:1px;
}


/* OPEN PLAY CONSENT FLEX ALIGNMENT 2026-10-03
   Force the consent control into a simple flex row so the checkbox and
   first line of consent copy share the same vertical starting point. */
.public-site .openplay-confirm-row{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:12px 14px!important;
    min-height:0!important;
}
.public-site .openplay-confirm-row input[type="checkbox"]{
    display:block!important;
    position:static!important;
    flex:0 0 16px!important;
    align-self:flex-start!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    margin:1px 0 0!important;
    padding:0!important;
}
.public-site .openplay-confirm-row>span{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    line-height:1.45!important;
}

/* Open Play member benefits and promo checkout: compact and consistent sizes. */
.openplay-discovery-page .openplay-modal-panel[hidden],
.openplay-discovery-page #openPlayCreditConfirmation[hidden],
.openplay-discovery-page #openPlayPaymentMethods[hidden],
.openplay-discovery-page #openPlayGcashPanel[hidden]{display:none!important}
.openplay-discovery-page .openplay-offer-card{
    display:grid;gap:12px;padding:16px;border:1px solid #d8e3de;
    border-radius:12px;background:#f7faf8
}
.openplay-discovery-page .openplay-offer-card>.openplay-card-heading{
    margin:-16px -16px 0;padding:13px 16px
}
.openplay-discovery-page .openplay-offer-card .openplay-card-heading strong,
.openplay-discovery-page .openplay-credit-confirmation strong{
    font-size:13px!important;line-height:1.4
}
.openplay-discovery-page #openPlayGuestCreditOption[hidden]{display:none!important}
.openplay-discovery-page .openplay-extra-credit-selector{
    display:grid;gap:9px;padding:14px;border:1px dashed #a7c9bb;border-radius:10px;background:#fff
}
.openplay-discovery-page .openplay-extra-credit-selector label{display:grid;gap:5px;margin:0}
.openplay-discovery-page .openplay-extra-credit-selector label strong{font-size:13px!important}
.openplay-discovery-page .openplay-extra-credit-selector small{font-size:12px!important;line-height:1.5;color:#61766c}
.openplay-discovery-page .openplay-extra-credit-selector select{
    display:block;width:100%;min-width:0;min-height:43px;border:1px solid #cbd5dc;
    background:#fff;border-radius:9px;padding:8px 12px;font-size:14px!important;color:#263c35
}
.openplay-discovery-page .openplay-extra-credit-selector select:focus-visible{
    outline:2px solid var(--brand-accent,#64847e);outline-offset:2px
}

.openplay-discovery-page #openPlayGuestCreditOption:not([hidden]){border-style:dashed}
.openplay-discovery-page .openplay-credit-choice{
    display:flex;align-items:center;gap:12px;padding:13px;
    border:1px solid #cbded3;border-radius:10px;background:#fff;cursor:pointer
}
.openplay-discovery-page .openplay-credit-choice input{
    appearance:auto!important;flex:0 0 18px!important;
    width:18px!important;height:18px!important;min-width:18px!important;
    margin:0!important;accent-color:var(--brand-accent,#64847e)
}
.openplay-discovery-page .openplay-credit-choice span{min-width:0;display:grid;gap:5px}
.openplay-discovery-page .openplay-credit-choice strong{font-size:13px!important;line-height:1.4}
.openplay-discovery-page .openplay-credit-choice small{font-size:12px!important;color:#64746a}
.openplay-discovery-page .openplay-promo-label{font-size:12px!important;font-weight:700}
.openplay-discovery-page .openplay-promo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.openplay-discovery-page .openplay-promo-row input{
    width:100%;min-width:0;height:43px;padding:10px 12px;
    border:1px solid #cbd5dc;border-radius:9px;font-size:13px!important
}
.openplay-discovery-page .openplay-promo-row button{
    border-radius:9px;border:1px solid var(--brand-accent,#64847e);
    background:var(--brand-accent,#64847e);color:#fff;padding:0 14px;
    font-size:12px!important;font-weight:700
}
.openplay-discovery-page .openplay-promo-row button:disabled{opacity:.65}
.openplay-discovery-page .openplay-offer-note{
    margin:0;font-size:12px!important;line-height:1.6;color:#58685f
}
.openplay-discovery-page .openplay-credit-confirmation{
    display:grid;gap:7px;border:1px solid #bbdac9;background:#edf8f0;
    padding:16px;border-radius:11px;color:#24573c
}
.openplay-discovery-page .openplay-credit-confirmation p{
    margin:0;font-size:12px!important;line-height:1.6
}
@media(max-width:520px){
    .openplay-discovery-page .openplay-offer-card{padding:13px}
    .openplay-discovery-page .openplay-offer-card>.openplay-card-heading{margin:-13px -13px 0}
    .openplay-discovery-page .openplay-promo-row{grid-template-columns:minmax(0,1fr)}
    .openplay-discovery-page .openplay-promo-row button{height:41px}
}

/* Validation belongs to the dialog, never hidden behind its backdrop. */
.openplay-discovery-page .openplay-modal-errors{
    flex:0 0 auto;margin:8px 18px 4px;padding:12px 14px;
    max-height:min(25dvh,170px);overflow-y:auto;border-radius:10px;
    font-size:12px!important;line-height:1.55
}
.openplay-discovery-page .openplay-modal-errors strong,
.openplay-discovery-page .openplay-modal-errors li{
    font-size:12px!important;line-height:1.5
}
@media(max-width:520px){
    .openplay-discovery-page .openplay-modal-errors{margin:7px 12px 3px;max-height:20dvh;padding:10px 12px}
}