.hxEx{--ex:88,203,255;--px:0;--py:0;isolation:isolate;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(#141217 0%,#0b0a0d 100%);border:1px solid #ffffff17;border-radius:26px;grid-template-columns:minmax(0,1fr);gap:10px;padding:10px;text-decoration:none;transition:border-color .25s,scale .2s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff0f}.hxEx:before{content:"";top:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);height:1px;position:absolute;inset-inline:40px}.hxEx:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.hxEx:active{scale:.988}@media (hover:hover){.hxEx:hover{border-color:#fff3}}.hxExDeck{direction:ltr;background:linear-gradient(#ffffff05,#fff0);border-radius:18px;min-height:430px;position:relative;overflow:hidden}.hxExGlow{aspect-ratio:1;background:radial-gradient(closest-side,rgba(var(--ex),.14),transparent);pointer-events:none;border-radius:50%;width:70%;position:absolute;top:52%;left:50%;translate:-50% -50%}.hxExGrid{pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 36px),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 36px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 40%,#0000);mask-image:radial-gradient(closest-side,#000 40%,#0000)}.hxExLayer{width:min(318px,78%);transform:translate(var(--tx,0),var(--ty,0)) rotate(var(--r,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .8s,translate .9s cubic-bezier(.2,.8,.2,1),scale .9s cubic-bezier(.2,.8,.2,1),filter .8s;transition-delay:0s,calc(var(--l) * 0s),calc((2 - var(--l)) * .14s),calc((2 - var(--l)) * .14s),calc((2 - var(--l)) * .14s);margin-inline:auto;position:absolute;left:0;right:0}.hxExLayer.c3{--tx:-62px;--ty:0px;--r:-7deg;--k:.5;top:34px}.hxExLayer.c2{--tx:58px;--ty:0px;--r:6deg;--k:.8;top:62px}.hxExLayer.c1{--tx:0px;--ty:0px;--r:-1.5deg;--k:1.3;top:112px}@media (hover:hover){.hxEx:hover .hxExLayer.c3{--tx:-96px;--ty:-8px;--r:-10deg}.hxEx:hover .hxExLayer.c2{--tx:92px;--ty:-4px;--r:9deg}.hxEx:hover .hxExLayer.c1{--ty:6px;--r:0deg}}.hxEx:active .hxExLayer.c3{--tx:-90px;--r:-9deg}.hxEx:active .hxExLayer.c2{--tx:86px;--r:8deg}.hxExCard{translate:calc(var(--px) * var(--k) * -10px) calc(var(--py) * var(--k) * -7px);transition:translate .35s cubic-bezier(.2,.8,.2,1)}.hxExFloat{will-change:transform;direction:rtl;background:linear-gradient(#1e2029f5,#0f1015f5);border:1px solid #ffffff1c;border-radius:16px;padding:12px;box-shadow:0 24px 44px #0000008c,inset 0 1px #ffffff12}.hxExCard.front .hxExFloat{box-shadow:0 28px 50px #0009,0 0 40px rgba(var(--ex),.08),inset 0 1px 0 #ffffff17;border-color:#ffffff2e}.hxExCard.back1 .hxExFloat,.hxExCard.back2 .hxExFloat{filter:brightness(.82)}.hxExWho{align-items:center;gap:8px;margin-bottom:9px;display:flex}.hxExSym,.hxExTag{font-family:var(--font-num);letter-spacing:.12em;color:var(--dim);border:1px solid var(--line2);white-space:nowrap;direction:ltr;border-radius:999px;margin-inline-start:auto;padding:1px 8px;font-size:10px;line-height:1.6}.hxExTag.exp{letter-spacing:0;color:var(--amber,#ffb86b);border-color:#ffb86b4d;font-family:inherit}.hxExChartBox{direction:ltr;background:#00000047;border:1px solid #ffffff0d;border-radius:10px;height:104px;position:relative;overflow:hidden}.hxExChart{width:100%;height:100%;display:block;position:absolute;inset:0}.hxExLine{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.8s cubic-bezier(.4,0,.2,1) .35s}.hxExDot{background:rgb(var(--ex));width:8px;height:8px;box-shadow:0 0 12px rgb(var(--ex));border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:10.4%;left:98.3%}.hxExBars{gap:7px;margin-top:11px;display:grid}.hxExBars i{background:#ffffff1a;border-radius:99px;height:7px;display:block}.hxExBars i:first-child{width:86%}.hxExBars i:nth-child(2){width:64%}.hxExBars i:nth-child(3){width:74%}.hxExShot{border:1px solid #ffffff0d;border-radius:10px;overflow:hidden}.hxExShot img{width:100%;height:auto;display:block}.hxEx.waiting .hxExLayer{opacity:0;filter:blur(6px);translate:0 44px;scale:.92}.hxEx.waiting .hxExLine:not(.two){stroke-dashoffset:1px}.hxEx.waiting .hxExLine.two,.hxEx.waiting .hxExDot{opacity:0}.hxEx.live .hxExCard.front .hxExFloat{animation:6.5s ease-in-out infinite alternate hxExBob}.hxEx.live .hxExCard.back1 .hxExFloat{animation:7.5s ease-in-out -2s infinite alternate-reverse hxExBob}.hxEx.live .hxExCard.back2 .hxExFloat{animation:8.5s ease-in-out -4s infinite alternate hxExBob}.hxEx.live .hxExLine:not(.two){animation:7s cubic-bezier(.4,0,.2,1) infinite hxExDraw}.hxEx.live .hxExDot{animation:7s ease-in-out infinite hxExPing}.hxEx.live .hxExFillArea{animation:7s ease-in-out infinite hxExFade}@keyframes hxExBob{0%{transform:translateY(-6px)rotate(-.4deg)}to{transform:translateY(6px)rotate(.4deg)}}@keyframes hxExDraw{0%{stroke-dashoffset:1px}38%,88%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:.2}}@keyframes hxExPing{0%,34%{opacity:0;transform:scale(.4)}44%,88%{opacity:1;transform:scale(1)}50%{transform:scale(1.5)}to{opacity:0}}@keyframes hxExFade{0%{opacity:0}40%,88%{opacity:1}to{opacity:0}}@media (max-width:900px){.hxExDeck{min-height:400px}}@media (max-width:650px){.hxEx{border-radius:22px;padding:8px}.hxExDeck{min-height:372px}.hxExLayer{width:min(262px,72%)}.hxExLayer.c3{--tx:-44px;top:26px}.hxExLayer.c2{--tx:42px;top:50px}.hxExLayer.c1{top:96px}.hxEx:active .hxExLayer.c3{--tx:-62px}.hxEx:active .hxExLayer.c2{--tx:60px}.hxExChartBox{height:90px}}@media (prefers-reduced-motion:reduce){.hxEx,.hxExLayer,.hxExCard,.hxExLine{transition:none}.hxEx *{animation:none!important}}
