/* Candy-splat buttons, shared by every game (load after the page's own styles, with buttons.js for the shapes).
   A .blob is a jelly splat with syrup drips and droplets (--blob-a/b/c, alternating so neighbours differ), a thick
   dark outline that is deeper underneath (the button's drop), a glossy top, a darker foot, a faint candy stripe and
   a shine spot. The colour is still --c, so every existing colour class and state keeps working. */
.blob{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;isolation:isolate;--blob:var(--blob-a)}
.blob:nth-child(3n+2){--blob:var(--blob-b,var(--blob-a))}
.blob:nth-child(3n){--blob:var(--blob-c,var(--blob-a))}
.blob::before,.blob::after{content:"";position:absolute;z-index:-1;pointer-events:none;-webkit-mask:var(--blob) center/100% 100% no-repeat;mask:var(--blob) center/100% 100% no-repeat}
/* the outline and the drop under the button */
.blob::before{top:-10px;left:-13px;right:-13px;bottom:-26px;background:var(--line);transition:bottom .12s ease}
/* the candy itself */
.blob::after{top:-6.5px;left:-9px;right:-9px;bottom:-17px;background:
  radial-gradient(9px 5px at 17% 24%,rgba(255,255,255,.92) 66%,rgba(255,255,255,0) 74%),
  radial-gradient(5px 3.5px at 26% 19%,rgba(255,255,255,.75) 60%,rgba(255,255,255,0) 72%),
  radial-gradient(125% 64% at 42% -6%,rgba(255,255,255,.5),rgba(255,255,255,0) 62%),
  linear-gradient(to top,rgba(13,7,32,.26),rgba(13,7,32,0) 40%),
  repeating-linear-gradient(-52deg,rgba(255,255,255,.12) 0 7px,rgba(255,255,255,0) 7px 15px),
  var(--c,var(--lime))}
.blob:active::before{bottom:-20px}
.blob.magenta,.blob.dark,.blob[aria-pressed="false"],.blob[aria-selected="false"]{text-shadow:0 2px 0 rgba(13,7,32,.5)}
/* the splat, its drips and droplets reach past the button's box: give rows of buttons a little more room */
.diff-row{gap:22px 24px}
.nav-row,.actions,.shop-tabs{gap:22px 26px}
.lobby-nav{gap:26px}
.dialog .opts{gap:20px 24px}