/* ---------- the casino ----------
 * Pokémon Black has no Game Corner, so the casino is dressed like Black's Battle
 * Subway and Musical: black, neon cyan and gold, square pixel frames. Everything
 * is measured in --cu, the casino's pixel: a whole number of the screen's own
 * pixels (casino.js: 2 at 720p, 3 at 1080p, 6 at 4K), so it stays crisp. Text
 * keeps the menus' sizes (--t, --ts), which are whole multiples of the pixel font.
 */
#mini {
  --cu: 2px;
  --neon: #08b0f8; --neon2: #29c6ad; --gold: #f8c838; --goldd: #b8882a; --goldl: #fff0a0;
  --felt: #0c4a34; --feltd: #083826; --feltl: #126046;
  --cas-ink: #f8f8f8; --cas-dim: #8ad8f0;
  --ct: var(--t, 1.1rem); --cts: var(--ts, .85rem);
  --frame: 0 0 0 var(--cu) #000, 0 0 0 calc(var(--cu) * 2) var(--neon), 0 0 0 calc(var(--cu) * 3) #000;
  --frame-gold: 0 0 0 var(--cu) #000, 0 0 0 calc(var(--cu) * 2) var(--gold), 0 0 0 calc(var(--cu) * 3) #000;
}
#mini:not([hidden])[data-cas] { max-width: calc(var(--cu) * 540); }
#mini[data-cas="floor"] > main.game { display: none !important; }
#mini[data-cas]:not([data-cas="floor"]) #games { display: none; }

/* the money, top right, counting up like the Game Corner's coin case */
#mini .minibar .casmoney { order: 2; margin-left: auto; display: inline-flex; align-items: center; gap: calc(var(--cu) * 3); color: var(--gold); font-size: var(--ct); white-space: nowrap; }
#mini .minibar .casmoney.up { color: var(--goldl); }
#mini .minibar #casFloorBtn { order: 1; }
#mini[data-cas]:not([data-cas="floor"]) #miniBack { display: none; }
#mini .minibar .pill { white-space: nowrap; }

