.sd{isolation:isolate;pointer-events:none;--eye-y:38%;--sd-slot:46%;--sd-face-x:21%;--sd-glow:60px;--sd-spring:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.9%, 1);position:absolute;inset:0}@media (min-width:64rem){.sd{--eye-y:40%;--sd-slot:32%;--sd-face-x:17%;--sd-glow:120px}}.sd[data-variant=story]{--eye-y:36%;--sd-slot:54%;--sd-face-x:25%;--sd-glow:60px;--sd-fade:.42}.sd[data-variant=story] .sd-light{opacity:.55}.sd-light{z-index:-1;position:absolute;inset:0}.sd-light[data-side=away]{background:radial-gradient(62% 88% at 0% var(--eye-y), color-mix(in oklab, var(--sd-a) 58%, transparent), transparent 74%), linear-gradient(90deg, color-mix(in oklab, var(--sd-a) 26%, transparent), transparent 46%)}.sd-light[data-side=home]{background:radial-gradient(62% 88% at 100% var(--eye-y), color-mix(in oklab, var(--sd-h) 58%, transparent), transparent 74%), linear-gradient(270deg, color-mix(in oklab, var(--sd-h) 26%, transparent), transparent 46%)}.sd-photos{inset:0 0 var(--sd-foot) 0;position:absolute;overflow:clip}.sd-side{inset-inline:0;height:calc(100% + var(--sd-foot));--sd-mask-v:linear-gradient(180deg, #000 0%, #000 calc(var(--eye-y) + 12%), #00000080 calc(var(--eye-y) + 26%), transparent calc(100% - var(--sd-foot)));position:absolute;top:0}.sd-side[data-side=away]{-webkit-mask-image:linear-gradient(90deg, #000 0%, #000 calc(var(--sd-slot) * var(--sd-fade,.6)), #0006 calc(var(--sd-slot) * .82), transparent var(--sd-slot)), var(--sd-mask-v);-webkit-mask-image:linear-gradient(90deg, #000 0%, #000 calc(var(--sd-slot) * var(--sd-fade,.6)), #0006 calc(var(--sd-slot) * .82), transparent var(--sd-slot)), var(--sd-mask-v);mask-image:linear-gradient(90deg, #000 0%, #000 calc(var(--sd-slot) * var(--sd-fade,.6)), #0006 calc(var(--sd-slot) * .82), transparent var(--sd-slot)), var(--sd-mask-v);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.sd-side[data-side=home]{-webkit-mask-image:linear-gradient(270deg, #000 0%, #000 calc(var(--sd-slot) * var(--sd-fade,.6)), #0006 calc(var(--sd-slot) * .82), transparent var(--sd-slot)), var(--sd-mask-v);-webkit-mask-image:linear-gradient(270deg, #000 0%, #000 calc(var(--sd-slot) * var(--sd-fade,.6)), #0006 calc(var(--sd-slot) * .82), transparent var(--sd-slot)), var(--sd-mask-v);mask-image:linear-gradient(270deg, #000 0%, #000 calc(var(--sd-slot) * var(--sd-fade,.6)), #0006 calc(var(--sd-slot) * .82), transparent var(--sd-slot)), var(--sd-mask-v);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.sd-drift,.sd-enter{position:absolute;inset:0}.sd-img{top:var(--eye-y);height:calc(var(--scale) * 100%);aspect-ratio:var(--ar);translate:calc(var(--ax) * -100%) calc(var(--ay) * -100%);display:block;position:absolute;-webkit-mask-image:linear-gradient(#0000 0%,#0009 8%,#000 18%);mask-image:linear-gradient(#0000 0%,#0009 8%,#000 18%)}.sd-img[data-sd-img=away]{left:calc(var(--sd-face-x) - var(--pos-x))}.sd-img[data-sd-img=home]{left:calc(100% - var(--sd-face-x) + var(--pos-x))}.sd-shade{mix-blend-mode:multiply;position:absolute;inset:0}.sd-shade[data-side=away]{background:radial-gradient(60% 70% at var(--sd-face-x) var(--eye-y), transparent 30%, #050b178c 78%, #050b17d9 100%)}.sd-shade[data-side=home]{background:radial-gradient(60% 70% at calc(100% - var(--sd-face-x)) var(--eye-y), transparent 30%, #050b178c 78%, #050b17d9 100%)}.sd-centre{background:radial-gradient(26% 52% at 50% 36%,#050b17b3,#050b1747 70%,#0000);position:absolute;inset:0}.sd[data-variant=story] .sd-centre{display:none}.sd-rim{mix-blend-mode:soft-light;position:absolute;inset:0}.sd-rim[data-side=away]{background:linear-gradient(90deg, var(--sd-a), transparent 34%)}.sd-rim[data-side=home]{background:linear-gradient(270deg, var(--sd-h), transparent 34%)}.sd-seam-in{position:absolute;inset:0}.sd-seam{width:var(--sd-glow);margin-left:calc(var(--sd-glow) / -2);opacity:.4;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 calc(var(--eye-y) - 22%), #000 calc(var(--eye-y) + 18%), transparent 92%);-webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 calc(var(--eye-y) - 22%), #000 calc(var(--eye-y) + 18%), transparent 92%);mask-image:linear-gradient(180deg, transparent 0%, #000 calc(var(--eye-y) - 22%), #000 calc(var(--eye-y) + 18%), transparent 92%);position:absolute;top:0;bottom:0;left:50%}.sd-seam-glow{background:radial-gradient(50% 46% at 50% var(--eye-y), #ffffff57, transparent 100%), linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--sd-a) 78%, transparent) 30%, color-mix(in oklab, color-mix(in oklab, var(--sd-a), var(--sd-h)) 60%, white) 50%, color-mix(in oklab, var(--sd-h) 78%, transparent) 70%, transparent 100%);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.sd-seam-glow{background:radial-gradient(50% 46% at 50% var(--eye-y), lab(100% -.0000298023 .0000119209/.34), transparent 100%), linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--sd-a) 78%, transparent) 30%, color-mix(in oklab, color-mix(in oklab, var(--sd-a), var(--sd-h)) 60%, white) 50%, color-mix(in oklab, var(--sd-h) 78%, transparent) 70%, transparent 100%)}}.sd-seam-core{background:linear-gradient(180deg, color-mix(in oklab, var(--sd-a) 50%, white), white var(--eye-y), color-mix(in oklab, var(--sd-h) 50%, white));width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}@media (prefers-reduced-motion:no-preference){.sd-enter[data-side=away]{animation:sd-in-away .32s var(--sd-spring) both}.sd-enter[data-side=home]{animation:sd-in-home .32s var(--sd-spring) both}.sd-seam-in{animation:.32s cubic-bezier(.22,1,.36,1) both sd-seam-fade}}@keyframes sd-in-away{0%{opacity:0;transform:translate(-12px)}}@keyframes sd-in-home{0%{opacity:0;transform:translate(12px)}}@keyframes sd-seam-fade{0%{opacity:0}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.sd[data-parallax] .sd-drift[data-side=away]{animation:linear both sd-drift-away;animation-timeline:scroll(root);animation-range:0 400px}.sd[data-parallax] .sd-drift[data-side=home]{animation:linear both sd-drift-home;animation-timeline:scroll(root);animation-range:0 400px}.sd[data-parallax] .sd-seam{animation:linear both sd-seam-up;animation-timeline:scroll(root);animation-range:0 400px}}}@keyframes sd-drift-away{to{transform:translate(-8px)}}@keyframes sd-drift-home{to{transform:translate(8px)}}@keyframes sd-seam-up{0%{opacity:.4}to{opacity:.6}}@media (min-width:64rem){.sd[data-variant=game]{left:max(0px,50% - 640px);right:max(0px,50% - 640px)}}