@charset "UTF-8";
/* Illustrated luminous feathers; all presentation stays behind the garment card. */
#draw-card-slot>.heart-wings-v7{--wing-width:76%;--wing-top:6%;--wing-hinge-x:97%;--wing-hinge-y:85%;--wing-opacity:.15;--wing-peak:.26;--wing-image: url('./assets/museum-v7/luminous-wing.webp');position:absolute;inset:0;z-index:0;pointer-events:none;isolation:isolate;visibility:hidden;opacity:0}
#draw-card-slot>.heart-wings-v7[data-state="open"]{visibility:visible;opacity:1}
#draw-card-slot>.card{position:relative;z-index:1}
.heart-wings-v7 *{pointer-events:none!important}
.luminous-wing{position:absolute;top:var(--wing-top);width:var(--wing-width);aspect-ratio:1;display:block;opacity:0;backface-visibility:hidden}
.luminous-wing--left{right:65%;transform-origin:var(--wing-hinge-x) var(--wing-hinge-y);transform:translate(5%,4%) scale(.84)}
.luminous-wing--right{left:65%;transform-origin:calc(100% - var(--wing-hinge-x)) var(--wing-hinge-y);transform:translate(-5%,4%) scale(.84)}
.luminous-wing-inner,.luminous-wing-art,.luminous-wing-tone,.luminous-wing-sheen{position:absolute;inset:0;display:block}
.luminous-wing-inner{opacity:var(--wing-opacity)}
.luminous-wing--right .luminous-wing-inner{transform:scaleX(-1)}
.luminous-wing-art{background:var(--wing-image) center/contain no-repeat;opacity:1;filter:saturate(.55) drop-shadow(0 0 4px #f4f2e729)}
.luminous-wing-tone,.luminous-wing-sheen{-webkit-mask:var(--wing-image) center/contain no-repeat;mask:var(--wing-image) center/contain no-repeat}
.luminous-wing-tone{background:linear-gradient(135deg,#f8e6e700,transparent);opacity:0;mix-blend-mode:color}
.luminous-wing-sheen{opacity:0;overflow:hidden;mix-blend-mode:screen}
.luminous-wing-sheen:before{content:"";position:absolute;inset:-25%;background:linear-gradient(135deg,transparent 35%,#fffbe659 48%,#fffdfd80 51%,transparent 65%);transform:translate(65%,65%)}
#draw-card-slot>.heart-wings-v7[data-finish="prismatic"]{--wing-opacity:.2;--wing-peak:.3}
.heart-wings-v7[data-finish="prismatic"] .luminous-wing-art{filter:drop-shadow(0 0 5px #e7edf233)}
.heart-wings-v7[data-finish="prismatic"] .luminous-wing-tone{opacity:0}
.luminous-wing-spark{position:absolute;left:var(--spark-x);top:var(--spark-y);width:3px;height:3px;display:block;opacity:0;background:#fff8e8;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 3px #fff9dc80)}
.heart-wings-v7[data-finish="soft"] .luminous-wing-spark:nth-of-type(n+4){display:none}
.heart-wings-v7[data-finish="prismatic"] .luminous-wing-spark{width:4px;height:4px;background:#fff8ef;filter:drop-shadow(0 0 4px #e8d9fccc)}
.heart-wings-v7[data-finish="prismatic"] .luminous-wing-spark:nth-of-type(3n){background:#dcefeb}
.heart-wings-v7[data-state="open"] .luminous-wing--left{animation:luminous-unfold-left 1.25s .04s cubic-bezier(.16,.72,.2,1) both}
.heart-wings-v7[data-state="open"] .luminous-wing--right{animation:luminous-unfold-right 1.25s .04s cubic-bezier(.16,.72,.2,1) both}
.heart-wings-v7[data-state="open"] .luminous-wing-inner{animation:luminous-feather-bloom 1.6s .04s ease-out both}
.heart-wings-v7[data-state="open"] .luminous-wing-sheen{animation:luminous-sheen-opacity 1.65s .2s ease-out both}
.heart-wings-v7[data-state="open"] .luminous-wing-sheen:before{animation:luminous-sheen-pass 1.65s .2s ease-out both}
.heart-wings-v7[data-state="open"] .luminous-wing-spark{animation:luminous-spark-out 1.5s calc(.48s + var(--spark-i)*.11s) ease-out both}
/* Root hides behind the mount; the outer feather fan reaches about 54% card height. */
#rarity-dialog[data-mode="reveal"] .draw-stage[data-heart-wings="true"]{width:min(58%,260px,calc((100dvh - 318px)*5/7))}
.effect-craft-options{display:flex;flex-wrap:wrap;gap:5px 9px;min-width:0;border:0;padding:0;margin:12px 0 3px;font:10px/1.6 var(--ui);color:var(--muted)}
.effect-craft-options legend{padding:0;margin:0 0 5px;font:inherit;letter-spacing:.06em}
.effect-craft-options label{display:inline-flex;align-items:center;gap:5px;min-height:32px;white-space:nowrap;cursor:pointer}
.effect-craft-options input{margin:0;width:14px;height:14px;accent-color:var(--accent);flex:none}
@keyframes luminous-unfold-left{from{opacity:0;transform:translate(5%,4%) scale(.84)}50%{opacity:1}to{opacity:1;transform:none}}
@keyframes luminous-unfold-right{from{opacity:0;transform:translate(-5%,4%) scale(.84)}50%{opacity:1}to{opacity:1;transform:none}}
@keyframes luminous-feather-bloom{0%{opacity:0}38%{opacity:var(--wing-peak)}100%{opacity:var(--wing-opacity)}}
@keyframes luminous-sheen-pass{from{transform:translate(65%,65%)}to{transform:translate(-65%,-65%)}}
@keyframes luminous-sheen-opacity{0%,100%{opacity:0}25%,60%{opacity:.46}}
@keyframes luminous-spark-out{0%{opacity:0;transform:translate(0,4px) scale(.4)}28%{opacity:.55}100%{opacity:0;transform:translate(var(--spark-dx),var(--spark-dy)) scale(.2)}}
.heart-wings-v7[data-state="open"][data-animate="false"] .luminous-wing--left{animation:none;opacity:1;transform:none}
.heart-wings-v7[data-state="open"][data-animate="false"] .luminous-wing--right{animation:none;opacity:1;transform:none}
.heart-wings-v7[data-animate="false"] .luminous-wing-inner{animation:none;opacity:var(--wing-opacity)}
.heart-wings-v7[data-animate="false"] .luminous-wing-sheen,.heart-wings-v7[data-animate="false"] .luminous-wing-spark{display:none}
@media(max-width:740px){#rarity-dialog[data-mode="reveal"] .draw-stage[data-heart-wings="true"]{width:min(58%,250px,calc((100dvh - 304px)*5/7))}.effect-craft-options{gap:4px 10px;font-size:9px}}
@media(max-height:600px){#rarity-dialog[data-mode="reveal"] .draw-stage[data-heart-wings="true"]{width:min(58%,225px,calc((100dvh - 245px)*5/7))}}
@media(max-height:500px) and (min-width:600px){#rarity-dialog[data-mode="reveal"] .draw-stage[data-heart-wings="true"]{width:min(58%,215px,calc((100dvh - 145px)*5/7))}}
@media(prefers-reduced-motion:reduce){
 .heart-wings-v7 .luminous-wing,.heart-wings-v7 .luminous-wing-inner{animation:none!important;transition:none!important}
 .heart-wings-v7 .luminous-wing-inner{opacity:var(--wing-opacity)}
 .heart-wings-v7[data-state="open"] .luminous-wing--left{opacity:1;transform:none}
 .heart-wings-v7[data-state="open"] .luminous-wing--right{opacity:1;transform:none}
 .heart-wings-v7 .luminous-wing-sheen,.heart-wings-v7 .luminous-wing-spark{display:none!important}
}
@media(forced-colors:active){.heart-wings-v7{display:none!important}.effect-craft-options input{forced-color-adjust:auto}}