.field-stage-vignette{background:radial-gradient(ellipse 62% 56% at 50% 50%,color-mix(in oklab,var(--color-surface-modal) 46%,transparent) 0%,color-mix(in oklab,var(--color-surface-modal) 18%,transparent) 62%,transparent 100%)}@media(min-width:768px){.field-stage-vignette{background:radial-gradient(ellipse 56% 62% at 50% 50%,color-mix(in oklab,var(--color-surface-modal) 62%,transparent) 0%,color-mix(in oklab,var(--color-surface-modal) 30%,transparent) 58%,transparent 100%),radial-gradient(ellipse 42% 5% at 50% 77%,color-mix(in oklab,var(--color-surface-modal) 45%,transparent) 0%,transparent 100%)}}.field-stage-floor{background:var(--color-bg);mix-blend-mode:lighten}.field-stage{aspect-ratio:1280 / 400}.field-stage-img{object-position:50% 36.9%}@media(min-width:768px){.field-stage{aspect-ratio:1280 / 636}.field-stage-img{object-position:50% 0%}}.field-stage{--fade-top: 13%;--fade-bottom: 8%;--fade-side: 4%;--stage-mask-x: linear-gradient( to right, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / .06) calc(var(--fade-side) * .15), rgb(0 0 0 / .22) calc(var(--fade-side) * .3), rgb(0 0 0 / .5) calc(var(--fade-side) * .5), rgb(0 0 0 / .78) calc(var(--fade-side) * .7), rgb(0 0 0 / .94) calc(var(--fade-side) * .85), #000 var(--fade-side), #000 calc(100% - var(--fade-side)), rgb(0 0 0 / .94) calc(100% - var(--fade-side) * .85), rgb(0 0 0 / .78) calc(100% - var(--fade-side) * .7), rgb(0 0 0 / .5) calc(100% - var(--fade-side) * .5), rgb(0 0 0 / .22) calc(100% - var(--fade-side) * .3), rgb(0 0 0 / .06) calc(100% - var(--fade-side) * .15), rgb(0 0 0 / 0) 100% );--stage-mask-y: linear-gradient( to bottom, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / .06) calc(var(--fade-top) * .15), rgb(0 0 0 / .22) calc(var(--fade-top) * .3), rgb(0 0 0 / .5) calc(var(--fade-top) * .5), rgb(0 0 0 / .78) calc(var(--fade-top) * .7), rgb(0 0 0 / .94) calc(var(--fade-top) * .85), #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), rgb(0 0 0 / .94) calc(100% - var(--fade-bottom) * .85), rgb(0 0 0 / .78) calc(100% - var(--fade-bottom) * .7), rgb(0 0 0 / .5) calc(100% - var(--fade-bottom) * .5), rgb(0 0 0 / .22) calc(100% - var(--fade-bottom) * .3), rgb(0 0 0 / .06) calc(100% - var(--fade-bottom) * .15), rgb(0 0 0 / 0) 100% );-webkit-mask-image:var(--stage-mask-x),var(--stage-mask-y);-webkit-mask-composite:source-in;mask-image:var(--stage-mask-x),var(--stage-mask-y);mask-composite:intersect}@media(min-width:768px){.field-stage{--fade-top: 26%;--fade-bottom: 18%}}@media(min-width:768px){.simulator-hero{width:min(100%,calc((100dvh - 12rem) * 1280 / 636));min-width:min(100%,44rem)}}@media(min-width:768px)and (max-height:500px){.simulator-hero{width:min(100%,calc((100dvh - 7rem) * 1280 / 636));min-width:0}}.simulator-display{font-size:clamp(2.5rem,11vw,3.5rem);line-height:.95;letter-spacing:-.035em}@media(min-width:768px){.simulator-display{font-size:clamp(3rem,5vw,4.5rem);letter-spacing:-.045em}}.simulator-rise-1{--rise-delay: 60ms}.simulator-rise-2{--rise-delay: .12s}.simulator-rise-3{--rise-delay: .18s}[data-arena-carousel]{container-type:inline-size}.arena-scroller{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-inline:calc(50% - var(--arena-slot, 47cqw) / 2);outline:none}.arena-scroller:not([data-measured])>.arena-slot:first-child{margin-inline-start:calc(var(--arena-start, 0) * -1 * var(--arena-slot, 47cqw))}.arena-scroller::-webkit-scrollbar{display:none}.arena-scroller[data-reduced]{scroll-behavior:auto}.arena-slot{position:relative;flex:0 0 var(--arena-slot, 47cqw);width:var(--arena-slot, 47cqw);height:100%;scroll-snap-align:center;scroll-snap-stop:normal}.arena-visual{position:absolute;top:50%;left:50%;width:var(--arena-card, 56cqw);aspect-ratio:1000 / 440;margin-top:calc(var(--arena-card, 56cqw) * -.22);margin-left:calc(var(--arena-card, 56cqw) * -.5);transform-origin:50% 50%;border-radius:var(--radius-card, 4px)}.arena-scroller[data-moving] .arena-visual{will-change:transform}.arena-visual[data-tilt]{transform-style:preserve-3d}.arena-lights-off .ds-field-glow{display:none}@keyframes arena-lights-up{0%{opacity:var(--arena-lights-off, .5)}to{opacity:0}}.arena-visual[data-reveal]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--color-bg);opacity:0;pointer-events:none;animation:arena-lights-up .3s var(--ease-reveal) backwards;animation-delay:var(--arena-reveal-delay, 0ms)}@keyframes arena-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.arena-fade{animation:arena-fade-in var(--duration-slow) var(--ease-reveal) both}@media(orientation:landscape)and (max-height:520px)and (pointer:coarse){.arena-root[data-arena-full]{position:fixed;inset:0;z-index:var(--z-index-modal);display:flex;flex-direction:column;gap:0;background:var(--color-bg)}.arena-root[data-arena-full]>.arena-stage{flex:1 1 0%;height:auto;aspect-ratio:auto;margin-inline:0}.arena-root[data-arena-full]>.arena-controls{position:absolute;inset-inline:0;top:max(.5rem,env(safe-area-inset-top));z-index:20}.arena-root[data-arena-full]:not([data-arena-chrome])>.arena-controls{display:none}.arena-root[data-arena-full]>.arena-picker{display:none}.arena-root[data-arena-full]>.arena-panel{position:absolute;inset-inline:0;bottom:0;z-index:20;border-radius:0;background:linear-gradient(to top,var(--color-bg) 0%,color-mix(in srgb,var(--color-bg) 85%,transparent) 55%,transparent 100%);padding:2.5rem 1rem calc(3.25rem + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.arena-visual[data-reveal]:after,.arena-fade{animation:none}}.arena-slot:not([data-centre])>.arena-visual{transform:scale(.55)}.arena-slot:not([data-centre])>.arena-visual>.arena-field{opacity:.45}.arena-scroller .ds-field{touch-action:pan-x pan-y}
