.sticker-book{max-width:1000px;width:calc(100% - 24px);max-height:94dvh;padding:22px 22px 16px;background:#278c9e;border:5px solid #1a6979;border-radius:26px;box-shadow:0 12px 0 #155469,0 24px 70px #14323d70;overflow:auto;color:#24495a}.book-title{text-align:center;color:white;padding:0 40px}.book-title h2{font-size:30px;margin:4px 0}.book-title .eyebrow{color:#fff1a0}.book-title p{color:#e8fbff;margin:4px 0 12px}.sticker-book .close{width:44px;height:44px;z-index:5;background:#fff2ad;right:12px;top:12px}.sticker-book #book-sections{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:15px 0 0}.sticker-book #book-sections button{background:#bce8e8;padding:12px 17px;min-height:46px;border-radius:14px 14px 0 0;font-size:16px;font-weight:800;color:#244b58}.sticker-book #book-sections button[aria-pressed=true]{background:#ffe797;box-shadow:inset 0 5px #f7bb47}.book-binding{position:relative;background:#fff6d7;border-radius:9px 18px 18px 9px;border-bottom:7px double #c2b69a;box-shadow:0 4px 0 #f9edd0,0 8px 0 #c1b493;perspective:1500px}.book-spread{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.paper{min-width:0;padding:24px 22px;position:relative;background:repeating-linear-gradient(0deg,#fffaf000,#fffaf000 27px,#e9d6a326 28px),#fffaf0}.left-paper{border-radius:9px 0 0 9px;background-color:#fff8df;box-shadow:inset -18px 0 20px -18px #907b55}.right-paper{border-radius:0 18px 18px 0;box-shadow:inset 18px 0 20px -18px #907b55}.paper h3{font-size:23px;text-align:center;margin:0 0 16px;font-family:Nunito,sans-serif}.paper p{color:#466575;font-size:16px;text-align:center}.collection-score{font-size:28px!important;font-weight:900}.collection-stars{font-size:42px;text-align:center;letter-spacing:6px;color:#e4a12d;margin:12px 0}.collection-note{line-height:1.6}.collection-ribbon{background:#fbe198;border-radius:12px;padding:14px;font-weight:800;margin-top:25px!important;border:2px dashed #dfa842}.exclusive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:start;margin-top:42px}.album-sticker{text-align:center;min-width:0;display:flex;align-items:center;flex-direction:column;gap:6px;padding:8px 2px}.album-sticker .sticker{width:100%;max-width:140px;height:auto;aspect-ratio:1;transform:rotate(-4deg)}.album-sticker:nth-child(even) .sticker{transform:rotate(5deg)}.album-sticker strong{font-size:16px}.rarity-tag{border-radius:20px;padding:4px 8px;background:#daf0d9;color:#305832;font-size:14px;line-height:1.4}.rarity-tag.rare{background:#ffe7a3;color:#775000}.rarity-tag.legendary{background:#e7daff;color:#65428b}.ownership-label{font-size:14px;line-height:1.5;font-weight:700}.album-sticker.locked .sticker .sticker-art{filter:brightness(0) opacity(.18)}.locked .sticker:after,.locked .sticker-glitter{display:none}.locked .sticker:before{content:'?';position:absolute;inset:0;display:grid;place-items:center;z-index:2;font-size:42px;font-weight:900;color:#fff}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:35px}.album-empty{padding:35px 10px;line-height:1.8}.empty-preview{margin:25px auto;opacity:.3;filter:grayscale(1)}.book-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 0 12px;color:white;font-weight:700}.book-navigation button{min-height:48px;padding:12px 22px;background:#ffe69a;border-radius:20px;font-weight:800;font-size:17px}.book-navigation button:disabled{opacity:.45;cursor:default}.book-bottom{display:flex;gap:18px;align-items:center;justify-content:space-between}.book-bottom .primary{font-size:16px;padding:12px 16px;margin:0}.book-bottom p{color:#ecffff;font-size:14px;margin:0;max-width:290px}.turning-paper{display:none;position:absolute;top:0;bottom:0;left:50%;width:50%;border-radius:0 18px 18px 0;background:linear-gradient(90deg,#b3a37d,#fff9e8 12%,#fff9e8 85%,#e7d8af);transform-origin:left;pointer-events:none;backface-visibility:hidden;z-index:3}.turn-forward .turning-paper{display:block;animation:album-forward .42s ease-in-out}.turn-back .turning-paper{display:block;left:0;transform-origin:right;border-radius:9px 0 0 9px;animation:album-back .42s ease-in-out}.collection-cheer .collection-stars{animation:book-cheer .8s ease-in-out 2}.set-complete{border-color:#b990dd;background:#f5eaff}#new-sticker{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.sticker-reveal #new-sticker .sticker{width:115px;height:115px}@keyframes album-forward{0%{transform:rotateY(0);opacity:1}95%{transform:rotateY(-175deg);opacity:1}100%{transform:rotateY(-180deg);opacity:0}}@keyframes album-back{0%{transform:rotateY(0);opacity:1}95%{transform:rotateY(175deg);opacity:1}100%{transform:rotateY(180deg);opacity:0}}@keyframes book-cheer{50%{transform:scale(1.13) rotate(4deg)}}
@media(max-width:700px){.sticker-book{padding:16px 10px 12px;border-width:3px}.book-title h2{font-size:25px}.book-title{padding:0 30px}.sticker-book #book-sections{gap:4px}.sticker-book #book-sections button{font-size:14px;padding:10px 8px}.paper{padding:18px 10px}.paper h3{font-size:19px}.exclusive-grid{grid-template-columns:1fr;margin-top:0;gap:0}.exclusive-grid .album-sticker{display:grid;grid-template-columns:70px minmax(0,1fr);text-align:left;gap:3px;padding:7px 0}.exclusive-grid .sticker{grid-row:span 3;width:70px}.album-sticker strong{font-size:14px}.rarity-tag{font-size:14px;padding:3px 5px}.ownership-label{font-size:14px}.collection-stars{font-size:30px;letter-spacing:0}.collection-score{font-size:23px!important}.paper p{font-size:14px}.collection-ribbon{padding:8px}.album-grid{grid-template-columns:1fr;margin-top:0}.album-grid .album-sticker{display:grid;grid-template-columns:65px minmax(0,1fr);text-align:left}.album-grid .sticker{grid-row:span 3;width:65px}.book-bottom{flex-direction:column;gap:12px}.book-bottom p{text-align:center}.book-navigation button{padding:10px 16px}.book-spread{min-height:365px}}
@media(max-width:390px){.book-spread{grid-template-columns:44% 56%}.paper{padding:15px 7px}.exclusive-grid .album-sticker{grid-template-columns:50px minmax(0,1fr)}.exclusive-grid .sticker{width:50px}.book-title h2{font-size:22px}.collection-stars{font-size:27px}.turning-paper{left:44%;width:56%}}
@media(prefers-reduced-motion:reduce){.turning-paper{display:none!important}.collection-cheer .collection-stars{animation:none}}