/* One scrolling content area keeps every pack and action reachable on mobile. */
#sheet.game-sheet[data-kind="shop"] {
  width:min(460px,calc(100vw - 24px));
  height:min(670px,calc(100dvh - 110px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
  max-height:calc(100dvh - 110px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  padding:18px 16px 14px;
  box-sizing:border-box;
  overflow:hidden;
}
#sheet.game-sheet[data-kind="shop"] #sheetbody {height:100%;max-height:none;overflow:hidden;padding:0;}
.payments-shop {height:100%;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden;}
.payments-heading {display:block!important;position:static!important;margin:0!important;padding:0 38px 0 0!important;flex-shrink:0;background:none!important;border:0!important;}
.payments-heading h1 {font:800 25px/1.2 Inter,system-ui!important;margin:0 0 12px!important;}
.payments-heading .shop-wallet {display:grid;grid-template-columns:28px auto minmax(0,1fr);gap:8px;align-items:center;}
.payments-heading .shop-wallet svg {width:28px;height:28px;}
.payments-heading .shop-wallet strong {font-size:30px;line-height:1.2;}
.payments-heading .shop-wallet span {font-size:14px;line-height:1.3;overflow-wrap:anywhere;}
.payments-shop .payment-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0!important;gap:4px;flex-shrink:0;}
.payments-shop .payment-tabs button {min-width:0;min-height:44px;font-size:14px!important;padding:8px 3px!important;line-height:1.3;white-space:normal;}
.payments-content {flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:0 3px 6px;scroll-padding:12px;}
.payment-test-label {font-size:14px;line-height:1.45;color:#ffe299;background:#3b3020;border:1px solid #8b7446;border-radius:10px;padding:10px 12px;margin:0 0 12px;}
.paid-packs {display:grid;gap:10px;margin:12px 0 16px;}
.paid-pack {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:14px 12px;border:1px solid #776287;border-radius:14px;background:#302737;min-width:0;}
.paid-pack.pack-featured {border-color:#b294d7;background:#3a2c48;}
.pack-coins {display:flex;align-items:center;gap:9px;min-width:0;}
.pack-coins svg {width:30px;height:30px;flex-shrink:0;}
.pack-coins strong {display:block;font-size:27px;line-height:1.15;color:#eadbff;}
.pack-coins span {display:block;font-size:14px;margin-top:3px;line-height:1.3;}
.pack-buy {grid-column:2;grid-row:1/3;min-width:94px;min-height:58px;padding:9px 12px!important;margin:0!important;line-height:1.3;}
.pack-buy span,.pack-buy b {display:block;white-space:normal;font-size:14px;}
.pack-buy b {font-size:17px;margin-top:3px;}
.pack-label {font-size:13px;line-height:1.35;color:#d5bddf;}
.payments-shop button:disabled {opacity:.5!important;cursor:default;}
.shop-signin {padding:12px;border:1px solid #8273bf;border-radius:12px;background:#292344;}
.shop-signin p,.shop-status {font-size:14px;line-height:1.5;margin:0 0 10px;color:#ddd0e7;}
.shop-signin .primary {width:100%;background:#5865f2!important;border-color:#5865f2!important;min-height:46px;padding:10px;font-size:15px;}
.shop-support {padding:0 0 14px;}
.shop-support h2 {font-family:inherit;font-size:17px;line-height:1.35;margin:0 0 8px;}
.shop-support p {font-size:14px;line-height:1.5;margin:6px 0;color:#cfbfd7;}
.payments-shop .shop-milestone {margin-top:10px;grid-template-columns:25px minmax(0,1fr);}
.payments-shop .shop-milestone b,.payments-shop .shop-milestone span {font-size:14px;line-height:1.4;}
.payments-shop .boost-card {min-width:0;min-height:124px!important;padding:14px 7px!important;}
.payments-shop .boost-card span {flex-wrap:wrap;font-size:14px;}
.payments-shop .boost-card small {font-size:14px;line-height:1.4;}
.payments-shop .shop-explanation,.payments-shop .shop-queue {font-size:14px!important;line-height:1.5;}
.payment-notice {font-size:14px;line-height:1.5;padding:12px;border:1px solid #7b688e;background:#352b3d;border-radius:10px;margin:0 0 12px;}
.payment-notice.success {border-color:#65bf9f;background:#1c4035;color:#d3ffe8;}
.payment-notice.error {border-color:#da6f82;background:#4a252f;color:#ffe4e9;}
.purchase-history {display:grid;gap:10px;}
.purchase-history article {display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:13px 12px;border:1px solid #735f7d;border-radius:12px;background:#302737;}
.purchase-history article>div {flex:1;min-width:150px;}
.purchase-history strong,.purchase-history span {display:block;font-size:14px;line-height:1.4;}
.purchase-history span {color:#c6b5cc;margin-top:5px;}
.purchase-status {font-size:14px;font-weight:600;color:#e1cbf2;}
@media(max-width:360px) {
  #sheet.game-sheet[data-kind="shop"] {padding:16px 12px 12px;}
  .payments-heading .shop-wallet {grid-template-columns:24px auto minmax(0,1fr);}
  .payments-heading .shop-wallet svg {width:24px;height:24px;}
  .payments-heading .shop-wallet strong {font-size:26px;}
  .pack-buy {min-width:86px;padding:9px!important;}
  .paid-pack {padding:12px 9px;gap:8px;}
}
@media(max-height:500px) {
  #sheet.game-sheet[data-kind="shop"] {top:12px;bottom:12px;margin:auto;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);}
  .payments-heading h1 {margin-bottom:6px!important;font-size:21px!important;}
  .payments-shop {gap:8px;}
}