body:has(.s-page){flex-direction:column;min-height:100svh;display:flex;position:relative}body:has(.s-page) .k-main{flex:auto;min-height:200px;position:relative}body:has(.s-page) .k-foot{position:absolute;top:100%;left:0;right:0}body:has(.s-page) .k-main>.s-page{padding:0}.s-page{background:var(--sh-void);position:absolute;inset:0;overflow:hidden;container:s-frame/size}.s-scene{--px:max(.78125cqh, .390625cqw);--ox:clamp(calc(100cqw - 256 * var(--px)), calc(50cqw - var(--circle-x) * var(--px)), 0px);--circle-x:56;--circle-y:108;--circle-w:79;--circle-h:26;--cx:calc(var(--ox) + var(--circle-x) * var(--px));--beam-w:86;--beam-h:74;--beam-y:119;--stage-w:92;--stage-h:46;--drop-pad:24;position:absolute;inset:0}.s-scene:has(.s-loop[data-phase=gate]){--ox:clamp(calc(100cqw - 256 * var(--px)), calc(50cqw - 230 * var(--px)), 0px)}.s-scene:has(.s-loop[data-phase=gate]) .s-art{transform-origin:calc(var(--ox) + 230 * var(--px)) calc(100% - 50 * var(--px));transform:scale(2.4)}.s-scene:has(.s-loop[data-phase=gate]) .s-motes{display:none}.s-art{object-fit:cover;object-position:var(--ox) bottom;width:100%;height:100%;image-rendering:pixelated;transform-origin:calc(var(--ox) + 230 * var(--px)) calc(100% - 50 * var(--px));transition:transform .7s steps(7,end),object-position .7s steps(7,end)}.s-gate{justify-content:center;align-items:center;gap:var(--sh-s4);padding:var(--sh-s5) var(--sh-s4);background:rgb(var(--sh-void-rgb) / .74);pointer-events:auto;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.s-gate__title{font-family:var(--sh-font-display);color:var(--sh-amber-cream);text-shadow:0 0 calc(3 * var(--px)) rgb(var(--sh-amber-rgb) / .55);margin:0;font-size:clamp(44px,9cqw,92px);line-height:1}.s-gate__vow{max-width:min(600px,88cqw);padding:var(--sh-s4);text-align:center;background:rgb(var(--sh-void-rgb) / .88);border:2px solid var(--sh-border);box-shadow:0 0 0 2px var(--sh-void), 4px 4px 0 0 var(--sh-void);margin:0}.s-gate__vow strong{color:var(--sh-amber);font-weight:700}.s-gate__vow-loud{font-family:var(--sh-font-display);color:var(--sh-amber-cream);font-size:clamp(20px,2.8cqw,30px);line-height:1.15;display:block}.s-gate__vow-body{margin-top:var(--sh-s3);font-family:var(--sh-font-body);font-size:clamp(15px,1.9cqw,19px);line-height:var(--sh-lh-body);color:var(--sh-amber-cream);display:block}.s-connect{padding:14px var(--sh-s5) 13px;letter-spacing:var(--sh-ls-label-wide);font-size:clamp(11px,1.5cqw,14px)}.s-gate__line{min-height:1.4em;font-family:var(--sh-font-body);font-size:var(--sh-fs-body-s);text-align:center;color:var(--sh-brick);margin:0;line-height:1.4}@container s-frame (max-height:460px){.s-gate{gap:var(--sh-s3);justify-content:flex-start}.s-gate__title{font-size:clamp(32px,6cqw,48px)}.s-gate__vow{padding:var(--sh-s3)}}.s-motes{pointer-events:none;position:absolute;inset:0}.s-motes i{left:calc(var(--ox) + var(--mx) * var(--px));bottom:calc((128 - var(--my)) * var(--px));width:calc(var(--ms) * var(--px));height:calc(var(--ms) * var(--px));background:var(--mc);box-shadow:0 0 calc(4 * var(--px)) var(--mc);opacity:0;animation:s-rise var(--mt) linear var(--md) infinite;position:absolute}.s-motes i:first-child{--mx:14;--my:120;--ms:1;--mc:#65ece1;--mr:52;--msw:3;--mt:12.5s;--md:-.4s}.s-motes i:nth-child(2){--mx:27;--my:112;--ms:2;--mc:#2caba3;--mr:44;--msw:-2;--mt:14.2s;--md:-5.1s}.s-motes i:nth-child(3){--mx:41;--my:122;--ms:2;--mc:#987ed4;--mr:58;--msw:2;--mt:11.1s;--md:-8.7s}.s-motes i:nth-child(4){--mx:55;--my:116;--ms:2;--mc:#91aff3;--mr:47;--msw:-3;--mt:15.4s;--md:-2.9s}.s-motes i:nth-child(5){--mx:68;--my:121;--ms:1;--mc:#65ece1;--mr:55;--msw:3;--mt:12.9s;--md:-10.6s}.s-motes i:nth-child(6){--mx:79;--my:108;--ms:2;--mc:#2caba3;--mr:41;--msw:-2;--mt:16s;--md:-3.6s}.s-motes i:nth-child(7){--mx:92;--my:123;--ms:2;--mc:#987ed4;--mr:57;--msw:2;--mt:13.7s;--md:-6.3s}.s-motes i:nth-child(8){--mx:105;--my:114;--ms:1;--mc:#91aff3;--mr:49;--msw:-3;--mt:14.6s;--md:-12.4s}@keyframes s-rise{0%{opacity:0;transform:translate(0)}15%{opacity:.95}50%{transform:translate(calc(var(--msw) * var(--px)), calc(var(--mr) * var(--px) * -.5))}85%{opacity:.95}to{opacity:0;transform:translate(0, calc(var(--mr) * var(--px) * -1))}}.s-loop[data-phase=gate] .s-beam__streaks i,.s-loop[data-phase=idle] .s-beam__streaks i{animation:none}@media (prefers-reduced-motion:reduce){.s-motes{display:none}.s-art{transition:none}}.s-stage{left:var(--cx);bottom:calc((128 - var(--circle-y)) * var(--px));width:calc(var(--stage-w) * var(--px));max-width:100cqw;height:calc(var(--stage-h) * var(--px));max-height:calc(100cqh - (128 - var(--circle-y)) * var(--px));pointer-events:none;position:absolute;transform:translate(-50%)}.s-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.s-char{object-fit:contain;object-position:bottom center;opacity:0;width:100%;height:100%;transition:opacity .14s steps(3,end);display:block}.s-stage:after{content:"";background-image:var(--s-art,none);filter:brightness(0) invert(1) drop-shadow(0 0 calc(2 * var(--px)) rgb(var(--s-hue-rgb) / .9));opacity:0;pointer-events:none;background-position:bottom;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.s-loop{pointer-events:none;--s-rail-w:0px;--s-rail-h:0px;--s-shelf-h:0px;position:absolute;inset:0}.s-loop:has(.s-shelf){--s-shelf-h:73px}.s-flare{left:var(--cx);bottom:calc((128 - var(--circle-y)) * var(--px));width:calc(var(--circle-w) * var(--px));height:calc(var(--circle-h) * var(--px));background:radial-gradient(closest-side, rgb(var(--s-hue-rgb) / .55) 0%, rgb(var(--s-hue-rgb) / .3) 48%, rgb(var(--s-hue-rgb) / .08) 76%, transparent 100%);opacity:0;position:absolute;transform:translate(-50%,50%)scale(.92)}.s-beam{left:var(--cx);bottom:calc((128 - var(--beam-y)) * var(--px));width:calc(var(--beam-w) * var(--px));height:calc(var(--beam-h) * var(--px));transform-origin:50% 100%;opacity:0;position:absolute;transform:translate(-50%)scaleY(0)}.s-beam__glow,.s-beam__core,.s-beam__streaks{position:absolute;inset:0}.s-beam__glow{background:radial-gradient(62% 76% at 50% 100%, rgb(var(--s-hue-rgb) / .44) 0%, rgb(var(--s-hue-rgb) / .16) 46%, transparent 78%), linear-gradient(to top, rgb(var(--s-hue-rgb) / .26) 0%, rgb(var(--s-hue-rgb) / .08) 52%, transparent 88%)}.s-beam__core{width:calc(30 * var(--px));background:linear-gradient(to top, #ffffff80 0%, #ffffff1a 32%, transparent 64%) center bottom / calc(8 * var(--px)) 100% no-repeat, linear-gradient(to top, rgb(var(--s-hue-rgb) / .88) 0%, rgb(var(--s-hue-rgb) / .38) 44%, transparent 90%);left:50%;right:auto;transform:translate(-50%)}.s-beam__streaks{overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000000f2 58%,#000 100%);mask-image:linear-gradient(#0000 0%,#000000f2 58%,#000 100%)}.s-beam__streaks i{bottom:0;left:calc(50% + var(--sx) * var(--px));width:calc(var(--sw) * var(--px));height:calc(var(--sl) * 1%);background:linear-gradient(to top, transparent 0%, rgb(var(--s-hue-rgb) / .85) 34%, #ffffffb8 100%);opacity:0;animation:s-streak var(--st) steps(12) var(--sd) infinite;position:absolute}.s-beam__streaks i:first-child{--sx:-31;--sw:2;--sl:58;--st:1.35s;--sd:-.2s}.s-beam__streaks i:nth-child(2){--sx:-19;--sw:1;--sl:76;--st:1.05s;--sd:-.75s}.s-beam__streaks i:nth-child(3){--sx:-9;--sw:3;--sl:88;--st:1.5s;--sd:-.4s}.s-beam__streaks i:nth-child(4){--sx:1;--sw:2;--sl:94;--st:.95s;--sd:-.05s}.s-beam__streaks i:nth-child(5){--sx:11;--sw:1;--sl:70;--st:1.25s;--sd:-.9s}.s-beam__streaks i:nth-child(6){--sx:22;--sw:3;--sl:62;--st:1.15s;--sd:-.55s}.s-beam__streaks i:nth-child(7){--sx:32;--sw:1;--sl:48;--st:1.45s;--sd:-1.1s}@keyframes s-streak{0%{opacity:0;transform:translateY(52%)}16%{opacity:1}72%{opacity:.62}to{opacity:0;transform:translateY(-96%)}}.s-beam__orb{left:50%;bottom:calc(11 * var(--px));width:calc(36 * var(--px));height:calc(15 * var(--px));background:radial-gradient(closest-side, #fffffff2 0%, rgb(var(--s-hue-rgb) / .8) 36%, rgb(var(--s-hue-rgb) / .22) 68%, transparent 100%);opacity:0;position:absolute;transform:translate(-50%,50%)scale(.4)}.s-vfx{left:var(--cx);bottom:calc((128 - var(--vfx-y)) * var(--px));width:calc(var(--vfx-w) * var(--px));height:calc(var(--vfx-h) * var(--px));pointer-events:none;position:absolute;transform:translate(-50%)}.s-loop[data-phase=charge] .s-flare{animation:s-flare-wake var(--s-charge) steps(5) forwards}.s-loop[data-phase=charge] .s-beam{animation:s-beam-gather var(--s-charge) steps(4) forwards}.s-loop[data-phase=charge] .s-beam__orb{animation:s-orb-wake var(--s-charge) steps(4) forwards}.s-loop[data-phase=burst] .s-flare{animation:s-flare-burn var(--s-burst) steps(6) forwards}.s-loop[data-phase=burst] .s-beam{animation:s-beam-erupt var(--s-burst) steps(9) forwards}.s-loop[data-phase=burst] .s-beam__orb{animation:.34s steps(3,end) infinite alternate s-orb-burn}.s-loop[data-phase=materialize] .s-flare{animation:s-flare-fall var(--s-materialize) steps(6) forwards}.s-loop[data-phase=materialize] .s-beam{animation:s-beam-fall var(--s-materialize) steps(7) forwards}.s-loop[data-phase=materialize] .s-beam__orb{animation:s-orb-fall var(--s-materialize) steps(5) forwards}.s-loop[data-phase=materialize] .s-char{animation:s-materialize var(--s-materialize) steps(8) forwards}.s-loop[data-phase=materialize] .s-stage:after{animation:s-ghost var(--s-materialize) steps(5) forwards}.s-loop[data-phase=revealed] .s-flare{animation:3.4s steps(6,end) infinite s-flare-idle}.s-loop[data-phase=revealed] .s-beam{animation:4.2s steps(6,end) infinite s-beam-idle}.s-loop[data-phase=revealed] .s-beam__streaks i{animation-duration:calc(var(--st) * 2.6);opacity:.5}.s-loop[data-phase=revealed] .s-beam__orb{animation:3.4s steps(4,end) infinite s-orb-idle}.s-loop[data-phase=revealed] .s-char{opacity:1;filter:drop-shadow(0 0 calc(1.5 * var(--px)) rgb(var(--s-hue-rgb) / .85)) drop-shadow(0 0 calc(4.5 * var(--px)) rgb(var(--s-hue-rgb) / .4))}.s-loop[data-rarity=divine][data-phase=revealed] .s-char{filter:drop-shadow(0 0 calc(1.5 * var(--px)) rgb(var(--s-hue-rgb) / 1)) drop-shadow(0 0 calc(6 * var(--px)) rgb(var(--s-hue-rgb) / .55))}.s-loop[data-rarity=legendary][data-phase=revealed] .s-char{filter:drop-shadow(0 0 calc(1.5 * var(--px)) rgb(var(--s-hue-rgb) / 1)) drop-shadow(0 0 calc(6 * var(--px)) rgb(var(--s-hue-rgb) / .7)) drop-shadow(0 0 calc(12 * var(--px)) rgb(var(--s-hue-rgb) / .4))}@keyframes s-flare-wake{0%{opacity:0;transform:translate(-50%,50%)scale(.92)}to{opacity:.85;transform:translate(-50%,50%)scale(1.04)}}@keyframes s-flare-burn{0%{opacity:.85;transform:translate(-50%,50%)scale(1.04)}38%{opacity:1;transform:translate(-50%,50%)scale(1.2)}to{opacity:.92;transform:translate(-50%,50%)scale(1.12)}}@keyframes s-flare-fall{0%{opacity:.92;transform:translate(-50%,50%)scale(1.12)}to{opacity:.42;transform:translate(-50%,50%)scale(1.06)}}@keyframes s-flare-idle{0%{opacity:.42;transform:translate(-50%,50%)scale(1.06)}50%{opacity:.56;transform:translate(-50%,50%)scale(1.1)}to{opacity:.42;transform:translate(-50%,50%)scale(1.06)}}@keyframes s-beam-gather{0%{opacity:0;transform:translate(-50%)scaleY(0)}to{opacity:.55;transform:translate(-50%)scaleY(.2)}}@keyframes s-beam-erupt{0%{opacity:.55;transform:translate(-50%)scaleY(.2)}30%{opacity:1;transform:translate(-50%)scaleY(1.08)}46%{transform:translate(-50%)scaleY(.94)}to{opacity:1;transform:translate(-50%)scaleY(1)}}@keyframes s-beam-fall{0%{opacity:1;transform:translate(-50%)scaleY(1)}to{opacity:.34;transform:translate(-50%)scaleY(.46)}}@keyframes s-beam-idle{0%{opacity:.34;transform:translate(-50%)scaleY(.46)}50%{opacity:.44;transform:translate(-50%)scaleY(.53)}to{opacity:.34;transform:translate(-50%)scaleY(.46)}}@keyframes s-orb-wake{0%{opacity:0;transform:translate(-50%,50%)scale(.4)}to{opacity:.9;transform:translate(-50%,50%)scale(1)}}@keyframes s-orb-burn{0%{opacity:.9;transform:translate(-50%,50%)scale(1)}to{opacity:1;transform:translate(-50%,50%)scale(1.16)}}@keyframes s-orb-fall{0%{opacity:.95;transform:translate(-50%,50%)scale(1.08)}to{opacity:.5;transform:translate(-50%,50%)scale(.78)}}@keyframes s-orb-idle{0%{opacity:.5;transform:translate(-50%,50%)scale(.78)}50%{opacity:.62;transform:translate(-50%,50%)scale(.86)}to{opacity:.5;transform:translate(-50%,50%)scale(.78)}}@keyframes s-materialize{0%{opacity:0;clip-path:inset(100% 0 0);filter:brightness(3) drop-shadow(0 0 calc(2 * var(--px)) rgb(var(--s-hue-rgb) / .9));transform:translateY(11%)}18%{opacity:1}56%{clip-path:inset(26% 0 0);transform:translateY(3%)}80%{clip-path:inset(0);filter:brightness(1.7) drop-shadow(0 0 calc(2 * var(--px)) rgb(var(--s-hue-rgb) / .7));transform:translateY(0)}to{opacity:1;clip-path:inset(0);filter:brightness(1) drop-shadow(0 0 calc(1.5 * var(--px)) rgb(var(--s-hue-rgb) / .5));transform:translateY(0)}}@keyframes s-ghost{0%{opacity:0}22%{opacity:.85}60%{opacity:.45}to{opacity:0}}.s-chip{left:var(--cx);--chip-h:157px;bottom:min(calc(70 * var(--px)), calc(100% - var(--chip-h) - var(--sh-s2)));--chip-shift:-50%;transform:translateX(var(--chip-shift));z-index:1;width:max-content;max-width:min(460px, calc(2 * min(var(--cx), 100cqw - var(--s-rail-w) - var(--cx)) - var(--sh-s6)));padding:var(--sh-s3) var(--sh-s4);text-align:center;background:rgb(var(--sh-void-rgb) / .88);border:2px solid var(--sh-border);box-shadow:0 0 0 2px var(--sh-void), 4px 4px 0 0 var(--sh-void);animation:.22s steps(2,end) both s-chip-in;position:absolute}.s-chip__name{font-family:var(--sh-font-display);font-size:var(--sh-fs-display-s);line-height:var(--sh-lh-display);letter-spacing:var(--sh-ls-display);color:var(--sh-amber-cream);margin:0}.s-chip__rarity{font-family:var(--sh-font-label);font-size:var(--sh-fs-label-s);letter-spacing:var(--sh-ls-label);text-transform:uppercase;color:rgb(var(--s-hue-rgb));text-shadow:0 0 10px rgb(var(--s-hue-rgb) / .45);margin:2px 0 0}.s-chip__caption{margin:var(--sh-s2) 0 0;font-family:var(--sh-font-body);font-size:var(--sh-fs-body-s);line-height:var(--sh-lh-body);color:var(--sh-text-dim)}.s-save{pointer-events:auto;margin-top:var(--sh-s3);padding:6px var(--sh-s3) 5px;font-family:var(--sh-font-label);font-size:var(--sh-fs-label-s);letter-spacing:var(--sh-ls-label);text-transform:uppercase;color:var(--sh-text-muted);background:rgb(var(--sh-void-rgb) / .6);border:var(--sh-hair) solid var(--sh-border);transition:color var(--sh-t), border-color var(--sh-t)}.s-save:hover:not([aria-disabled]){color:var(--sh-amber-cream);border-color:rgb(var(--s-hue-rgb) / .8)}.s-save:focus-visible{outline:2px solid var(--sh-amber);outline-offset:2px}.s-save[aria-disabled]{color:var(--sh-text-muted);cursor:default;opacity:.7}@keyframes s-chip-in{0%{opacity:0;transform:translate(var(--chip-shift), calc(var(--sh-s2) * -1)) scale(.94)}to{opacity:1;transform:translate(var(--chip-shift), 0) scale(1)}}@container s-frame (max-height:460px) and (min-aspect-ratio:2){.s-chip{--chip-shift:0%;left:calc(var(--cx) + (max(var(--stage-w) / 2, var(--circle-w) / 2 + var(--drop-pad)) + 12) * var(--px));bottom:max(calc((128 - var(--circle-y)) * var(--px)), calc(var(--s-rail-h) + var(--sh-s1)));max-width:min(460px, calc(100cqw - var(--s-rail-w) - var(--cx) - (max(var(--stage-w) / 2, var(--circle-w) / 2 + var(--drop-pad)) + 12) * var(--px) - var(--sh-s5)))}}@container s-frame (max-height:364px) and (max-aspect-ratio:2){.s-chip{top:var(--sh-s2);bottom:auto}.s-chip__caption{display:none}}@container s-frame (min-aspect-ratio:2) and (max-width:639.98px){.s-chip__caption{display:none}}@media (prefers-reduced-motion:reduce){.s-vfx{display:none}}.s-rail{z-index:2;pointer-events:auto;background:var(--sh-void);border:2px solid var(--sh-border);box-shadow:0 0 0 2px var(--sh-void), 4px 4px 0 0 var(--sh-void);flex-direction:column;display:flex;position:absolute}.s-loop:has(.s-rail){--s-sprite:40px;--s-rail-h:calc(var(--s-sprite) + 45px)}.s-rail{left:var(--sh-s3);right:var(--sh-s3);height:var(--s-rail-h);padding:3px var(--sh-s2);gap:3px;bottom:4px}.s-rail__head{justify-content:space-between;align-items:baseline;gap:var(--sh-s2);border-bottom:var(--sh-hair) solid rgb(var(--sh-amber-rgb) / .4);flex-wrap:wrap;margin:0;padding-bottom:2px;display:flex}.s-rail__wallet{font-family:var(--sh-font-body);font-size:var(--sh-fs-body-s);color:var(--sh-amber-cream);line-height:1}.s-rail__count{font-family:var(--sh-font-label);font-size:var(--sh-fs-label-s);letter-spacing:var(--sh-ls-label);text-transform:uppercase;color:var(--sh-text-muted)}.s-rail__line:empty{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.s-rail__line{font-family:var(--sh-font-body);font-size:var(--sh-fs-body-s);line-height:var(--sh-lh-body);color:var(--sh-text-dim);margin:0}.s-rail__wait{vertical-align:baseline;gap:3px;margin-left:6px;display:inline-flex}.s-rail__wait i{background:rgb(var(--sh-amber-rgb));width:4px;height:4px;animation:.9s steps(2,end) infinite k-curtain-step}.s-rail__wait i:nth-child(2){animation-delay:.3s}.s-rail__wait i:nth-child(3){animation-delay:.6s}@media (prefers-reduced-motion:reduce){.s-rail__wait i{animation:none}}.s-rail__retry,.s-rail__door{align-self:flex-start}.s-rail__list{gap:var(--sh-s2);flex:auto;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto hidden}.s-rail__item{content-visibility:auto;contain-intrinsic-size:auto 52px;flex:none;height:100%}.s-rail__note{display:none}.s-wisp{cursor:grab;background:rgb(var(--sh-ink-rgb) / .75);border:var(--sh-hair) solid rgb(var(--sh-border-rgb) / .55);transition:border-color var(--sh-t);flex-direction:column;align-items:center;gap:1px;padding:0;display:flex;position:relative}.s-wisp[aria-disabled]{cursor:default}.s-wisp:hover{border-color:rgb(var(--sh-border-rgb) / .9);transform:scale(1.06)}.s-wisp:active{cursor:grabbing;transform:scale(1.12)}.s-wisp:focus-visible{outline:2px solid var(--sh-amber);outline-offset:-2px;border-color:rgb(var(--sh-amber-rgb) / .5)}.s-wisp__art,.s-wisp__blank{width:var(--s-sprite);height:var(--s-sprite);image-rendering:auto;flex:none;display:block}.s-wisp__blank{border:var(--sh-hair) dashed var(--sh-border)}.s-wisp__ghost{pointer-events:none;opacity:.95;image-rendering:auto;position:fixed;top:-1000px;left:-1000px}.s-wisp__id{font-family:var(--sh-font-body);font-size:var(--sh-fs-label-s);color:var(--sh-text-dim);line-height:1.1}.s-wisp__summon{max-width:100%;font-family:var(--sh-font-label);font-size:var(--sh-fs-label-s);letter-spacing:var(--sh-ls-label-tight);text-transform:uppercase;color:var(--sh-text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;line-height:1.3;display:flex;position:absolute;top:1px;right:1px;overflow:hidden}.s-wisp__dot{flex:none;width:6px;height:6px}.s-wisp__dot--gone{box-shadow:inset 0 0 0 1px var(--sh-text-muted);background:0 0}.s-wisp__who{display:none}@container s-frame (min-aspect-ratio:1) and (min-width:640px){.s-page:has(.s-rail) .s-colophon{display:flex}.s-loop:has(.s-rail){--s-rail-h:0px;--s-rail-w:min(226px, 26cqw)}.s-loop:has(.s-rail[data-cols="3"]){--s-rail-w:min(326px, 26cqw)}.s-loop:has(.s-rail[data-cols="4"]){--s-rail-w:min(378px, 26cqw)}.s-loop:has(.s-rail[data-cols="4"]) .s-rail__list{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.s-loop:has(.s-rail[data-cols="4"]) .s-wisp{min-height:130px}:is(.s-loop:has(.s-rail[data-cols="4"]) .s-wisp__art,.s-loop:has(.s-rail[data-cols="4"]) .s-wisp__blank){width:84px;height:84px}.s-loop:has(.s-rail[data-cols="4"]) .s-rail__item{contain-intrinsic-size:auto 134px}.s-rail{top:var(--sh-s4);right:var(--sh-s4);width:calc(var(--s-rail-w) - var(--sh-s4));height:auto;max-height:calc(100% - 2 * var(--sh-s4));padding:var(--sh-s3);gap:var(--sh-s2);bottom:auto;left:auto}.s-rail__head{padding-bottom:var(--sh-s2)}.s-rail__list{gap:var(--sh-s2) 4px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid;overflow:hidden auto}.s-rail__item{contain-intrinsic-size:auto 146px;height:auto}.s-wisp{width:100%;height:auto;min-height:142px;padding:var(--sh-s2) 2px;gap:2px}.s-wisp__art,.s-wisp__blank{width:96px;height:96px}.s-wisp__id{font-size:var(--sh-fs-body-s)}.s-wisp__summon{position:static}.s-wisp__who{display:inline}.s-rail__note{padding-top:var(--sh-s2);border-top:var(--sh-hair) solid var(--sh-border);font-family:var(--sh-font-body);font-size:var(--sh-fs-label);color:var(--sh-text-muted);margin:0;line-height:1.3;display:block}}@container s-frame (min-aspect-ratio:1) and (min-width:640px) and (max-height:460px){.s-rail__note{display:none}}.s-wisp{transition:transform var(--sh-t), opacity var(--sh-t)}.s-rail__item [data-flying]{opacity:.45;transform:translateY(-18px)scale(1.15)}.s-loop[data-phase=fly] .s-flare{animation:s-flare-wake var(--s-fly) steps(4) forwards}.s-burnline{left:var(--cx);bottom:calc(var(--sh-s6) + var(--s-rail-h));z-index:2;max-width:min(420px, calc(100cqw - var(--s-rail-w) - var(--sh-s6)));padding:0 var(--sh-s3);font-family:var(--sh-font-body);font-size:var(--sh-fs-body-s);line-height:var(--sh-lh-body);text-align:center;text-shadow:0 2px 0 var(--sh-void);color:var(--sh-brick);margin:0;position:absolute;transform:translate(-50%)}.s-burnline:empty{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.s-chip__replay{color:var(--sh-text-muted);text-shadow:none}@media (prefers-reduced-motion:reduce){.s-wisp{transition:opacity var(--sh-t)}.s-wisp:hover,.s-wisp:active,.s-rail__item [data-flying]{transform:none}.s-loop[data-phase=fly] .s-flare{animation:none}}.s-drop{left:var(--cx);width:calc((var(--circle-w) + 2 * var(--drop-pad)) * var(--px));height:calc((128 - (var(--circle-y) - var(--circle-h) / 2 - var(--drop-pad))) * var(--px));z-index:3;pointer-events:auto;border-radius:50%;position:absolute;bottom:0;transform:translate(-50%)}.s-loop[data-carrying] .s-flare{opacity:.9;transform:translate(-50%,50%)scale(1.08)}@media (prefers-reduced-motion:reduce){.s-loop[data-carrying] .s-flare{transform:translate(-50%,50%)}}.s-shelf{top:var(--sh-s3);left:var(--sh-s4);max-width:min(420px, calc(100cqw - var(--s-rail-w) - var(--sh-s6)));padding:var(--sh-s2) var(--sh-s3);pointer-events:auto;background:var(--sh-void);border:var(--sh-hair) solid var(--sh-border);flex-direction:column;gap:4px;display:flex;position:absolute}.s-rail:before,.s-shelf[data-open]:before{--sh-bracket:var(--sh-amber);content:"";inset:calc(var(--sh-hair) * -1);pointer-events:none;z-index:3;background-repeat:no-repeat;background-image:linear-gradient(var(--sh-bracket), var(--sh-bracket)), linear-gradient(var(--sh-bracket), var(--sh-bracket)), linear-gradient(var(--sh-bracket), var(--sh-bracket)), linear-gradient(var(--sh-bracket), var(--sh-bracket)), linear-gradient(var(--sh-bracket), var(--sh-bracket)), linear-gradient(var(--sh-bracket), var(--sh-bracket)), linear-gradient(var(--sh-bracket), var(--sh-bracket)), linear-gradient(var(--sh-bracket), var(--sh-bracket));background-size:var(--sh-tick) var(--sh-tick-w), var(--sh-tick-w) var(--sh-tick), var(--sh-tick) var(--sh-tick-w), var(--sh-tick-w) var(--sh-tick), var(--sh-tick) var(--sh-tick-w), var(--sh-tick-w) var(--sh-tick), var(--sh-tick) var(--sh-tick-w), var(--sh-tick-w) var(--sh-tick);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;position:absolute}.s-shelf__tab{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:4px;width:100%;margin:0;padding:0;display:flex}.s-shelf__tab:focus-visible{outline:2px solid var(--sh-amber);outline-offset:3px}.s-shelf__head{align-items:baseline;gap:var(--sh-s2);border-bottom:var(--sh-hair) solid rgb(var(--sh-amber-rgb) / .4);font-family:var(--sh-font-label);font-size:var(--sh-fs-label-s);letter-spacing:var(--sh-ls-label);text-transform:uppercase;color:var(--sh-text-muted);transition:color var(--sh-t);margin:0;padding:0 0 4px;display:flex}.s-shelf__tab:hover .s-shelf__head{color:var(--sh-amber-cream)}.s-shelf__toggle{color:var(--sh-amber);margin-left:auto}.s-shelf[data-open]{z-index:3;max-width:min(720px, calc(100cqw - var(--s-rail-w) - var(--sh-s6)))}.s-shelf__full{gap:var(--sh-s3);max-height:calc(100cqh - var(--sh-s7) - var(--s-shelf-h));overscroll-behavior:contain;margin:var(--sh-s3) 0 0;padding:var(--sh-s3) 0 0;border-top:var(--sh-hair) solid var(--sh-border);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));list-style:none;display:grid;overflow-y:auto}.s-shelf__card{padding:var(--sh-s2);text-align:center;background:rgb(var(--sh-ink-rgb) / .75);border:var(--sh-hair) solid rgb(var(--sh-border-rgb) / .55);flex-direction:column;align-items:center;gap:2px;display:flex}.s-shelf__card--legendary{box-shadow:0 0 12px #ff5a1f54}.s-shelf__cardArt{object-fit:contain;object-position:bottom center;width:100%;height:104px;display:block}.s-shelf__cardName{margin:var(--sh-s2) 0 0;font-family:var(--sh-font-display);font-size:var(--sh-fs-display-s);color:var(--sh-amber-cream);line-height:1}.s-shelf__cardTier{font-family:var(--sh-font-label);font-size:var(--sh-fs-label-s);letter-spacing:var(--sh-ls-label);text-transform:uppercase;margin:2px 0 0}.s-shelf__cardCaption{margin:var(--sh-s2) 0 0;font-family:var(--sh-font-body);font-size:var(--sh-fs-body-s);line-height:var(--sh-lh-body);color:var(--sh-text-dim)}.s-shelf__cardWisp{font-family:var(--sh-font-body);font-size:var(--sh-fs-label);color:var(--sh-text-muted);margin:4px 0 0}.s-shelf__count{font-family:var(--sh-font-body);font-size:var(--sh-fs-body-s);color:var(--sh-amber-cream)}.s-shelf__list{gap:var(--sh-s2);margin:0;padding:0;display:flex;overflow-x:auto}.s-shelf__item{flex:none;width:34px;height:34px;display:block;position:relative}.s-shelf__art{object-fit:contain;object-position:bottom center;width:100%;height:100%;display:block}.s-shelf__dot{width:5px;height:5px;position:absolute;bottom:0;right:0}@container s-frame (max-aspect-ratio:1){.s-shelf{left:var(--sh-s3);right:var(--sh-s3);max-width:none}.s-shelf__item{width:28px;height:28px}.s-loop:has(.s-shelf){--s-shelf-h:67px}}.s-loop[data-phase=holding] .s-flare{animation:1.4s steps(4,end) infinite alternate s-flare-hold}@keyframes s-flare-hold{0%{opacity:.6;transform:translate(-50%,50%)scale(.98)}to{opacity:.95;transform:translate(-50%,50%)scale(1.1)}}@media (prefers-reduced-motion:reduce){.s-loop[data-phase=holding] .s-flare{opacity:.9;animation:none;transform:translate(-50%,50%)scale(1.04)}}.s-page:has(.s-rail) .s-colophon{display:none}.s-colophon{left:50%;bottom:calc(var(--sh-s3) + var(--s-rail-h,0px));z-index:2;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%)}.s-credit{font-family:var(--sh-font-label);font-size:var(--sh-fs-label);letter-spacing:var(--sh-ls-label);text-transform:uppercase;white-space:nowrap;color:var(--sh-text-dim);text-shadow:0 1px 0 var(--sh-void), 0 0 8px var(--sh-void);transition:color var(--sh-t);text-decoration:none}.s-credit:hover{color:var(--sh-amber)}.s-credit:focus-visible{outline:2px solid var(--sh-amber);outline-offset:3px}@container s-frame (max-height:320px){.s-colophon{display:none}}.s-guide{top:max(calc(var(--sh-s5) + 2 * var(--px)), calc(var(--sh-s3) + var(--s-shelf-h) + var(--sh-s4)));z-index:1;max-width:min(520px, calc(100cqw - 2 * var(--s-rail-w) - var(--sh-s7)));font-family:var(--sh-font-display);text-align:center;color:var(--sh-amber-cream);text-shadow:0 2px 0 var(--sh-void), 0 0 calc(4 * var(--px)) rgb(var(--sh-void-rgb) / .9), 0 0 calc(6 * var(--px)) rgb(var(--sh-amber-rgb) / .35);opacity:0;pointer-events:none;margin:0;font-size:clamp(20px,3.4cqw,40px);line-height:1.1;transition:opacity .26s steps(3,end);position:absolute;left:50cqw;transform:translate(-50%)}.s-guide[data-idle]{opacity:1}.s-guide__touch{display:none}@container s-frame (max-aspect-ratio:1){.s-guide__wide{display:none}.s-guide__touch{display:inline}.s-guide{max-width:calc(100cqw - var(--sh-s6));font-size:clamp(18px,6cqw,30px)}}.s-reconnect{top:var(--sh-s4);right:var(--sh-s4);z-index:3;align-items:stretch;gap:var(--sh-s2);width:clamp(196px,20cqw,268px);padding:var(--sh-s3);pointer-events:auto;background:rgb(var(--sh-void-rgb) / .88);border:2px solid var(--sh-border);box-shadow:0 0 0 2px var(--sh-void), 4px 4px 0 0 var(--sh-void);flex-direction:column;display:flex;position:absolute}.s-reconnect__press{width:100%;padding:12px var(--sh-s3) 11px}.s-reconnect__note{font-family:var(--sh-font-body);font-size:var(--sh-fs-body-s);text-align:center;color:var(--sh-text-muted);margin:0;line-height:1.3}@container s-frame (max-aspect-ratio:1) or (max-width:639.98px){.s-reconnect{top:auto;bottom:calc(var(--sh-s6) + var(--s-rail-h,0px));right:var(--sh-s4);left:var(--sh-s4);width:auto}.s-page:has(.s-reconnect) .s-colophon{bottom:calc(var(--sh-s6) + var(--s-rail-h,0px) + 132px)}}@media (prefers-reduced-motion:reduce){.s-guide{transition:none}}.s-chip__acts{justify-content:center;gap:var(--sh-s2);margin-top:var(--sh-s3);flex-wrap:wrap;display:flex}.s-share{pointer-events:auto;padding:7px var(--sh-s4) 6px;font-family:var(--sh-font-label);font-size:var(--sh-fs-label-s);letter-spacing:var(--sh-ls-label);text-transform:uppercase;white-space:nowrap;color:var(--sh-void);background-image:linear-gradient(180deg, var(--sh-amber-hi) 0%, var(--sh-amber) 46%, var(--sh-amber-deep) 100%);border:var(--sh-hair) solid var(--sh-amber-deep);box-shadow:inset 0 1px 0 rgb(var(--sh-amber-cream-rgb) / .75), inset 0 -1px 0 #0000004d, var(--sh-shadow-hard);transition:background-image var(--sh-t), box-shadow var(--sh-t);text-decoration:none}.s-share:hover{background-image:linear-gradient(180deg, var(--sh-amber-cream) 0%, var(--sh-amber-hi) 46%, var(--sh-amber) 100%);box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 0 #0000004d, var(--sh-shadow-hard), var(--sh-glow-amber);color:var(--sh-void)}.s-share:focus-visible{outline:2px solid var(--sh-amber);outline-offset:2px}.s-chip__acts .s-save{margin-top:0}