#petCollectionMount{display:contents}
.pet-collection-screen{--page:#0a0a0a;--text:#f4f0e6;--body:#f0f0f0;--sub:#9a9a9a;--tile:#1e1e1e;--border:#262626;--sheet:#1c1c1c;--dash:#4a3a20;--backdrop:rgba(0,0,0,.6);--orange:#f0b46e;--pet-ground-shadow:rgba(0,0,0,.82);position:absolute;inset:0;z-index:200;display:flex;flex-direction:column;min-height:0;background:var(--page);color:var(--text);transition:background .3s,color .3s}
body[data-theme="default"][data-default-mode="light"] .pet-collection-screen{--page:#faf5ec;--text:#201a12;--body:#2a2118;--sub:#8a7a63;--tile:#f3e6d2;--border:#ece2d1;--sheet:#fff;--dash:#e5cfa8;--backdrop:rgba(30,25,18,.4);--orange:#c4823f;--pet-ground-shadow:rgba(73,55,34,.44)}
body[data-theme="inkpaw"] .pet-collection-screen{--page:#efe9db;--text:#1b1712;--body:#2a2118;--sub:#8f8574;--tile:#f3e6d2;--border:#cabb9e;--sheet:#f7f1e4;--dash:#cabb9e;--backdrop:rgba(27,23,18,.35);--orange:#a1402c;--pet-ground-shadow:rgba(73,55,34,.44)}
.pet-collection-screen[hidden]{display:none}.lemo-scroll{scrollbar-width:none}.lemo-scroll::-webkit-scrollbar{display:none}
.pet-collection-header{height:56px;min-height:56px;padding:12px 16px 8px;display:flex;align-items:center;gap:10px;background:transparent;border:0}
.pet-collection-back{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--tile);color:var(--text);cursor:pointer}.pet-collection-back i{font-size:18px}.pet-collection-header h1{flex:1;margin:0;color:var(--text);font:700 19px/1 "Comic Neue",cursive}
.pet-collection-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:2px 0 14px;overflow-y:auto}.pet-journal-set{display:flex;flex-direction:column;gap:6px}.pet-set-heading{display:flex;align-items:baseline;gap:8px;margin:0;padding:0 14px}.pet-set-heading h2{margin:0;color:var(--text);font-family:"Comic Neue",cursive;font-size:16px;font-weight:700;line-height:1}.pet-set-swipe{color:var(--sub);font:600 10px/1 Inter,system-ui,sans-serif}.pet-set-heading-spacer{flex:1}.pet-set-found{color:var(--sub);font-family:"Comic Neue",cursive;font-size:11.5px;font-weight:400;line-height:1}
.pet-set-claim{border:0;border-radius:7px;padding:6px 14px;background:linear-gradient(155deg,var(--claim-orange-light) 0%,var(--claim-orange) 70%);box-shadow:0 3px 8px var(--claim-glow),inset 0 1px 0 rgba(255,255,255,.4);color:var(--claim-text);cursor:pointer;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}.pet-set-claim:disabled{cursor:wait;opacity:.72}.pet-set-claimed{display:flex;align-items:center;gap:4px;padding:2px 8px;border:1.5px solid var(--claim-orange);border-radius:5px;color:var(--claim-orange);font:700 10.5px/1 "Gaegu",cursive;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-8deg);white-space:nowrap}.pet-set-claimed svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pet-collection-screen{--claim-orange:#f0b46e;--claim-orange-light:#f8cf9a;--claim-text:#2a1a06;--claim-glow:rgba(240,180,110,.35)}body[data-egg-tone="light"] .pet-collection-screen{--claim-orange:#c4823f;--claim-orange-light:#e0a662;--claim-text:#fff;--claim-glow:rgba(196,130,63,.4)}.pet-set-unlock-layer{--claim-sheet:#1c1c1c;--claim-title:#f4f0e6;position:absolute;inset:0;z-index:20;overflow:hidden;pointer-events:none;visibility:hidden}.pet-set-unlock-layer.is-visible{visibility:visible}body[data-egg-tone="light"] .pet-set-unlock-layer{--claim-sheet:#fff;--claim-title:#201a12}
.pet-unlock-toast{position:absolute;top:54px;left:50%;min-width:220px;padding:12px 26px 14px;border:1px solid var(--claim-orange);border-radius:14px;background:var(--claim-sheet);box-shadow:0 14px 30px -8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;gap:2px;transform:translateX(-50%);animation:petUnlockToastIn 320ms cubic-bezier(.25,.85,.3,1) both}.pet-unlock-toast>strong{color:var(--claim-title);font:700 15px/1.2 Inter,system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap}.pet-unlock-kicker{display:flex;align-items:center;gap:5px;color:var(--claim-orange);font:700 9px/1 Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.pet-unlock-kicker svg,.pet-unlock-embers svg{width:11px;height:11px;fill:currentColor}.pet-unlock-embers{position:absolute;top:112px;left:50%;display:flex;align-items:center;gap:4px;color:var(--claim-orange);font:700 12px/1 Inter,system-ui,sans-serif;transform:translateX(-50%);white-space:nowrap}.pet-unlock-embers svg{width:10px;height:10px}.pet-unlock-ember{position:absolute;bottom:0;left:calc(50% + var(--dx));width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#ffd9a0 0%,#f0894a 70%,transparent 100%);box-shadow:0 0 6px 1px rgba(240,137,74,.6);animation:petUnlockEmberCollect var(--duration) ease-in var(--delay) both}
@keyframes petUnlockToastIn{0%{opacity:0;transform:translate(-50%,-10px) scale(.92)}60%{opacity:1;transform:translate(-50%,2px) scale(1.02)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes petUnlockEmberCollect{0%{transform:translate(var(--dx),0) scale(1);opacity:0}18%{opacity:1}100%{transform:translate(0,-52px) scale(.15);opacity:0}}
.pet-card-row{display:flex;gap:8px;margin:0;padding:0 14px 6px;overflow-x:auto;scrollbar-width:none}.pet-card-row::-webkit-scrollbar{display:none}.pet-card{width:74px;min-height:0;flex:0 0 74px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;border-radius:0;background:transparent;cursor:default}.pet-card.is-owned{cursor:pointer}.pet-card-art{width:60px;height:60px;display:grid;place-items:center;border:1px solid var(--border);border-radius:15px;background:var(--tile)}.pet-card-art img{width:48px;height:48px;display:block;object-fit:contain}.pet-card b{max-width:74px;margin:0;padding-bottom:2px;overflow:hidden;color:var(--body);font-family:"Comic Neue",cursive;font-size:10.5px;font-weight:400;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.pet-card.is-undiscovered .pet-card-art{border-style:dashed;background:transparent}.pet-card.is-undiscovered img{filter:brightness(0);opacity:.34}body:not([data-theme="default"][data-default-mode="light"]) .pet-card.is-undiscovered img{filter:brightness(0) invert(1);opacity:.22}.pet-card.is-undiscovered b{color:var(--sub)}
.pet-detail-backdrop{position:absolute;inset:0;z-index:5;background:var(--backdrop);opacity:0;pointer-events:none;transition:opacity .3s}.pet-detail-sheet{position:absolute;right:0;bottom:0;left:0;z-index:6;width:100%;height:82%;border:0;border-top:2px dashed var(--border);border-radius:20px 20px 0 0;background:var(--sheet);color:var(--text);pointer-events:none;transform:translateY(100%);transition:background .3s}.pet-detail-open .pet-detail-backdrop{opacity:1;pointer-events:auto}.pet-detail-open .pet-detail-sheet{pointer-events:auto;transform:translateY(0)}.pet-detail-scroll{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:16px 20px 20px;overflow-y:auto}.pet-detail-top{display:flex;align-items:flex-start;justify-content:space-between}.pet-entry-stamp{display:inline-block;white-space:nowrap;padding:3px 9px;border:1.5px solid var(--orange);border-radius:6px;color:var(--orange);font:400 13px/1.2 "Comic Neue",cursive;transform:rotate(-3deg);transform-origin:center}.pet-detail-close{border:0;background:transparent;color:var(--sub);font:400 22px/1 "Comic Neue",cursive;cursor:pointer}.pet-detail-art-stage{position:relative;width:150px;height:156px;align-self:center;margin-top:6px}.pet-detail-art-stage::after{content:"";position:absolute;left:50%;bottom:6px;width:108px;height:18px;border-radius:50%;background:var(--pet-ground-shadow);filter:blur(5px);transform:translateX(-50%);animation:petJournalGroundShadow 4.6s ease-in-out infinite}.pet-detail-art{position:relative;z-index:1;width:150px;height:150px;display:block;object-fit:contain;animation:petJournalFloat 4.6s ease-in-out infinite}.pet-detail-sheet h2{margin:0;color:var(--text);text-align:center;font:400 30px/1.1 "Comic Neue",cursive}.pet-detail-subtitle{margin:-4px 0 0;color:var(--sub);text-align:center;font:400 14px/1.3 "Comic Neue",cursive}
.pet-found-card{margin-top:16px;padding:18px 18px 15px;border:1.5px dashed var(--border);border-radius:10px;background:var(--tile);text-align:center}.pet-found-heading{display:flex;align-items:center;justify-content:center;gap:8px}.pet-found-heading span{width:26px;height:1px;background:var(--dash)}.pet-found-heading b{color:var(--orange);font:400 12px/1 "Comic Neue",cursive;letter-spacing:.14em;text-transform:uppercase}.pet-found-date{margin-top:8px;color:var(--text);font:700 22px/1.2 "Comic Neue",cursive}.pet-found-time{margin-top:1px;color:var(--sub);font:400 16px/1.2 "Comic Neue",cursive}.pet-found-card i{width:34px;height:1px;display:block;margin:10px auto;background:var(--dash)}.pet-found-with{color:var(--text);font:400 15px/1.2 "Comic Neue",cursive}.pet-detail-flavor{margin:10px 0 0;color:var(--body);font:400 15px/1.45 "Comic Neue",cursive}
@keyframes petJournalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes petJournalGroundShadow{0%,100%{opacity:1;transform:translateX(-50%) scaleX(1)}50%{opacity:.58;transform:translateX(-50%) scaleX(.78)}}
@media (min-width:600px){.pet-collection-screen{left:50%;right:auto;width:min(420px,100%);transform:translateX(-50%);box-shadow:0 20px 60px rgba(0,0,0,.3)}}
@media (prefers-reduced-motion:reduce){.pet-detail-sheet,.pet-detail-backdrop,.pet-detail-art,.pet-detail-art-stage::after,.pet-unlock-toast,.pet-unlock-ember{transition:none;animation:none}.pet-unlock-ember{display:none}}