/* A-057: native foil/etched frame. Layers stop at the art well, never cross text. */
.md-modal,.a57-holder{--md-ink:#efe6c4;--md-metal:#dac38a;--md-deep:#172f37;--md-glow:#bdafea;--md-shadow:#172135}
.md-card{box-sizing:border-box;border:7px solid transparent;border-radius:28px;background:linear-gradient(155deg,#263938,#122b30 55%,#253638) padding-box,conic-gradient(from 35deg,#fff0b6,#c6e6da,#a5b6e7,#daadd0,#ffcf91,#f1e6af,#a9dfd3,#aeb2de,#fff0b6) border-box;box-shadow:0 0 0 1px #a77d3e,0 0 0 3px #4d3c27,0 0 30px #9ee3d72a,0 24px 64px #06181666;isolation:isolate;color:var(--md-ink)}
.md-card::before{inset:4px;border-color:#ddbc79;border-radius:17px;box-shadow:inset 0 0 0 2px #e7b65b22,0 0 0 1px #0f2b2a;z-index:8}
.md-card::after{display:none}
.md-card[data-role=universal]{--md-deep:#303647;--md-glow:#d2bde8;--md-metal:#f1d5a6;background:linear-gradient(145deg,#46415c,#273849 65%,#333842) padding-box,conic-gradient(from 40deg,#f1d3a1,#b5e1d4,#9cbded,#eabbd3,#f4dba6,#d3b7e8,#a5ddd9,#f1d3a1) border-box}
.md-card[data-role=spore]{--md-glow:#edbc73;--md-metal:#f3cc88;background:linear-gradient(145deg,#594135,#343934 65%,#4a3d30) padding-box,conic-gradient(from 45deg,#ffe9ab,#d5945b,#ffd5ad,#d4c987,#b6d9c1,#e1ab78,#ffe9ab) border-box}
.md-card[data-role=blue]{--md-glow:#87d7cf;--md-metal:#c8d7ab;background:linear-gradient(145deg,#1f4446,#153037 65%,#233e3b) padding-box,conic-gradient(from 40deg,#ead394,#9edacb,#85b6d2,#d3c1d9,#ead394,#72b7b8,#ead394) border-box}
.md-card-head{padding:20px 21px 0;position:relative;z-index:5}
.md-heading{font-size:11px;letter-spacing:.18em;color:#e2c897}
.md-type{margin:8px 0 2px;border:0;border-bottom:1px solid #bda66b88;border-radius:0;background:none;color:#d0bf92;letter-spacing:.16em;font-size:10px;padding:0 13px 4px}
.md-name{font-size:27px;color:#fff0ce;letter-spacing:.12em;text-shadow:0 2px 0 #102929,0 0 15px #e8da9a22;margin-top:1px}
.md-close{background:#233835;color:#e8d39e;border-color:#9e8957;width:28px;height:28px;top:9px;right:9px;font-size:20px}
.md-card-content{padding:0 16px 2px}
.md-art{height:224px;margin:1px -6px 0;border-radius:45% 45% 13px 13px;background:none;overflow:hidden;isolation:isolate}
.md-art>.md-sprite{position:absolute;width:214px;height:214px;max-width:none;left:50%;top:50%;margin-left:-107px;margin-top:-101px;z-index:4;filter:drop-shadow(0 8px 6px #091f284d);animation:a57-breathe 5.4s ease-in-out infinite;transform-origin:center 75%}
.md-scenery{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit;background:radial-gradient(ellipse at 50% 58%,#c8d3c437 0,transparent 65%)}
.md-aura{position:absolute;inset:9% 12% 8%;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,var(--md-glow),transparent 68%);opacity:.3;filter:blur(13px);animation:a57-aura 4.8s ease-in-out infinite}
.md-orbit{position:absolute;left:15%;top:14%;width:70%;height:70%;border:1px solid #f6e1ac69;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 13px #f3d7a622,inset 0 0 12px #b8cbd922}
.md-orbit::before,.md-orbit::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#fff1c1;box-shadow:0 0 9px #ecdfbb;left:13%;top:13%}
.md-orbit::after{left:auto;top:auto;right:13%;bottom:13%;width:3px;height:3px}
.md-orbit-b{inset:21% 9% auto;width:82%;height:54%;border-color:#b7ded87a;transform:rotate(28deg)}
.md-land{position:absolute;bottom:8px;left:9%;width:82%;height:28px;border-radius:50%;background:radial-gradient(ellipse,#d6cfa950,#6b9b7833 44%,transparent 70%);filter:blur(3px)}
.md-foil{position:absolute;inset:-30% -65%;z-index:6;background:linear-gradient(116deg,transparent 37%,#d4b9df00 40%,#e9a8c844 44%,#bce2ff88 48%,#fff6c5bb 51%,#a9ded577 55%,#d9add543 58%,transparent 63%);mix-blend-mode:screen;transform:translateX(-88%);animation:a57-sweep 2.25s cubic-bezier(.26,.5,.35,1) 150ms 2 both}
/* Foil sibling overlays the sprite too, but is strictly clipped by the art well. */
.md-art::after{content:"";position:absolute;inset:-30% -65%;z-index:5;pointer-events:none;background:linear-gradient(116deg,transparent 41%,#d5bde533 45%,#c0e4f455 49%,#fff1b97a 51%,#a3dcc044 55%,transparent 60%);mix-blend-mode:screen;animation:a57-sweep 2.25s cubic-bezier(.26,.5,.35,1) 150ms 2 both}
.md-mote{position:absolute;left:calc(12% + var(--n)*8%);top:var(--y,30%);width:3px;height:3px;background:#fff1ba;border-radius:50%;opacity:.65;box-shadow:0 0 6px #f6d9a0;animation:a57-mote 3.8s ease-in-out calc(var(--n)*-.29s) infinite}
.md-mote:nth-last-child(3n){width:6px;height:6px;clip-path:polygon(50% 0,63% 35%,100% 50%,63% 63%,50% 100%,35% 63%,0 50%,35% 35%)}
.md-card[data-role=universal] .md-orbit-a{border:2px solid transparent;background:linear-gradient(#30394700,#30394700) padding-box,conic-gradient(#e2bfdd,#f1d6a4,#b1ded9,#a7c5e8,#e2bfdd) border-box;opacity:.75;mask:radial-gradient(ellipse,transparent 67%,#000 68%);animation:a57-orbit 12s linear infinite}
.md-card[data-role=spore] .md-orbit{border-color:#e9cb9266;width:70px;height:70px;left:8%;top:25%;background:radial-gradient(circle at 30% 25%,#ffefb83d,transparent 50%);box-shadow:inset 0 0 12px #e8b57d35,0 0 8px #e8cb6c22}
.md-card[data-role=spore] .md-orbit-b{width:42px;height:42px;left:74%;top:9%;border-color:#f1d4a198}
.md-card[data-role=spore] .md-mote{width:calc(4px + var(--n)*1.1px);height:calc(4px + var(--n)*1.1px);top:auto;bottom:7%;background:radial-gradient(circle at 30% 25%,#fff8d986,#ecc4820c 60%);border:1px solid #e5ce9180;box-shadow:inset 0 0 5px #ead1a52b;animation:a57-rise 4.5s ease-out calc(var(--n)*-.4s) infinite;clip-path:none}
.md-card[data-role=blue] .md-orbit-a{width:88%;height:40%;left:6%;top:35%;transform:rotate(-30deg);border-color:#a9dfd5c4;box-shadow:0 0 12px #8bdfcd45}
.md-card[data-role=blue] .md-orbit-b{width:88%;height:40%;left:6%;top:35%;transform:rotate(30deg);border-color:#e4ca89ad;box-shadow:0 0 12px #e1bf6b2c}
.md-card[data-role=blue] .md-orbit::before{animation:a57-join 4s ease-in-out infinite}
.md-description{position:relative;z-index:9;border:1px solid #e1c38e;border-radius:6px 6px 13px 13px;background:linear-gradient(#fbefd3,#ecdbb5);padding:14px 13px 12px;min-height:93px;color:#493e29;box-shadow:0 -3px 0 #152d2c,0 3px 0 #0e242c55,inset 0 0 0 3px #fff6df77;font-size:14px;line-height:1.6;letter-spacing:.02em}
.md-description::before{content:"";display:block;width:29px;height:2px;background:#ad8a4e;margin:0 auto 9px;box-shadow:5px 0 0 #ead4a4}
.md-rule{display:block;font-size:11px;line-height:1.5;color:#786241;margin-top:6px;padding-top:6px;border-top:1px solid #b59b6c44}
.md-card-foot{padding:13px 16px 16px;position:relative;z-index:9;background:none}
.md-collect{border:1px solid #fff1bd;min-height:45px;border-radius:8px 8px 13px 13px;background:linear-gradient(110deg,#b89756,#efd49a 42%,#d8b879 70%,#ad8e4f);box-shadow:0 3px 0 #624c2b,inset 0 0 0 2px #77643a55;color:#3b3020;letter-spacing:.08em}
.md-footnote{color:#c3b78c;font-size:10px;margin-top:9px}
.md-ornament{position:absolute;inset:0;z-index:8;pointer-events:none;color:#e6c380;font-family:Georgia,serif;font-size:39px;line-height:1;text-shadow:0 1px 0 #5c4727}
.md-ornament b{position:absolute;top:6px;left:5px;font-weight:400;transform:rotate(40deg)}
.md-ornament b:nth-child(2){left:auto;right:5px;transform:rotate(-40deg) scaleX(-1)}
.md-ornament b:nth-child(3){top:auto;bottom:1px;font-size:28px;transform:rotate(10deg)}
.md-ornament b:nth-child(4){left:auto;right:5px;top:auto;bottom:1px;font-size:28px;transform:rotate(-10deg) scaleX(-1)}
.md-star{display:none}
.md-info .md-art::after,.md-info .md-foil{display:none}
@keyframes a57-sweep{0%{transform:translateX(-85%);opacity:0}12%{opacity:.95}88%{opacity:.95}100%{transform:translateX(85%);opacity:0}}
@keyframes a57-breathe{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-4px) rotate(.5deg)}}
@keyframes a57-aura{0%,100%{opacity:.24;transform:scale(.95)}50%{opacity:.42;transform:scale(1.05)}}
@keyframes a57-mote{0%,100%{transform:translateY(3px);opacity:.2}50%{transform:translateY(-6px);opacity:.85}}
@keyframes a57-rise{0%{transform:translateY(0) scale(.4);opacity:0}18%{opacity:.8}85%{opacity:.45}100%{transform:translateY(-150px) scale(1);opacity:0}}
@keyframes a57-orbit{to{transform:rotate(335deg)}}
@keyframes a57-join{0%,100%{transform:translateX(0);opacity:.5}50%{transform:translateX(15px);opacity:1}}
.a57-paused *,.a57-paused *::after,.a57-paused *::before{animation-play-state:paused!important}
.md-reduced .md-art>.md-sprite,.md-reduced .md-scenery *,.md-reduced .md-art::after{animation:none!important;transform:none!important}
.md-reduced .md-art::after,.md-reduced .md-foil{display:none}
@media(max-height:680px){.md-modal .md-card-head{padding-top:12px}.md-modal .md-name{font-size:24px}.md-modal .md-art{height:172px}.md-modal .md-art>.md-sprite{width:172px;height:172px;margin-left:-86px;margin-top:-82px}.md-modal .md-description{min-height:86px;padding:10px 12px}.md-modal .md-description::before{margin-bottom:6px}.md-modal .md-card-foot{padding-top:10px;padding-bottom:12px}}
@media(max-height:540px){.md-modal .md-art{height:118px}.md-modal .md-art>.md-sprite{width:120px;height:120px;margin-left:-60px;margin-top:-58px}.md-modal .md-card-head{padding-top:8px}.md-modal .md-type{margin-top:3px}.md-modal .md-name{font-size:21px}.md-modal .md-description{font-size:13px}.md-modal .md-footnote{display:none}}
@media(prefers-reduced-motion:reduce){.md-card .md-art>.md-sprite,.md-scenery *,.md-art::after{animation:none!important;transform:none!important}.md-art::after,.md-foil{display:none!important}}

/* Fine botanical etching gives the metal frame a woodland identity. */
.md-ornament b{width:35px;height:56px;top:11px;left:7px;transform:none}
.md-ornament b svg{display:block;width:100%;height:100%}
.md-ornament b:nth-child(2){top:11px;right:7px;transform:scaleX(-1)}
.md-ornament b:nth-child(3){width:25px;height:40px;bottom:4px;transform:rotate(180deg) scaleX(-1)}
.md-ornament b:nth-child(4){width:25px;height:40px;bottom:4px;right:7px;transform:rotate(180deg)}
.md-scenery::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#f3e1b82a .6px,transparent .9px),radial-gradient(#d5d5c71c .7px,transparent 1px);background-size:7px 9px,11px 13px;opacity:.4;mask:radial-gradient(ellipse,#000,transparent 76%)}

/* Final narrow pass: broader foil bevel and stronger soft light, no extra particles. */
.md-card{border-width:10px;box-shadow:0 0 0 1px #ffe7ab,0 0 0 3px #68502b,0 0 23px #b3dbd438,0 24px 64px #06181666}
.md-card::before{box-shadow:inset 0 0 0 2px #e7b65b2b,0 0 0 1px #0f2b2a,0 0 0 3px #eedaa92b}
.md-aura{inset:2% 4% 0%;filter:blur(15px)}
@keyframes a57-aura{0%,100%{opacity:.36;transform:scale(.95)}50%{opacity:.58;transform:scale(1.05)}}