.coin-panel{max-width:680px;margin:24px auto;background:#27272f;color:#f6f6f8;border:1px solid #45454c;border-radius:18px;padding:30px;box-shadow:0 18px 60px #0003}
.coin-panel h1,.coin-panel h2{font-size:26px;margin:0 0 8px}.coin-panel h3{font-size:20px}.coin-panel p{color:#b8b8c3;font-size:14px}.coin-balance{border-radius:20px;background:#57491f;color:#ffce00;padding:5px 12px}
.coin-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.coin-package{position:relative;cursor:pointer}.coin-package input{position:absolute;opacity:0}.coin-package>span{display:flex;flex-direction:column;gap:6px;min-height:106px;border:2px solid #33333c;background:#202028;border-radius:12px;padding:13px}
.coin-package input:checked+span{border-color:#ffce00;background:#4a4029;color:#ffce00}.coin-package input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.coin-package strong{font-size:14px}.coin-package small{font-size:12px;color:#aaaab5}.coin-package b{font-size:22px}
.coin-payment{background:#422431;border:1px solid #713248;border-radius:12px;padding:12px 16px;margin:16px 0;max-width:300px}.coin-payment span{display:block;color:#b9a8b0;font-size:12px}
.coin-pay-button{display:block;width:100%;background:#ff075b;color:white;border:0;border-radius:30px;padding:13px;margin:16px 0;font-weight:bold}.coin-pay-button:disabled{opacity:.65;cursor:not-allowed}.coin-footnote{font-size:12px!important;line-height:1.7}
@media(max-width:575px){.coin-panel{padding:18px;margin:12px auto}.coin-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coin-panel h1,.coin-panel h2{font-size:22px}}

/* Recharge dialog and locked-player treatment. */
.coin-recharge-dialog{box-sizing:border-box;max-width:640px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);border:1px solid #45454c;border-radius:18px;padding:0;background:#27272f;color:#f6f6f8;overflow:auto;box-shadow:0 24px 80px #0008}
.coin-recharge-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.coin-recharge-dialog .coin-panel{box-sizing:border-box;border:0;box-shadow:none;margin:0;max-width:none;padding:32px}
.coin-recharge-dialog h2{font-size:26px;font-weight:750;margin-bottom:4px}
.coin-recharge-dialog .coin-balance{margin:8px 0 0 12px;white-space:nowrap}
.coin-dialog-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#303039;color:#a6a6b1;font-size:24px;line-height:1;cursor:pointer}
.coin-recharge-dialog .coin-panel>div:first-child{padding-right:0;margin-top:0;min-height:32px}
.coin-recharge-dialog .coin-panel>div:first-child .coin-balance{transform:translateY(16px)}
.coin-recharge-dialog .coin-panel>p{margin:0 0 16px;font-size:13px}
.coin-package>span{box-sizing:border-box;min-height:96px;border-width:1px;padding:13px 12px;gap:5px}
.coin-package input:checked+span{border-color:#ffce00;box-shadow:inset 0 0 0 1px #ffce00;background:#4a4029}
.coin-package b{font-size:23px;line-height:1.2}.coin-package small{color:#8f8f9b}
.coin-selected-check{display:none;position:absolute;right:13px;top:15px;font-style:normal;font-size:11px;border:1px solid currentColor;border-radius:50%;width:12px;height:12px;line-height:10px;text-align:center}
.coin-package input:checked+span .coin-selected-check{display:block}
.coin-package strong{padding-right:15px}
.coin-payment{box-sizing:border-box;display:flex;align-items:center;gap:10px;max-width:280px;padding:8px 16px;background:#3d2531;border-color:#79243f;font-size:14px}
.coin-payment>i{display:grid;place-items:center;font-style:normal;width:18px;height:18px;border-radius:50%;background:#ff075b;color:white;font-size:12px}
.coin-payment span{color:#96909a;margin-top:2px}
.coin-pay-button{font-size:16px;padding:11px;min-height:44px;cursor:pointer}
.coin-recharge-dialog .coin-footnote{color:#91919b;margin:16px 0 0;font-size:12px!important}
.coin-trial-stage{position:relative;border-radius:12px;overflow:hidden;background:#000}
.coin-trial-stage video{display:block}
.coin-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(0,0,0,.64);color:#fff;text-align:center;padding:20px}
.coin-lock-overlay[hidden]{display:none}.coin-lock-overlay h3{margin:0;font-size:22px;font-weight:700}.coin-lock-overlay p{margin:0;font-size:13px;color:#d1d1d6}.coin-lock-overlay>span{font-size:13px;color:#d1d1d6}
.coin-lock-symbol{width:54px;height:54px;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;background:#ffffff12;color:#ccc}
.coin-lock-action{border:0;border-radius:24px;background:#ff075b;color:white;font-size:14px;font-weight:600;padding:11px 22px;cursor:pointer;margin-top:6px}
.coin-lock-action:focus-visible,.coin-dialog-close:focus-visible,.coin-pay-button:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:575px){.coin-recharge-dialog .coin-panel{padding:30px 18px 20px}.coin-recharge-dialog .coin-package-grid{gap:10px}.coin-recharge-dialog h2{font-size:24px}.coin-lock-overlay{gap:6px}.coin-lock-symbol{width:42px;height:42px}.coin-lock-overlay h3{font-size:19px}}
