/* Saved, in-game coins. Fits inside the same status layout as energy and view. */
.status-column .coin-wallet{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;max-width:100%;padding:5px 11px;border:1px solid #d5bc7e;border-radius:14px;background:#fff5d9;color:#705b34;font-family:inherit;cursor:pointer;box-shadow:0 2px 9px #51452014;touch-action:manipulation}
.coin-wallet>svg{width:32px;height:32px;flex:0 0 32px;stroke:none}
.coin-wallet>span{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}
.coin-wallet small{font-size:8px;letter-spacing:1px;line-height:1}
.coin-wallet strong{font-size:18px;line-height:1.15;font-variant-numeric:tabular-nums}
.coin-wallet:hover{background:#ffedc1}
.coin-wallet:focus-visible{outline:3px solid #66864f;outline-offset:3px}
.coin-summary{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 0 18px;color:#6b5731}
.coin-summary>svg{width:88px;height:88px;stroke:none}
.coin-summary>strong{font-size:30px}
.coin-summary>span{font-size:15px;color:#718064}
.coin-counting-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:260px;margin:16px auto 22px}
.coin-counting-row>svg{width:100%;height:auto;stroke:none}
.coin-reward{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;margin:16px 0;border:1px solid #e2cc94;border-radius:13px;background:#fff5d9;text-align:left;color:#796235}
.coin-reward>svg{width:46px;height:46px;flex:0 0 46px;stroke:none}
.coin-reward>div{display:flex;flex-direction:column;gap:4px}
.coin-reward strong{font-size:23px;font-weight:700}
.coin-reward span{font-size:14px;line-height:1.4}
@media(max-width:600px){
  .status-column .coin-wallet{gap:3px;padding:5px;min-height:44px;border-radius:12px}
  .coin-wallet>svg{width:25px;height:25px;flex-basis:25px}
  .coin-wallet strong{font-size:14px}
  .coin-wallet small{font-size:7px;letter-spacing:.3px}
}

@media(max-width:600px),(max-height:560px) and (orientation:landscape){
  .status-column .coin-wallet{flex-direction:column;gap:0;width:65px;min-height:44px;padding:3px 5px}
  .coin-wallet>svg{width:20px;height:20px;flex-basis:20px}
  .coin-wallet>span{align-items:center}
  .coin-wallet small{display:none}
  .coin-wallet strong{font-size:13px;line-height:1.1}
}

/* Rewards may scroll, but the child can always see how to keep exploring. */
.dialog-card:has(.coin-reward){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}
.dialog-card:has(.coin-reward)>.eyebrow{grid-column:1/-1;grid-row:1}
.dialog-card:has(.coin-reward)>h2{grid-column:1;grid-row:2}
.dialog-card:has(.coin-reward)>.dialog-hear{grid-column:2;grid-row:2;float:none;align-self:center;margin:0 0 10px 8px}
.dialog-card:has(.coin-reward)>#dialog-content{grid-column:1/-1;grid-row:3;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:10px 3px 0}
.dialog-card:has(.coin-reward)>#dialog-action{grid-column:1/-1;grid-row:4;margin-top:15px;min-height:48px}
@media(max-width:600px),(max-height:560px){
  .dialog-card:has(.coin-reward)>#dialog-content{display:flex;flex-direction:column}
  .dialog-card .coin-reward{order:-1;flex-shrink:0;margin:0 0 18px}
  .dialog-card:has(.coin-reward) .reward-burst{width:88px;height:88px;margin:10px auto 17px}
  .dialog-card:has(.coin-reward) .reward-burst>svg{width:69px;height:75px}
  .dialog-card:has(.coin-reward) .award-card h3{font-size:23px;margin:8px 0}
  .dialog-card:has(.coin-reward) .award-card p{font-size:14px;margin:8px auto 12px}
}
@media(max-height:560px){
  .dialog-card:has(.coin-reward){padding:16px 20px}
  .dialog-card:has(.coin-reward)>h2{font-size:25px;margin:7px 0 12px}
  .dialog-card:has(.coin-reward)>#dialog-action{margin-top:10px;padding:10px 15px}
}
@media(max-height:360px){
  .dialog-card:has(.coin-reward)>#dialog-content{padding-top:3px}
  .dialog-card .coin-reward{padding:4px 8px;gap:8px;margin-bottom:12px}
  .dialog-card .coin-reward>svg{width:30px;height:30px;flex-basis:30px}
  .dialog-card .coin-reward>div{gap:2px}
  .dialog-card .coin-reward strong{font-size:18px;line-height:1.1}
  .dialog-card .coin-reward span{font-size:12px;line-height:1.1}
}