/* Shared casino atmosphere: local assets, no scripts or remote requests. */
html{background:#070912}
html body{min-height:100vh;position:relative;isolation:isolate;background-color:#080b16!important;background-image:radial-gradient(ellipse at 0 12%,#75502c70,transparent 43%),radial-gradient(ellipse at 100% 35%,#16472f88,transparent 42%),radial-gradient(ellipse at 50% 95%,#34205d66,transparent 48%),linear-gradient(145deg,#24131f,#10291c 48%,#0a1920)!important;background-attachment:scroll!important}
/* Pattern lives directly on the body so it cannot disappear behind its background. */
html body{background-image:url("casino-background.svg?v=3"),radial-gradient(ellipse at 0 12%,#75502c70,transparent 43%),radial-gradient(ellipse at 100% 35%,#16472f88,transparent 42%),linear-gradient(145deg,#24131f,#10291c 48%,#0a1920)!important;background-size:960px 1000px,auto,auto,auto!important;background-position:center top,center,center,center!important;background-repeat:repeat, no-repeat,no-repeat,no-repeat!important}
html body::before{content:none}
html body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 15%,#c7903b14,transparent 37%),radial-gradient(ellipse at 92% 80%,#a041be20,transparent 42%);opacity:.55}
body>.header,body>.disc-header{border-bottom-color:#b88b4b55;box-shadow:0 8px 32px #0003}
body>.topbar{color:#f2dfbd;background:linear-gradient(100deg,#261528,#121c32 50%,#321d23);border-bottom:1px solid #c79c5840}
@media(min-width:769px) and (prefers-reduced-motion:no-preference){html body::after{animation:casino-ambient-glow 12s ease-in-out infinite alternate}}
@keyframes casino-ambient-glow{from{opacity:.3}to{opacity:.85}}
/* Smaller tile keeps chips and cards inside narrow mobile viewports. */
@media(max-width:768px){html body{background-size:480px 500px,auto,auto,auto!important}html body::after{opacity:.35}}
.hero-card{background-image:linear-gradient(110deg,#211331f2,#21133180),url("casino-background.svg?v=3")!important;background-size:auto,650px 677px!important;background-position:center,80% 20%!important;background-repeat:no-repeat!important}

@media(prefers-reduced-motion:reduce){html body::after{animation:none!important}}
@media print{html body{background:white!important}html body::before,html body::after{display:none!important}}