/* A-056 standalone native component. All selectors are scoped with md-. */
.md-sprite{display:block;position:relative;aspect-ratio:1;overflow:hidden;flex:none}
.md-sprite-crop{position:absolute;display:block;overflow:hidden}
.md-sprite img{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}
.md-modal{--md-accent:#bfa65d;--md-tint:#e7ddb6;--md-wood:#6d462c;box-sizing:border-box;border:0;padding:0;width:min(82vw,320px);max-width:320px;max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;overflow:visible;background:transparent;color:#473827;font:15px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.md-modal::backdrop{background:rgba(15,35,31,.72);transition:background 160ms ease}
.md-modal.md-collecting::backdrop{background:rgba(15,35,31,.24)}
.md-modal:not([open]){display:none}
.md-card{position:relative;display:flex;flex-direction:column;max-height:inherit;border:6px solid var(--md-wood);border-radius:25px;background:#f6e8c8;box-shadow:0 0 0 2px #d7b66c,0 0 24px #dfc78455,0 22px 70px #0b1e2366;overflow:hidden;transform-origin:50% 72%;isolation:isolate}
.md-card::before{content:"";position:absolute;inset:4px;border:1px solid #b68c4b;border-radius:15px;pointer-events:none;z-index:4}
.md-card::after{content:"";position:absolute;inset:-25% -55%;background:linear-gradient(108deg,transparent 38%,#ffffff00 40%,#fff5ce86 49%,#c5e8e566 54%,transparent 64%);filter:blur(2px);transform:translateX(-115%);pointer-events:none;z-index:5;animation:md-discovery-sweep 900ms cubic-bezier(.2,.55,.3,1) 180ms 2 both}
@keyframes md-discovery-sweep{0%{transform:translateX(-100%);opacity:0}12%{opacity:.7}85%{opacity:.65}100%{transform:translateX(100%);opacity:0}}
.md-card-head{padding:20px 22px 0;text-align:center;flex:none}
.md-heading{font-size:12px;letter-spacing:.12em;color:#7a5c32;margin:0}
.md-type{display:inline-block;padding:2px 11px;border-radius:14px;border:1px solid #bda568;background:#f9efd4;color:#7f6935;font-size:11px;margin:9px 0 3px}
.md-name{font-size:27px;line-height:1.3;margin:2px 0 0;font-weight:800;letter-spacing:.06em}
.md-close{position:absolute;top:9px;right:9px;z-index:8;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #b99e67;border-radius:50%;background:#f9efda;color:#745335;font:24px/1 sans-serif;cursor:pointer}
.md-card-content{min-height:0;overflow:auto;padding:0 20px 4px}
.md-art{height:clamp(128px,25dvh,205px);display:flex;align-items:center;justify-content:center;position:relative;margin:6px 0 4px;border-radius:45%;background:radial-gradient(ellipse at 50% 70%,var(--md-tint) 0%,#f5e8c500 68%)}
.md-art .md-sprite{width:clamp(128px,25dvh,205px);height:clamp(128px,25dvh,205px);max-width:100%}
.md-description{position:relative;z-index:1;padding:13px 13px 14px;border:1px solid #ceb782;border-radius:12px;background:#fff8e4;color:#594b31;font-size:14px;line-height:1.65;letter-spacing:.02em;min-height:76px}
.md-description p{margin:0}
.md-card-foot{padding:12px 20px 18px;flex:none;background:linear-gradient(#f6e8c800,#f6e8c8 30%)}
.md-collect{width:100%;min-height:45px;border:2px solid #745333;border-radius:13px;padding:9px 12px;background:linear-gradient(#e7cd82,#d8b765);box-shadow:0 3px 0 #8f6234;color:#4b341e;font-family:inherit;font-size:16px;line-height:1.3;font-weight:700;cursor:pointer}
.md-collect:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #8f6234}
.md-collect:disabled{cursor:default;opacity:.75}
.md-footnote{margin:8px 0 0;text-align:center;color:#88734c;font-size:10px}
.md-star{position:absolute;width:9px;height:9px;background:#fff1bc;clip-path:polygon(50% 0,63% 36%,100% 50%,64% 63%,50% 100%,36% 64%,0 50%,36% 36%);z-index:3;pointer-events:none;animation:md-star-in 1300ms ease-out both}
.md-star:nth-of-type(1){top:22%;left:10%;animation-delay:100ms}
.md-star:nth-of-type(2){top:38%;right:9%;width:12px;height:12px;animation-delay:340ms}
.md-star:nth-of-type(3){top:61%;left:11%;width:7px;height:7px;animation-delay:600ms}
.md-star:nth-of-type(4){top:14%;right:20%;width:6px;height:6px;animation-delay:200ms}
@keyframes md-star-in{0%,100%{opacity:0;transform:scale(.6)}25%,65%{opacity:.8;transform:scale(1)}}
.md-info .md-card::after,.md-reduced .md-card::after{animation:none;opacity:0}
.md-info .md-star,.md-reduced .md-star{display:none}
.md-flight{position:fixed!important;z-index:20;pointer-events:none;will-change:transform,opacity}
.md-pocket-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:360px;margin:auto}
.md-pocket{position:relative;min-width:0;border:1px solid #ba9b60;border-radius:13px;background:#f5e4b9;box-shadow:inset 0 -3px 0 #d4bc81}
.md-pocket.md-selected{outline:2px solid #5f9281;outline-offset:2px}
.md-pocket-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;min-height:79px;padding:5px 18px 5px 6px;border:0;background:transparent;color:#5a4529;font:inherit;cursor:pointer}
.md-pocket-action:disabled{opacity:.48;cursor:default}
.md-pocket-avatar{display:block;width:43px;height:43px;transform-origin:center}
.md-pocket-avatar .md-sprite{width:100%;height:100%}
.md-pocket-name{font-size:11px;font-weight:700;white-space:nowrap}
.md-pocket-count{position:absolute;right:7px;bottom:6px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#755134;color:#fff1d2;font-size:10px}
.md-pocket-help{position:absolute;right:3px;top:4px;z-index:2;display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid #a48950;border-radius:50%;background:#fbf2da;color:#795d31;font:700 15px/1 sans-serif;cursor:pointer}
.md-pocket-help::before{content:"";position:absolute;inset:-5px}
.md-modal button:focus-visible,.md-pocket button:focus-visible{outline:3px solid #548f83;outline-offset:3px}
.md-fx-range{position:absolute;border:2px solid #e8d995aa;background:radial-gradient(circle,#dbdfad10 42%,#e9d79e22 70%,transparent 71%);border-radius:50%;pointer-events:none;z-index:2}
.md-spore-bubble{position:absolute;border:1px solid #d9dc8dc9;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff8d4b0 0%,#e8eec342 22%,#92c8b62b 68%,#fff8d47a 100%);pointer-events:none;z-index:4;will-change:transform,opacity}
.md-spore-dust{position:absolute;border-radius:50%;background:#f3e7b4b0;pointer-events:none;z-index:3;will-change:transform,opacity}
@media(max-height:560px){.md-card-head{padding-top:12px}.md-heading{font-size:11px}.md-name{font-size:23px}.md-art{height:128px;margin:0}.md-art .md-sprite{width:128px;height:128px}.md-description{padding:10px;font-size:13px;min-height:60px}.md-card-foot{padding:9px 16px 12px}.md-footnote{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.md-card::after,.md-star{animation:none!important;opacity:0!important}.md-modal::backdrop{transition:none}.md-collect:active:not(:disabled){transform:none}}