.arena-root{background:radial-gradient(ellipse 90% 55% at 50% -8%, color-mix(in srgb, var(--forest-700) 85%, transparent), transparent 70%), radial-gradient(ellipse 60% 40% at 100% 30%, color-mix(in srgb, var(--forest-800) 80%, transparent), transparent 70%), var(--charcoal-950);color:var(--cream-100);min-height:100svh}.arena-ticket{--punch:12px;--punch-y:62%;-webkit-mask:radial-gradient(circle var(--punch) at 0 var(--punch-y), #0000 calc(var(--punch) - .5px), #000 var(--punch)) left / 51% 100% no-repeat, radial-gradient(circle var(--punch) at 100% var(--punch-y), #0000 calc(var(--punch) - .5px), #000 var(--punch)) right / 51% 100% no-repeat;-webkit-mask:radial-gradient(circle var(--punch) at 0 var(--punch-y), #0000 calc(var(--punch) - .5px), #000 var(--punch)) left / 51% 100% no-repeat, radial-gradient(circle var(--punch) at 100% var(--punch-y), #0000 calc(var(--punch) - .5px), #000 var(--punch)) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--punch) at 0 var(--punch-y), #0000 calc(var(--punch) - .5px), #000 var(--punch)) left / 51% 100% no-repeat, radial-gradient(circle var(--punch) at 100% var(--punch-y), #0000 calc(var(--punch) - .5px), #000 var(--punch)) right / 51% 100% no-repeat}.arena-tear{opacity:.35;background-image:linear-gradient(90deg,currentColor 50%,#0000 0);background-repeat:repeat-x;background-size:10px 2px;height:2px}@keyframes arena-ring{to{transform:rotate(360deg)}}.arena-ring{animation:40s linear infinite arena-ring}@keyframes arena-float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-9px) rotate(calc(var(--r,0deg) + 5deg))}}.arena-float{animation:4.8s ease-in-out infinite arena-float}.arena-carousel{scroll-snap-type:x mandatory;padding-inline:1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.75rem;margin-inline:-1rem;padding-bottom:.25rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.arena-carousel::-webkit-scrollbar{display:none}.arena-carousel>*{scroll-snap-align:start;flex:0 0 72%}@media (min-width:640px){.arena-carousel{grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:0;padding-inline:0;display:grid;overflow:visible}.arena-carousel>*{flex:initial}}.arena-canvas-wrap{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.arena-hold{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.arena-option{transition:transform .15s,background-color .2s,border-color .2s}.arena-option:not([aria-disabled=true]):active{transform:scale(.985)}@keyframes arena-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.arena-pop{animation:.35s cubic-bezier(.16,1,.3,1) both arena-pop}@keyframes arena-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.arena-rise{animation:.5s cubic-bezier(.16,1,.3,1) both arena-rise}@keyframes arena-flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.arena-flip{animation:.5s both arena-flip}@keyframes arena-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.arena-shake{animation:.35s arena-shake}
