/* BANK & DICE single-screen Play: unified player selector, calculator, transfers and dice. */
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-history),
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}
body.bank-and-dice-active .bank-dice-play{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:center;gap:10px;padding:2px 0 8px;box-sizing:border-box}
.bank-dice-player-strip{display:grid;gap:7px;width:100%;min-width:0}
.bank-dice-player-strip.players-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bank-dice-player-strip.players-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bank-dice-player-strip.players-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bank-dice-player-strip.players-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.bank-dice-player-strip.players-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.bank-dice-player-tile{min-width:0;min-height:56px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:12px;background:color-mix(in srgb,currentColor 5%,transparent);color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 5px;cursor:pointer;box-sizing:border-box}
.bank-dice-player-tile:hover,.bank-dice-player-tile:focus-visible{outline:none;border-color:color-mix(in srgb,#a855f7 58%,transparent)}
.bank-dice-player-tile.is-active{border-color:transparent;background:linear-gradient(var(--cubiri-surface,#111318),var(--cubiri-surface,#111318)) padding-box,linear-gradient(90deg,var(--purple,#8b5cf6),var(--pink,#ec4899),var(--orange,#f97316)) border-box;box-shadow:0 0 12px rgb(180 0 255/.34),0 0 10px rgb(255 60 0/.16)}
.bank-dice-player-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.72rem,2.1vw,.94rem);line-height:1.08;font-weight:700;opacity:.9}
.bank-dice-player-balance{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.78rem,2.4vw,1.03rem);line-height:1.08;font-weight:800;font-variant-numeric:tabular-nums}
body.bank-and-dice-active .bank-dice-amount{width:min(210px,100%);min-width:0;justify-self:center;text-align:right;padding:9px 14px;font-size:1.45rem;box-sizing:border-box}
body.bank-and-dice-active .bank-dice-editor-controls{justify-self:center}
body.bank-and-dice-active .bank-dice-keypad button,
body.bank-and-dice-active .bank-dice-ops button,
body.bank-and-dice-active .bank-dice-quick-amounts button,
body.bank-and-dice-active .bank-dice-transfer{min-height:44px;height:44px;box-sizing:border-box}
body.bank-and-dice-active .bank-dice-editor-left{gap:8px}
.bank-dice-ops button{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 9px}
.bank-dice-ops button.is-bank-to-player{border-color:color-mix(in srgb,#22c55e 44%,transparent);background:color-mix(in srgb,#22c55e 15%,#111318);color:#dcfce7}
.bank-dice-ops button.is-player-to-bank{border-color:color-mix(in srgb,#ef4444 44%,transparent);background:color-mix(in srgb,#ef4444 15%,#111318);color:#fee2e2}
.bank-dice-ops svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.bank-dice-flow-arrow{font-size:1rem;line-height:1;opacity:.88}
body.bank-and-dice-active .bank-dice-transfers{max-height:200px;overflow:auto}
body.bank-and-dice-active .bank-dice-dice-area{gap:16px;min-height:54px;padding:0}
.bank-dice-dice{align-items:center;gap:2px}
.bank-dice-die{display:block;width:72px;height:72px;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. */
.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-player-strip{gap:5px}
  .bank-dice-player-tile{min-height:52px;padding-inline:3px}
  .bank-dice-player-name{font-size:clamp(.66rem,2.4vw,.8rem)}
  .bank-dice-player-balance{font-size:clamp(.7rem,2.7vw,.88rem)}
  .bank-dice-die{width:64px;height:64px}
  .bank-dice-dice{gap:0}
  body.bank-and-dice-active .bank-dice-dice-area{gap:9px}
}
@media(max-width:380px){
  .bank-dice-player-strip{gap:3px}
  .bank-dice-player-tile{border-radius:9px;min-height:48px;padding:4px 2px}
  .bank-dice-player-name{font-size:.64rem}
  .bank-dice-player-balance{font-size:.69rem}
  .bank-dice-ops button{gap:4px;padding-inline:5px}
  .bank-dice-ops svg{width:18px;height:18px}
  .bank-dice-die{width:58px;height:58px}
  .bank-dice-roll{min-width:84px;padding-inline:13px}
}
@media(max-height:760px){
  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-play{height:auto;min-height:100%;gap:7px;padding:0 0 18px}
  body.bank-and-dice-active .bank-dice-player-tile{min-height:48px}
  body.bank-and-dice-active .bank-dice-amount{padding-block:7px;font-size:1.32rem}
  body.bank-and-dice-active .bank-dice-keypad button,
  body.bank-and-dice-active .bank-dice-ops button,
  body.bank-and-dice-active .bank-dice-quick-amounts button,
  body.bank-and-dice-active .bank-dice-transfer{min-height:40px;height:40px}
  .bank-dice-die{width:56px;height:56px}
}