/* Game coins: a friendly, accessible account-first landing page. No checkout yet. */
.coins-page { padding:clamp(18px,3vw,42px) 0 72px; }
.coins-hero { display:grid; grid-template-columns:clamp(140px,22vw,230px) 1fr; align-items:center; gap:clamp(18px,3vw,42px); padding:clamp(25px,4vw,46px); border:1px solid #e4d1a8; border-radius:28px; background:linear-gradient(115deg,#fff3cf,#fffdf5 55%,#edf7ff); box-shadow:0 15px 38px #5f4b2312; }
.coins-hero h1 { font-family:var(--font-ui,system-ui,sans-serif); margin:0 0 14px; font-weight:650; line-height:1.06; }
.coins-hero p { max-width:66ch; font-size:1.12rem; line-height:1.75; margin:0 0 18px; }
.coins-hero-art { position:relative; display:grid; place-items:center; width:100%; max-width:226px; aspect-ratio:1; margin:auto; border-radius:36px; background:radial-gradient(circle at 35% 29%,#fff6ce 0,#ffd45d 35%,#e19a31 70%,#c78931 100%); border:6px solid #ffe5a4; box-shadow:0 12px 27px #8d65252a; color:#9f6518; }
.coins-hero-art svg { width:69%; height:69%; color:#c38a29; filter:drop-shadow(0 4px 4px #fff1ac); }
.coins-hero-art svg .coin-inner { color:#fff4bb; }
.coins-hero-art>span { position:absolute; top:-6px; right:-9px; font-size:3.4rem; color:#e7a51c; text-shadow:0 1px 0 #fff7ce; }
.coins-coming-soon { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-ui,system-ui,sans-serif); font-size:1rem; font-weight:650; padding:10px 16px; border:1px solid #d9bb78; border-radius:999px; color:#754f19; background:#fff6d9; }
.coins-balance { display:grid; grid-template-columns:auto auto minmax(180px,1fr); gap:18px 32px; align-items:center; padding:25px 30px; margin:20px 0 28px; background:#f1f7ea; border:1px solid #d3e1c9; border-radius:20px; }
.coins-balance>div { display:flex; align-items:center; gap:15px; min-width:0; }
.coins-balance-icon { width:52px; height:52px; flex:0 0 52px; display:grid; place-items:center; border-radius:50%; background:#ffedc2; color:#bc8326; }
.coins-balance-icon--lives { color:#aa5e4b; background:#f7dfd8; }
.coins-balance-icon svg { width:31px; height:31px; }
.coins-balance>div strong { display:block; font-family:var(--font-ui,system-ui,sans-serif); font-size:2.15rem; line-height:1.15; }
.coins-balance small { display:block; font-size:1rem; color:#536857; }
.coins-balance p { margin:0; max-width:51ch; font-size:1rem; line-height:1.72; }
.coins-balance p strong { display:inline; font:inherit; font-weight:800; }
.coins-content { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(270px,.85fr); gap:22px; align-items:start; }
.coins-account-card,.coins-info-card { padding:clamp(24px,3vw,40px); border:1px solid #d9e1d1; border-radius:24px; background:#fffef9; box-shadow:0 10px 24px #3146340a; min-width:0; }
.coins-account-card h2,.coins-info-card h2 { font-family:var(--font-ui,system-ui,sans-serif); font-size:clamp(1.8rem,2.8vw,2.4rem); margin:0 0 14px; }
.coins-account-card>p { font-size:1.08rem; line-height:1.78; }
.coins-account-card .cloud-account { padding:22px 0 0; margin-top:26px; border-color:#e3e4d5; }
.coins-account-card .cloud-account h3 { font-family:var(--font-ui,system-ui,sans-serif); font-size:1.45rem; font-weight:600; }
.cloud-account-status { padding:11px 14px; border-radius:10px; background:#ecf5e8; color:#426446; font-size:1rem!important; font-weight:650; overflow-wrap:anywhere; }
.cloud-age-notice { padding:13px 16px; border-left:4px solid #b77e38; background:#fff3e0; border-radius:0 10px 10px 0; color:#634b2e; font-size:1rem!important; line-height:1.7!important; }
.coins-account-card .cloud-account-form { align-items:end; gap:12px; }
.coins-account-card .cloud-account-form .field { margin:6px 0; }
.coins-account-card .cloud-account-form input { min-height:48px; font-size:1rem; }
.coins-account-card .data-actions { display:flex; gap:20px; flex-wrap:wrap; margin:18px 0 8px; }
.coins-offline-note { padding:17px 19px; border-radius:12px; background:#fff2d7; border:1px solid #e5c78f; }
.coins-info-card { background:linear-gradient(150deg,#ecf6ff,#f8fbf5); }
.coins-how-item { display:flex; align-items:flex-start; gap:13px; margin:20px 0; }
.coins-how-item>span { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border-radius:13px; background:#fff5dc; color:#9d6c2e; font-size:1.4rem; }
.coins-how-item p { font-size:1.02rem; line-height:1.7; margin:0; }
.coins-info-card .btn { margin-top:20px; }
/* Reflow the wallet after removing the sale button. Keep balances prominent. */
.arcade-wallet { grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(150px,auto); }
.arcade-wallet .wallet-actions { max-width:210px; }
.arcade-wallet .wallet-actions .wallet-save-note { max-width:210px; }
@media (max-width:1120px) {
  .coins-balance { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .coins-balance p { grid-column:1/-1; max-width:none; }
  .arcade-wallet { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .arcade-wallet .wallet-heading { grid-column:1/-1; }
  .arcade-wallet .wallet-actions { max-width:none; }
}
@media (max-width:800px) {
  .coins-hero { grid-template-columns:140px 1fr; }
  .coins-content { grid-template-columns:1fr; }
}
@media (max-width:580px) {
  .coins-page { padding-top:18px; }
  .coins-hero { display:flex; flex-direction:column; align-items:stretch; padding:23px 21px; }
  .coins-hero-art { width:132px; align-self:center; margin-bottom:4px; }
  .coins-hero p { font-size:1rem; }
  .coins-coming-soon { font-size:.92rem; }
  .coins-balance { grid-template-columns:repeat(2,minmax(0,1fr)); padding:19px 15px; gap:20px 10px; }
  .coins-balance>div { gap:8px; }
  .coins-balance-icon { flex-basis:38px; height:38px; width:38px; }
  .coins-balance-icon svg { height:24px; width:24px; }
  .coins-balance strong { font-size:1.7rem; }
  .coins-balance small { font-size:.9rem; }
  .coins-account-card,.coins-info-card { padding:23px 19px; }
}