/* Original temple keepsake collection: shared artwork across catalog, reveal and wallet. */
.keepsake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.keepsake-card{min-width:0;padding:14px 12px 16px;gap:6px;background:#fffaf1;border:1px solid #ddd4bf;border-radius:19px}
.keepsake-card b{font-size:17px;line-height:1.5;letter-spacing:.02em}
.keepsake-card small{font-size:12px;line-height:1.7;max-width:20em}
.keepsake-art{display:grid;place-items:center;flex:none;position:relative;isolation:isolate}
.keepsake-art img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 5px 5px #5e503c0d)}
.keepsake-art--card{width:100%;max-width:170px;height:150px;margin:0 auto 4px}
.keepsake-art--wallet{width:112px;height:92px;margin:0 auto}
.keepsake-art--hero{width:200px;max-width:100%;height:190px}
.keepsake-count{font-size:11px;line-height:1.4;color:#5c7054;background:#e7eddf;border-radius:20px;padding:4px 10px;margin-top:auto}
.keepsake-count.is-empty{color:#827663;background:#efe7d8}
.keepsake-catalog{border-top:1px solid #ded3be;margin-top:23px;padding-top:8px}
.keepsake-catalog h4{margin:12px 0 6px;letter-spacing:.05em}
.capsule-reveal.keepsake-reveal{width:270px;height:190px;max-width:100%;margin:4px auto 8px;background:none;border:0;border-radius:0;box-shadow:none;position:relative}
#sheet:has(#capsuleBall){gap:6px}
.keepsake-reveal.turning{animation:none}
.keepsake-peek{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:85px;pointer-events:none}
.keepsake-peek .keepsake-art{width:86px;height:110px;flex:none;transform:rotate(-9deg) translateY(-25px)}
.keepsake-peek .keepsake-art:last-child{transform:rotate(10deg) translateY(24px)}
.keepsake-reveal.turning .keepsake-peek{opacity:0;transition:opacity .18s}
.capsule-shell{display:block;width:105px;height:110px;border-radius:50%;background:linear-gradient(170deg,#fff9e8 0%,#e6eadc 47.5%,#eee3ca 48%,#fffdf2 51%,#93aa89 52%,#b3c5a7 100%);box-shadow:inset -10px -7px 14px #657a5420,inset 5px 6px 6px #ffffffba,0 13px 14px #4d44351a;transform:rotate(-12deg);position:relative}
.capsule-shell:before{content:'';position:absolute;left:24px;top:16px;width:33px;height:18px;border-radius:50%;background:#ffffff8a;transform:rotate(-25deg)}
.keepsake-reveal.turning .capsule-shell{animation:keepsake-roll 1.4s ease both}
.keepsake-reveal.revealed .keepsake-art{animation:keepsake-arrive .38s ease both}
#capsuleMessage{text-align:center;max-width:440px;margin:0 auto 8px;min-height:2.8em}
.keepsake-actions{justify-content:center;margin-top:12px!important}
.keepsake-rules{max-width:620px;margin:18px auto 0}
.keepsake-summary{font-variant-numeric:tabular-nums;color:#65735b}
.keepsake-art--missing i{display:block;width:53px;height:47px;border-radius:9px;background:#d4ddc9;border:2px solid #a0af91;position:relative}
.keepsake-art--missing i:before{content:'';position:absolute;inset:0 20px;background:#cda773}
.keepsake-art--missing i:after{content:'';position:absolute;left:-5px;right:-5px;top:-5px;height:12px;background:#e1c697;border:2px solid #ba9767;border-radius:4px}
@keyframes keepsake-roll{0%,100%{transform:rotate(-12deg) translateY(0)}25%{transform:rotate(18deg) translateY(-7px)}55%{transform:rotate(-22deg) translateY(2px)}80%{transform:rotate(10deg) translateY(-3px)}}
@keyframes keepsake-arrive{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.keepsake-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.keepsake-card{padding:12px 8px 14px}.keepsake-art--card{height:136px}.keepsake-card b{font-size:16px}.capsule-reveal.keepsake-reveal{width:210px;height:210px}.keepsake-art--hero{width:210px;height:210px}.keepsake-actions .act{min-height:46px}.keepsake-rules{font-size:12px}}
@media(max-width:600px){.capsule-reveal.keepsake-reveal{width:240px;height:180px}.keepsake-art--hero{width:190px;height:180px}.keepsake-peek{gap:0}.keepsake-peek .keepsake-art{width:76px;height:100px}}
@media(prefers-reduced-motion:reduce){.keepsake-reveal.turning .capsule-shell,.keepsake-reveal.revealed .keepsake-art{animation:none}}