/* ---------- the floor ---------- */
#mini #games.casfloor { display: block; overflow: visible; padding: calc(var(--cu) * 6) calc(var(--cu) * 10) calc(var(--cu) * 10); }
#mini #games .cashead { display: flex; align-items: center; gap: calc(var(--cu) * 4); margin: calc(var(--cu) * 6) 0 calc(var(--cu) * 6); font-size: var(--cts); line-height: 1.25; color: var(--neon); text-transform: uppercase; letter-spacing: var(--cu); font-weight: 400; }
#mini #games .cashead::after { content: ''; flex: 1; height: var(--cu); background: var(--neon); box-shadow: 0 var(--cu) 0 #04384e; }
#mini #games .castables { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--cu) * 8); }
#mini #games .caspuzzles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(var(--cu) * 6); }
#mini #games .castile {
  position: relative; display: grid; grid-template-rows: 1fr auto auto; justify-items: center; align-items: end; gap: calc(var(--cu) * 2);
  min-width: 0; min-height: 0 !important; margin: calc(var(--cu) * 3); padding: calc(var(--cu) * 12) calc(var(--cu) * 4) calc(var(--cu) * 6) !important;
  border: 0 !important; border-image: none !important; border-radius: 0 !important; color: var(--cas-ink) !important; font-size: var(--ct) !important; text-align: center;
  background: linear-gradient(var(--tile, #1a1a24) 0 calc(var(--cu) * 6), #000 calc(var(--cu) * 6) calc(var(--cu) * 7), transparent calc(var(--cu) * 7)), linear-gradient(#14141c, #0a0a10) !important;
  box-shadow: var(--frame) !important; --box: 112; cursor: pointer;
}
#mini #games .caspuzzles .castile { --box: 96; padding-top: calc(var(--cu) * 10) !important; }
#mini #games .castables .castile { min-height: calc(var(--cu) * 92); }
#mini #games .castile img { align-self: center; image-rendering: pixelated; }
#mini #games .castile .casname { font-size: var(--ct); color: var(--cas-ink); text-transform: lowercase; }
#mini #games .castile .castag { font-size: var(--cts); line-height: 1.25; color: var(--cas-dim); }
#mini #games .castile:is(:hover, :focus-visible) { box-shadow: var(--frame-gold) !important; transform: translateY(calc(var(--cu) * -1)) !important; outline: 0; }
#mini #games .castile:is(:hover, :focus-visible) .casname { color: var(--gold); }
#mini #games .c-bj { --tile: var(--felt); }
#mini #games .c-roul { --tile: #c02828; }
#mini #games .c-slots { --tile: var(--goldd); }
#mini #games .caspuzzles .castile { --tile: #2a2a3a; }

/* ---------- shared bits: chips and big buttons ---------- */
#mini .casgame .top h1 { text-transform: lowercase; }
#mini .casctl { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: calc(var(--cu) * 4) calc(var(--cu) * 10); margin: calc(var(--cu) * 6) auto 0; }
#mini .casbets, #mini .casacts { display: inline-flex; flex-wrap: wrap; gap: calc(var(--cu) * 4); }
#mini .caschip {
  display: inline-flex; align-items: center; gap: calc(var(--cu) * 3); padding: calc(var(--cu) * 2) calc(var(--cu) * 5) calc(var(--cu) * 2) calc(var(--cu) * 3);
  border: 0; border-radius: 0; background: #101018; color: var(--cas-ink); font-size: var(--cts); line-height: 1.25; box-shadow: var(--frame); margin: calc(var(--cu) * 2); cursor: pointer;
}
#mini .caschip i, #mini .rlstack { --chip: #e8e8f0; --chipd: #9898a8; }
#mini :is(.caschip.v200 i, .rlstack.v200) { --chip: #e84040; --chipd: #902020; }
#mini :is(.caschip.v1000 i, .rlstack.v1000) { --chip: var(--gold); --chipd: var(--goldd); }
#mini :is(.caschip.v5000 i, .rlstack.v5000) { --chip: #b060f0; --chipd: #6a3098; }
#mini .caschip i {
  width: calc(var(--cu) * 9); height: calc(var(--cu) * 9); flex: none;
  background: radial-gradient(circle, var(--chip) 0 26%, #fff 27% 36%, var(--chip) 37%);
  box-shadow: inset 0 0 0 var(--cu) var(--chipd);
  clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
}
#mini .caschip[aria-pressed="true"] { box-shadow: var(--frame-gold); background: #2a2410; color: var(--goldl); }
#mini .caschip:hover:not(:disabled) { color: var(--gold); }
#mini .caschip:disabled { opacity: .45; cursor: default; }
#mini .casbtn {
  min-width: calc(var(--cu) * 40); padding: calc(var(--cu) * 3) calc(var(--cu) * 9); margin: calc(var(--cu) * 2);
  border: 0; border-radius: 0; font-size: var(--ct); line-height: 1.25; text-transform: uppercase; cursor: pointer;
  color: var(--cas-ink); background: linear-gradient(#2c2c3a 0 50%, #1e1e2a 50%); box-shadow: var(--frame), inset 0 calc(var(--cu) * -2) 0 #000;
}
#mini .casbtn.go { color: #00141e; text-shadow: none; background: linear-gradient(#5cd4ff 0 50%, var(--neon) 50%); }
#mini .casbtn.gold { color: #2a1c00; text-shadow: none; background: linear-gradient(var(--goldl) 0 50%, var(--gold) 50%); }
#mini .casbtn:hover:not(:disabled), #mini .casbtn:focus-visible { box-shadow: var(--frame-gold), inset 0 calc(var(--cu) * -2) 0 #000; outline: 0; }
#mini .casbtn:active:not(:disabled) { transform: translateY(var(--cu)); }
#mini .casbtn:disabled { opacity: .4; cursor: default; }
#mini .casbtn[hidden] { display: none; }

