.art-stage-blackout{position:fixed;inset:0;background:#000;opacity:0;visibility:hidden;pointer-events:none;z-index:100;transition:opacity .2s ease,visibility .2s ease}
body.art-stage-active .art-stage-blackout{opacity:1;visibility:visible}
.gallery-grid figure.art-stage-selected{position:relative;z-index:101;isolation:isolate}
.art-stage-selected .artwork{position:relative;overflow:visible;box-shadow:0 -8px 28px #fff5d52e,0 24px 65px #000;background:#171511}
.art-stage-selected .artwork:before{content:"";position:absolute;pointer-events:none;z-index:2;left:50%;top:0;width:118%;height:100%;transform:translateX(-50%);clip-path:polygon(40% 0,60% 0,92% 100%,8% 100%);background:linear-gradient(180deg,#fff8d6f5 0%,#fff1bebf 16%,#fff6de8c 48%,#fff4d045 78%,transparent 100%);mix-blend-mode:screen}
.art-stage-selected .artwork:after{content:"";position:absolute;pointer-events:none;z-index:3;top:-8px;left:50%;width:34%;height:12px;transform:translateX(-50%);border-radius:50%;background:#fffdf6;box-shadow:0 0 22px 10px #fff6d6e0,0 28px 70px 18px #fff3c888}
.art-stage-selected .artwork img{position:relative;z-index:1;transform:none;filter:brightness(1.18) contrast(1.05)}
.art-stage-selected figcaption{position:relative;z-index:3;color:#f5eee4}
.gallery-grid .art-stage-selected figcaption small{color:#c7b89c}
.artwork{touch-action:pan-y;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
.artwork img{-webkit-user-drag:none}
@media(prefers-reduced-motion:reduce){.art-stage-blackout{transition:none}}

.art-stage-guide{margin:-12px 0 28px;font-size:14px;line-height:1.6;color:#6b575b}
.stage-touch-guide{display:none}
.artwork>.art-stage-countdown{position:absolute;inset:16px auto auto 16px;display:grid;place-items:center;width:46px;height:46px;border:1px solid #e5cfaa;border-radius:50%;background:#280c18eb;color:#fff6e8;font:500 27px/1 Georgia,serif;pointer-events:none;box-shadow:0 3px 14px #0003;z-index:4}
@media(hover:none),(pointer:coarse){.stage-desktop-guide{display:none}.stage-touch-guide{display:inline}}