.fxb{margin-block:clamp(6px,1.4vw,22px)}.fxb>.inner{isolation:isolate;position:relative}.fxb>.inner:before{content:"";z-index:-1;pointer-events:none;filter:blur(34px);background:radial-gradient(34% 58% at 72% 58%,#d6aa6e42,#0000 72%),radial-gradient(44% 60% at 18% 40%,#8f72c43d,#0000 72%);position:absolute;inset:-5% -2.5%}.fxb-card{--px:0;--py:0;--q:0;--ax:68.5%;--hz:83%;--u:clamp(3.2px,.37vw,6px);--ux:var(--u);--m:17;--gold:#d9b77e;--gold-2:#f1ddb4;--night:#0d0a20;--fxb-red:#bc332b;--fxb-spring:cubic-bezier(.16,1,.3,1);isolation:isolate;background:var(--night);color:#f7f2fb;border-radius:clamp(22px,2.2vw,32px);min-height:clamp(520px,42vw,640px);display:flex;position:relative;overflow:clip;box-shadow:0 34px 80px -42px #000000d9,0 0 0 1px #0000004d}@supports (container-type:size){.fxb-card{--u:min(1cqh,.4cqw)}}.fxb-card:after{content:"";z-index:5;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #d9b77e52,inset 0 1px #ffffff17}.fxb-art{z-index:-1;pointer-events:none;position:absolute;inset:0;container-type:size}.fxb-l{display:block;position:absolute;inset:0}.fxb .fx-pic{background-position:50%;background-size:cover;display:block}.fxb .fx-pic img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.fxb-sky .fx-pic{left:var(--ax);top:var(--hz);aspect-ratio:3/2;width:max(150cqw,170cqh);position:absolute;translate:-50% -76%}.fxb-sky img{object-fit:cover}.fxb-glow{background:radial-gradient(calc(46 * var(--u)) calc(34 * var(--u)) at var(--ax) calc(var(--hz) - 16 * var(--u)),#ffe4ba80,#f6beaa29 52%,transparent 76%);opacity:.85}.fxb-door .fx-pic{left:var(--ax);top:var(--hz);height:calc(90 * var(--u));aspect-ratio:2/3;background:0 0;position:absolute;translate:-50% -71%;-webkit-mask-image:linear-gradient(#000 72%,#0000 97%);mask-image:linear-gradient(#000 72%,#0000 97%)}.fxb-gl{opacity:0;width:100%;height:100%;transition:opacity 1.8s}.fxb-gl.is-on{opacity:1}.fxb-mist .fx-pic{left:var(--ax);top:calc(var(--hz) + 6 * var(--u));width:calc(170 * var(--u));aspect-ratio:3/2;background:0 0;position:absolute;translate:-50% -62%;-webkit-mask-image:radial-gradient(50% 50% at 50% 72%,#000 50%,#0000 100%);mask-image:radial-gradient(50% 50% at 50% 72%,#000 50%,#0000 100%)}.fxb-lan .fx-pic{left:var(--ax);top:calc(var(--hz) - 40 * var(--u));width:calc(175 * var(--u));aspect-ratio:3/2;background:0 0;position:absolute;translate:-50% -50%;-webkit-mask-image:linear-gradient(90deg,#0000 6%,#000 36%);mask-image:linear-gradient(90deg,#0000 6%,#000 36%)}.fxb-lan img{object-fit:cover}.fxb-shade{background:linear-gradient(90deg,#0d0a20e6 0,#0d0a20c7 24%,#0d0a2066 42%,#0d0a2000 58%),linear-gradient(0deg,#0d0a2080 0,#0d0a2000 26%),linear-gradient(#0d0a2066 0,#0d0a2000 24%)}.fxb-copy{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:flex-start;width:min(48%,660px);padding:clamp(30px,3.6vw,54px) 12px clamp(30px,3.4vw,50px) clamp(28px,4vw,64px);display:flex}.fxb-kick{font:700 12px/1.3 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 1px 12px #0d0a20e6;align-items:center;gap:10px;margin:0;display:flex}.fxb-kick svg{width:13px;height:13px;fill:var(--gold);filter:drop-shadow(0 0 6px #f1ddb4b3);flex:none}.fxb-title{font:italic 500 clamp(48px,5.4vw,92px)/.9 var(--display);letter-spacing:-.015em;color:#fcf8ff;text-shadow:0 0 50px #c9b5f073,0 0 16px #c9b5f02e,0 4px 34px #0a0818b3;margin:clamp(12px,1.4vw,18px) 0 0}.fxb-title [aria-hidden]>span{display:block}.fxb-title [aria-hidden]>span+span{padding-left:.42em}.fxb-tag{max-width:30ch;font:italic 500 clamp(20px,1.65vw,26px)/1.3 var(--display);color:#f6f0fc;text-wrap:balance;text-shadow:0 1px 2px #0a0818cc,0 2px 20px #0a0818cc;margin:clamp(14px,1.4vw,20px) 0 0}.fxb-acts{justify-items:start;gap:2px;width:100%;max-width:470px;margin:clamp(20px,2.2vw,30px) 0 0;padding:0;list-style:none;display:grid;position:relative}.fxb-acts:before{content:"";background:linear-gradient(#d9b77e26,#d9b77ebf 50%,#d9b77e26);width:1px;position:absolute;top:20px;bottom:20px;left:17.5px}.fxb-acts a{z-index:2;color:inherit;border-radius:14px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:14px;padding:6px 14px 6px 0;text-decoration:none;transition:background .25s;display:grid;position:relative}.fxb-acts a:hover{background:#ffffff0f}.fxb-num{width:36px;height:36px;font:italic 600 15px/1 var(--display);color:var(--gold-2);background:radial-gradient(circle at 35% 30%,#3b2f70,#17122f 76%);border-radius:50%;place-items:center;transition:box-shadow .3s;display:grid;box-shadow:0 0 0 1px #d9b77e9e,0 0 18px #f1ddb438}.fxb-num svg{width:14px;height:14px;fill:var(--gold-2)}.fxb-acts a:hover .fxb-num{box-shadow:0 0 0 1px var(--gold-2),0 0 24px #f1ddb480}.fxb-act{gap:2px;min-width:0;display:grid}.fxb-act small{font:700 10.5px/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.fxb-act small span{color:#d3c9e6;letter-spacing:.16em}.fxb-act b{font:italic 500 clamp(18px,1.4vw,21px)/1.18 var(--display);color:#fbf7ff;text-underline-offset:4px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .25s}.fxb-acts a:hover .fxb-act b{text-decoration-color:#f1ddb4b3}.fxb-foot{flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:clamp(22px,2.4vw,32px);display:flex}.fxb-cta{flex-wrap:wrap;gap:12px;display:flex}.fxb-go,.fxb-play{letter-spacing:-.005em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:54px;padding:0 28px;font-size:16px;font-weight:650;text-decoration:none;display:inline-flex}.fxb-go{color:#fff;background:linear-gradient(105deg,transparent 38%,#ffffff4d 50%,transparent 62%) -160% 0/260% 100% no-repeat,var(--fxb-red);transition:background-color .2s,background-position .9s cubic-bezier(.22,.8,.18,1);box-shadow:0 18px 40px -16px #bc332be6,0 0 0 1px #ffffff14,inset 0 1px #ffffff38}.fxb-go:after{content:"";z-index:1;position:absolute;inset:0}.fxb a{-webkit-tap-highlight-color:transparent}.fxb-go svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .35s var(--fxb-spring)}.fxb-card:hover .fxb-go{background-color:#a82b24;background-position:160% 0}.fxb-card:hover .fxb-go svg{transform:translate(4px)}.fxb-play{z-index:2;color:#1a1433;background:#fbf7f2;position:relative;box-shadow:0 16px 36px -18px #fbf7f280}.fxb-play:hover{background:#fff}.fxb-play svg{fill:currentColor;width:15px;height:15px}html:not([data-member="1"]) .fxb .member-only{display:none!important}.fxb-facts{font:700 11px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#ece5f7;flex-wrap:wrap;align-items:baseline;gap:6px 0;margin:0;padding:0;list-style:none;display:flex}.fxb-facts li{white-space:nowrap;align-items:baseline;gap:7px;display:flex}.fxb-facts li+li:before{content:"";background:var(--gold);opacity:.85;border-radius:50%;align-self:center;width:3px;height:3px;margin:0 12px}.fxb-facts b{font:italic 600 21px/1 var(--display);letter-spacing:0;text-transform:none;color:var(--gold-2)}.fxb :is(a,.fxb-face):focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}.fxb-go:focus-visible{outline-offset:4px}.fxb-v{z-index:3;pointer-events:none;position:absolute;inset:0;container-type:size}.fxb-faces{margin:0;padding:0;list-style:none}.fxb-orbits{left:calc(var(--ax) - 100 * var(--ux));top:calc(var(--hz) - 125 * var(--u));width:calc(200 * var(--ux));height:calc(200 * var(--u));pointer-events:none;transform:translate3d(calc(var(--px) * -18px),calc(var(--q) * -22px + var(--py) * -10px),0);position:absolute;overflow:visible}.fxb-orbits ellipse{fill:none;stroke:#f1ddb44d;stroke-width:1px;vector-effect:non-scaling-stroke}.fxb-orbits .o2{stroke:#f1ddb438;stroke-dasharray:2 7;stroke-linecap:round}.fxb-slot{--sz:calc(var(--m) * var(--s) * var(--u));left:calc(var(--ax) + var(--dx) * var(--ux));top:calc(var(--hz) - 25 * var(--u) + var(--dy) * var(--u));width:var(--sz);height:var(--sz);margin:calc(var(--sz) / -2) 0 0 calc(var(--sz) / -2);pointer-events:auto;transform:translate3d(calc(var(--px) * var(--d) * -26px),calc(var(--q) * var(--d) * -34px + var(--py) * var(--d) * -14px),0);position:absolute}.fxb-slot:has(.fxb-face:is(:hover,:focus-visible,.is-on)){z-index:2}.fxb-face{border-radius:50%;width:100%;height:100%;display:block}.fxb-ring{box-sizing:border-box;width:100%;height:100%;padding:max(3px,calc(var(--sz) * .045));box-shadow:0 0 0 calc(var(--sz) * .06) #f1ddb41a,0 0 calc(var(--sz) * .5) #ffd6a052,0 18px 34px -16px #000000d9;background:conic-gradient(from 210deg,#b08a5b,#d9b77e,#f6e7c6,#d9b77e,#b08a5b);border-radius:50%;display:block;position:relative}.fxb-ring img{box-sizing:border-box;object-fit:cover;background:#1a1533;border:2px solid #1a1533;border-radius:50%;width:100%;height:100%;display:block}.fxb-ring.paint{place-items:center;display:grid}.fxb-paint{inset:max(3px,calc(var(--sz) * .045));border:2px solid #1a1533;border-radius:50%;position:absolute;overflow:clip}.fxb-paint img{object-fit:cover;object-position:var(--fp,50% 50%);transform-origin:var(--fp,50% 50%);transform:scale(3.4)}.fxb-paint:after{content:"";background:radial-gradient(circle at 50% 46%,#0d0a204d,#0d0a20a3 82%);position:absolute;inset:0}.fxb-ring.paint i{font:italic 600 calc(var(--sz) * .36)/1 var(--display);letter-spacing:.01em;color:#fff6e4;text-shadow:0 0 14px #ffd6a0bf,0 1px 3px #0d0a20f2;position:relative}.fxb-face:is(:hover,:focus-visible,.is-on){transform:scale(1.13)}.fxb-face:is(:hover,:focus-visible,.is-on) .fxb-ring{box-shadow:0 0 0 calc(var(--sz) * .07) #f1ddb44d,0 0 calc(var(--sz) * .95) #ffd6a0b3,0 18px 34px -16px #000000d9}.fxb-face:focus-visible{outline-offset:5px}.fxb-caps{left:var(--ax);top:calc(var(--hz) + 3 * var(--u));text-align:center;pointer-events:none;isolation:isolate;width:min(80cqw,310px);margin:0;display:grid;position:absolute;translate:-50%}.fxb-caps:before{content:"";z-index:-1;background:radial-gradient(closest-side,#0d0a20cc,#0d0a20a8 56%,#0d0a204d 82%,#0000);position:absolute;inset:-40% -20%}.fxb-caps>span{opacity:0;grid-area:1/1;align-content:start;justify-items:center;gap:4px;display:grid;transform:translateY(6px)}.fxb-caps>.fxb-cap0{opacity:1;--on:1;transform:none}.fxb-caps b{font:italic 600 clamp(20px,1.7vw,25px)/1.12 var(--display);color:#fffbff;text-shadow:0 1px 2px #0d0a20f2,0 2px 18px #0d0a20e6}.fxb-caps i{font:700 10.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);text-wrap:balance;text-shadow:0 1px 2px #0d0a20f2,0 1px 12px #0d0a20e6;font-style:normal}.fxb-v:has(.fxb-face:is(:hover,:focus-visible,.is-on)) .fxb-caps>.fxb-cap0{opacity:0;--on:0;transform:translateY(6px)}:is(.fxb-v:has([data-k="0"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="0"],.fxb-v:has([data-k="1"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="1"],.fxb-v:has([data-k="2"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="2"],.fxb-v:has([data-k="3"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="3"],.fxb-v:has([data-k="4"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="4"],.fxb-v:has([data-k="5"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="5"],.fxb-v:has([data-k="6"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="6"],.fxb-v:has([data-k="7"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="7"],.fxb-v:has([data-k="8"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="8"],.fxb-v:has([data-k="9"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="9"],.fxb-v:has([data-k="10"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="10"],.fxb-v:has([data-k="11"]:is(:hover,:focus-visible,.is-on)) .fxb-cap[data-k="11"]){opacity:1;--on:1;transform:none}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .fxb>.inner:before{background:radial-gradient(36% 62% at 74% 60%,#ffc4968c,#0000 72%),radial-gradient(46% 64% at 20% 42%,#b292e280,#0000 72%)}:root:not([data-theme=dark]) .fxb-card{box-shadow:0 0 0 6px #fffcf8,0 0 0 7px #b08a5b66,0 40px 80px -38px #3a226e8c,0 14px 30px -18px #3a226e59}}:root[data-theme=light] .fxb>.inner:before{background:radial-gradient(36% 62% at 74% 60%,#ffc4968c,#0000 72%),radial-gradient(46% 64% at 20% 42%,#b292e280,#0000 72%)}:root[data-theme=light] .fxb-card{box-shadow:0 0 0 6px #fffcf8,0 0 0 7px #b08a5b66,0 40px 80px -38px #3a226e8c,0 14px 30px -18px #3a226e59}@media (max-width:900px){.fxb-card{--stage:min(84vw,390px);--ax:50%;--hz:calc(var(--stage) * .8);--u:calc(var(--stage) / 100);--ux:min(var(--u),.77vw);--m:17;border-radius:24px;min-height:0}@supports (container-type:size){.fxb-card{--ux:min(var(--u),.84cqw)}}.fxb-copy{width:100%;padding:calc(var(--stage) + 20px) clamp(20px,5vw,40px) clamp(24px,6vw,40px)}.fxb-sky .fx-pic{width:max(170cqw,calc(var(--stage) * 2.15))}.fxb-lan .fx-pic{width:calc(124 * var(--u));top:calc(var(--hz) - 44 * var(--u));-webkit-mask-image:none;mask-image:none}.fxb-mist .fx-pic{width:calc(150 * var(--u))}.fxb-shade{background:linear-gradient(180deg,#0d0a204d 0,#0d0a2000 18%,#0d0a2000 calc(var(--stage) * .78),#0d0a20e6 calc(var(--stage) + 40px),var(--night) calc(var(--stage) + 130px))}.fxb-slot.far{display:none}.fxb-caps{width:min(92cqw,360px);top:calc(var(--hz) + 5 * var(--u))}.fxb-title{font-size:clamp(42px,11.4vw,72px)}}@media (max-width:520px){.fxb-tag{font-size:19px}.fxb-acts{margin-top:18px}.fxb-acts a{gap:12px;padding:4px 6px 4px 0}.fxb-num{width:34px;height:34px}.fxb-acts:before{left:16.5px}.fxb-foot{gap:18px;width:100%;margin-top:22px}.fxb-cta{width:100%}.fxb-go,.fxb-play{flex:100%;height:52px;padding:0 20px}.fxb-facts{text-align:center;letter-spacing:.14em;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;display:grid}.fxb-facts li{justify-items:center;gap:6px;padding:2px 4px;display:grid}.fxb-facts li+li:before{display:none}.fxb-facts li+li{border-left:1px solid #d9b77e4d}.fxb-facts b{font-size:24px}}@media (prefers-reduced-motion:no-preference){.fxb-sky{transform:translate3d(calc(var(--px) * -8px),calc(var(--q) * 24px + var(--py) * -5px),0) scale(1.05)}.fxb-glow,.fxb-door{transform:translate3d(calc(var(--px) * -14px),calc(var(--q) * 12px + var(--py) * -8px),0)}.fxb-mist{transform:translate3d(calc(var(--px) * -24px),calc(var(--q) * -10px + var(--py) * -10px),0)}.fxb-lan{transform:translate3d(calc(var(--px) * -42px),calc(var(--q) * -40px + var(--py) * -18px),0)}.fxb-glow{animation:7s ease-in-out infinite alternate fxb-breathe}.fxb-mist .fx-pic{animation:22s ease-in-out infinite alternate fxb-drift}.fxb-lan .fx-pic{animation:16s ease-in-out infinite alternate fxb-rise}.fxb-face{animation:fxb-float calc(5.6s + var(--f) * .55s) ease-in-out calc(var(--f) * -1.37s) infinite alternate;transition:transform .55s var(--fxb-spring)}.fxb-ring{transition:box-shadow .5s,scale .9s var(--fxb-spring),opacity .7s}.fxb-caps>span{transition:opacity calc(.2s + var(--on,0) * .3s) ease calc(var(--on,0) * .2s),transform calc(.2s + var(--on,0) * .5s) var(--fxb-spring) calc(var(--on,0) * .2s)}.fxb-card:hover .fxb-door .fx-pic{filter:brightness(1.08)}.fxb-door .fx-pic{transition:filter .6s ease,opacity 1.2s ease,scale 1.6s var(--fxb-spring)}.fxb-card.is-armed :is(.fxb-kick,.fxb-title,.fxb-tag,.fxb-acts li,.fxb-foot){transition:opacity .9s ease,transform 1.1s var(--fxb-spring);transition-delay:calc(var(--i,0) * 90ms + .12s)}.fxb-card.is-armed .fxb-title{--i:1}.fxb-card.is-armed .fxb-tag{--i:2}.fxb-card.is-armed .fxb-acts li:first-child{--i:3}.fxb-card.is-armed .fxb-acts li:nth-child(2){--i:4}.fxb-card.is-armed .fxb-acts li:nth-child(3){--i:5}.fxb-card.is-armed .fxb-acts li:nth-child(n+4),.fxb-card.is-armed .fxb-foot{--i:6}.fxb-card.is-armed:not(.is-in) :is(.fxb-kick,.fxb-title,.fxb-tag,.fxb-acts li,.fxb-foot){opacity:0;transform:translateY(22px)}.fxb-card.is-armed .fxb-ring{transition-delay:0s,calc(var(--f) * 70ms + .3s),calc(var(--f) * 70ms + .3s)}.fxb-card.is-armed:not(.is-in) .fxb-ring{opacity:0;scale:.55}.fxb-card.is-armed:not(.is-in) .fxb-door .fx-pic{opacity:0;scale:.86}.fxb-card.is-armed:not(.is-in) .fxb-caps{opacity:0}.fxb-caps{transition:opacity 1s 1s}}@keyframes fxb-breathe{0%{opacity:.7}to{opacity:1}}@keyframes fxb-drift{0%{translate:-52% -62%}to{translate:-48% -62%}}@keyframes fxb-rise{0%{translate:-50% -48%}to{translate:-50% -53%}}@keyframes fxb-float{0%{translate:0 calc(var(--sz) * .05)}to{translate:0 calc(var(--sz) * -.05)}}