/* ---------- blackjack ---------- */
#mini .bjtable {
  position: relative; display: grid; grid-template-columns: calc(var(--cu) * 40) minmax(0, 1fr) calc(var(--cu) * 40); grid-template-areas: "ds dh ." "bn bn bn" "ps ph .";
  align-items: center; justify-items: center; gap: calc(var(--cu) * 3);
  box-sizing: border-box; width: min(100%, calc(var(--cu) * 400)); margin: calc(var(--cu) * 4) auto 0; padding: calc(var(--cu) * 10) calc(var(--cu) * 12);
  background:
    repeating-conic-gradient(var(--felt) 0 25%, #0d4e37 0 50%) 0 0 / calc(var(--cu) * 2) calc(var(--cu) * 2);
  box-shadow: inset 0 0 0 var(--cu) #000, inset 0 0 0 calc(var(--cu) * 3) var(--feltd), inset 0 0 0 calc(var(--cu) * 4) var(--goldd), inset 0 0 0 calc(var(--cu) * 5) #000, var(--frame);
}
#mini .bjtable > :nth-child(1) { grid-area: ds; } #mini .bjtable > :nth-child(2) { grid-area: dh; } #mini .bjtable > :nth-child(3) { grid-area: bn; }
#mini .bjtable > :nth-child(4) { grid-area: ph; } #mini .bjtable > :nth-child(5) { grid-area: ps; }
#mini .bjside { display: flex; flex-direction: column; align-items: center; gap: calc(var(--cu) * 3); }
#mini .bjwho { font-size: var(--cts); color: var(--goldl); text-transform: uppercase; letter-spacing: var(--cu); }
#mini .bjtotal { min-width: calc(var(--cu) * 14); padding: 0 calc(var(--cu) * 4); font-size: var(--ct); line-height: 1.25; text-align: center; color: #fff; background: #000; box-shadow: 0 0 0 var(--cu) var(--neon2); }
#mini .bjtotal:empty { visibility: hidden; }
#mini .bjtotal.hot { color: var(--gold); box-shadow: 0 0 0 var(--cu) var(--gold); }
#mini .bjtotal.bust { color: #ff6060; box-shadow: 0 0 0 var(--cu) #e83838; }
#mini .bjhand { display: flex; justify-content: center; gap: calc(var(--cu) * 4); min-height: calc(var(--cu) * 74); }
#mini .bjshoe {
  position: absolute; top: calc(var(--cu) * 12); right: calc(var(--cu) * 14); width: calc(var(--cu) * 26); height: calc(var(--cu) * 36);
  background: repeating-conic-gradient(var(--neon) 0 25%, #063a58 0 50%) 0 0 / calc(var(--cu) * 6) calc(var(--cu) * 6);
  box-shadow: inset 0 0 0 var(--cu) #000, inset 0 0 0 calc(var(--cu) * 2) #fff, inset 0 0 0 calc(var(--cu) * 3) #000,
    var(--cu) var(--cu) 0 #000, calc(var(--cu) * 2) calc(var(--cu) * 2) 0 #d8d8e0, calc(var(--cu) * 3) calc(var(--cu) * 3) 0 #000, calc(var(--cu) * 4) calc(var(--cu) * 4) 0 #d8d8e0, calc(var(--cu) * 5) calc(var(--cu) * 5) 0 #000;
}

