/* ── Casino button backgrounds (arbitrary hex colors) ── */
.bg-\[\#53FC18\]{background-color:#53FC18}
.bg-\[\#ff9900\]{background-color:#ff9900}
.bg-\[\#00c2ff\]{background-color:#00c2ff}
.bg-\[\#ff2a6d\]{background-color:#ff2a6d}
.bg-\[\#9146FF\]{background-color:#9146FF}

/* Hover backgrounds for casino buttons */
.hover\:bg-\[\#43E810\]:hover{background-color:#43E810}
.hover\:bg-\[\#e68a00\]:hover{background-color:#e68a00}
.hover\:bg-\[\#00a3e0\]:hover{background-color:#00a3e0}
.hover\:bg-\[\#e61a5c\]:hover{background-color:#e61a5c}
.hover\:bg-\[\#772ce8\]:hover{background-color:#772ce8}

/* Hover shadows for casino buttons */
.hover\:shadow-\[0_0_18px_rgba\(83\,252\,24\,0\.4\)\]:hover{box-shadow:0 0 18px rgba(83,252,24,.4)}
.hover\:shadow-\[0_0_18px_rgba\(255\,153\,0\,0\.4\)\]:hover{box-shadow:0 0 18px rgba(255,153,0,.4)}
.hover\:shadow-\[0_0_18px_rgba\(0\,194\,255\,0\.4\)\]:hover{box-shadow:0 0 18px rgba(0,194,255,.4)}
.hover\:shadow-\[0_0_18px_rgba\(255\,42\,109\,0\.4\)\]:hover{box-shadow:0 0 18px rgba(255,42,109,.4)}
.hover\:shadow-\[0_0_18px_rgba\(145\,70\,255\,0\.4\)\]:hover{box-shadow:0 0 18px rgba(145,70,255,.4)}
.hover\:shadow-\[0_0_18px_rgba\(217\,70\,239\,0\.5\)\]:hover{box-shadow:0 0 18px rgba(217,70,239,.5)}

/* ── Mobile horizontal overflow fix ── */
html, body { overflow-x: hidden; }

/* ── Nav icon sizes — prevent oversized icons in desktop nav ── */
nav .fas, nav .fab, nav .far {
  width: 0.875em;
  height: 0.875em;
  vertical-align: -0.1em;
}

/* ── Mobile menu — ensure it doesn't overflow ── */
#mobile-menu {
  width: 100%;
  left: 0;
  right: 0;
  box-sizing: border-box;
}

/* ── space-x-8 for nav (missing from style.css) ── */
.space-x-8 > * + * { margin-left: 2rem; }

/* ── shrink-0 ── */
.shrink-0 { flex-shrink: 0; }

/* ── py-6 (padding for dropdown trigger) ── */
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }

/* ── pb-16 padding-bottom:4rem (casino section fix) ── */
.pb-16 { padding-bottom: 4rem; }