/* Collection v6: immediate interaction, continuous ambience, cosmetic sets. */
.mw-card{transition:box-shadow .3s,border-color .3s}
.mw-card .mw-emblem,.mw-dialog .mw-emblem,
.mw-relief-back,.mw-relief-middle,.mw-relief-front,.mw-relief-jewels,
.mw-depth-back,.mw-depth-base,.mw-depth-front,.mw-depth-jewels,.mw-depth-orbit,
.mw-cursor-light,.mw-edge-reflection,.mw-polish-reflection{transition:none!important}

/* The entire card starts hidden before its first paint, including the frame. */
.mw-card.mw-reveal-pending{opacity:0}
.mw-card.mw-reveal-in{animation:mw-collection-enter .46s cubic-bezier(.2,.75,.3,1) both}
@keyframes mw-collection-enter{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}

/* No hover gating or one-shot cycles: every visible frame keeps circulating. */
.mw-frame-circuit{opacity:.82;transition:none}
.mw-frame-circuit rect{animation:mw-circuit-loop calc(20s - var(--mw-level)*1.2s) linear infinite;stroke-dasharray:5 95}
[data-level="1"] .mw-frame-circuit{opacity:.46}
[data-level="1"] .mw-frame-circuit rect{stroke-width:1.3;stroke-dasharray:3 97}
.mw-frame-circuit rect+rect{animation-delay:-5s;stroke-dasharray:2 98;stroke-width:3}
.mw-frame-jewel .gem{animation:mw-gem-event 7s ease-in-out infinite}
.mw-frame-tr .gem{animation-delay:-1.75s}.mw-frame-br .gem{animation-delay:-3.5s}.mw-frame-bl .gem{animation-delay:-5.25s}
.mw-frame-emitter i{animation:mw-frame-spark 3.6s calc(var(--i)*-.72s) linear infinite}
.mw-frame-energy{opacity:.5;stroke-dasharray:10 45;animation:mw-energy-loop 3s linear infinite}
.mw-scene-sweep{opacity:.2;animation:mw-material-loop 9s linear infinite}
[data-level="5"] .mw-scene-wash{animation:mw-fire-breathe 4s ease-in-out infinite alternate}
[data-level="4"] .mw-scene-orbits,[data-level="7"] .mw-scene-orbits{animation:mw-orbit 36s linear infinite}
[data-level="7"] .mw-scene-orbits i+ i{animation:mw-second-orbit 23s linear infinite}
[data-level="8"] .mw-scene-rays{animation:mw-orbit 90s linear infinite;opacity:.85}
[data-level="8"] .mw-frame-seal{animation:mw-seal-breathe 4s ease-in-out infinite alternate}
:is(.mw-card,.mw-dialog-art) .mw-relief-sweep{animation:mw-relief-continuous 7s linear infinite}
:is(.mw-card,.mw-dialog-art) .mw-senior-sweep{animation:mw-relief-continuous 6s linear infinite}
[data-level="2"] .mw-relief-twinkle{animation:mw-relief-twinkle 7s ease-in-out infinite}
.mw-card[data-level="2"] .mw-title,.mw-card[data-level="2"]:is(:hover,:focus-within) .mw-title{color:transparent;animation:mw-title-flow 6s ease-in-out infinite}
@keyframes mw-circuit-loop{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@keyframes mw-energy-loop{to{stroke-dashoffset:-110}}
@keyframes mw-material-loop{from{transform:translateX(-90%)}to{transform:translateX(90%)}}
@keyframes mw-relief-continuous{from{transform:translateX(-280px)}to{transform:translateX(280px)}}
@keyframes mw-fire-breathe{from{opacity:.65;transform:scale(.94)}to{opacity:1;transform:scale(1.14)}}
@keyframes mw-second-orbit{from{transform:rotateY(65deg) rotateZ(35deg)}to{transform:rotateY(65deg) rotateZ(395deg)}}
@keyframes mw-seal-breathe{from{filter:drop-shadow(0 0 3px #ffdf7c)}to{filter:drop-shadow(0 0 11px #ffdf7c)}}

/* A square anchored to the emblem centre, independent of the scene's aspect. */
.mw-eclipse-anchor{position:absolute;left:50%;top:50%;width:164px;max-width:73%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:1}
.mw-permanent-eclipse{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#080409 0 54%,#170610 58%,#ff5670 61%,#e12b48 63%,transparent 69%);box-shadow:0 0 25px #bf18354d;animation:mw-eclipse-breathe 4.8s ease-in-out infinite alternate}
.mw-dialog-emblem .mw-eclipse-anchor{width:195px}
@keyframes mw-eclipse-breathe{from{opacity:.82;transform:scale(.95);filter:brightness(.9)}to{opacity:1;transform:scale(1.035);filter:brightness(1.17)}}

/* Same art family on card, detail showcase, profile cover and avatar. */
.mw-card::before,.mw-dialog-art::before{content:'';position:absolute;inset:1px;border-radius:inherit;background:var(--mw-world) 68% center/cover no-repeat;opacity:.46;z-index:-2;pointer-events:none}
.mw-card::after,.mw-dialog-art::after{content:'';position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,#08100c2b,#0a100d3d 20%,#0a100dd9 53%,#0a100df5 100%);z-index:-1;pointer-events:none}
.mw-card[data-level="1"]::before{opacity:.45}
.mw-card-wide::before{background-position:center 44%;opacity:.64}
.mw-card-wide::after{background:linear-gradient(90deg,#0b100d55,#0c120eaa 40%,#0b110ff0 75%)}
.mw-dialog .mw-dialog-art[data-tier]{background:#0c130f}
.mw-dialog-art::before{opacity:.53;background-position:70% center}
.mw-dialog-art::after{background:linear-gradient(180deg,#0a100d4d,#0a100d55 25%,#0a100d8c 50%,#0a100dd9)}
.mw-dialog-art .mw-art-signature{color:var(--mw-light);text-shadow:0 2px 12px #000}
.mw-scene-description{color:#bdc9b8;text-shadow:0 2px 8px #000}
.mw-profile-cover{height:94px;background:linear-gradient(90deg,#07110a77,transparent 70%),var(--mw-world) 65% 22%/cover no-repeat}
.mw-profile-cover span{top:12px;left:12px;right:auto;max-width:calc(100% - 24px);padding:5px 7px;border:1px solid color-mix(in srgb,var(--mw-accent) 35%,transparent);border-radius:4px;background:#07100bd1;line-height:1.5;font-size:7px;letter-spacing:.1em}
.mw-profile-cover i{display:none}.mw-profile-cover::before{opacity:.15}
.mw-identity-avatar{background-image:var(--mw-world);background-size:400% auto;background-position:var(--avatar-position,65% 16%);background-repeat:no-repeat;width:62px;height:62px}
.mw-identity-avatar-small{width:36px;height:36px}
.mw-profile-person{margin-top:-21px;align-items:flex-end;padding-bottom:3px}
.mw-profile-person>div{min-width:0;padding-bottom:3px}
.mw-player-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mw-player-badge{width:23px;height:23px;display:inline-flex;flex:none;vertical-align:middle;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--mw-accent) 25%,transparent))}
.mw-player-badge svg{display:block;width:100%;height:100%;overflow:visible}
.mw-player-badge .badge-line{fill:none;stroke-width:1.2}.mw-player-badge .badge-cut{fill:#160a13}
.mw-chat-example .mw-player-badge{width:18px;height:18px}
.mw-friend-star{display:flex;align-items:center}.mw-friend-star .mw-player-badge{width:29px;height:29px}
.mw-bundle-label{padding:16px 0 0;display:grid;gap:6px;text-align:left}
.mw-bundle-label span{font-size:7px;letter-spacing:.15em;color:var(--mw-accent)}
.mw-bundle-label b{font-size:12px;font-weight:500;color:var(--mw-light)}
.mw-bundle-label small{font-size:8px;color:#b4bda8;line-height:1.7}
.mw-cosmetic-note{color:#b3bfa7;line-height:1.8}

/* Reuse the approved relief SVG as the actual Legend crest, not a flat fruit. */
.mw-frame-crest-relief{display:grid!important;place-items:center;isolation:isolate;stroke:none;fill:initial;overflow:visible}
.mw-crest-plaque{position:absolute;inset:23% -7%;background:linear-gradient(135deg,#8c5917,#272415 45%,#a06a17);border:1px solid #ffe497;clip-path:polygon(0 50%,12% 0,88% 0,100% 50%,88% 100%,12% 100%);z-index:-1}
.mw-crafted-frame .mw-frame-crest-relief>.mw-emblem{width:100%!important;height:100%!important;max-width:none!important;transform:none!important;transition:none!important;filter:drop-shadow(0 3px 3px #0008);--spx:0px;--spy:0px;--srx:0deg;--sry:0deg;--senior-lift:0px}
.mw-card[data-level="8"] .mw-frame-crest-relief,.mw-dialog-art[data-level="8"] .mw-frame-crest-relief{width:94px;height:94px;top:-49px}
@media(max-width:760px){.mw-dialog-art[data-level="8"] .mw-frame-crest-relief{width:72px;height:72px;top:-35px}.mw-card[data-level="8"] .mw-frame-crest-relief{width:80px;height:80px;top:-42px}.mw-card-wide::after{background:linear-gradient(#0a100d3b,#0a100daa 40%,#0a100df2 70%)}.mw-profile-cover{height:96px}.mw-dialog-emblem .mw-eclipse-anchor{width:165px}}
html[data-mw-motion="off"] .mw-card.mw-reveal-pending{opacity:1}
html[data-mw-motion="off"] .mw-card.mw-reveal-in{animation:none!important;opacity:1;filter:none}
.mw-paused .mw-dialog-art *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html:not([data-mw-motion="on"]) .mw-card.mw-reveal-pending{opacity:1}html:not([data-mw-motion="on"]) .mw-card.mw-reveal-in{animation:none!important;opacity:1;filter:none}}

[data-tier="lite"]{--avatar-position:66% 20%}[data-tier="standard"]{--avatar-position:65% 16%}[data-tier="premium"]{--avatar-position:67% 16%}[data-tier="deluxe"]{--avatar-position:70% 8%}[data-tier="supreme"]{--avatar-position:65% 10%}[data-tier="demigod"]{--avatar-position:71% 13%}[data-tier="god"]{--avatar-position:65% 7%}[data-tier="legend"]{--avatar-position:72% 18%}

.comparison{padding-top:20px}
.mw-dialog-art[data-level="8"]{margin-top:54px}
.mw-card:hover .mw-eclipse-anchor{transform:translate(-50%,-50%) translateY(-4px)}
@media(max-width:760px){.mw-dialog-art[data-level="8"]{margin-top:46px}}
@media(max-width:760px){.mw-dialog-shell{overflow:clip}}
@media(max-width:400px){.mw-profile-person{gap:8px;padding-inline:12px;align-items:flex-start;margin-top:-16px}.mw-profile-person>.mw-identity-avatar{width:50px;height:50px}.mw-profile-person>div{flex:1;padding-top:22px}.mw-profile-person .mw-player-name-row{flex-wrap:nowrap;gap:5px}.mw-profile-person .mw-example-name{min-width:0;font-size:11px}.mw-profile-person .mw-player-badge{width:18px;height:18px}}