.arena{isolation:isolate;z-index:0;--tint:var(--arena-tint,#ff5c8a);position:relative}.arena__in{z-index:1;position:relative}.stage{z-index:0;pointer-events:none;background:var(--ink);position:fixed;inset:0;overflow:hidden}.stage__aurora{filter:blur(70px);opacity:.5;mix-blend-mode:screen;will-change:transform;background:radial-gradient(closest-side, var(--tint) 0%, transparent 70%);width:80vmax;height:80vmax;transition:background .9s;position:absolute}.stage__aurora--a{animation:34s ease-in-out infinite alternate auroraA;top:-30vmax;left:-20vmax}.stage__aurora--b{background:radial-gradient(closest-side, var(--heat-3) 0%, transparent 70%);opacity:.34;animation:41s ease-in-out infinite alternate auroraB;top:-10vmax;right:-25vmax}.stage__aurora--c{background:radial-gradient(closest-side, var(--heat-1) 0%, transparent 70%);opacity:.26;animation:47s ease-in-out infinite alternate auroraC;bottom:-45vmax;left:30vw}@keyframes auroraA{0%{transform:translate(0)scale(1)}to{transform:translate(18vw,14vh)scale(1.25)}}@keyframes auroraB{0%{transform:translate(0)scale(1.1)}to{transform:translate(-16vw,22vh)scale(.9)}}@keyframes auroraC{0%{transform:translate(0)}to{transform:translate(-22vw,-12vh)scale(1.2)}}.stage__floor{transform-origin:50% 100%;opacity:.55;background-image:linear-gradient(color-mix(in srgb, var(--tint) 75%, transparent) 2px, transparent 2px), linear-gradient(90deg, color-mix(in srgb, var(--tint) 75%, transparent) 2px, transparent 2px);background-size:72px 72px;height:58vh;animation:6s linear infinite floor;position:absolute;bottom:0;left:-40vw;right:-40vw;transform:perspective(520px)rotateX(58deg);-webkit-mask-image:linear-gradient(#0000 15%,#000000e6);mask-image:linear-gradient(#0000 15%,#000000e6)}@keyframes floor{0%{background-position:0 0}to{background-position:0 72px}}.stage__scan{opacity:.6;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 3px);position:absolute;inset:0}.stage__vignette{background:radial-gradient(at 50% 30%,#0000 30%,#0d0b10d9 100%);position:absolute;inset:0}.fxlayer{z-index:30;pointer-events:none;position:fixed;inset:0}.fxflash{z-index:31;pointer-events:none;opacity:0;background:var(--fc,#fff);mix-blend-mode:screen;position:fixed;inset:0}.fxflash.is-on{animation:.52s ease-out forwards fxflash}@keyframes fxflash{0%{opacity:var(--fs,.5)}to{opacity:0}}.arena .surface{background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(6px);border-color:color-mix(in srgb, var(--rule) 70%, var(--tint) 30%)}.arena .hdr{border-bottom-color:color-mix(in srgb, var(--rule) 55%, var(--tint) 45%);box-shadow:0 2px 30px -12px var(--tint)}.arena .hdr .wordmark,.arena .ftr .wordmark{text-shadow:0 0 18px #ffffff59}.arena .hdr nav a[aria-current=page]{text-shadow:0 0 12px #fff9}.arena .ramp{box-shadow:0 0 22px -2px var(--heat-5)}.arena .t-hero,.arena .t-h2s{text-shadow:0 0 30px #ffffff1f}.arena .hl,.arena .price{text-shadow:0 0 20px color-mix(in srgb, var(--highlight) 60%, transparent), 0 0 48px color-mix(in srgb, var(--highlight) 25%, transparent)}.arena .eyebrow{text-shadow:0 0 14px color-mix(in srgb, currentColor 45%, transparent)}.arena .step__n{text-shadow:0 0 22px color-mix(in srgb, currentColor 65%, transparent)}.arena .prod,.arena .pack{background:color-mix(in srgb, var(--ink) 78%, transparent);-webkit-backdrop-filter:blur(10px);transition:border-color .22s,box-shadow .26s,transform .26s;position:relative}.arena .prod:hover,.arena .pack:hover{border-color:color-mix(in srgb, var(--tint) 60%, var(--rule));box-shadow:0 0 40px -10px var(--tint);transform:translateY(-3px)}.arena .prod--featured{box-shadow:0 0 34px -10px var(--highlight)}.arena .prod--featured:hover{box-shadow:0 0 54px -8px var(--highlight)}.arena .pack__band,.arena .packrow__band{box-shadow:0 0 18px -2px}.arena .prod:before,.arena .pack:before{content:"";pointer-events:none;opacity:0;background:conic-gradient(from var(--sweep,0deg), transparent 0 70%, var(--tint) 85%, transparent 100%);-webkit-mask-composite:xor;padding:2px;transition:opacity .3s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.arena .prod:hover:before,.arena .pack:hover:before{opacity:1;animation:2.8s linear infinite sweep}.arena .drawer{background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(14px);box-shadow:-10px 0 60px -30px var(--tint)}.arena .announce{box-shadow:0 0 30px -6px var(--highlight)}.arena .tabs{border-bottom-color:color-mix(in srgb, var(--rule) 60%, var(--tint) 40%)}.arena .ftr{border-top-color:color-mix(in srgb, var(--rule) 60%, var(--tint) 40%);background:color-mix(in srgb, var(--ink) 55%, transparent)}.arena .legend__row.on .legend__sw{box-shadow:0 0 14px 1px}.arena .stepper button:hover,.arena .iconbtn:hover{box-shadow:0 0 16px -4px #fff}.arena .panel{background:color-mix(in srgb, var(--ink) 78%, transparent);-webkit-backdrop-filter:blur(10px);border-color:color-mix(in srgb, var(--rule-strong) 70%, var(--tint) 30%);position:relative}.arena .panel:before{content:"";pointer-events:none;opacity:0;background:conic-gradient(from var(--sweep,0deg), transparent 0 70%, var(--tint) 85%, transparent 100%);-webkit-mask-composite:xor;padding:2px;transition:opacity .3s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.arena .panel:hover:before,.arena .panel.is-live:before{opacity:1;animation:2.8s linear infinite sweep}@property --sweep{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes sweep{to{--sweep:360deg}}.arena .btn{transition:background var(--t), color var(--t), box-shadow .22s, transform .16s}.arena .btn:not(:disabled):hover{box-shadow:0 0 0 1px var(--highlight), 0 0 28px -4px var(--highlight);transform:translateY(-1px)}.arena .btn--light:not(:disabled):hover,.arena .btn--outline:not(:disabled):hover{box-shadow:0 0 0 1px #fff,0 0 28px -4px #fff}.arena .btn--stop:not(:disabled):hover{box-shadow:0 0 0 1px var(--heat-6), 0 0 30px -4px var(--heat-6)}.arena .btn:disabled{box-shadow:none}.arena .input:focus{border-color:var(--tint);box-shadow:0 0 0 1px var(--tint), 0 0 24px -6px var(--tint)}.arena .tag--hot{box-shadow:0 0 14px -4px var(--primary)}.arena .tag--ok{box-shadow:0 0 14px -4px var(--heat-1)}.glow-text{text-shadow:0 0 18px color-mix(in srgb, currentColor 70%, transparent), 0 0 42px color-mix(in srgb, currentColor 35%, transparent)}.arena .roomcode{text-shadow:0 0 24px color-mix(in srgb, var(--tint) 60%, transparent)}.arena .num{text-shadow:0 0 16px #ffffff59}.arena .banner{background:color-mix(in srgb, var(--c,var(--highlight)) 8%, transparent);box-shadow:inset 0 0 40px -20px var(--c,var(--highlight)), 0 0 30px -14px var(--c,var(--highlight))}.arena .tabs a[aria-current=page]{text-shadow:0 0 14px var(--highlight)}.arena .ceiling__row.on,.arena .legend__row.on{background:linear-gradient(90deg, color-mix(in srgb, var(--tint) 14%, transparent), transparent 70%);box-shadow:inset 3px 0 0 var(--tint)}.arena .meter>i.on{box-shadow:0 0 10px -1px var(--c,var(--primary))}.arena .room{gap:clamp(32px,4vw,64px)}.arena .player{background:linear-gradient(90deg,#ffffff08,#0000);margin-left:-10px;padding-left:10px}.arena .player.is-rolling{background:linear-gradient(90deg, color-mix(in srgb, var(--tint) 18%, transparent), transparent 80%);box-shadow:inset 3px 0 0 var(--tint)}.arena .playlog{border-top-color:color-mix(in srgb, var(--tint) 40%, var(--rule))}.arena .playlog>div{animation:.48s cubic-bezier(.2,.7,.2,1) both logIn}.arena .playlog>div:last-child{color:var(--text-strong)}@keyframes logIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.pulse{background:var(--c,var(--heat-1));width:8px;height:8px;box-shadow:0 0 10px var(--c,var(--heat-1));vertical-align:middle;margin-right:8px;animation:1.4s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.heatbar{gap:3px;height:8px;display:flex}.heatbar>i{background:var(--hc);opacity:.22;flex:1;transition:opacity .3s,box-shadow .3s,transform .3s}.heatbar>i.on{opacity:1;box-shadow:0 0 16px var(--hc), 0 0 34px -6px var(--hc);transform:scaleY(1.6)}.heatbar>i.past{opacity:.55}.d12wrap{--f:calc(var(--s) / 1.8);width:var(--s);height:var(--s);perspective:calc(var(--s) * 4.5);flex:none;position:relative}.d12__spin{transform-style:preserve-3d;position:absolute;inset:0}.d12wrap.is-idle .d12__spin{animation:16s linear infinite idleSpin}@keyframes idleSpin{to{transform:rotateY(360deg)}}.d12wrap.is-lit .d12__spin{animation:4s ease-in-out infinite floatY}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.d12{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0;transform:rotateX(-24deg)rotateY(28deg)}.d12__face{width:var(--f);height:calc(var(--f) * .951);margin:calc(var(--f) * -.5257) 0 0 calc(var(--f) * -.5);transform-origin:50% 55.28%;transform:rotateZ(var(--phi)) rotateX(var(--tilt)) translateZ(calc(var(--f) * .688)) rotateZ(var(--spin));clip-path:polygon(50% 0,100% 38.2%,80.9% 100%,19.1% 100%,0 38.2%);backface-visibility:hidden;background:linear-gradient(160deg, color-mix(in srgb, var(--fc) 70%, white) 0%, var(--fc) 45%, color-mix(in srgb, var(--fc) 60%, black) 100%);position:absolute;top:50%;left:50%}.d12__facein{transform-origin:50% 55.28%;clip-path:polygon(50% 0,100% 38.2%,80.9% 100%,19.1% 100%,0 38.2%);background:linear-gradient(160deg, color-mix(in srgb, var(--fc) 82%, black) 0%, color-mix(in srgb, var(--fc) 45%, black) 55%, color-mix(in srgb, var(--fc) 30%, black) 100%);transition:background .3s,filter .3s;position:absolute;inset:0;transform:scale(.9)}.d12__facein:after{content:"";background:linear-gradient(115deg,#ffffff57 0%,#ffffff0f 38%,#0000 55%);position:absolute;inset:0}.d12__n{font-family:var(--font-display);font-weight:900;font-size:calc(var(--f) * .4);color:#ffffffdb;letter-spacing:-.02em;line-height:1;position:absolute;top:55.28%;left:50%;transform:translate(-50%,-50%)}.d12wrap.is-idle .d12__facein{filter:saturate(.45)brightness(.8)}.d12__face.on .d12__facein{background:linear-gradient(160deg, color-mix(in srgb, var(--fc) 80%, white) 0%, var(--fc) 50%, color-mix(in srgb, var(--fc) 70%, black) 100%);filter:brightness(1.25)}.d12__face.on .d12__n{color:var(--ink);text-shadow:0 0 12px #ffffffe6}.d12__glow{pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c) 55%, transparent) 0%, transparent 62%);filter:blur(6px);z-index:-1;transition:opacity .4s;position:absolute;inset:-10%}.d12wrap.is-lit .d12__glow{opacity:1;animation:2.6s ease-in-out infinite breathe}.d12wrap.is-rolling .d12__glow{opacity:.7;--c:#fff}.d12__pool{pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--c) 60%, transparent) 0%, transparent 70%);filter:blur(4px);height:26%;transition:opacity .4s;position:absolute;bottom:-14%;left:-20%;right:-20%}.d12wrap.is-lit .d12__pool,.d12wrap.is-rolling .d12__pool{opacity:1}.d12wrap.is-landed{animation:.64s cubic-bezier(.2,1.6,.4,1) land}@keyframes land{0%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.pit{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);padding:clamp(16px,2vw,28px) 0;display:grid;position:relative}.pit__cat{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:var(--tint);font-size:clamp(34px,5vw,64px);font-weight:900;line-height:.92}.pit__cat.is-live{animation:.6s cubic-bezier(.2,.9,.2,1) both catIn}@keyframes catIn{0%{opacity:0;filter:blur(6px);transform:translateY(12px)scale(.96)}to{opacity:1;filter:none;transform:none}}.pit__roll{position:relative}.pit__roll .btn{padding:18px 26px;font-size:15px}.pit__roll .btn:not(:disabled){animation:2.2s ease-in-out infinite beckon}@keyframes beckon{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--tint) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--tint) 22%, transparent), 0 0 34px -4px var(--tint)}}.arena .deckfan__card{box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 45%, transparent), inset 0 0 14px -6px color-mix(in srgb, var(--c) 80%, transparent);transition:transform .3s cubic-bezier(.2,.9,.2,1),filter .3s,box-shadow .3s}.arena .deckfan__card.on{box-shadow:0 0 0 1px var(--c), 0 0 18px -4px var(--c)}.arena .deckfan__card.pick{box-shadow:0 0 0 2px var(--c), 0 0 34px -2px var(--c), 0 0 70px -10px var(--c);z-index:2;animation:1.6s ease-in-out infinite beam;transform:translateY(-22px)scale(1.06)}@keyframes beam{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}.arena .deckfan__card--btn:hover{transform:translateY(-30px)scale(1.1)}.holo{perspective:1100px;--mx:50%;--my:50%;--rx:0deg;--ry:0deg;--sheen:0;width:min(100%,340px);position:relative}.holo--sm{width:min(100%,220px)}.holo .card{width:100%}.holo__tilt{transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;will-change:transform;transition:transform .22s ease-out;position:relative}.holo__sheen,.holo__foil{pointer-events:none;position:absolute;inset:0}.holo__sheen{background:radial-gradient(circle at var(--mx) var(--my), #ffffff57 0%, #ffffff14 28%, transparent 58%);mix-blend-mode:screen;opacity:var(--sheen);transition:opacity .24s}.holo__foil{mix-blend-mode:color-dodge;opacity:calc(.35 + var(--sheen) * .55);background:linear-gradient(115deg,#0000 12%,#3fd6c88c 30%,#a68cf58c 42%,#ff5c8a8c 54%,#ffd23f8c 66%,#0000 84%) 0 0/260% 260%;background-position:calc(var(--mx) * 1.6) calc(var(--my) * 1.6);animation:5s ease-in-out infinite alternate foilDrift}@keyframes foilDrift{0%{filter:hue-rotate()}to{filter:hue-rotate(40deg)}}.holo__halo{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 55%, color-mix(in srgb, var(--c,var(--primary)) 50%, transparent) 0%, transparent 68%);filter:blur(22px);animation:3.2s ease-in-out infinite breathe;position:absolute;inset:-8%}.arena .card{box-shadow:0 0 0 1px color-mix(in srgb, var(--c,#fff) 30%, transparent)}.arena .rare-glow{animation:1.6s ease-in-out infinite alternate rareGlow}@keyframes rareGlow{0%{filter:brightness()drop-shadow(0 0 6px #ffd23f59)}to{filter:brightness(1.15)drop-shadow(0 0 16px #ffd23fbf)}}.arena .reveal .card{animation:.7s cubic-bezier(.2,.7,.2,1) both flipin;animation-delay:calc(var(--i) * .26s)}.arena .newpill{box-shadow:0 0 14px var(--highlight)}.arena .flipcard--tap .card{transition:transform .2s,box-shadow .2s}.arena .flipcard--tap:hover .card{box-shadow:0 0 0 2px var(--c), 0 0 40px -4px var(--c)}.arena .flipcard--tap .card--back-color{animation:1.8s ease-in-out infinite backPulse}@keyframes backPulse{0%,to{box-shadow:0 0 0 1px var(--c), 0 0 18px -6px var(--c)}50%{box-shadow:0 0 0 2px var(--c), 0 0 46px -4px var(--c)}}.arena .flipcard__face{transition:transform .32s ease-in-out,filter .32s}.arena .flipcard__face.is-edge{filter:brightness(2.2)}.arena .card--back-color .card__back{justify-content:center;align-items:center;position:relative;background-image:radial-gradient(at 50% 42%,#ffffff6b 0%,#ffffff14 38%,#0000 62%),repeating-linear-gradient(135deg,#0000001f 0 3px,#0000 3px 14px)!important}.arena .card--back-color .card__back:before{content:"";pointer-events:none;border:2px solid #ffffff8c;position:absolute;inset:14px}.arena .card--back-color .card__back:after{content:"";pointer-events:none;border:1px solid #00000040;position:absolute;inset:22px}.arena .card__back-roll{text-shadow:0 0 22px #fffc}.roomcard{border:2px solid var(--rule);background:color-mix(in srgb, var(--ink) 70%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.roomcard:hover{border-color:color-mix(in srgb, var(--tint) 60%, var(--rule));box-shadow:0 0 30px -10px var(--tint)}.roomcard.is-playing{box-shadow:inset 4px 0 0 var(--heat-1), 0 0 24px -12px var(--heat-1)}.roomcard.is-waiting{box-shadow:inset 4px 0 0 var(--heat-7)}.roomcard__code{font-family:var(--font-mono);letter-spacing:.24em;color:var(--text-strong);text-shadow:0 0 14px #ffffff59;font-size:20px}.arena .iconbtn:hover{box-shadow:0 0 18px -4px var(--heat-6);border-color:var(--heat-6);color:var(--heat-6)}.arena .pack3d__wrap{background:color-mix(in srgb, var(--surface-2) 85%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--pc,#fff) 40%, transparent), 0 0 44px -10px var(--pc,#fff)}.arena .pack3d--ready:hover .pack3d__wrap{box-shadow:0 0 0 2px var(--pc,#fff), 0 0 70px -6px var(--pc,#fff)}.arena .pack3d__band{box-shadow:0 0 24px var(--pc,#fff)}.arena .pack3d.torn .pack3d__wrap{animation:.5s .5s forwards fadeout,.5s ease-out packLight}@keyframes packLight{0%{filter:brightness()}to{filter:brightness(3)}}@media (prefers-reduced-motion:reduce){.stage__aurora,.stage__floor,.d12wrap.is-idle .d12__spin,.d12wrap.is-lit .d12__spin,.d12__glow,.holo__halo,.holo__foil,.arena .deckfan__card.pick,.pit__roll .btn,.arena .flipcard--tap .card--back-color,.arena .rare-glow,.arena .panel:before,.pulse{animation:none!important}.holo__tilt{transition:none}.fxflash.is-on{animation:none}}@media (max-width:720px){.pit{grid-template-columns:1fr;justify-items:start}.stage__aurora{filter:blur(50px)}}