.wallet-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.wallet-actions .wallet-badge{white-space:nowrap}
.reward-ad-button{min-width:68px;min-height:42px;border:1px solid #73debd;background:linear-gradient(135deg,#214d57,#244a70);color:#e3ffd9;padding:8px 11px;border-radius:16px;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums;touch-action:manipulation}
.reward-ad-button:disabled{opacity:.66;cursor:default}.reward-ad-button[data-state="verifying"],.reward-ad-button[data-state="waiting"]{color:#ffecb4;font-size:12px}
.monetization-page{display:flex;flex-direction:column;gap:14px;max-width:650px;margin-inline:auto;text-align:start}.monetization-page p{margin:0;line-height:1.6}.monetization-hero{display:flex;justify-content:center;align-items:center;min-height:76px;border:1px solid #6ababb;border-radius:20px;background:radial-gradient(ellipse at 50% 100%,#42666c,#172e4b);color:#ffe5a1;font-size:36px;font-weight:900}.monetization-price{font-size:28px;color:#fff0b3;text-align:center}.monetization-status{color:#b5f6e1;padding:12px 14px;background:#1c3d50;border:1px solid #45757e;border-radius:12px;min-height:44px}.monetization-page .monetization-terms{font-size:14px;color:#bad0e4}.monetization-actions{display:flex;gap:10px;flex-wrap:wrap}.monetization-actions button{flex:1;min-width:180px;font-size:14px}.monetization-page button:disabled{opacity:.5;cursor:default}
.monetization-reward,.monetization-subscription{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid #529f99;border-radius:18px;background:linear-gradient(115deg,#1a4854,#263d60);margin:16px 0}.monetization-subscription{border-color:#9d91ba;background:linear-gradient(115deg,#283654,#45395d)}.monetization-copy{min-width:0}.monetization-copy strong{color:#f4edd5;font-size:18px}.monetization-copy p{margin:5px 0 0;font-size:14px;line-height:1.5}.monetization-reward>button,.monetization-subscription>button{flex-shrink:0;font-size:14px;max-width:45%;white-space:normal}
@media(max-width:550px){.monetization-reward,.monetization-subscription{align-items:stretch;flex-direction:column}.monetization-reward>button,.monetization-subscription>button{max-width:none}.reward-ad-button{min-width:56px;padding:7px 9px;font-size:12px}}
@media(max-height:470px) and (orientation:landscape){.monetization-page{gap:9px}.monetization-hero{min-height:42px;font-size:26px}.monetization-page p{font-size:14px}.monetization-status{padding:8px 12px}.monetization-price{font-size:23px}}

.monetization-page [hidden]{display:none!important}
.monetization-match-entry{max-width:520px;gap:12px}.monetization-match-entry .monetization-status{font-size:13px;line-height:1.5}.monetization-match-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.monetization-match-actions button{min-height:48px;padding:10px 12px;font-size:14px;line-height:1.5;white-space:normal}
@media(max-height:470px) and (orientation:landscape){.monetization-match-entry{gap:8px}.monetization-match-entry p{font-size:13px;line-height:1.45}.monetization-match-entry .monetization-status{min-height:0;padding:7px 10px;font-size:12px}.monetization-match-actions button{min-height:44px;padding:7px 10px;font-size:13px}}

/* A quiet, compact monthly-plan control disappears once the server confirms it. */
#home .topbar{align-items:flex-start}
.brand-corner{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:0 0 auto;max-width:100%}
.lobby-subscription{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0;z-index:1;display:flex;align-items:center;gap:6px;flex-shrink:0;width:100%;max-width:190px;min-height:44px;margin:0;padding:6px 8px;border:1px solid #9a977268;border-radius:12px;background:#1d3043b8;color:#e5d6ad;text-align:start}
.lobby-subscription[hidden]{display:none!important}
.lobby-subscription-icon{width:18px;height:18px;flex-shrink:0}.lobby-subscription-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.lobby-subscription-title{font-size:12px;line-height:1.35}.lobby-subscription-caption{font-size:9px;font-weight:600;line-height:1.4;color:#bdc7d2}
@media(hover:hover){.lobby-subscription:hover{border-color:#cbbb88;background:#24394e}}
@media(orientation:portrait) and (max-width:700px){.lobby-subscription{position:relative;inset:auto;width:auto;max-width:100%}}