html{scroll-behavior:smooth}
body{background:#080616;color:#e6e7f5;font-family:Sarabun,sans-serif;-webkit-font-smoothing:antialiased}
.gold-text{background:linear-gradient(100deg,#7df3ff 0%,#22d3ee 40%,#ff3ec9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gold-rule{height:2px;background:linear-gradient(90deg,transparent,#22d3ee,transparent)}
.btn-gold{background:linear-gradient(180deg,#7df3ff,#22d3ee 55%,#0e8fb3);color:#04121a;font-weight:700;box-shadow:0 6px 20px -8px rgba(34,211,238,.6)}
.btn-gold:hover{filter:brightness(1.08)}
.btn-red{background:linear-gradient(180deg,#ff3ec9,#e5199b);color:#fff;font-weight:700}
.btn-red:hover{filter:brightness(1.1)}
.diag-bg{background-image:repeating-linear-gradient(135deg,rgba(34,211,238,.045) 0 2px,transparent 2px 14px)}
.prose-z h2{font-family:"Chakra Petch",sans-serif;font-size:1.5rem;font-weight:700;color:#7df3ff;margin:2.2rem 0 .8rem;line-height:1.35}
.prose-z h3{font-family:"Chakra Petch",sans-serif;font-size:1.2rem;font-weight:600;color:#fff;margin:1.6rem 0 .5rem}
.prose-z p{line-height:1.95;margin:0 0 1rem;color:#cfd2e6}
.prose-z ul{list-style:disc;padding-left:1.4rem;margin:0 0 1rem}
.prose-z ol{list-style:decimal;padding-left:1.4rem;margin:0 0 1rem}
.prose-z li{line-height:1.85;margin:.25rem 0;color:#cfd2e6}
.prose-z a{color:#7df3ff;text-decoration:underline;text-underline-offset:3px}
.prose-z strong{color:#fff}
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details[open] .chev{transform:rotate(45deg)}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
.prose-z h2[id]{scroll-margin-top:6rem}
/* ambient light so glass panels have something to blur */
body{background:radial-gradient(60rem 40rem at 85% -10%,rgba(229,25,155,.22),transparent 60%),radial-gradient(50rem 36rem at -10% 40%,rgba(34,211,238,.10),transparent 60%),radial-gradient(44rem 30rem at 100% 100%,rgba(109,13,92,.25),transparent 65%),#080616;background-attachment:fixed}
/* glassmorphism card + glowing gold→crimson border */
.glass-card{position:relative;isolation:isolate;border-radius:14px;background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.02) 55%,rgba(229,25,155,.05));border:1px solid rgba(34,211,238,.16);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 32px -14px rgba(0,0,0,.8);transition:box-shadow .35s ease,border-color .35s ease,transform .35s ease}
.glass-card::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(125,243,255,.85),rgba(34,211,238,.15) 35%,transparent 55%,rgba(255,62,201,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .35s ease;pointer-events:none}
.glass-card:hover{border-color:rgba(34,211,238,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(34,211,238,.08),0 0 28px -6px rgba(34,211,238,.38),0 0 50px -18px rgba(255,62,201,.45)}
.glass-card:hover::before{opacity:1}
/* hero balance card: soft breathing glow */
.hero-glow{box-shadow:0 0 40px -8px rgba(34,211,238,.35),0 0 80px -20px rgba(255,62,201,.5),0 25px 50px -12px rgba(0,0,0,.7);animation:heroGlow 4.5s ease-in-out infinite}
.hero-glow::before{opacity:.9}
@keyframes heroGlow{50%{box-shadow:0 0 56px -6px rgba(34,211,238,.5),0 0 100px -18px rgba(255,62,201,.6),0 25px 50px -12px rgba(0,0,0,.7)}}
@media (prefers-reduced-motion:reduce){.hero-glow{animation:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-card{background:linear-gradient(180deg,#16102e,#0d0920)}}
/* mobile bottom navigation */
.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}
.bnav-cta{box-shadow:0 0 22px -2px rgba(255,62,201,.65),0 0 40px -12px rgba(34,211,238,.6)}
@media (max-width:767px){body{padding-bottom:calc(4.75rem + env(safe-area-inset-bottom))}}
/* game provider belt: two identical sets, slide by one set for a seamless loop */
.brand-rail{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.brand-belt{display:flex;gap:1.25rem;width:max-content;padding:.5rem 0 1.25rem;animation:beltSlide 46s linear infinite paused}
.brand-rail[data-run] .brand-belt{animation-play-state:running}
.brand-rail[data-run]:hover .brand-belt{animation-play-state:paused}
.brand-belt li{flex:none;border-radius:14px;transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}
.brand-belt li:hover{transform:translateY(-4px) scale(1.03);filter:drop-shadow(0 0 14px rgba(34,211,238,.55)) drop-shadow(0 0 22px rgba(255,62,201,.35))}
.brand-belt img{display:block;width:200px;height:auto}
@keyframes beltSlide{to{transform:translateX(calc(-50% - .625rem))}}
@media (max-width:640px){.brand-belt{gap:.875rem;animation-duration:32s}.brand-belt img{width:150px}@keyframes beltSlide{to{transform:translateX(calc(-50% - .4375rem))}}}
@media (prefers-reduced-motion:reduce){.brand-belt{animation-duration:120s}}