.cinematic-home{--home-cyan:var(--cyan-neon);--home-gold:var(--tier-a);--home-violet:var(--purple-neon);--home-orange:color-mix(in oklch, var(--tier-a) 60%, var(--tier-s));--home-hero-tone:color-mix(in oklch, var(--background) 94%, var(--home-violet))}.cinematic-home .cinematic-hero{background:var(--background);height:420px}.cinematic-home .hero-shade{background:linear-gradient(180deg,color-mix(in oklch,var(--home-hero-tone) 48%,transparent) 0%,color-mix(in oklch,var(--home-hero-tone) 52%,transparent) 30%,color-mix(in oklch,var(--home-hero-tone) 60%,transparent) 50%,color-mix(in oklch,var(--background) 75%,transparent) 68%,color-mix(in oklch,var(--background) 90%,transparent) 83%,color-mix(in oklch,var(--background) 98%,transparent) 94%,var(--background) 100%)}.cinematic-home .cinematic-hero>img,.cinematic-home .cinematic-hero>video{filter:brightness(.94)saturate(.85)contrast(.95)}.cinematic-home .hero-heading{letter-spacing:0;font-size:64px;line-height:1.06}.cinematic-home .hero-accent{color:var(--cyan-neon);text-shadow:0 2px 28px color-mix(in oklch,var(--background) 80%,transparent)}.cinematic-home .hero-copy{text-shadow:0 2px 16px var(--background)}.cinematic-home .game-cover{--game-accent:var(--home-cyan);aspect-ratio:2/3;border:1px solid color-mix(in oklch,var(--game-accent) 32%,var(--border));background:var(--card);box-shadow:var(--shadow-card);transition:transform .32s,box-shadow .32s,border-color .32s}.cinematic-home .game-cover[data-game=champions]{--game-accent:var(--home-gold)}.cinematic-home .game-cover[data-game=tcg-live]{--game-accent:var(--home-violet)}.cinematic-home .game-cover[data-game=naruto]{--game-accent:var(--home-orange)}.cinematic-home .game-cover img{filter:saturate(.86)brightness(.9);transition:transform .32s,filter .32s}.cinematic-home .game-cover:after{content:"";pointer-events:none;background:linear-gradient(180deg,transparent 0%,color-mix(in oklch,var(--background) 12%,transparent) 30%,color-mix(in oklch,var(--background) 55%,transparent) 68%,color-mix(in oklch,var(--background) 92%,transparent) 100%);position:absolute;inset:70% 0 0}.cinematic-home .game-title{z-index:1;text-align:center;text-wrap:balance;text-shadow:0 1px 6px var(--background);pointer-events:none;font-size:11px;line-height:1.25;position:absolute;inset:auto 8px 5px}@media(min-width:375px){.cinematic-home .game-title{font-size:12px}}@media(min-width:640px){.cinematic-home .game-title{font-size:16px;inset:auto 12px 12px}}@media(min-width:1280px){.cinematic-home .game-title{font-size:18px}}.cinematic-home .game-cover:focus-visible{outline:3px solid var(--game-accent);outline-offset:5px}@media(hover:hover){.cinematic-home .game-cover:hover{border-color:var(--game-accent);box-shadow:0 14px 36px color-mix(in oklch,var(--game-accent) 22%,transparent);transform:translateY(-6px)}.cinematic-home .game-cover:hover img{filter:saturate()brightness(1.03);transform:scale(1.025)}}.cinematic-home .game-cover:focus-visible img{filter:saturate()brightness(1.03)}.cinematic-home .community-banner{border:1px solid color-mix(in oklch,var(--electric) 35%,var(--border));background:linear-gradient(115deg,color-mix(in oklch,var(--electric) 9%,var(--card)),var(--card),color-mix(in oklch,var(--purple-neon) 8%,var(--card)));box-shadow:0 0 30px color-mix(in oklch,var(--electric) 7%,transparent)}@media(max-width:639px){.cinematic-home .cinematic-hero{height:360px}.cinematic-home .hero-heading{font-size:34px}}@media(prefers-reduced-motion:reduce){.cinematic-home .game-cover,.cinematic-home .game-cover img{transition:none}.cinematic-home .game-cover:hover,.cinematic-home .game-cover:hover img{transform:none}}