:root{--text-muted:#d9ccff;--surface-card:#ffffff0f;--surface-card-hover:#ffffff1a;--border-card:#ffffff1f}.party-bg{background:radial-gradient(60rem 40rem at 50% -10%, color-mix(in oklab, var(--party-brand) 55%, transparent), transparent 70%), radial-gradient(40rem 30rem at 100% 40%, color-mix(in oklab, var(--party-pink) 14%, transparent), transparent 70%), radial-gradient(40rem 30rem at 0% 70%, color-mix(in oklab, var(--party-sky) 12%, transparent), transparent 70%), var(--party-night);min-height:100dvh}.beams{pointer-events:none;opacity:.5;background:conic-gradient(from 200deg at 20% -10%, transparent 0 8deg, color-mix(in oklab, var(--party-pink) 35%, transparent) 12deg, transparent 18deg), conic-gradient(from 150deg at 80% -10%, transparent 0 8deg, color-mix(in oklab, var(--party-sky) 35%, transparent) 12deg, transparent 18deg);transform-origin:50% 0;height:52rem;animation:9s ease-in-out infinite alternate sweep;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}@keyframes sweep{0%{transform:skew(-6deg)}to{transform:skew(6deg)}}.candy-text{background:linear-gradient(90deg, var(--party-pink), var(--party-sun), var(--party-mint), var(--party-sky), var(--party-glow), var(--party-pink));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite candy}@keyframes candy{to{background-position:200% 0}}.rise{animation:.7s cubic-bezier(.34,1.56,.64,1) both rise;animation-delay:calc(var(--i,0) * 90ms + 80ms)}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.97)}}@supports (animation-timeline:view()){.reveal{animation:linear both rise;animation-timeline:view();animation-range:entry entry 40%}}.floater{filter:drop-shadow(0 12px 18px #00000059);animation:6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-16px)rotate(6deg)}}.chip{background:var(--surface-card);border:1px solid var(--border-card);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.live-dot{background:var(--party-mint);width:.55rem;height:.55rem;box-shadow:0 0 0 0 var(--party-mint);border-radius:999px;animation:1.6s ease-out infinite ping}@keyframes ping{70%{box-shadow:0 0 0 .5rem #0000}to{box-shadow:0 0 #0000}}.btn{white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-weight:700;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,background-color .15s,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn:active{box-shadow:none;transform:translateY(2px)}.btn:focus-visible{outline:3px solid var(--party-sun);outline-offset:3px}.btn-pink{background:var(--party-pink);color:#fff;box-shadow:0 5px 0 #c92a78, 0 14px 30px -10px var(--party-pink)}.btn-sun{background:var(--party-sun);color:var(--party-night);box-shadow:0 4px #c99600}.btn-ghost{background:var(--surface-card);color:var(--foreground);border:1px solid var(--border-card)}.btn-ghost:hover{background:var(--surface-card-hover)}.btn-disabled,.btn:disabled{color:#fff6e880;cursor:not-allowed;box-shadow:none;filter:none;background:#ffffff14;transform:none}.nav-link{border-radius:999px;padding:.4rem .8rem;transition:background-color .15s,color .15s}.nav-link:hover{background:var(--surface-card);color:var(--party-sun)}.nav-link:focus-visible{outline:3px solid var(--party-sun);outline-offset:2px}.game-card{background:linear-gradient(160deg, color-mix(in oklab, var(--c) 18%, transparent), var(--surface-card) 55%);border:1px solid var(--border-card);border-radius:1.75rem;flex-direction:column;height:100%;padding:1.5rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .25s;display:flex;position:relative}.game-card-sm{border-radius:1.25rem;padding:1.1rem}.game-card:hover{border-color:color-mix(in oklab, var(--c) 70%, transparent);box-shadow:0 22px 40px -18px var(--c);transform:translateY(-6px)rotate(-.5deg)}.game-card:active{transform:translateY(-2px)}.game-card:has(.card-link:focus-visible){outline:3px solid var(--party-sun);outline-offset:3px}.card-link{outline:none}.card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card-shape{filter:drop-shadow(0 8px 10px #0000004d);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.game-card:hover .card-shape{transform:scale(1.12)rotate(-10deg)}.card-cta{color:var(--c);font-weight:700;transition:transform .2s}.game-card:hover .card-cta{transform:translate(4px)}.badge{color:var(--text-muted);background:#ffffff1a;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-live{background:color-mix(in oklab, var(--party-mint) 22%, transparent);color:#b8ffe8}.meta{background:#ffffff14;border-radius:999px;padding:.3rem .7rem}.step{background:var(--surface-card);border:1px solid var(--border-card);border-radius:1.5rem;padding:1.5rem}.step-n{width:2.75rem;height:2.75rem;color:var(--party-night);border-radius:999px;place-items:center;font-size:1.25rem;font-weight:700;display:grid;box-shadow:0 4px #00000040}.faq{background:var(--surface-card);border:1px solid var(--border-card);border-radius:1.25rem;padding:1rem 1.25rem}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;font-size:1.1rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--party-sun);font-size:1.4rem;line-height:1;transition:transform .2s}.faq[open] summary:after{transform:rotate(45deg)}.faq summary:focus-visible{outline:3px solid var(--party-sun);outline-offset:4px;border-radius:.5rem}.cta-panel{text-align:center;background:linear-gradient(135deg, var(--party-brand), #c13ac9 55%, var(--party-pink));box-shadow:0 30px 60px -25px var(--party-pink);border-radius:2rem;padding:3rem 1.5rem}.hero-halo{background:radial-gradient(circle, color-mix(in oklab, var(--c) 55%, transparent), transparent 65%);border-radius:999px;animation:4s ease-in-out infinite pulse;position:absolute;inset:10%}@keyframes pulse{50%{opacity:.7;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.rise,.reveal,.floater,.beams,.candy-text,.live-dot,.hero-halo{animation:none!important}.btn,.game-card,.card-shape,.card-cta{transition:none}}.kv-halo{filter:blur(40px);opacity:.55;z-index:0;background:conic-gradient(from 0deg, var(--party-pink), var(--party-sun), var(--party-mint), var(--party-sky), var(--party-glow), var(--party-pink));border-radius:3rem;animation:14s linear infinite halo-spin;position:absolute;inset:-8%}@keyframes halo-spin{to{transform:rotate(360deg)}}.kv-frame{z-index:1;height:100%;box-shadow:0 0 0 5px #fff, 0 0 0 9px color-mix(in oklab, var(--party-pink) 70%, transparent), 0 40px 70px -25px #000000b3;border-radius:1.75rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:rotate(-2.5deg)}.kv:hover .kv-frame{transform:rotate(0)scale(1.02)}.kv-img{object-fit:cover;transform-origin:70% 40%;width:100%;height:100%;animation:18s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.12)translate(-2%,1%)}}.kv-shine{pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%);animation:6s ease-in-out 1.2s infinite shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes shine{0%{transform:translate(-120%)}22%,to{transform:translate(120%)}}.kv-sticker{z-index:2;background:var(--bg);color:var(--fg);white-space:nowrap;animation:.6s cubic-bezier(.34,1.56,.64,1) both sticker-pop,4.5s ease-in-out infinite sticker-bob;animation-delay:calc(.6s + var(--i) * .25s), calc(var(--i) * -1.1s);border-radius:999px;padding:.45rem .9rem;font-size:clamp(.75rem,1.6vw,1rem);font-weight:700;position:absolute;box-shadow:0 4px #00000040,0 14px 24px -10px #00000080}.kv-sticker-a{top:-6%;left:8%;rotate:-6deg}.kv-sticker-b{top:12%;right:-4%;rotate:5deg}.kv-sticker-c{font-size:clamp(1rem,2.4vw,1.4rem);bottom:8%;left:-4%;rotate:-4deg}.kv-sticker-d{bottom:-6%;right:10%;rotate:3deg}@keyframes sticker-pop{0%{opacity:0;scale:.4}}@keyframes sticker-bob{0%,to{translate:0}50%{translate:0 -10px}}.kv-spark{z-index:2;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:#fff;width:18px;height:18px;animation:2.4s ease-in-out infinite twinkle;position:absolute}.kv-spark-1{top:4%;right:22%}.kv-spark-2{background:var(--party-sun);width:12px;height:12px;animation-delay:-.8s;bottom:22%;right:-2%}.kv-spark-3{background:var(--party-pink);width:14px;height:14px;animation-delay:-1.6s;top:40%;left:-3%}@keyframes twinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(90deg)}}@media (prefers-reduced-motion:reduce){.kv-halo,.kv-img,.kv-shine,.kv-sticker,.kv-spark{animation:none!important}.kv-shine,.kv-spark{display:none}.kv-frame{transition:none}}.card-media{aspect-ratio:16/9;border-radius:1.75rem 1.75rem 0 0;margin:-1.5rem -1.5rem 0;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.game-card:hover .card-img{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.card-img{transition:none}}.stats-panel{text-align:center;background:radial-gradient(40rem 20rem at 50% 0%, color-mix(in oklab, var(--party-brand) 45%, transparent), transparent 70%), var(--surface-card);border:1px solid var(--border-card);border-radius:2rem;padding:3rem 1.25rem}.stat{border:1px solid var(--border-card);background:#ffffff0f;border-radius:1.25rem;padding:1rem 1.1rem}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee-track{gap:1.25rem;width:max-content;padding:.5rem 0 1.5rem;animation:60s linear infinite marquee;display:flex}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(calc(-50% - .625rem))}}.quote{background:linear-gradient(160deg, color-mix(in oklab, var(--c) 16%, transparent), var(--surface-card) 60%);border:1px solid var(--border-card);border-radius:1.5rem;flex:none;width:min(22rem,80vw);padding:1.5rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s}.quote:hover{border-color:color-mix(in oklab, var(--c) 70%, transparent);transform:translateY(-4px)rotate(-.6deg)}.avatar{background:var(--c);width:2.6rem;height:2.6rem;color:var(--party-night);border-radius:999px;flex:none;place-items:center;font-size:1.1rem;font-weight:700;display:grid}@media (prefers-reduced-motion:reduce){.marquee{-webkit-mask-image:none;mask-image:none}.marquee-track{flex-wrap:wrap;justify-content:center;width:auto;padding-inline:1rem;animation:none}.marquee-track>[aria-hidden=true]{display:none}.quote{transition:none}}
