/* BANK & DICE play-screen polish: no decorative scrollbar and canonical D6 hosts. */
body.bank-and-dice-active .bank-dice-workspace{overflow:hidden}
body.bank-and-dice-active .bank-dice-workspace:has(.bank-dice-settings),
body.bank-and-dice-active .bank-dice-workspace:has(.bank-dice-rules),
body.bank-and-dice-active .bank-dice-workspace:has(.bank-dice-explanation){overflow:auto}
.bank-dice-dice{align-items:center;gap:4px}
.bank-dice-die{display:block;width:94px;height:94px;font-size:0;line-height:0;filter:none;flex:0 0 auto}
.bank-dice-die canvas{display:block;width:100%!important;height:100%!important}

/* Landing artwork. The legacy icon token stays in the DOM as a fallback, but is visually replaced by the canonical PNG. */
.discovery-item[data-item-id="bank-and-dice"] .discovery-item-icon{
  color:transparent!important;
  font-size:0!important;
  background:url('/assets/img/bank_n_dice.png?v=bank-and-dice-icon-20260828-1') center/contain no-repeat;
}

@media(max-width:560px){.bank-dice-die{width:82px;height:82px}.bank-dice-dice{gap:0}.bank-dice-dice-area{gap:10px}}
@media(max-width:380px){.bank-dice-die{width:72px;height:72px}.bank-dice-roll{min-width:88px;padding-inline:14px}}

/* The full editor plus fixed header/nav/ad needs more than 760 px of viewport height.
   Up to 900 px keep the workspace scrollable, but hide the ugly browser scrollbar. */
@media(max-height:900px){
  body.bank-and-dice-active .bank-dice-workspace{
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.bank-and-dice-active .bank-dice-workspace::-webkit-scrollbar{width:0;height:0}
  body.bank-and-dice-active .bank-dice-editor{min-height:auto;justify-content:flex-start;padding-bottom:40px}
  body.bank-and-dice-active .bank-dice-play{height:auto;min-height:100%;padding-bottom:32px;box-sizing:border-box}
}

@media(max-height:700px){.bank-dice-die{width:70px;height:70px}}