#keepsake-toggle{color:#f4e6bb;min-height:44px;font-size:13px;border-bottom:1px solid #ddc89370;padding:4px 8px}
.quiet-tools{background:#122a23;border:1px solid #d8c09240;border-radius:3px;padding:0 10px;gap:13px}.quiet-tools button{min-height:44px}
#keepsakes{width:min(600px,calc(100% - 28px));max-height:90dvh;box-sizing:border-box;border:1px solid #d5c39877;background:#10271f;color:#fff0d0;padding:30px;box-shadow:0 25px 100px #0009;overflow-y:auto}
#keepsakes::backdrop{background:#041b15ba;backdrop-filter:blur(7px)}
#keepsakes h2{font-size:clamp(26px,5vw,36px);font-weight:500;line-height:1.4;margin:20px 0 6px}#keepsakes p{font-size:15px;line-height:1.7;color:#d3ccb6}
#keepsakes button{font:inherit;cursor:pointer;color:inherit;background:none;border:0;min-height:44px}#keepsakes button:focus-visible{outline:2px solid #ffe0a1;outline-offset:3px}
.keepsake-close{display:block;margin-left:auto;font-size:13px!important;color:#ddcba5!important}
.keepsake-map{position:relative;height:150px;width:220px;margin:14px auto 10px}.keepsake-map img{position:absolute;top:43px;left:78px;width:64px;height:64px;object-fit:contain}
.keepsake-map span{position:absolute;left:20px;top:24px;width:58px;height:48px;border-top:1px dashed #babca93f;border-left:1px dashed #babca93f;border-radius:28px 0 0 0;color:var(--ink);opacity:.35;font-size:24px;text-align:left}
.keepsake-map span[data-found=true]{border-color:var(--ink);border-top-style:solid;border-left-style:solid;border-right:0;border-bottom:0;opacity:1;animation:keepsake-trace .6s ease-out both}
.keepsake-map [data-color=green]{left:142px;transform:scaleX(-1)}.keepsake-map [data-color=blue]{top:80px;transform:scaleY(-1)}.keepsake-map [data-color=silver]{left:142px;top:80px;transform:scale(-1)}
.keepsake-list{display:grid}.keepsake-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:15px;padding:17px 0;border-bottom:1px solid #d4c79f33!important}
.keepsake-list strong{font-size:17px;font-weight:500;border-left:2px solid var(--ink);padding-left:12px}.keepsake-list span{font-size:13px;flex:0 0 auto;color:#d4c8a5}.keepsake-explore{border-bottom:1px solid #dbc392!important;margin-top:20px;font-size:17px!important}.keepsake-note{font-size:12px!important}
@keyframes keepsake-trace{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(max-width:500px){#keepsakes{padding:20px}.keepsake-list button{display:block}.keepsake-list span{display:block;margin:8px 0 0 14px}#keepsake-toggle{font-size:12px;padding-inline:4px}}
@media(max-width:359px){.topbar .brand span{display:none}.quiet-tools{gap:10px}}
@media(prefers-reduced-motion:reduce){body:not([data-motion=full]) .keepsake-map span{animation:none!important}}