/* Recharge: nautical gold offers, matching the reference without changing payment state. */
#rechargeScreen{max-width:1220px;margin-inline:auto}
#rechargeScreen .page-heading{padding:24px 8px 28px}
.paid-shop{margin:0 0 24px}
.paid-intro{padding:24px 28px;min-height:142px;gap:28px;background:linear-gradient(115deg,#1a2f3ded,#142632e8);border-color:#9cb7c426;border-radius:14px}
.paid-intro>div{min-width:0}
.paid-intro .eyebrow{color:#ead8a3;font-size:10px;letter-spacing:.5px;margin-bottom:9px}
.paid-intro h2{font-size:clamp(22px,2.3vw,30px);letter-spacing:-.8px;margin:0 0 10px}
.paid-intro .muted{max-width:590px;font-size:12px;line-height:1.5;color:#bdc9d0}
.paid-intro .status-badge{display:inline-flex;align-items:center;gap:8px;background:#d0a95314;border-color:#e7c07c42;color:#e5ce9d;padding:9px 14px;font-size:11px;flex-shrink:0}
.paid-intro .status-badge .op17-icon{width:14px;height:14px}
.paid-offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:56px 0 28px}
.paid-offer{position:relative;isolation:isolate;display:flex;align-items:center;flex-direction:column;min-width:0;min-height:365px;padding:30px 16px 16px;border:1px solid #dbca927d;border-radius:14px;background:radial-gradient(ellipse at 50% 55%,#aa814019,transparent 65%),linear-gradient(160deg,#142333ef,#0d1c2aef);box-shadow:inset 0 0 0 2px #f5dfa50d,0 8px 26px #0004;text-align:center}
.paid-offer h3{font-size:clamp(15px,1.45vw,21px);line-height:1.25;letter-spacing:-.55px;color:#f4f1e8;z-index:1}
.paid-price{font-size:18px;color:#e9d5a1;line-height:1.5;margin-top:2px;font-variant-numeric:tabular-nums;z-index:1}
.paid-offer-art{position:relative;display:grid;place-items:center;width:calc(100% + 20px);height:210px;margin:auto -10px;flex:1;min-height:0}
.paid-offer-art:before{content:'';position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse,#e7a82b32,transparent 70%);z-index:-1}
.paid-offer-art img{display:block;width:100%;height:100%;max-height:218px;object-fit:contain;filter:drop-shadow(0 9px 10px #0004)}
.paid-offer>.small-note{font-size:11px;line-height:1.4;color:#e2ded0;max-width:215px;margin:0 0 17px;min-height:31px}
.paid-offer>button{width:100%;min-height:42px;margin-top:auto;padding:9px 10px;border-radius:7px;font-size:14px;font-weight:600;gap:6px}
.paid-offer>button:disabled{opacity:1;cursor:not-allowed}
.paid-offer--standard>button.secondary-action{background:#ffffff07;border-color:#8395a028;color:#c5cbd0}
.paid-offer--popular{border-color:#e4c482a6;background:radial-gradient(ellipse at 50% 60%,#bf81202b,transparent 68%),linear-gradient(160deg,#172534f2,#101f2bf2)}
.paid-offer--popular>button.secondary-action{border-color:#ebd499b8;box-shadow:inset 0 0 0 1px #eed6a32a;background:linear-gradient(110deg,#253442,#1d2a35);color:#f6e9bf}
.paid-offer--best{border-color:#f4d385;box-shadow:inset 0 0 0 3px #e8c16b26,0 0 22px #e3ad4733,0 8px 26px #0004;background:radial-gradient(ellipse at 50% 57%,#db9c2945,transparent 70%),linear-gradient(160deg,#192a34,#14222b)}
.paid-offer--best:before,.paid-offer--best:after{content:'';position:absolute;inset:5px;pointer-events:none;border-radius:10px;border:1px solid #efcb7680;clip-path:polygon(0 0,18% 0,18% 4%,4% 4%,4% 17%,0 17%,0 0,100% 0,100% 17%,96% 17%,96% 4%,82% 4%,82% 0,100% 0,100% 100%,82% 100%,82% 96%,96% 96%,96% 83%,100% 83%,100% 100%,0 100%,0 83%,4% 83%,4% 96%,18% 96%,18% 100%,0 100%)}
.paid-offer--best:after{inset:9px;transform:rotate(180deg)}
.paid-offer--best>button.primary-action,.paid-offer--pass>button.primary-action{color:#242016;border-color:#ffdd83;background:linear-gradient(105deg,#f5c450,#ffe096 50%,#edba48);box-shadow:inset 0 0 0 1px #ffeda12b,0 2px 14px #edb34824}
.paid-offer--pass{border-color:#f5d487b3;background:radial-gradient(ellipse at 50% 5%,#ffe49830,transparent 80%),linear-gradient(145deg,#6d5d34ee,#3d3529f2 55%,#23303a);box-shadow:inset 0 0 0 2px #f5db8733,0 0 25px #e3bc6b40}
.paid-offer--pass .paid-offer-art{height:172px}
.paid-offer--pass .paid-offer-art img{max-height:183px}
.paid-ribbon{position:absolute;top:-21px;left:50%;transform:translateX(-50%) rotate(-2deg);display:flex;align-items:center;justify-content:center;white-space:nowrap;min-height:38px;padding:6px 16px;max-width:calc(100% + 8px);font-size:13px;font-weight:800;letter-spacing:.1px;color:#ffedb7;text-shadow:0 1px 2px #52260a;background:linear-gradient(180deg,#d5733c,#a1321c 50%,#9e2d19);border:1px solid #e9a461;box-shadow:inset 0 0 0 3px #eaa15b30,0 3px 8px #0006;z-index:2;border-radius:3px 3px 7px 7px}
.paid-ribbon:before,.paid-ribbon:after{content:'';position:absolute;top:7px;width:16px;height:29px;background:linear-gradient(#b54625,#732419);z-index:-1}
.paid-ribbon:before{left:-12px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,25% 50%)}
.paid-ribbon:after{right:-12px;clip-path:polygon(0 0,100% 0,75% 50%,100% 100%,0 100%)}
.paid-offer--best .paid-ribbon{color:#453117;text-shadow:0 1px #ffecbc;background:linear-gradient(95deg,#a77127,#ffdb83 17%,#ffdf98 48%,#d5a54b 86%,#95641f);border-color:#e8c274;transform:translateX(-50%) rotate(2deg);box-shadow:inset 0 0 0 3px #fae5a830,0 3px 8px #0006}
.paid-offer--best .paid-ribbon:before,.paid-offer--best .paid-ribbon:after{background:linear-gradient(#e8c475,#ae7c33)}
.paid-wallet-dock{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-radius:12px;background:linear-gradient(120deg,#162b3dec,#112434ed)}
.paid-wallet-info{flex:1;min-width:0}
.paid-balance{display:flex;align-items:center;gap:5px;color:#f1eee5;font-size:15px;font-weight:650;line-height:1.4;font-variant-numeric:tabular-nums}
.paid-balance-coin{width:17px;height:17px;object-fit:contain}
.paid-pass{display:flex;align-items:center;gap:5px;color:#d1c39e;font-size:11px;margin-top:2px}
.paid-pass .op17-icon{width:14px;height:14px;flex-shrink:0}
.paid-actions{display:flex;gap:10px;flex-wrap:wrap}
.paid-actions>button{min-height:42px;padding:10px 18px;font-size:12px;font-weight:500;border-radius:8px;color:#edf0ed;background:linear-gradient(#2b3d4e,#263542);border-color:#a2b7c71c;gap:7px}
.paid-actions>button:disabled{opacity:.65}
.paid-actions .op17-icon{width:17px;height:17px;flex-shrink:0;color:#e9d5a1}
.paid-actions .secondary-action{min-width:155px}
.paid-footnote{text-align:center;font-size:10px;line-height:1.5;margin:12px 18px 0;color:#b1bbc5}
.paid-feedback{min-height:1.5em;text-align:center;font-size:11px;line-height:1.5;margin-top:3px;color:#e9d5a1}
.paid-history:not(:empty){margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#102130ed}
.paid-history h3{font-size:17px;margin-bottom:8px}.paid-history .text-action{display:block}
.paid-pack-dialog{width:min(920px,94vw);max-height:90vh;overflow:auto;background:#101b2a;color:#eef2f6;border:1px solid #ffffff25;border-radius:24px;padding:24px}.paid-pack-dialog::backdrop{background:#030914d9}.paid-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.paid-pack-card{margin:0;min-width:0}.paid-pack-card img{width:100%;aspect-ratio:.72;object-fit:contain;border-radius:8px}.paid-pack-card figcaption{font-size:.75rem;min-height:2.5em;padding:6px 0}.paid-pack-dialog>button{margin:6px}
@media(max-width:1200px){.paid-offers{gap:16px}.paid-offer{padding-inline:12px;min-height:335px}.paid-offer-art{height:185px}.paid-wallet-dock{gap:12px}.paid-actions>button{padding-inline:12px;font-size:11px}.paid-actions .secondary-action{min-width:115px}.paid-ribbon{font-size:11px;padding-inline:10px}}
@media(max-width:850px){.paid-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 18px;margin-top:42px}.paid-offer{min-height:350px;padding-inline:18px}.paid-offer h3{font-size:20px}.paid-ribbon{font-size:13px;padding-inline:18px}.paid-wallet-dock{flex-wrap:wrap}.paid-actions{flex:1 1 100%}.paid-actions>.primary-action{flex:1}.paid-intro{padding:22px;gap:16px}}
@media(max-width:520px){#rechargeScreen .page-heading{padding:22px 0}.paid-intro{padding:20px 18px;flex-wrap:wrap;gap:14px}.paid-intro h2{font-size:24px}.paid-intro .muted{font-size:11px}.paid-intro .eyebrow{font-size:9px}.paid-intro .status-badge{padding:6px 10px;font-size:10px}.paid-offers{gap:32px 12px;margin:38px 0 20px}.paid-offer{min-height:290px;border-radius:11px;padding:24px 10px 12px}.paid-offer h3{font-size:16px;letter-spacing:-.5px}.paid-price{font-size:16px}.paid-offer-art{height:160px;min-height:120px;width:calc(100% + 16px);margin-inline:-8px}.paid-offer-art img{max-height:173px}.paid-offer--pass .paid-offer-art{height:130px}.paid-offer--pass .paid-offer-art img{max-height:145px}.paid-offer>.small-note{font-size:9px;margin-bottom:10px}.paid-offer>button{font-size:12px;min-height:40px}.paid-ribbon{font-size:10px;min-height:31px;padding:5px 10px;top:-17px}.paid-ribbon:before,.paid-ribbon:after{height:23px;top:5px}.paid-wallet-dock{padding:14px;gap:14px}.paid-balance{font-size:14px}.paid-actions{gap:8px}.paid-actions>button{width:100%;flex:auto!important;min-height:44px;font-size:12px}.paid-footnote{font-size:9px;margin-inline:8px}.paid-feedback{font-size:10px}.paid-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.paid-offer button{transition:none}}