.sticker-books{display:grid;width:100%;gap:1.5rem}@media (min-width:1024px){.sticker-books{grid-template-columns:1fr 1fr}.sticker-book.is-teal{grid-column:1/-1}}.sticker-book{--book:#FFF6E3;--book-lip:#F9BB4A;position:relative;display:flex;flex-direction:column;border:4px solid #1f1a38;border-radius:1.6rem;background:var(--book);padding:1.2rem 1.35rem 1.3rem;box-shadow:0 6px 0 0 #1F1A38}.sticker-book.is-grape{--book:#F1EEFE;--book-lip:#C6BAFB}.sticker-book.is-teal{--book:#E8FAFD;--book-lip:#93E6F1}.sticker-book:before{content:"";position:absolute;inset:6px;pointer-events:none;border:2px dashed rgba(31,26,56,.18);border-radius:1.2rem}.sticker-book>*{position:relative}.sticker-book-head{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem}.sticker-book-title{margin:0;font-family:var(--font-fredoka),system-ui,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.1;color:#1F1A38}.sticker-book-count{font-size:1rem;font-weight:800;color:#4429C9}.sticker-book-line{margin:.3rem 0 0;font-weight:600;color:#5A5470}.sticker-book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr));gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}.sticker-book-grid li{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:3px dashed #cfc6b4;border-radius:1.1rem;background:rgba(255,255,255,.6)}.sticker-book-grid li.is-owned{border:3px solid #1f1a38;background:#fff;box-shadow:0 4px 0 0 var(--book-lip);transform:rotate(var(--tilt,0deg));animation:sticker-pop .4s cubic-bezier(.34,1.56,.64,1) both}.sticker-book-grid img{width:84%;height:84%;-o-object-fit:contain;object-fit:contain}.sticker-book-grid img.is-mystery{filter:brightness(0) opacity(.12)}.sticker-book-grid.is-friends{grid-template-columns:repeat(auto-fill,minmax(8rem,10rem))}.sticker-book-grid.is-friends li{flex-direction:column;aspect-ratio:4/5;padding:.4rem .3rem .5rem}.sticker-book-grid.is-friends img{width:100%;height:auto;min-height:0;flex:1}.sticker-book-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-fredoka),system-ui,sans-serif;font-weight:700;color:#1F1A38}.sticker-book-remove{position:absolute;top:-.6rem;right:-.6rem;display:grid;place-items:center;width:2rem;height:2rem;border:3px solid #1f1a38;border-radius:999px;background:#fff;color:#9C2517;box-shadow:0 2px 0 0 #1F1A38;cursor:pointer}.sticker-book-remove:focus-visible{outline:3px solid #4429C9;outline-offset:2px}.sticker-book-empty{margin:1rem 0 0;font-weight:800;font-size:1.05rem;color:#1F1A38}.sticker-book-foot{display:flex;justify-content:flex-start;margin-top:auto;padding-top:1.1rem}@keyframes sticker-pop{0%{opacity:0;transform:scale(.4) rotate(0deg)}to{opacity:1;transform:rotate(var(--tilt,0deg))}}@media (max-width:639px){.sticker-book{padding:.9rem .95rem 1rem;border-radius:1.3rem}.sticker-book-grid{grid-template-columns:repeat(auto-fill,minmax(4.2rem,1fr));gap:.55rem}.sticker-book-grid.is-friends{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))}}@media (prefers-reduced-motion:reduce){.sticker-book-grid li.is-owned{animation:none}}