.pp-try-collect{--tc-ink:#182033;--tc-muted:#667084;--tc-line:#d5cec3;--tc-accent:#235eaa;--tc-fill:#1f7a4d;--tc-surface:#f7f1e6;color:var(--tc-ink)}.pp-try-collect__head{margin-bottom:.85rem}.pp-try-collect__chip{color:var(--tc-accent);display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;margin-bottom:.35rem;text-transform:uppercase}.pp-try-collect__title{font-family:var(--font-pp-display,Georgia,"Times New Roman",serif);font-size:clamp(1.35rem,2.4vw,1.85rem);letter-spacing:-.02em;line-height:1.15;margin:0 0 .4rem}.pp-try-collect__lead{color:var(--tc-muted);font-size:.95rem;margin:0;max-width:58ch}.pp-try-collect__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem .85rem;justify-content:space-between;margin:1rem 0 .85rem}.pp-try-collect__progress{font-size:.95rem;font-weight:700}.pp-try-collect__progress span{color:var(--tc-muted);font-weight:600}.pp-try-collect__controls{display:flex;flex-wrap:wrap;gap:.5rem}.pp-try-collect__stage{margin:0 auto;max-width:560px;width:100%}.pp-try-collect__page{aspect-ratio:7.5/10.5;background:#ece8e0;border:10px solid rgba(255,255,255,.78);border-radius:14px;box-shadow:0 16px 40px rgba(40,30,20,.16);display:grid;grid-gap:5px;gap:5px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);overflow:hidden;padding:5px;position:relative;width:100%}.pp-try-collect__page.is-straight-corners .pp-try-collect__pocket{border-radius:0}.pp-try-collect__pocket{background-color:#ddd5c6;background-image:var(--pp-mural);background-repeat:no-repeat;border:0;border-radius:6px;color:inherit;cursor:default;min-height:0;overflow:hidden;padding:0;position:relative;text-align:left;-webkit-tap-highlight-color:transparent}.pp-try-collect__pocket--target{cursor:pointer}.pp-try-collect__pocket--target:focus-visible{outline:3px solid var(--tc-accent);outline-offset:-3px;z-index:2}.pp-try-collect__pocket--target:hover:not(.is-collected) .pp-try-collect__tap-hint{opacity:1}.pp-try-collect__pocket--filler{cursor:not-allowed}.pp-try-collect__pocket--filler:after{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(24,32,51,.12));content:"";inset:0;pointer-events:none;position:absolute}.pp-try-collect__plaque{align-items:stretch;background:linear-gradient(180deg,rgba(10,14,22,.72),rgba(22,29,44,.82) 42%,rgba(10,14,22,.9));border:0;bottom:0;box-shadow:inset 0 0 0 1px rgba(244,239,230,.08);display:flex;flex-direction:column;gap:.12rem;inset:0;justify-content:flex-end;left:0;padding:.18rem .22rem .2rem;position:absolute;right:0;top:0;z-index:1;transition:opacity .28s var(--pp-ease-out-quint,cubic-bezier(.22,1,.36,1)),transform .28s var(--pp-ease-out-quint,cubic-bezier(.22,1,.36,1))}.pp-try-collect__thumb{align-self:center;aspect-ratio:2.5/3.5;background:#1a2233;border:1px solid rgba(212,175,95,.55);border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.35);flex:1 1 auto;margin:.08rem auto .1rem;max-height:58%;max-width:74%;min-height:0;overflow:hidden;width:auto}.pp-try-collect__thumb img{display:block;height:100%;object-fit:cover;width:100%}.pp-try-collect__plaque-copy{background:rgba(10,14,22,.78);border-top:1px solid rgba(212,175,95,.22);display:flex;flex-direction:column;gap:.02rem;justify-content:center;min-height:0;min-width:0;overflow:hidden;padding:.12rem .14rem .1rem}.pp-try-collect__pocket.is-collected .pp-try-collect__plaque{opacity:0;pointer-events:none;transform:translateY(8px)}.pp-try-collect__plaque-name{-webkit-box-orient:vertical;color:#f4efe6;display:-webkit-box;font-family:var(--font-pp-display,Georgia,serif);font-size:clamp(.52rem,1.55vw,.72rem);font-weight:800;-webkit-line-clamp:1;letter-spacing:.04em;line-height:1.12;overflow:hidden;text-transform:uppercase}.pp-try-collect__plaque-set{color:#cfc7b8;font-size:clamp(.4rem,1.05vw,.52rem);font-weight:600;letter-spacing:.06em;line-height:1.15;text-transform:uppercase}.pp-try-collect__plaque-num,.pp-try-collect__plaque-set{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-try-collect__plaque-num{color:#f4efe6;font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(.42rem,1.05vw,.52rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.04em;line-height:1.1;opacity:.88}.pp-try-collect__filler-tag{background:rgba(255,255,255,.72);bottom:.4rem;color:var(--tc-muted);font-size:.58rem;padding:.15rem .45rem;transform:translateX(-50%);white-space:nowrap;z-index:1}.pp-try-collect__filler-tag,.pp-try-collect__tap-hint{border-radius:999px;font-weight:700;left:50%;letter-spacing:.04em;position:absolute;text-transform:uppercase}.pp-try-collect__tap-hint{background:rgba(24,32,51,.72);color:#fff;font-size:.62rem;opacity:0;padding:.25rem .55rem;pointer-events:none;top:42%;transform:translate(-50%,-50%);transition:opacity .18s ease;z-index:2}.pp-try-collect__card{inset:4%;object-fit:cover;opacity:0;position:absolute;transform:translateY(18%) scale(.96);transition:opacity .32s var(--pp-ease-out-quint,cubic-bezier(.22,1,.36,1)),transform .38s var(--pp-ease-out-quint,cubic-bezier(.22,1,.36,1));width:auto;height:auto;width:92%;height:92%;left:4%;top:4%;border-radius:4px;box-shadow:0 0 0 1px rgba(255,236,170,.45),0 8px 18px rgba(20,16,8,.28);z-index:3}.pp-try-collect__pocket.is-collected .pp-try-collect__card{opacity:1;transform:translateY(0) scale(1)}.pp-try-collect__pocket.is-collected:before{background:radial-gradient(circle at 50% 40%,rgba(255,220,120,.35),transparent 65%);content:"";inset:-6%;opacity:1;pointer-events:none;position:absolute;z-index:2}.pp-try-collect__pager{align-items:center;display:flex;gap:.65rem;justify-content:center;margin-top:.85rem}.pp-try-collect__pager-label{color:var(--tc-muted);font-size:.88rem;font-weight:600;min-width:7rem;text-align:center}.pp-try-collect__hint{color:var(--tc-muted);font-size:.85rem;margin:.75rem 0 0}.pp-try-collect__status{color:var(--tc-muted);font-size:.9rem;margin:.5rem 0}.pp-try-collect__status--error{color:#a42d25}.pp-try-collect.is-reduced-motion .pp-try-collect__card,.pp-try-collect.is-reduced-motion .pp-try-collect__plaque{transition:none}.pp-try-collect.is-reduced-motion .pp-try-collect__card,.pp-try-collect.is-reduced-motion .pp-try-collect__pocket.is-collected .pp-try-collect__plaque{transform:none}.pp-try-collect--compact .pp-try-collect__plaque{padding:.14rem .18rem .16rem}.pp-try-collect--compact .pp-try-collect__thumb{max-height:56%;max-width:72%}.pp-try-collect--compact .pp-try-collect__plaque-name{-webkit-line-clamp:1;font-size:clamp(.46rem,2.8vw,.58rem)}@media (max-width:640px){.pp-try-collect__stage{max-width:none}.pp-try-collect__page{border-width:6px;gap:3px;padding:3px}.pp-try-collect__pocket--target{min-height:72px}.pp-try-collect__plaque{padding:.14rem .18rem .16rem}.pp-try-collect__thumb{max-height:56%;max-width:72%}.pp-try-collect__plaque-name{-webkit-line-clamp:1;font-size:clamp(.44rem,2.6vw,.56rem)}.pp-try-collect__plaque-set{font-size:clamp(.38rem,2.2vw,.48rem)}.pp-try-collect__plaque-num{font-size:clamp(.4rem,2.3vw,.5rem)}.pp-try-collect__tap-hint{font-size:.55rem;opacity:.85}}