/* All image cells share the original image's dimensions. Surrounding layout is unchanged. */
.arilia-spirit-slider{position:relative;overflow:hidden;width:100%;max-width:calc((100svh - 92px)*2/3);margin-inline:auto;isolation:isolate}
.arilia-spirit-stage{display:grid;overflow:hidden;-webkit-mask:url('spirit-bottle-window.svg') center/100% 100% no-repeat;mask:url('spirit-bottle-window.svg') center/100% 100% no-repeat}
.arilia-main .arilia-story-image .arilia-spirit-slide{width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain}
.arilia-spirit-stage .arilia-spirit-slide{grid-area:1/1;min-width:0;visibility:hidden;transform:translateX(100%);transition:transform .65s ease,visibility 0s .65s;pointer-events:none;margin:0}
.arilia-spirit-stage .arilia-spirit-slide.is-active{visibility:visible;transform:translateX(0);transition:transform .65s ease,visibility 0s;z-index:2}
.arilia-spirit-stage .arilia-spirit-slide.is-leaving{visibility:visible;transform:translateX(-100%);z-index:1}
.arilia-spirit-controls{position:absolute;z-index:3;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:4px;padding:4px;border-radius:999px;background:#fffaf2eb;box-shadow:0 2px 12px #173e3426}
.arilia-spirit-controls[hidden]{display:none}
.arilia-spirit-controls button{appearance:none;border:0;border-radius:999px;min-width:44px;min-height:44px;padding:8px 12px;background:transparent;color:#173e34;font:600 12px/1.2 Arial,sans-serif;cursor:pointer}
.arilia-spirit-controls button:hover{background:#173e3414}
.arilia-spirit-controls button:focus-visible{outline:2px solid #8c1028;outline-offset:1px}
@media(prefers-reduced-motion:reduce){.arilia-spirit-stage .arilia-spirit-slide{transition:none!important}}