/* Subtle SVG/CSS relief for the first four tiers. v1 silhouettes/layout remain the basis. */
:is(.mw-card,.mw-dialog-art):is([data-level="1"],[data-level="2"],[data-level="3"],[data-level="4"]){--epx:0px;--epy:0px;--erx:0deg;--ery:0deg;--relief-lift:0px;--depth-factor:1}
.mw-card[data-level="1"]{background:linear-gradient(150deg,#182019,#131a15 68%);box-shadow:inset 0 1px #dce8ce0a,0 8px 28px #0002}
.mw-card[data-level="2"]{box-shadow:inset 0 1px #bfffd30c,0 10px 30px #0002}
.mw-card:is([data-level="1"],[data-level="2"],[data-level="3"],[data-level="4"]) .mw-emblem,.mw-dialog .mw-relief{transform:perspective(650px) translateY(var(--relief-lift)) rotateX(var(--erx)) rotateY(var(--ery));transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .7s;filter:drop-shadow(0 9px 10px #0003)}
.mw-card[data-level="1"] .mw-relief{filter:drop-shadow(0 6px 8px #0002)}
.mw-card:is([data-level="1"],[data-level="2"],[data-level="3"],[data-level="4"]):hover{--relief-lift:-3px}
.mw-card[data-level="1"]{--depth-factor:.5}.mw-card[data-level="2"]{--depth-factor:.7}.mw-card[data-level="3"]{--depth-factor:.85}
.mw-relief-back,.mw-relief-middle,.mw-relief-front,.mw-relief-jewels{transform-origin:120px 120px;transition:transform .75s cubic-bezier(.2,.8,.2,1)}
.mw-relief-back{transform:translate(calc(var(--epx)*-.28),calc(var(--epy)*-.28))}
.mw-relief-middle{transform:translate(calc(var(--epx)*.12),calc(var(--epy)*.12))}
.mw-relief-front{transform:translate(calc(var(--epx)*.55),calc(var(--epy)*.55))}
.mw-relief-jewels{transform:translate(calc(var(--epx)*.3),calc(var(--epy)*.3))}
.mw-relief-specular{opacity:.7}.mw-relief-sweep{transform:translateX(0)}
:is(.mw-card,.mw-dialog-art):hover .mw-relief-sweep,:is(.mw-card,.mw-dialog-art):focus-within .mw-relief-sweep{animation:mw-relief-sweep 1.9s cubic-bezier(.22,.5,.3,1) 1}
[data-level="1"] .mw-relief-specular{opacity:.32}[data-level="2"] .mw-relief-specular{opacity:.48}
[data-level="3"] .mw-relief-sweep{animation:mw-relief-rare-sweep 12s ease-in-out infinite}[data-level="4"] .mw-relief-sweep{animation:mw-relief-rare-sweep 10s ease-in-out infinite}
.mw-relief-twinkle{animation:mw-relief-twinkle 8s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.mw-relief-twinkle-late{animation-delay:-3.8s}[data-level="2"] .mw-relief-twinkle{animation:none;opacity:.7}
.mw-relief-halo{opacity:1}[data-level="4"] .mw-relief-halo{animation:mw-relief-halo 9s ease-in-out infinite}
.mw-polish-frame{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2}
.mw-polish-rim{position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--mw-light) 30%,transparent),transparent 30% 62%,color-mix(in srgb,var(--mw-accent) 13%,transparent)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.mw-polish-reflection{position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;background:radial-gradient(ellipse at var(--mx,50%) var(--my,30%),color-mix(in srgb,var(--mw-light) 90%,transparent),transparent 43%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .5s}
.mw-card:hover .mw-polish-reflection,.mw-card:focus-within .mw-polish-reflection,.mw-dialog-art:hover .mw-polish-reflection{opacity:.6}
[data-level="1"] .mw-polish-reflection{opacity:.1}[data-level="1"]:hover .mw-polish-reflection{opacity:.4}
.mw-polish-inset{position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--mw-accent) 9%,transparent);border-radius:13px}
[data-level="1"] .mw-polish-inset{display:none}[data-level="3"] .mw-polish-inset{border-color:#488fff1c}[data-level="4"] .mw-polish-inset{inset:7px;border-color:#b476ff26;border-radius:11px}
.mw-polish-corner{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--mw-light);stroke-width:.8;opacity:.28;vector-effect:non-scaling-stroke}
[data-level="1"] .mw-polish-corner{opacity:.13}[data-level="2"] .mw-polish-corner{opacity:.2}[data-level="4"] .mw-polish-corner{opacity:.4}
[data-level="3"]>.mw-frame{opacity:.13}[data-level="4"]>.mw-frame{opacity:.2}
[data-level="3"]>.mw-frame rect{animation-duration:19s;stroke-dasharray:48 1962}[data-level="4"]>.mw-frame rect{animation-duration:16s;stroke-dasharray:65 1945}
.mw-card[data-level="1"] .mw-title,.mw-dialog[data-level="1"] .mw-title{text-shadow:0 1px #f4ffe70c,0 3px 8px #0002}
.mw-card[data-level="2"] .mw-title,.mw-dialog[data-level="2"] .mw-title{color:#bdffdc;text-shadow:0 0 16px #43d9910b}
.mw-card[data-level="3"] .mw-title,.mw-dialog[data-level="3"] .mw-title{animation-duration:11s}
.mw-card[data-level="4"] .mw-title,.mw-dialog[data-level="4"] .mw-title{animation-duration:9s}
.mw-card:is([data-level="1"],[data-level="2"],[data-level="3"],[data-level="4"]) .mw-details-button{box-shadow:inset 0 1px color-mix(in srgb,var(--mw-light) 5%,transparent)}
.mw-card:is([data-level="1"],[data-level="2"],[data-level="3"],[data-level="4"]) .mw-details-button:active{box-shadow:inset 0 2px 9px #0003,0 0 13px color-mix(in srgb,var(--mw-accent) 9%,transparent)}
.mw-card:is([data-level="1"],[data-level="2"],[data-level="3"],[data-level="4"]):active .mw-relief-front{transform:translate(calc(var(--epx)*.55),calc(var(--epy)*.55 + 1px)) scale(.992);transition-duration:.16s}
.mw-dialog-art[data-level="1"]{background:radial-gradient(ellipse at 50% 42%,#35412b25,transparent 65%),#101610}
.mw-dialog-art[data-level="2"]{background:radial-gradient(ellipse at 50% 42%,#1c744f2a,transparent 65%),#0e1812}
.mw-dialog-art[data-level="3"]{background:radial-gradient(ellipse at 50% 42%,#243e7a30,transparent 65%),#101720}
.mw-dialog-art[data-level="4"]{background:radial-gradient(ellipse at 50% 42%,#65398b30,transparent 65%),#17121e}
.mw-dialog .mw-relief{width:300px;height:300px}
.mw-relief{will-change:auto}.mw-card:hover .mw-relief{will-change:transform}
.mw-dialog-open .mw-card:is([data-level="1"],[data-level="2"],[data-level="3"],[data-level="4"]) *{animation-play-state:paused!important}
@keyframes mw-relief-sweep{0%{transform:translateX(0)}100%{transform:translateX(340px)}}
@keyframes mw-relief-rare-sweep{0%,72%{transform:translateX(0)}94%,100%{transform:translateX(340px)}}
@keyframes mw-relief-twinkle{0%,58%,100%{opacity:.45;transform:scale(.9)}64%{opacity:1;transform:scale(1.15)}73%{opacity:.55;transform:scale(1)}}
@keyframes mw-relief-halo{50%{opacity:.86}}
@media(max-width:760px){.mw-dialog .mw-relief{width:210px;height:210px}}
html[data-mw-motion="off"] .mw-relief,html[data-mw-motion="off"] .mw-relief :is(.mw-relief-back,.mw-relief-middle,.mw-relief-front,.mw-relief-jewels){transform:none!important}
html[data-mw-motion="off"] .mw-relief-sweep{opacity:0}
@media(prefers-reduced-motion:reduce){html:not([data-mw-motion="on"]) .mw-relief,html:not([data-mw-motion="on"]) .mw-relief :is(.mw-relief-back,.mw-relief-middle,.mw-relief-front,.mw-relief-jewels){transform:none!important}}
@media(pointer:coarse){.mw-relief,.mw-relief g{--epx:0px;--epy:0px;--erx:0deg;--ery:0deg}}