/* Home page only */
.home .nav{background:linear-gradient(rgba(10,4,58,.85),transparent)}
.hero{min-height:min(100svh,940px);isolation:isolate}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.55;filter:saturate(1.15)}
.hero-shade{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(ellipse at 50% 40%,rgba(14,5,76,.35),rgba(10,4,58,.86) 70%),
  linear-gradient(transparent 60%,var(--navy))}
.hero .stars{z-index:-1}
.hero h1{font-size:clamp(3rem,9.5vw,7rem);max-width:12ch;text-shadow:0 4px 40px rgba(0,0,0,.5)}
.floaters{position:absolute;inset:0;pointer-events:none;z-index:1}
.fl{position:absolute;font-size:clamp(1.8rem,4.6vw,3.4rem);filter:drop-shadow(0 0 18px rgba(248,89,241,.55));
  transform:translate3d(var(--tx,0),var(--ty,0),0);transition:transform .25s ease-out;will-change:transform}
.fl::after{content:"";position:absolute;inset:0}
@keyframes bob{50%{translate:0 -14px}}
.fl{animation:bob 6s ease-in-out infinite}
.fl:nth-child(2n){animation-duration:7.5s;animation-delay:-2s}
.fl:nth-child(3n){animation-duration:5s;animation-delay:-1s}
@media (max-width:700px){.fl{opacity:.32}.fl:nth-child(n+5){display:none}}

.teaser-video{position:relative;display:block;border-radius:22px;overflow:hidden;border:4px solid var(--pink);
  box-shadow:0 0 0 6px var(--navy),0 0 0 9px var(--cyan),0 0 60px rgba(248,89,241,.4);aspect-ratio:16/9}
.teaser-video img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.teaser-video:hover img{transform:scale(1.05)}
.playbadge{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(rgba(10,4,58,.1),rgba(10,4,58,.5))}
.playbadge i{width:clamp(70px,10vw,104px);aspect-ratio:1;border-radius:50%;background:var(--yellow);display:grid;place-items:center;box-shadow:0 0 0 8px rgba(251,253,253,.25),0 0 50px rgba(248,192,0,.85)}
.playbadge svg{width:40%;margin-left:8%;fill:var(--royal)}
.playbadge b{position:absolute;right:14px;bottom:12px;font-family:var(--label);font-weight:800;font-size:.85rem;background:rgba(0,0,0,.65);padding:.25em .7em;border-radius:8px}

.games-band{background:radial-gradient(ellipse at 80% 50%,rgba(248,89,241,.18),transparent 60%),var(--navy)}
.demo{display:grid;place-items:center}
.demo-field{position:relative;width:min(300px,80%);aspect-ratio:2/3;border-radius:26px;border:4px solid var(--pink);overflow:hidden;
  background:linear-gradient(#0a043a,#1a0a5e);box-shadow:0 0 0 6px var(--navy),0 0 0 9px var(--cyan),0 0 60px rgba(248,89,241,.45)}
.demo-field .d{position:absolute;top:-12%;left:var(--x);font-size:2rem;animation:drop 3.6s linear infinite;animation-delay:var(--dl)}
@keyframes drop{to{top:96%}}
.demo-tray{position:absolute;bottom:10px;left:50%;translate:-50% 0;padding:.4em 1.1em;border-radius:12px;border:3px solid var(--pink);color:var(--yellow);
  font-family:var(--display);background:var(--navy-2);box-shadow:0 0 22px var(--pink);animation:sway 3.6s ease-in-out infinite alternate}
@keyframes sway{from{translate:-140% 0}to{translate:40% 0}}

.strip{display:grid;gap:14px;grid-template-columns:repeat(6,1fr)}
.strip-item{display:block;border-radius:16px;overflow:hidden;border:3px solid var(--cyan);aspect-ratio:3/4;box-shadow:0 0 22px rgba(0,192,248,.2);transition:transform .25s}
.strip-item:nth-child(even){border-color:var(--pink);margin-top:22px}
.strip-item:hover{transform:translateY(-6px) rotate(-1deg)}
.strip-item img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.strip{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.strip{grid-template-columns:repeat(2,1fr)}.strip-item:nth-child(even){margin-top:0}}
@media (prefers-reduced-motion:reduce){.fl,.demo-field .d,.demo-tray{animation:none}.demo-tray{translate:-50% 0}}