@property --spot{syntax:"<number>";inherits:true;initial-value:0}.gameel-next{background:var(--color-bg);padding:64px 24px 96px;font-family:Inter,sans-serif}.gameel-next[dir=rtl]{font-family:Ko Sans,sans-serif}.gameel-next__stage{color:#fff;background:#1a3cff;border-radius:28px;max-width:1320px;margin:auto;position:relative;overflow:hidden}.gameel-next__mesh{pointer-events:none;z-index:0;will-change:transform;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0 -80px}.gameel-next__heading{z-index:1;justify-content:space-between;align-items:flex-end;gap:32px;padding:48px 48px 0;display:flex;position:relative}.gameel-next__eyebrow{opacity:.75;margin:0 0 12px;font-size:12px}.gameel-next__heading h2{letter-spacing:-.035em;text-wrap:balance;max-width:560px;margin:0;font-size:clamp(28px,3.3vw,44px);font-weight:500;line-height:1.18}.gameel-next[dir=rtl] h2,.gameel-next[dir=rtl] h3{letter-spacing:normal;font-family:Ko Lab,sans-serif}.gameel-next[dir=rtl] h2{line-height:1.5}.gameel-next__heading>p{opacity:.75;max-width:260px;margin:0;font-size:14px;line-height:1.7}.gameel-next__viewport{z-index:1;isolation:isolate;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;direction:ltr;height:548px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.gameel-next__viewport.is-dragging{cursor:grabbing}.gameel-next__aura{pointer-events:none;z-index:0;opacity:.34;will-change:transform,opacity;background:radial-gradient(closest-side,#ffffff4d,#ffffff14 58%,#0000 78%);border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;position:absolute;top:274px;left:50%}.gameel-next__track{will-change:transform;z-index:1;direction:ltr;align-items:center;gap:28px;width:max-content;display:flex;position:absolute;top:54px;left:0}.gameel-next__tile{z-index:0;flex:0 0 288px;width:288px;height:440px;position:relative}.gameel-next__tile:nth-child(4n+1){--i:0}.gameel-next__tile:nth-child(4n+2){--i:1}.gameel-next__tile:nth-child(4n+3){--i:2}.gameel-next__tile:nth-child(4n+4){--i:3}.gameel-next__tile:before{content:"";z-index:-1;pointer-events:none;opacity:calc(var(--focus,0)*.9);background:radial-gradient(60% 54% at 50% 46%,#040f5c80,#0000 72%);border-radius:30px;position:absolute;inset:5% 7%}.gameel-next__card{box-sizing:border-box;color:#1a3cff;transform-origin:50%;width:100%;height:100%;opacity:calc(.52 + var(--focus,0)*.48);transform:translateY(calc(var(--spot,0)*-6px + (1 - var(--focus,0))*6px)) rotate(calc(var(--lean,0)*var(--depth,0)*1deg)) rotate(calc(var(--depth,0)*-.8deg)) perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(calc(.9 + var(--focus,0)*.16));background:#e5eaff;border-radius:24px;flex-direction:column;padding:26px;display:flex;position:relative;overflow:hidden}.gameel-next__spot{z-index:2;pointer-events:none;opacity:calc(var(--spot,0)*.18);background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),currentColor,transparent 72%);position:absolute;inset:0}.gameel-next__card--love{color:#fff;background:#ed3349}.gameel-next__card--paper{color:#1a3cff;background:#fff}.gameel-next__card--ice{color:#153ea9;background:#d8f5ff}.gameel-next__card--ink{color:#fff;background:#102977}.gameel-next__card-top{height:36px;transform:translate3d(calc(var(--depth,0)*8px),0,0);flex:none;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.gameel-next__card-top>span{letter-spacing:-.06em;font-size:40px;font-weight:400;line-height:1}.gameel-next__card h3{letter-spacing:-.04em;text-wrap:balance;flex:none;min-height:84px;margin:0 0 14px;font-size:29px;font-weight:500;line-height:1.2}.gameel-next[dir=rtl] .gameel-next__card h3{min-height:84px;line-height:1.45}.gameel-next__card>p{min-height:88px;margin:0;font-size:14px;line-height:1.65}.gameel-next__pill{color:#fff;white-space:nowrap;background:#1a3cff;border-radius:50px;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;margin-bottom:16px;padding:10px 14px;font-size:12px;display:inline-flex}.gameel-next__card--love .gameel-next__pill{color:#9f122d;background:#ffcbd3}.gameel-next__card--ink .gameel-next__pill{color:#1a3cff;background:#fff}.gameel-next__link{color:inherit;background:0 0;border:1px solid;border-radius:40px;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:46px;padding:12px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.gameel-next__link:hover{background:#ffffff35}.gameel-next__link:focus-visible,.gameel-next__controls button:focus-visible,.gameel-next__dots button:focus-visible{outline-offset:5px;outline:3px solid}.gameel-next__bottom{z-index:1;color:#ffffffb3;justify-content:space-between;align-items:center;gap:16px;padding:0 48px 28px;font-size:12px;display:flex;position:relative}.gameel-next__dots{direction:ltr;align-items:center;gap:10px;display:flex}.gameel-next__dots button{cursor:pointer;background:#ffffff4d;border:0;border-radius:2px;width:24px;height:3px;padding:0;transition:background .45s,transform .45s cubic-bezier(.16,1,.3,1)}.gameel-next__dots button:hover{background:#ffffff8c}.gameel-next__dots button[aria-current=true]{background:#fff;transform:scaleY(2)}.gameel-next__controls{direction:ltr;gap:8px;display:flex}.gameel-next__controls button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff60;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .2s,transform .2s;display:grid}.gameel-next__controls button:hover{background:#ffffff20}.gameel-next__controls button:active{transform:scale(.94)}.gameel-next__tile.is-active{z-index:2}.gameel-next__tile.is-active .gameel-next__card-top>span{animation:.58s cubic-bezier(.16,1,.3,1) both gn-number}.gameel-next__tile.is-active .gameel-next__card-top>svg{animation:.62s cubic-bezier(.16,1,.3,1) both gn-icon}.gameel-next__tile.is-active .gameel-next__card h3{animation:.7s cubic-bezier(.16,1,.3,1) both gn-rise}.gameel-next__tile.is-active .gameel-next__card>p{animation:.7s cubic-bezier(.16,1,.3,1) 70ms both gn-rise}.gameel-next__tile.is-active .gameel-next__pill{animation:.7s cubic-bezier(.16,1,.3,1) .13s both gn-rise}.gameel-next__tile.is-active .gameel-next__link{animation:.7s cubic-bezier(.16,1,.3,1) .19s both gn-rise}.gameel-next__card:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,currentColor,#0000);width:40%;position:absolute;top:-30%;bottom:-30%;left:0;transform:translate(-170%)}.gameel-next__tile.is-active .gameel-next__card:after{opacity:.09;animation:1.5s cubic-bezier(.4,0,.25,1) .1s gn-sheen}.gameel-next[dir=rtl] .gameel-next__card:after{left:auto;right:0;transform:translate(170%)}.gameel-next[dir=rtl] .gameel-next__tile.is-active .gameel-next__card:after{animation-name:gn-sheen-rtl}.gameel-next__card:focus-within{--spot:1;--mx:50%;--my:50%}.gameel-next.is-armed .gameel-next__stage{opacity:0;transform:translateY(22px)}.gameel-next.is-armed .gameel-next__heading>*,.gameel-next.is-armed .gameel-next__bottom{opacity:0;transform:translateY(16px)}.gameel-next.is-armed .gameel-next__tile{opacity:0;transform:translateY(30px)}.gameel-next.is-armed.is-in .gameel-next__stage{opacity:1;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transform:none}.gameel-next.is-armed.is-in .gameel-next__heading>*{opacity:1;transition:opacity .76s cubic-bezier(.16,1,.3,1) .14s,transform .9s cubic-bezier(.16,1,.3,1) .14s;transform:none}.gameel-next.is-armed.is-in .gameel-next__heading>p{transition-delay:.22s}.gameel-next.is-armed.is-in .gameel-next__bottom{opacity:1;transition:opacity .76s cubic-bezier(.16,1,.3,1) .26s,transform .9s cubic-bezier(.16,1,.3,1) .26s;transform:none}.gameel-next.is-armed.is-in .gameel-next__tile{opacity:1;transition:opacity .78s cubic-bezier(.16,1,.3,1) calc(var(--i,0)*80ms + .18s),transform .98s cubic-bezier(.16,1,.3,1) calc(var(--i,0)*80ms + .18s),--spot .42s cubic-bezier(.16,1,.3,1);transform:none}@keyframes gn-number{0%{opacity:.15;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes gn-icon{0%{opacity:.2;transform:scale(.7)rotate(-14deg)}to{opacity:1;transform:none}}@keyframes gn-rise{0%{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes gn-sheen{0%{transform:translate(-170%)}to{transform:translate(170%)}}@keyframes gn-sheen-rtl{0%{transform:translate(170%)}to{transform:translate(-170%)}}@media (max-width:640px){.gameel-next{padding:32px 12px 56px}.gameel-next__stage{border-radius:22px}.gameel-next__heading{padding:30px 24px 0;display:block}.gameel-next__heading>p{max-width:280px;margin-top:14px}.gameel-next__viewport{height:532px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.gameel-next__aura{width:420px;height:420px;margin:-210px 0 0 -210px;top:266px}.gameel-next__track{gap:18px;top:46px}.gameel-next__tile{flex-basis:268px;width:268px;height:440px}.gameel-next__card{padding:22px}.gameel-next__card h3{min-height:72px;font-size:27px}.gameel-next__card>p{min-height:100px;font-size:13px;line-height:1.7}.gameel-next__bottom{flex-wrap:wrap;row-gap:14px;padding:0 24px 24px}.gameel-next__bottom>span{max-width:145px;line-height:1.6}.gameel-next__dots{flex:1 0 100%;order:3;justify-content:center}.gameel-next__dots button{width:20px}.gameel-next__controls{gap:6px}.gameel-next__controls button{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.gameel-next *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.gameel-next__spot{opacity:0!important}}.gameel-guide-example{background:#1a3cff17;border-inline-start:3px solid #1a3cff;border-radius:0 12px 12px 0;padding:24px 28px}.gameel-guide-example p:last-child{margin-bottom:0}