/* Collectible frame; the original item image is rendered intact. */
#detail.collectible{--card-accent:#bc8c24;--card-dark:#574014;--card-paper:#e7d9b4;width:min(490px,calc(100vw - 28px));max-height:92dvh;padding:10px;border:3px solid var(--card-accent);border-radius:18px;background:var(--card-accent);color:#242318;box-shadow:0 18px 80px #000b;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--card-dark) var(--card-paper)}
#detail.collectible.vitality{--card-accent:#7d9d42;--card-dark:#344c25;--card-paper:#e2e6cb}#detail.collectible.spirit{--card-accent:#9975b5;--card-dark:#4d315f;--card-paper:#e7dcec}
#detail.collectible::backdrop{background:#050604d9;backdrop-filter:blur(6px)}#detail.collectible .close{position:absolute;top:14px;left:16px;z-index:2;width:32px;height:32px;padding:0;border:1px solid var(--card-dark);border-radius:50%;color:var(--card-dark);background:var(--card-paper);line-height:28px;float:none}
.collectible-card{padding:25px 20px 13px;border:1px solid var(--card-dark);outline:1px solid #ffffff70;outline-offset:-5px;border-radius:9px;background:var(--card-paper);background-image:repeating-linear-gradient(135deg,#00000002 0 1px,transparent 1px 5px);position:relative}.collectible-title{text-align:center;padding:8px 15px 0}.collectible-title h2{margin:0;font:bold clamp(25px,5vw,37px)/1.15 Georgia,serif;color:#252316;overflow-wrap:anywhere}.collectible-title p{margin:6px 0 14px;color:var(--card-dark);font-size:14px;font-weight:700}.collectible-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;border-block:1px solid var(--card-dark);padding:8px 0;font-size:11px}.collectible-meta b{font-size:16px;white-space:nowrap;color:var(--card-dark)}
#detail .collectible-art{display:grid;place-items:center;min-height:210px;margin:16px 0;border:2px solid var(--card-dark);outline:1px solid var(--card-accent);outline-offset:3px;background:var(--card-dark);padding:16px;border-radius:3px}#detail .collectible-art img{width:180px;height:180px;max-width:100%;object-fit:contain;display:block;margin:0;padding:0;border:0;border-radius:0;filter:none;transform:none;background:transparent;float:none;image-rendering:auto}
.collectible-copy h3,.collectible-stats h3{text-align:center;margin:10px 0 5px;color:var(--card-dark);font-size:18px}.collectible-copy p{margin:5px 0 12px;font-size:14px;line-height:1.9;color:#242318}.collectible-stats h3{font-size:12px;border-top:1px solid #0003;padding-top:12px}.collectible-card .properties{margin:10px 0;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.collectible-card .property{background:#ffffff55;border:1px solid #0002;color:#343227;font-size:11px;padding:8px;align-items:center}.collectible-card .property b{color:var(--card-dark);font-size:13px;white-space:nowrap}.collectible-active{font-size:12px;background:var(--card-dark);color:var(--card-paper);padding:8px 10px;border-radius:2px}.collectible-toggle{width:100%;background:var(--card-dark);border:2px solid var(--card-accent);outline:1px solid var(--card-dark);color:var(--card-paper);font-size:17px;margin-top:12px;padding:11px}.collectible-count{text-align:center;font-size:10px;margin:8px 0 0;color:var(--card-dark)}
#detail.collectible[open]{animation:card-reveal .2s ease-out}@keyframes card-reveal{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:480px){.collectible-card{padding:23px 13px 12px}#detail .collectible-art{min-height:175px;padding:12px}#detail .collectible-art img{width:150px;height:150px}.collectible-meta{font-size:10px}.collectible-meta b{font-size:14px}.collectible-card .properties{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#detail.collectible[open]{animation:none}}