@layer components{.grad-text{color:var(--color-brand-lavender);-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(100deg,#b478fc 0%,#e4a8f0 22%,#c06cf0 44%,#8430f0 62%,#b478fc 80%,#e4a8f0 100%);background-position:0%;background-size:240% 100%;-webkit-background-clip:text;background-clip:text;padding-inline:.02em}.tone-light .grad-text,.ui-light .grad-text{color:var(--color-accent-hover);background-image:linear-gradient(100deg,#4818c0 0%,#8430f0 30%,#b24fe0 52%,#6c24f0 72%,#4818c0 100%)}@media (prefers-reduced-motion:no-preference){.grad-text{animation:7s ease-in-out infinite alternate grad-flow}}@keyframes grad-flow{0%{background-position:0%}to{background-position:100%}}@media (hover:hover) and (pointer:fine){:is(.fx,.interactive,.lift,.vouch-row,.stack-rows>li):not(.absolute,.fixed,.sticky){isolation:isolate;position:relative}:is(.fx,.interactive,.lift,.vouch-row,.stack-rows>li):not(.absolute,.fixed,.sticky):before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .28s var(--ease-out);position:absolute;inset:0;box-shadow:0 0 0 1px #b478fc61,0 0 26px -2px #8430f080,0 10px 30px -10px #c06cf073}:is(.fx,.vouch-row,.stack-rows>li):not(.absolute,.fixed,.sticky):after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out), background-position .75s var(--ease-out);background:linear-gradient(105deg,#0000 38%,#ffffff21 50%,#0000 62%) 130% 0/260% 100% no-repeat;position:absolute;inset:0}:is(.fx,.interactive,.lift,.vouch-row,.stack-rows>li):not(.absolute,.fixed,.sticky):hover:before,:is(.fx,.interactive,.lift,.vouch-row,.stack-rows>li):not(.absolute,.fixed,.sticky):focus-visible:before{opacity:1}:is(.fx,.vouch-row,.stack-rows>li):not(.absolute,.fixed,.sticky):hover:after{opacity:1;background-position:-40% 0}:is(.interactive,.lift):not(.absolute,.fixed,.sticky):after{content:"";background:0 0;height:8px;position:absolute;top:100%;left:0;right:0}:is(.interactive,.lift):not(.absolute,.fixed,.sticky):hover{background-image:linear-gradient(105deg,#0000 30%,#ffffff0d 50%,#0000 70%)}.btn-glass:hover,.glass-chip:hover,.glass-chip:focus-visible,[data-fx-chip]:hover{box-shadow:inset 0 1px #fff3,0 0 0 1px #b478fc59,0 0 22px -3px #b478fc8c}:is(footer,[data-site-nav],header nav) a:hover{text-shadow:0 0 14px #b478fc80}.fx-link{transition:color .2s var(--ease-out), text-shadow .25s var(--ease-out);text-decoration:none;position:relative}.fx-link:after{content:"";transform-origin:0;height:1px;transition:transform .35s var(--ease-out);background:linear-gradient(90deg,#b478fc,#e4a8f0);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.fx-link:hover{color:#fff;text-shadow:0 0 14px #b478fc8c}.fx-link:hover:after{transform:scaleX(1)}}.tone-light .fx:before{box-shadow:0 0 0 1px #8430f059,0 8px 26px -8px #8430f059}}.hero-split{grid-template-columns:minmax(0,1fr);align-items:center;gap:14px;display:grid}.hero-split-text{text-align:left;min-width:0}.hero-split-text .h-display{max-width:18ch;font-size:clamp(34px,8.4vw,44px);line-height:1.02}.hero-split-text .lede{max-width:36rem;margin-top:.75rem}.hero-art.hero-split-art{order:-1;width:clamp(140px,40vw,190px);min-width:0;max-width:100%;margin:0 auto}@media (min-width:768px){.hero-split{grid-template-columns:minmax(0,1fr) minmax(0,17rem);gap:clamp(24px,5vw,64px)}.hero-split-text .h-display{max-width:16ch;font-size:clamp(40px,5vw,68px)}.hero-split-text .lede{margin-top:1.25rem}.hero-art.hero-split-art{order:0;justify-self:end;width:100%;max-width:17rem}}@media (min-width:1024px){.hero-art.hero-split-art{max-width:19rem}}.hero-split-art .art{max-width:100%}.glass-card{isolation:isolate;background:linear-gradient(150deg,#ffffff1a,#ffffff08 38%,#ffffff05),#140e229e;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #fff3,0 24px 50px -28px #000000b3}.glass-card:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ffffff12 34%,#0000 46%),radial-gradient(60% 50% at 100% 0,#b478fc29,#0000 70%);position:absolute;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){@media (min-width:640px){html:not([data-lowfx]) .glass-card{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background-color:#140e2275}}}@media (prefers-reduced-transparency:reduce){html .glass-card{background-color:#1a1230;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.glass-tile{background:linear-gradient(160deg,#ffffff14,#ffffff06),#120c1e80;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff24}.band-deep{background:radial-gradient(50% 70% at 12% 0,#c06cf073,#0000 70%),radial-gradient(45% 60% at 100% 100%,#4818c0bf,#0000 70%),linear-gradient(135deg,#6a24d8,#8430f0 55%,#5a1fd0)}.band-arrow{color:#e4a8f0;flex:none;align-items:center;width:44px;display:inline-flex}.band-arrow-l{flex-direction:row-reverse}.band-arrow-line{background:linear-gradient(90deg,#0000,currentColor);border-radius:2px;flex:1;height:2px;position:relative;overflow:hidden}.band-arrow-l .band-arrow-line{background:linear-gradient(270deg,#0000,currentColor)}.band-arrow-line:after{content:"";width:40%;animation:1.8s ease-in-out infinite band-flow;animation-delay:calc(var(--ai,0) * .22s);background:linear-gradient(90deg,#0000,#fff,#0000);position:absolute;inset:0;transform:translate(-100%)}.band-arrow-l .band-arrow-line:after{animation-name:band-flow-l;transform:translate(260%)}.band-arrow-head{width:10px;height:10px;animation:1.8s ease-in-out infinite band-nudge;animation-delay:calc(var(--ai,0) * .22s);flex:none}.band-arrow-l .band-arrow-head{animation-name:band-nudge-l;transform:scaleX(-1)}@keyframes band-flow{0%{transform:translate(-100%)}70%,to{transform:translate(260%)}}@keyframes band-flow-l{0%{transform:translate(260%)}70%,to{transform:translate(-100%)}}@keyframes band-nudge{0%,60%,to{translate:0}75%{translate:3px}}@keyframes band-nudge-l{0%,60%,to{translate:0}75%{translate:-3px}}@media (prefers-reduced-motion:reduce){.band-arrow-line:after,.band-arrow-head{animation:none}}.glass-pop.pop-solid{background:linear-gradient(150deg,#ffffff12,#ffffff03 40%),#140e21fb;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #ffffff29,0 24px 48px -16px #000c}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html:not([data-lowfx]) .glass-pop.pop-solid{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background-color:#140e21f5}}.reveal:has([data-smart-search]){z-index:40;position:relative}:has(>[data-smart-search]){z-index:40;position:relative}.hero-art.hero-art-mini{width:clamp(104px,28vw,150px);min-width:0;max-width:150px;margin:0 0 0 auto}@media (min-width:640px){.hero-art.hero-art-mini{width:150px}}.prose-intro h1{margin-bottom:12px}@media (min-width:768px){.prose-intro h1{font-size:clamp(40px,5vw,60px)}}.lens-glass{background:radial-gradient(circle at 35% 30%,#e4a8f01a,#8430f00f 60%,#4818c029)}.lens-edge{background:radial-gradient(circle,#0000 62%,#b478fc2e 80%,#4818c073 100%);box-shadow:inset 0 0 0 1px #ffffff38,inset 3px 0 5px -2px #ff78dc80,inset -3px 0 5px -2px #6eaaff80,inset 0 0 18px 2px #8430f04d}.lens-rim{filter:drop-shadow(0 0 7px #b478fc99);background:conic-gradient(from 210deg,#e4a8f0,#8430f0 22%,#4818c0 45%,#b478fc 62%,#e4a8f0 80%,#8430f0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.lens-handle-pivot{pointer-events:none;transition:transform .7s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.lens-handle{background:linear-gradient(#9a4ef5,#6a24d8 45%,#4818c0);border-radius:6px;width:42px;height:12px;position:absolute;top:calc(50% - 6px);left:calc(100% - 2px);box-shadow:inset 0 1px #ffffff59,0 2px 8px #4818c080}.lens-handle:before{content:"";background:linear-gradient(#e4a8f0,#8430f0);border-radius:4px;width:7px;position:absolute;top:-2px;bottom:-2px;left:-2px}.beat-waves{overflow:visible}.beat-ring{opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#0000 58%,#c06cf061 66%,#b478fc1f 72%,#0000 78%);border-radius:50%;width:140px;height:140px;margin:-70px 0 0 -70px;position:absolute;top:0;left:0}.beat-blobs{contain:paint}.beat-blob{contain:layout paint;border-radius:50%;position:absolute;transform:translate(-30%,-20%)}.beat-blob>i{border-radius:50%;position:absolute;inset:0}.beat-blob-a{opacity:.55;background:radial-gradient(circle,#4818c04d,#0000 68%)}.beat-blob-b{opacity:0;background:radial-gradient(circle,#c06cf04d,#e4a8f014 45%,#0000 70%)}@media (prefers-reduced-motion:no-preference){.art .beat-star{animation:3.6s ease-out infinite beat-star}.beat-ring{animation:3.6s cubic-bezier(.2,.55,.35,1) infinite beat-wave}.beat-ring-2{animation-name:beat-wave-2;animation-delay:.22s}.beat-blob-a{animation:beat-blob-a 3.6s ease-out var(--d,0s) infinite}.beat-blob-b{animation:beat-blob-b 3.6s ease-out var(--d,0s) infinite}.beat-blob{animation:beat-blob 3.6s ease-out var(--d,0s) infinite}}@keyframes beat-star{0%{transform:scale(1)}7%{transform:scale(1.17)}15%{transform:scale(.98)}24%{transform:scale(1.08)}40%,to{transform:scale(1)}}@keyframes beat-wave{0%,5%{opacity:0;transform:scale(.4)}9%{opacity:.95}to{opacity:0;transform:scale(9)}}@keyframes beat-wave-2{0%,5%{opacity:0;transform:scale(.4)}9%{opacity:.55}to{opacity:0;transform:scale(8)}}@keyframes beat-blob{0%,to{transform:translate(-30%,-20%)scale(1)}8%{transform:translate(-30%,-20%)scale(1.1)}35%{transform:translate(-30%,-20%)scale(1.02)}}@keyframes beat-blob-a{0%,to{opacity:.55}8%{opacity:.85}40%{opacity:.55}}@keyframes beat-blob-b{0%,to{opacity:0}8%{opacity:.95}45%{opacity:0}}html[data-lowfx] .beat-blob:nth-child(3){display:none}.tid-card{position:relative;box-shadow:0 0 0 1px #b478fc2e,0 0 18px -6px #b478fc4d}.tid-row{opacity:.35;transition:none}.tid-tick{opacity:0}@media (prefers-reduced-motion:no-preference){.tid-card{animation:9s ease-in-out infinite tid-glow}.tid-row-0{animation:9s ease-out infinite tid-row-0}.tid-row-1{animation:9s ease-out infinite tid-row-1}.tid-row-2{animation:9s ease-out infinite tid-row-2}.tid-row-0 .tid-tick{animation:9s ease-out infinite tid-row-0}.tid-row-1 .tid-tick{animation:9s ease-out infinite tid-row-1}.tid-row-2 .tid-tick{animation:9s ease-out infinite tid-row-2}}@media (prefers-reduced-motion:reduce){.tid-row,.tid-tick{opacity:1}}@keyframes tid-row-0{0%,8%{opacity:.35}14%,92%{opacity:1}to{opacity:.35}}@keyframes tid-row-1{0%,34%{opacity:.35}40%,92%{opacity:1}to{opacity:.35}}@keyframes tid-row-2{0%,60%{opacity:.35}66%,92%{opacity:1}to{opacity:.35}}@keyframes tid-glow{0%,8%{box-shadow:0 0 0 1px #b478fc26,0 0 10px -6px #b478fc33}20%,34%{box-shadow:0 0 0 1px #b478fc4d,0 0 18px -6px #b478fc73}46%,60%{box-shadow:0 0 0 1px #c06cf073,0 0 28px -6px #c06cf099}70%,92%{box-shadow:0 0 0 1px #e4a8f099,0 0 46px -4px #b478fcd9}to{box-shadow:0 0 0 1px #b478fc26,0 0 10px -6px #b478fc33}}img[src*="/img/games/sm/"],img[src*="/img/games/badge-"]{object-fit:cover;background-color:#15131c}img[src*="/img/games/badge-"]{border-radius:9999px}.ambient{z-index:-1;pointer-events:none;contain:strict;--px:0;--py:0;--sy:0;position:fixed;inset:0;overflow:hidden}.ambient:after{content:"";opacity:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1s 1.2s forwards amb-grain;position:absolute;inset:0}.amb{will-change:transform;border-radius:50%;position:absolute;transform:translate(0,0)}.amb-1{width:72vmax;height:72vmax;translate:calc(var(--px) * -26px) calc(var(--sy) * 90px);background:radial-gradient(closest-side,#4818c06b,#4818c045 30%,#4818c01f 60%,#4818c00a 85%,#0000 100%);top:-30vmax;left:-26vmax}.amb-2{width:62vmax;height:62vmax;translate:calc(var(--px) * 34px) calc(var(--sy) * -120px);background:radial-gradient(closest-side,#c06cf038,#c06cf024 30%,#c06cf00f 62%,#c06cf005 85%,#0000 100%);bottom:-26vmax;right:-24vmax}.amb-3{width:52vmax;height:52vmax;translate:calc(var(--px) * 46px) calc(var(--py) * 40px + var(--sy) * -160px);background:radial-gradient(closest-side,#8430f033,#8430f01f 35%,#8430f00d 65%,#0000 100%);top:38vh;left:30vw}.amb-beat{opacity:0;width:40vmax;height:40vmax;translate:calc(var(--px) * 20px) calc(var(--sy) * 60px);background:radial-gradient(closest-side,#e4a8f040,#b478fc1f 45%,#0000 100%);top:4vh;right:6vw}@media (prefers-reduced-motion:no-preference){.amb-1{animation:64s ease-in-out infinite alternate amb-d1}.amb-2{animation:52s ease-in-out infinite alternate amb-d2}.amb-3{animation:74s ease-in-out infinite alternate amb-d3}.amb-beat{animation:3.6s ease-out 1.1s infinite beat-amb}}.ambient[data-paused] .amb,html[data-hero-off] .beat-ring,html[data-hero-off] .beat-blob,html[data-hero-off] .beat-blob>i,html[data-hero-off] .amb-beat{animation-play-state:paused}html[data-lowfx] .amb-3{display:none}body:not(:has(.beat-blobs)) .amb-beat{display:none}@keyframes amb-d1{0%{transform:translate(0,0)scale(1)}to{transform:translate(9vw,7vh)scale(1.1)}}@keyframes amb-d2{0%{transform:translate(0,0)scale(1.05)}to{transform:translate(-8vw,-9vh)scale(.95)}}@keyframes amb-d3{0%{transform:translate(-6vw,4vh)scale(.95)}to{transform:translate(8vw,-6vh)scale(1.12)}}@keyframes beat-amb{0%,to{opacity:.3}8%{opacity:.75}40%{opacity:.3}}.mascot-float{will-change:transform;box-shadow:0 0 0 1px #b478fc59,0 0 20px -2px #8430f099}@media (prefers-reduced-motion:no-preference){.mascot-float .mascot-mark{animation:7s linear infinite mascot-spin}.mascot-dock .mascot-mark{animation:3.2s ease-in-out infinite mascot-bob}}@keyframes mascot-spin{to{transform:rotate(360deg)}}@keyframes mascot-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(8deg)}}:root{--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px}.container-page{max-width:1160px}.sec{padding-block:clamp(48px,5.4vw,84px)}@media (max-width:639px){.sec{padding-block:40px}}.h-section{letter-spacing:-.032em;font-size:clamp(30px,3.9vw,48px);font-weight:500;line-height:1.08}.h-card{font-weight:550}.glow-brand{opacity:.6}@layer base{.lede{color:var(--color-muted)}}[id$=-h]{scroll-margin-top:150px}.section-pills{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out), visibility 0s .25s;transform:translate(-50%,-8px)}.section-pills[data-show="1"]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%)}.sec .lede{max-width:40rem}html,body{overflow-x:clip}body:has([role=listbox]) .mascot-float{opacity:0;visibility:hidden;transition:opacity .15s}@keyframes amb-grain{to{opacity:.05}}@media (prefers-reduced-motion:reduce){.ambient:after{opacity:.05;animation:none}}
