.payment-dialog[open]{overflow:auto}.payment-dialog .dialog-content{padding:32px}.payment-dialog h2{font-size:46px}.payment-dialog [hidden]{display:none!important}.payment-dialog :is(p,span,label,input,button,a,dt,dd,output){font-size:16px}.payment-dialog input{width:100%;margin-top:8px;border:1px solid #9672b6;background:#171222;color:#fff;padding:12px;border-radius:8px;min-height:48px}.payment-dialog label{display:block;font-weight:800;margin-top:22px}.payment-dialog .payment-action{width:100%;margin-top:18px;background:var(--lime);color:#172300;font-size:20px;font-weight:900;min-height:54px;gap:12px}.payment-dialog button:disabled{background:#534265;color:#ddd0e7;cursor:not-allowed}.payment-dialog .payment-muted{color:var(--muted);line-height:1.5;font-size:16px;margin-top:12px}.payment-dialog .payment-status{line-height:1.5;color:#f2dcff;margin-top:18px;overflow-wrap:anywhere;min-height:24px}.payment-dialog .payment-totals{margin:20px 0;border-block:1px solid var(--line);padding:12px 0}.payment-dialog .payment-totals>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.payment-dialog .payment-totals dt{color:var(--muted)}.payment-dialog .payment-totals dd{text-align:right;font-weight:800;overflow-wrap:anywhere}.payment-dialog .payment-secondary{width:100%;margin-top:12px;background:#ffffff09;border:1px solid #82629c;color:#fff;font-size:16px;min-height:48px}.payment-dialog .payment-claims{margin-top:26px;border-top:1px solid var(--line);padding-top:24px}.payment-dialog h3{font-size:24px;font-weight:850}.payment-dialog .payment-balance{display:flex;justify-content:space-between;gap:16px;margin:20px 0;color:var(--muted)}.payment-dialog .payment-balance strong{color:#fff;font-size:24px}.payment-dialog .payment-price{font-size:24px}.payment-dialog [data-payment-signin]{display:inline-block;margin-top:16px;min-height:44px;color:var(--lime);font-weight:800}.payment-dialog :focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:420px){.payment-dialog .dialog-content{padding:28px 22px}.payment-dialog h2{font-size:40px}.payment-dialog .payment-totals>div{gap:12px}}
.verified-board{list-style:none;margin:0;padding:0 24px}.verified-board[hidden]{display:none}.verified-board li{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;border-bottom:1px solid var(--line);font-size:18px}.verified-board li:last-child{border-bottom:0}.verified-board li strong{font-size:18px;color:var(--lime);font-variant-numeric:tabular-nums}
.board-prestige{padding:0 24px 20px}.board-prestige[hidden]{display:none}

.credit-packs{display:flex;gap:8px;margin-top:20px}.credit-packs button{flex:1;min-height:48px;border:1px solid #82629c;border-radius:10px;background:#ffffff09;color:#fff;font-size:16px;font-weight:800}.credit-packs button[aria-pressed="true"]{border-color:var(--lime);color:var(--lime);background:#c7ff8614}.payment-dialog .payment-action{white-space:normal;line-height:1.3;padding:14px}.payment-dialog .dialog-content{max-width:100%}

.payment-dialog .payment-progress{position:relative;margin:20px 0;padding:24px 20px;border:1px solid #c7ff8680;border-radius:16px;background:#202b20;text-align:center}.payment-dialog .payment-progress h3{margin:12px 0 8px;font-size:24px;line-height:1.2}.payment-dialog .payment-progress p{font-size:16px;line-height:1.5;margin:0;color:#f1f5e9}.payment-dialog .payment-spinner{display:inline-block;width:36px;height:36px;border:3px solid #ffffff40;border-top-color:var(--lime,#c7ff86);border-radius:50%;animation:payment-spin .9s linear infinite}.payment-dialog .payment-success-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lime,#c7ff86);color:#172300;font-size:28px;font-weight:900}.payment-dialog .payment-progress[data-state="error"]{background:#362230;border-color:#e794ae}.payment-dialog .payment-progress .payment-action{margin-top:20px}@keyframes payment-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.payment-dialog .payment-spinner{animation:none;border-top-color:#fff}}

.board-status{margin:16px 24px;font-size:16px}.board-status[hidden]{display:none}
