/* A scrapbook and a small garden, using the existing warm-paper visual system. */
.collection-growth{font-size:11px;color:var(--muted);margin:4px 0}.collection-monster button[data-action="friend"]{margin-top:0}
.garden-scene-decoration{position:absolute;font-size:32px;top:100px;left:calc(50% - 16px);pointer-events:none}.garden-scene-decoration[aria-label="月亮灯"]{top:12px;left:auto;right:35px}
.collection-nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}.collection-nav .button{font-size:14px;min-height:44px}
.wish-card{display:flex;align-items:center;gap:28px;padding:26px 30px;background:#f4eee2;border:1px solid #e5dac6;border-radius:22px;margin-bottom:32px}.wish-card h2{font-size:25px;margin:8px 0}.wish-card p{line-height:1.8;margin:8px 0}.wish-card .collection-rule{font-size:12px;color:var(--muted);max-width:760px}.wish-portrait{flex:0 0 125px}.wish-portrait img{width:125px;height:125px;object-fit:contain}.clue-steps{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.clue-steps span{font-size:13px;padding:7px 12px;border-radius:20px;background:#e8e2d7;color:#655e53}.clue-steps .found{background:#dbe8d5;color:#354f39}
.album-sheet{border:1px solid #e4dfd2;border-radius:24px;background:#fffefb;padding:28px;margin:26px 0;box-shadow:0 5px 0 #eeeadf}.album-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.album-heading h2{font-size:28px;margin:7px 0}.album-heading p{color:var(--muted);font-size:14px}.album-heading>strong{font-size:30px;text-align:right;white-space:nowrap}.album-heading small{display:block;font-size:12px;font-weight:400;margin-top:5px}.album-progress{height:6px;background:#eceee5;border-radius:10px;margin:20px 0 24px;overflow:hidden}.album-progress span{display:block;background:#769165;height:100%;border-radius:10px}.album-pond .album-progress span{background:#75a9b7}.album-moon .album-progress span{background:#a99ebd}
.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.collection-monster{min-width:0;text-align:center;padding:14px 10px 12px;border:1px dashed #d6d9cd;border-radius:16px;background:#faf9f4;display:flex;flex-direction:column;align-items:center}.collection-monster.collected{border-style:solid;background:#f1f5eb}.collection-portrait{height:145px;position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:14px}.collection-portrait img{height:125px;width:125px;object-fit:contain}.collection-portrait .silhouette{filter:brightness(0);opacity:.16}.collection-stamp{position:absolute;bottom:-5px;font-size:11px;background:#fffdf7;border-radius:20px;padding:4px 9px;color:#656d58}.collected .collection-stamp{color:#3f6543}.collection-monster h3{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.collection-monster p{font-size:12px;color:var(--muted);margin:5px 0}.collection-monster>.text-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin-top:auto}.collection-monster button:disabled{opacity:1;color:#75596b;cursor:default}.album-reward{display:flex;align-items:center;gap:14px;border-top:1px dashed #ddd8c9;margin-top:22px;padding-top:18px;font-size:14px}.album-reward>span{font-size:34px}.album-reward p{flex:1}.album-reward .text-link{white-space:nowrap}
.collection-browser>h2{font-size:25px}.collection-search{display:flex;align-items:end;gap:14px;margin:20px 0}.collection-search label,.garden-picker{font-size:14px;display:flex;flex-direction:column;gap:8px}.collection-search label:first-child{flex:1}.collection-search input,.collection-search select,.garden-picker select{font:inherit;color:var(--ink);background:#fffef9;border:1px solid #bfc8b5;min-height:46px;padding:10px 12px;border-radius:10px;max-width:100%;min-width:0}.collection-search+p{font-size:13px;color:var(--muted);margin-bottom:18px}.collection-pager{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0}
.garden-workshop{margin-top:24px}.garden-picker{max-width:400px}.garden-workshop>.muted{font-size:14px;line-height:1.8;margin:12px 0 22px}.garden-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.garden-area{border:1px solid #ddd9ce;border-radius:90px 90px 24px 24px;padding:30px 12px 18px;text-align:center;position:relative;overflow:hidden}.garden-area h2{font-size:22px;margin:5px 0 16px}.garden-pond{background:radial-gradient(ellipse at 50% 42%,#bfdee0 0 32%,transparent 33%),#edf3e5}.garden-meadow{background:radial-gradient(ellipse at 50% 45%,#d2e2bc 0 38%,transparent 39%),#f0f3e6}.garden-plaza{background:radial-gradient(ellipse at 50% 45%,#eedfc4 0 38%,transparent 39%),#faf1e7}.garden-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.garden-slot{min-width:0;display:flex;align-items:center;flex-direction:column;gap:8px}.garden-resident{min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0}.garden-resident img{height:105px;width:105px;object-fit:contain}.garden-resident b{font-size:12px;overflow-wrap:anywhere;min-height:30px}.garden-empty{height:135px;display:grid;place-items:center;font-size:38px;color:#6a856550}.garden-slot .button{font-size:12px;padding:9px;min-height:44px;white-space:normal}.garden-slot .text-link{min-height:44px;font-size:12px}.garden-decorations{display:flex;gap:22px;flex-wrap:wrap;padding:24px 16px;background:#f4edde;border:1px solid #e4ddce;border-radius:14px;margin:16px 0 32px}.garden-decorations>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.garden-decorations span{font-size:40px}.garden-decorations b{font-size:15px}.garden-decorations small,.garden-decorations p{font-size:12px;color:var(--muted)}
.garden-stories>h2,.memory-album>h2{font-size:25px;margin:28px 0 10px}.garden-stories>.muted{font-size:14px;line-height:1.8;margin-bottom:18px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-card{border:1px solid #e1ddcf;border-radius:18px;padding:22px;display:flex;flex-direction:column;align-items:start;gap:10px;background:#fffdf8}.story-symbol{font-size:29px}.story-card h3{font-size:20px}.story-card p{font-size:13px;line-height:1.8}.story-card .button{font-size:13px;margin-top:auto;white-space:normal;min-height:44px}.story-card>.text-link{font-size:13px;min-height:44px}.memory-photo{margin:0;background:#fffdf8;padding:10px 10px 18px;border:1px solid #e3dfd4;box-shadow:0 4px 0 #eae6db;border-radius:6px}.memory-stage{min-height:170px;display:flex;align-items:end;justify-content:center;position:relative;padding:28px 6px 12px;overflow:hidden;background:#e7efe0}.memory-pond .memory-stage{background:radial-gradient(ellipse at bottom,#acd4d9 45%,#e5eedb 46%)}.memory-plaza .memory-stage{background:linear-gradient(#dcd8ef,#faeacf)}.memory-stage>span{position:absolute;top:8px;left:calc(50% - 15px);font-size:27px}.memory-stage img{width:44%;max-width:170px;height:120px;object-fit:contain;z-index:1}.memory-photo figcaption{padding:14px 8px 0}.memory-photo h3{font-size:18px}.memory-photo p{font-size:13px;line-height:1.9;margin:8px 0}.memory-photo small{font-size:11px;color:var(--muted)}.photo-reveal{max-width:620px;text-align:center;margin:24px auto 32px}.photo-reveal>.tiny-label{display:block;margin-bottom:15px}.photo-reveal>.button{margin-top:20px}.photo-reveal .memory-stage{min-height:230px}.photo-reveal .memory-stage img{height:165px}.playing .memory-stage img{animation:collection-play 1.2s ease-in-out 3}.playing .memory-stage img:last-child{animation-delay:.3s}@keyframes collection-play{50%{transform:translateY(-12px) rotate(5deg)}}.reduce-motion .playing .memory-stage img,.page-hidden .playing .memory-stage img{animation:none}
@media(prefers-reduced-motion:reduce){.playing .memory-stage img{animation:none}}
@media(max-width:850px){.garden-areas{grid-template-columns:1fr}.garden-area{border-radius:30px;padding:18px;max-width:100%}.garden-resident img{width:125px;height:110px}.story-grid{grid-template-columns:1fr}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wish-card{padding:22px;gap:16px}.wish-portrait{flex-basis:80px}.wish-portrait img{width:80px;height:80px}}
@media(max-width:520px){.collection-nav{gap:8px}.collection-nav .button{font-size:12px;flex:1 1 42%;padding:10px}.wish-card{display:block}.wish-portrait{float:right;margin:0 0 6px 10px}.wish-card h2{font-size:22px}.wish-card p{font-size:14px}.wish-card .button{font-size:13px;white-space:normal}.clue-steps{gap:5px;clear:both}.clue-steps span{font-size:11px;padding:6px 8px}.album-sheet{padding:18px 12px;border-radius:18px}.album-heading{gap:10px}.album-heading h2{font-size:22px}.album-heading>strong{font-size:25px}.album-heading small{font-size:10px}.album-heading p{font-size:12px}.collection-grid{gap:10px}.collection-monster{padding:10px 6px}.collection-portrait{height:118px}.collection-portrait img{width:98px;height:98px}.collection-monster h3{font-size:14px}.collection-monster .text-link{font-size:12px}.album-reward{flex-wrap:wrap;gap:8px;font-size:12px}.album-reward>span{font-size:25px}.album-reward>.text-link{margin-left:33px}.collection-search{flex-wrap:wrap}.collection-search label:first-child{flex:1 1 100%}.collection-search label{flex:1}.memory-album{margin-bottom:30px}}