:root{--studio-fast:.14s;--studio-medium:.26s;--studio-slow:.52s;--studio-ease-out:cubic-bezier(.16,.82,.24,1);--studio-ease-spring:cubic-bezier(.18,.9,.25,1.12);--studio-ease-cinematic:cubic-bezier(.2,.72,.18,1);--studio-cyan:oklch(82% .17 190);--studio-violet:oklch(72% .19 303);--studio-gold:oklch(84% .15 79);--studio-rose:oklch(70% .21 24);--studio-panel-shadow:0 28px 70px -38px oklch(1.5% .025 252/.92)}@keyframes studio-route-reveal{0%{opacity:0;filter:blur(5px);transform:translateY(14px)scale(.988)}65%{opacity:1;filter:blur()}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes studio-hero-breathe{0%,to{opacity:.48;transform:translate(0,0)scale(1)}50%{opacity:.72;transform:translate(-2%,2%)scale(1.08)}}@keyframes studio-sheen{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(230%)skew(-18deg)}}@keyframes studio-flare-drift{0%,to{opacity:.25;transform:translate(-7%,3%)scale(.9)}50%{opacity:.55;transform:translate(15%,-8%)scale(1.13)}}@keyframes studio-art-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes studio-spark-pop{0%{opacity:.9;filter:blur();width:0;height:0}55%{opacity:.68}to{opacity:0;filter:blur(1px);width:8rem;height:8rem}}@keyframes studio-win-halo{0%,to{box-shadow:0 0 oklch(82% .17 190/0),inset 0 1px oklch(100% 0 0/.07)}50%{box-shadow:0 0 0 8px oklch(82% .17 190/.04),0 0 42px oklch(82% .17 190/.15),inset 0 1px oklch(100% 0 0/.1)}}@keyframes studio-danger-halo{0%,to{box-shadow:inset 0 0 0 1px oklch(70% .21 24/.12)}50%{box-shadow:inset 0 0 32px oklch(70% .21 24/.13),0 0 24px oklch(70% .21 24/.08)}}@keyframes studio-win-sweep{0%{opacity:0;transform:translate(-120%)rotate(-15deg)}25%{opacity:.68}to{opacity:0;transform:translate(220%)rotate(-15deg)}}.studio-route-enter :is(.home-route,.arcade-hub,.game-route-active,.arcade-route)>*{animation:studio-route-reveal var(--studio-slow) var(--studio-ease-cinematic) both}.studio-route-enter :is(.home-route,.arcade-hub,.game-route-active,.arcade-route)>:nth-child(2){animation-delay:45ms}.studio-route-enter :is(.home-route,.arcade-hub,.game-route-active,.arcade-route)>:nth-child(3){animation-delay:85ms}.studio-route-enter :is(.home-route,.arcade-hub,.game-route-active,.arcade-route)>:nth-child(4){animation-delay:.12s}.studio-route-enter :is(.home-route,.arcade-hub,.game-route-active,.arcade-route)>:nth-child(n+5){animation-delay:.145s}.home-route,.arcade-hub{isolation:isolate;position:relative}.home-route:before,.arcade-hub:before,.home-route:after,.arcade-hub:after{content:"";z-index:-2;pointer-events:none;filter:blur(52px);will-change:transform, opacity;border-radius:999px;position:fixed}.home-route:before,.arcade-hub:before{background:radial-gradient(circle,oklch(71% .18 303/.15),#0000 67%);width:min(40rem,78vw);height:min(40rem,78vw);animation:10s ease-in-out infinite studio-hero-breathe;top:7rem;left:-14rem}.home-route:after,.arcade-hub:after{background:radial-gradient(circle,oklch(82% .17 190/.12),#0000 68%);width:min(36rem,72vw);height:min(36rem,72vw);animation:12s ease-in-out -4s infinite reverse studio-hero-breathe;top:27rem;right:-13rem}.home-hero,.arcade-hub-hero{isolation:isolate;position:relative;overflow:hidden}.home-hero:before,.arcade-hub-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 26% 36%,oklch(82% .17 190/.11),#0000 24%),radial-gradient(circle at 76% 34%,oklch(72% .19 303/.11),#0000 26%),radial-gradient(circle at 60% 80%,oklch(84% .15 79/.055),#0000 25%);animation:11s ease-in-out infinite studio-hero-breathe;position:absolute;inset:-45%}.home-hero:after,.arcade-hub-hero:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#0000 18%,oklch(100% 0 0/.055) 43%,#0000 58%);animation:8s ease-in-out 1.5s infinite studio-sheen;position:absolute;inset:0;transform:translate(-120%)}.library-game-card,.arcade-game-card,.hero-panel,.arcade-profile-card{--studio-rotate-x:0deg;--studio-rotate-y:0deg;--studio-art-x:0px;--studio-art-y:0px;--studio-glint-x:50%;--studio-glint-y:50%;isolation:isolate;transform-style:preserve-3d;transform:perspective(1050px) rotateX(var(--studio-rotate-x)) rotateY(var(--studio-rotate-y)) translateY(0);transition:transform var(--studio-medium) var(--studio-ease-out), border-color var(--studio-medium) ease, box-shadow var(--studio-medium) ease, filter var(--studio-medium) ease;will-change:transform;position:relative}.library-game-card:before,.arcade-game-card:before,.hero-panel:before,.arcade-profile-card:before{content:"";z-index:30;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--studio-glint-x) var(--studio-glint-y), oklch(100% 0 0/.11), transparent 24%);opacity:0;transition:opacity var(--studio-medium) ease;mix-blend-mode:screen;position:absolute;inset:0}.library-game-card:after,.arcade-game-card:after,.hero-panel:after{content:"";z-index:29;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,oklch(100% 0 0/.11),#0000);width:32%;height:180%;position:absolute;top:-40%;left:-35%;transform:skew(-18deg)translate(-150%)}.library-game-card:is(:hover,:focus-visible),.arcade-game-card:is(:hover,:focus-visible),.hero-panel:is(:hover,:focus-visible),.arcade-profile-card:hover{transform:perspective(1050px) rotateX(var(--studio-rotate-x)) rotateY(var(--studio-rotate-y)) translateY(-5px) scale(1.012);filter:saturate(1.07)brightness(1.035);box-shadow:0 30px 55px -32px oklch(2% .03 252/.95),0 0 0 1px oklch(82% .17 190/.1)}.library-game-card:is(:hover,:focus-visible):before,.arcade-game-card:is(:hover,:focus-visible):before,.hero-panel:is(:hover,:focus-visible):before,.arcade-profile-card:hover:before{opacity:1}.library-game-card:is(:hover,:focus-visible):after,.arcade-game-card:is(:hover,:focus-visible):after,.hero-panel:is(:hover,:focus-visible):after{opacity:1;animation:studio-sheen .92s var(--studio-ease-out) 1}.library-game-card:active,.arcade-game-card:active,.hero-panel:active{transition-duration:var(--studio-fast);transform:perspective(1050px)rotateX(0)rotateY(0)translateY(-1px)scale(.99)}.library-game-card .game-artwork,.arcade-game-card .arcade-artwork,.surface .game-artwork{transition:transform var(--studio-medium) var(--studio-ease-out), filter var(--studio-medium) ease;transform:translateZ(0)}.library-game-card .game-artwork svg,.arcade-game-card .arcade-artwork svg,.surface .game-artwork svg{transform:translate3d(var(--studio-art-x), var(--studio-art-y), 0) scale(1.025);transition:transform var(--studio-medium) var(--studio-ease-out), filter var(--studio-medium) ease}.library-game-card:is(:hover,:focus-visible) .game-artwork svg,.arcade-game-card:is(:hover,:focus-visible) .arcade-artwork svg{transform:translate3d(var(--studio-art-x), var(--studio-art-y), 0) scale(1.07);filter:saturate(1.08)contrast(1.025)}.game-artwork:before,.arcade-artwork:before{content:"";z-index:10;pointer-events:none;opacity:.7;mix-blend-mode:screen;background:linear-gradient(oklch(100% 0 0/.035),#0000 34%,oklch(2% .03 252/.12)),repeating-linear-gradient(#0000 0 4px,oklch(100% 0 0/.012) 5px 6px);position:absolute;inset:0}.game-artwork:after,.arcade-artwork:after{content:"";z-index:11;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 58% 42%,oklch(100% 0 0/.09),#0000 27%);animation:8s ease-in-out infinite studio-flare-drift;position:absolute;inset:-35%}.game-artwork-flare{animation:7s ease-in-out -2s infinite studio-flare-drift}.home-hero a,.arcade-hub a,.arcade-back-button,.library-game-reel button,.home-route nav a{position:relative;overflow:hidden}.home-hero a:after,.arcade-hub .arcade-action-button:after,.arcade-hub .arcade-secondary-button:after,.home-route nav a:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 28%,oklch(100% 0 0/.13) 48%,#0000 66%);position:absolute;inset:0;transform:translate(-130%)}.home-hero a:is(:hover,:focus-visible):after,.arcade-hub .arcade-action-button:is(:hover,:focus-visible):after,.arcade-hub .arcade-secondary-button:is(:hover,:focus-visible):after,.home-route nav a:is(:hover,:focus-visible):after{animation:studio-sheen .66s var(--studio-ease-out) 1}.studio-click-spark{left:var(--studio-spark-x);top:var(--studio-spark-y);z-index:80;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle, oklch(100% 0 0/.75) 0 2%, transparent 4%), conic-gradient(from 0deg, transparent 0 8%, oklch(82% .17 190/.5) 9% 11%, transparent 12% 24%, oklch(72% .19 303/.45) 25% 27%, transparent 28% 47%, oklch(84% .15 79/.42) 48% 50%, transparent 51% 72%, oklch(82% .17 190/.38) 73% 75%, transparent 76% 100%);filter:drop-shadow(0 0 8px oklch(82% .17 190/.35));animation:studio-spark-pop .52s var(--studio-ease-out) forwards;border-radius:999px;display:block;position:absolute;transform:translate(-50%,-50%)}[data-game-result]{isolation:isolate;overflow:hidden}[data-game-result=win]{animation:2.2s ease-in-out infinite studio-win-halo}[data-game-result=win]:after{content:"";pointer-events:none;width:22%;animation:studio-win-sweep 1.6s var(--studio-ease-out) .18s 1;background:linear-gradient(90deg,#0000,oklch(92% .08 190/.26),#0000);position:absolute;inset:-50% auto -50% -22%}[data-game-result=loss]{box-shadow:inset 0 0 0 1px oklch(70% .21 24/.12), var(--studio-panel-shadow)}[data-game-result=draw]{box-shadow:inset 0 0 0 1px oklch(84% .15 79/.12), var(--studio-panel-shadow)}.game-route-active [data-game-board] .game-cell-last-move,.game-route-active [data-game-board] .game-cell-selected{z-index:3}.game-route-active [data-game-board] .game-cell-last-move:after,.game-route-active [data-game-board] .game-cell-selected:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid oklch(82% .17 190/.28);position:absolute;inset:10%;box-shadow:0 0 18px oklch(82% .17 190/.14),inset 0 0 16px oklch(82% .17 190/.06)}.game-route-active [data-game-board] .game-cell-winner{z-index:4;position:relative}.game-route-active [data-game-board] .game-cell-winner:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid oklch(84% .15 79/.55);position:absolute;inset:-8%;box-shadow:0 0 18px oklch(84% .15 79/.26),inset 0 0 18px oklch(84% .15 79/.12)}.arcade-route .arcade-scene,.arcade-hub .arcade-artwork{isolation:isolate;position:relative}.arcade-route .arcade-scene:after{content:"";z-index:60;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(oklch(100% 0 0/.035),#0000 25% 70%,oklch(1.5% .025 252/.18)),radial-gradient(circle at 50% 0,oklch(82% .17 190/.045),#0000 38%);position:absolute;inset:0}.arcade-route .arcade-boss-banner{box-shadow:0 0 24px oklch(70% .21 24/.2),inset 0 1px oklch(100% 0 0/.12)}.arcade-route .arcade-main-panel:has(.arcade-status-danger) .arcade-scene{animation:1.25s ease-in-out infinite studio-danger-halo}.arcade-route :is(.arcade-action-button,.arcade-secondary-button,.arcade-choice-card,.arcade-business-card){position:relative;overflow:hidden}.arcade-route :is(.arcade-action-button,.arcade-secondary-button,.arcade-choice-card,.arcade-business-card):after{content:"";pointer-events:none;background:linear-gradient(112deg,#0000 30%,oklch(100% 0 0/.11) 48%,#0000 64%);position:absolute;inset:0;transform:translate(-140%)}.arcade-route :is(.arcade-action-button,.arcade-secondary-button,.arcade-choice-card,.arcade-business-card):not(:disabled):is(:hover,:focus-visible):after{animation:studio-sheen .62s var(--studio-ease-out) 1}@media (hover:hover) and (pointer:fine){.game-artwork,.arcade-artwork{animation:7s ease-in-out infinite studio-art-idle}}@media (width<=640px){.library-game-card,.arcade-game-card,.hero-panel,.arcade-profile-card,.library-game-card:is(:hover,:focus-visible),.arcade-game-card:is(:hover,:focus-visible),.hero-panel:is(:hover,:focus-visible){transform:none}.home-route:before,.arcade-hub:before,.home-route:after,.arcade-hub:after{filter:blur(38px);opacity:.72}.game-artwork:before,.arcade-artwork:before{opacity:.45}}@media (prefers-reduced-motion:reduce){.studio-route-enter :is(.home-route,.arcade-hub,.game-route-active,.arcade-route)>*,.home-route:before,.arcade-hub:before,.home-route:after,.arcade-hub:after,.home-hero:before,.arcade-hub-hero:before,.home-hero:after,.arcade-hub-hero:after,.game-artwork,.arcade-artwork,.game-artwork:after,.arcade-artwork:after,.game-artwork-flare,[data-game-result],[data-game-result]:after{animation:none!important}.arcade-route .arcade-main-panel:has(.arcade-status-danger) .arcade-scene{animation:none!important}.library-game-card,.arcade-game-card,.hero-panel,.arcade-profile-card,.library-game-card:is(:hover,:focus-visible),.arcade-game-card:is(:hover,:focus-visible),.hero-panel:is(:hover,:focus-visible){transform:none!important}.studio-click-spark{display:none}}.a11y-still .studio-click-spark{display:none!important}.a11y-still :is(.home-route,.arcade-hub,.game-route-active,.arcade-route) *,.a11y-still :is(.home-route,.arcade-hub):before,.a11y-still :is(.home-route,.arcade-hub):after{animation:none!important}