/* a card: a pixel frame, the rank in two corners, the suit as a type badge, a Pokémon in the middle */
#mini .bjc { --suit: #888; --suitd: #444; --tint: #eee; position: relative; flex: none; width: calc(var(--cu) * 52); height: calc(var(--cu) * 72); perspective: calc(var(--cu) * 300); }
#mini .bjc.s-fire { --suit: #f05030; --suitd: #a02810; --tint: #fde2d4; }
#mini .bjc.s-water { --suit: #3890f8; --suitd: #1850a8; --tint: #d8e8fc; }
#mini .bjc.s-grass { --suit: #58b838; --suitd: #2e7018; --tint: #def4d2; }
#mini .bjc.s-electric { --suit: #f8c020; --suitd: #a07800; --tint: #fcf2c8; }
#mini .bjc-in { position: absolute; inset: 0; transform-style: preserve-3d; }
#mini .bjc.down .bjc-in { transform: rotateY(180deg); }
#mini .bjc.flipping .bjc-in { animation: bjflip .42s steps(7) both; }
@keyframes bjflip { from { transform: rotateY(180deg); } to { transform: rotateY(0); } }
#mini .bjc.dealt { animation: bjdeal .28s cubic-bezier(.2, .7, .3, 1) both; }
@keyframes bjdeal { from { transform: translate(var(--dx, 0), var(--dy, 0)) rotate(-10deg); } to { transform: none; } }
#mini :is(.bjc-face, .bjc-back) {
  position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
  clip-path: polygon(var(--cu) 0, calc(100% - var(--cu)) 0, 100% var(--cu), 100% calc(100% - var(--cu)), calc(100% - var(--cu)) 100%, var(--cu) 100%, 0 calc(100% - var(--cu)), 0 var(--cu));
}
#mini .bjc-face {
  background: #fbfbf6; color: var(--suitd); text-shadow: none;
  box-shadow: inset 0 0 0 var(--cu) #000, inset 0 0 0 calc(var(--cu) * 2) var(--suit), inset 0 0 0 calc(var(--cu) * 3) #fff;
}
#mini .bjc-back {
  transform: rotateY(180deg);
  background: radial-gradient(circle, #fff 0 calc(var(--cu) * 3), #000 calc(var(--cu) * 3) calc(var(--cu) * 4), transparent calc(var(--cu) * 4)),
    linear-gradient(transparent calc(50% - var(--cu)), #000 calc(50% - var(--cu)) calc(50% + var(--cu)), transparent calc(50% + var(--cu))),
    repeating-conic-gradient(var(--neon) 0 25%, #063a58 0 50%) 0 0 / calc(var(--cu) * 6) calc(var(--cu) * 6);
  box-shadow: inset 0 0 0 var(--cu) #000, inset 0 0 0 calc(var(--cu) * 3) #fff, inset 0 0 0 calc(var(--cu) * 4) #000;
}
#mini .bjc-r { position: absolute; top: calc(var(--cu) * 3); left: calc(var(--cu) * 4); font-size: var(--ct); line-height: 1; color: var(--suitd); font-weight: 400; }
#mini .bjc-r2 { top: auto; left: auto; bottom: calc(var(--cu) * 3); right: calc(var(--cu) * 4); transform: rotate(180deg); }
#mini .bjc-t { position: absolute; top: calc(var(--cu) * 4); right: calc(var(--cu) * 4); padding: 0 var(--cu); font-size: var(--cts); line-height: 1.1; color: #fff; background: var(--suit); box-shadow: 0 0 0 var(--cu) var(--suitd); text-shadow: var(--cu) 0 0 var(--suitd), 0 var(--cu) 0 var(--suitd); }
#mini .bjc.s-electric .bjc-t { color: #3a2a00; text-shadow: none; }
#mini .bjc-mon {
  position: absolute; left: calc(var(--cu) * 4); right: calc(var(--cu) * 4); top: calc(var(--cu) * 15); bottom: calc(var(--cu) * 14);
  display: grid; place-items: center; overflow: hidden; --box: 999;
  background: linear-gradient(var(--tint) 0 0) padding-box; box-shadow: inset 0 0 0 var(--cu) color-mix(in srgb, var(--suit) 45%, #fff);
}
#mini .bjc-mon img { image-rendering: pixelated; max-width: none; }
#mini .bjbanner { min-height: calc(var(--cu) * 14); display: grid; place-items: center; text-align: center; }
#mini .bjbanner.idle { font-size: var(--cts); color: #6fc8a0; text-transform: uppercase; letter-spacing: var(--cu); text-shadow: none; }
#mini .bjbanner.on { padding: calc(var(--cu) * 2) calc(var(--cu) * 10); font-size: var(--ct); color: #fff; background: #000; box-shadow: var(--frame); animation: bjpop .3s steps(3) both; }
#mini .bjbanner.blackjack { color: var(--gold); box-shadow: var(--frame-gold); animation: bjpop .3s steps(3) both, bjglow .4s steps(2) 6 .3s; }
#mini .bjbanner.win { color: var(--gold); }
#mini .bjbanner:is(.lose, .bust) { color: #ff7070; box-shadow: 0 0 0 var(--cu) #000, 0 0 0 calc(var(--cu) * 2) #e83838, 0 0 0 calc(var(--cu) * 3) #000; }
@keyframes bjpop { from { transform: scale(.5); } to { transform: none; } }
@keyframes bjglow { 50% { color: #fff; background: #3a2a00; } }

/* ---------- roulette ---------- */
#mini .rlwrap { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: calc(var(--cu) * 8); padding: 0; }
#mini .rlwheelbox { display: grid; justify-items: center; gap: calc(var(--cu) * 6); }
#mini .rlwheel { width: calc(var(--cu) * 176); height: calc(var(--cu) * 176); image-rendering: pixelated; image-rendering: crisp-edges; }
#mini .rlwheelbox::before {
  /* the marker the ball is read against */
  content: ''; order: -1; width: calc(var(--cu) * 8); height: calc(var(--cu) * 5); margin-bottom: calc(var(--cu) * -6); position: relative; z-index: 1;
  background: var(--gold); clip-path: polygon(0 0, 100% 0, 50% 100%); display: none;
}
#mini .rlresult { display: flex; align-items: center; gap: calc(var(--cu) * 6); min-height: calc(var(--cu) * 16); }
#mini .rlnum { min-width: calc(var(--cu) * 22); padding: var(--cu) calc(var(--cu) * 4); font-size: var(--ct); line-height: 1.25; text-align: center; color: #fff; box-shadow: var(--frame-gold); }
#mini .rlnum.red { background: #c02828; } #mini .rlnum.black { background: #18181e; } #mini .rlnum.green { background: #18a058; }
#mini .rlnum.idle { background: #101018; color: var(--cas-dim); box-shadow: var(--frame); }
#mini .rlhist { display: flex; gap: var(--cu); }
#mini .rlhist i { min-width: calc(var(--cu) * 11); font-style: normal; font-size: var(--cts); line-height: 1.4; text-align: center; color: #fff; box-shadow: 0 0 0 var(--cu) #000; }
#mini .rlhist i.red { background: #a02020; } #mini .rlhist i.black { background: #222228; } #mini .rlhist i.green { background: #148848; }
#mini .rlside { display: grid; justify-items: center; gap: calc(var(--cu) * 2); width: min-content; }
#mini .rlside .casctl { margin-top: calc(var(--cu) * 3); }
#mini .rlboard {
  display: grid; grid-template-columns: repeat(14, calc(var(--cu) * 19)); grid-template-rows: repeat(3, calc(var(--cu) * 22)) repeat(2, calc(var(--cu) * 17));
  gap: var(--cu); padding: var(--cu); margin: calc(var(--cu) * 3); background: var(--goldd); box-shadow: 0 0 0 var(--cu) #000, 0 0 0 calc(var(--cu) * 3) var(--felt), var(--frame);
}
#mini .rlcell {
  position: relative; display: grid; place-items: center; min-width: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer;
  font-size: var(--cts); line-height: 1; color: #fff; background: var(--felt); text-shadow: var(--cu) var(--cu) 0 #000;
}
#mini .rlcell.red { background: #c02828; } #mini .rlcell.black { background: #18181e; } #mini .rlcell.green { background: #18a058; }
#mini .rlcell.out, #mini .rlfelt { background: var(--felt); }
#mini .rlcell:hover:not(:disabled) { box-shadow: inset 0 0 0 var(--cu) var(--gold); }
#mini .rlcell:disabled { cursor: default; }
#mini .rlcell.lit { box-shadow: inset 0 0 0 var(--cu) #000, inset 0 0 0 calc(var(--cu) * 2) var(--gold); animation: rllit .5s steps(1) 8; }
#mini .rlcell.lit > span { color: var(--goldl); }
@keyframes rllit { 50% { filter: brightness(1.6); } }
#mini .rldot { display: inline-block; width: calc(var(--cu) * 8); height: calc(var(--cu) * 8); transform: rotate(45deg); box-shadow: 0 0 0 var(--cu) #fff; }
#mini .rldot.red { background: #e03030; } #mini .rldot.black { background: #000; }
#mini .rlstack {
  position: absolute; right: calc(var(--cu) * -2); bottom: calc(var(--cu) * -2); z-index: 1; min-width: calc(var(--cu) * 12); height: calc(var(--cu) * 12);
  display: grid; place-items: center; padding: 0 var(--cu); font-size: var(--cts); line-height: 1; font-weight: 400; color: #000; text-shadow: none;
  background: var(--chip); box-shadow: inset 0 0 0 var(--cu) var(--chipd), 0 0 0 var(--cu) #000;
  clip-path: polygon(var(--cu) 0, calc(100% - var(--cu)) 0, 100% var(--cu), 100% calc(100% - var(--cu)), calc(100% - var(--cu)) 100%, var(--cu) 100%, 0 calc(100% - var(--cu)), 0 var(--cu));
}
#mini .rlstack.v200, #mini .rlstack.v5000 { color: #fff; }
#mini .rlcell.lost .rlstack { opacity: .35; }
#mini .rlcell.won .rlstack { animation: rllit .4s steps(1) 10; }
#mini .rlline { min-height: calc(var(--cu) * 12); font-size: var(--cts); color: var(--cas-dim); text-align: center; }
#mini .rlline .rlwin { color: var(--gold); }

/* ---------- the slots, in the casino's colours: the machine, its pay table beside it ---------- */
#mini #g-slots:not([hidden]) { display: grid; grid-template-columns: max-content max-content; justify-content: center; align-items: start; column-gap: calc(var(--cu) * 16); }
#mini #g-slots > :is(.top, .status) { grid-column: 1 / -1; }
#mini #g-slots .status { justify-content: center; }
#mini #slotMoney { display: none; }
#mini #g-slots .slotmachine { margin: calc(var(--cu) * 4) 0 0; }
#mini #g-slots .pays { margin-top: calc(var(--cu) * 2); }
#mini #g-slots .slotmachine {
  border-radius: 0; max-width: calc(var(--cu) * 200); padding: calc(var(--cu) * 10) calc(var(--cu) * 10) calc(var(--cu) * 8);
  background: linear-gradient(#1a1a26 0 calc(var(--cu) * 4), #000 calc(var(--cu) * 4) calc(var(--cu) * 5), #101018 calc(var(--cu) * 5));
  box-shadow: var(--frame), 0 0 0 calc(var(--cu) * 5) #000, 0 0 0 calc(var(--cu) * 6) var(--gold), 0 0 0 calc(var(--cu) * 7) #000;
}
#mini #g-slots .reels { border-radius: 0; background: #000; box-shadow: 0 0 0 var(--cu) var(--neon2); }
#mini #g-slots .reels::after { background: var(--gold); box-shadow: none; }
#mini #g-slots .reel { border-radius: 0; background: linear-gradient(#c8c8d0 0 12%, #fff 12% 88%, #c8c8d0 88%); }
#mini #g-slots .slotline { color: var(--gold); font-size: var(--ct); font-weight: 400; }
#mini #g-slots .slotgo {
  border-radius: 0 !important; border: 0 !important; border-image: none !important; min-width: calc(var(--cu) * 100); min-height: 0 !important; padding: calc(var(--cu) * 4) calc(var(--cu) * 10) !important;
  font-size: var(--ct) !important; font-weight: 400; text-transform: uppercase; color: #2a1c00 !important; text-shadow: none !important;
  background: linear-gradient(var(--goldl) 0 50%, var(--gold) 50%) !important; box-shadow: 0 0 0 var(--cu) #000, 0 0 0 calc(var(--cu) * 2) var(--goldd), 0 0 0 calc(var(--cu) * 3) #000, inset 0 calc(var(--cu) * -2) 0 var(--goldd) !important;
}
#mini #g-slots .slotgo:hover:not(:disabled) { box-shadow: var(--frame), inset 0 calc(var(--cu) * -2) 0 var(--goldd) !important; }
#mini #g-slots .slotgo:disabled { opacity: .45; }
#mini #g-slots.jackpot .slotmachine { animation: casglow .4s steps(1) 8; }
@keyframes casglow { 50% { box-shadow: var(--frame-gold), 0 0 0 calc(var(--cu) * 5) #000, 0 0 0 calc(var(--cu) * 6) var(--neon), 0 0 0 calc(var(--cu) * 7) #000; } }
#mini #g-slots .pays { display: grid; grid-template-columns: minmax(0, max-content); align-content: start; gap: calc(var(--cu) * 2); }
#mini #g-slots .pay { position: relative; border-radius: 0; border: 0; background: #101018; box-shadow: var(--frame); gap: var(--cu); padding: calc(var(--cu) * 2) calc(var(--cu) * 4); margin: calc(var(--cu) * 2); flex-wrap: wrap; }
#mini #g-slots .pay b { margin-left: auto; padding-left: calc(var(--cu) * 4); color: var(--gold); }
#mini #g-slots .pay .sym.bar { width: auto; height: auto; margin: 0 var(--cu); padding: 0 calc(var(--cu) * 2); font-size: var(--cts); line-height: 1.25; border-radius: 0; box-shadow: 0 0 0 var(--cu) #000; }
#mini #g-slots .reel .sym.bar { border-radius: 0; font-size: var(--cts); }
#mini #g-slots .pay .sym.any { display: inline-grid; place-items: center; font-size: var(--cts); color: #8a8a9a; box-shadow: inset 0 0 0 var(--cu) #2a2a38; }
#mini #g-slots .pay small { flex-basis: 100%; font-size: var(--cts); color: var(--cas-dim); line-height: 1.2; }
#mini #g-slots .pay.left .sym:first-child { box-shadow: 0 0 0 var(--cu) var(--gold); }

@media (max-width: 760px) {
  #mini #games .castables, #mini #games .caspuzzles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* roulette's 100 and 500 chips (greed's wheel takes 10, 50, 100, 500, 1,000 and 5,000) */
#mini :is(.caschip.v100 i, .rlstack.v100) { --chip: #e84040; --chipd: #902020; }
#mini :is(.caschip.v500 i, .rlstack.v500) { --chip: #30a0f0; --chipd: #185890; }
#mini .rlstack.v100, #mini .rlstack.v500 { color: #fff; }