/* Small collection pages beside the binder. All motion is opacity/transform; no extra artwork or reward assets. */
.sets{max-width:1000px;padding-bottom:calc(var(--sb) + 36px)}
.st-top{margin-bottom:20px}
.st-book-mark{display:flex;align-items:center;gap:7px;color:var(--gold);padding-right:8px}
.st-book-mark .ic:first-child{width:32px;height:32px}.st-book-mark .ic:last-child{width:20px;height:20px}
.st-heading{max-width:640px;margin:0 auto 22px;text-align:center}
.st-eyebrow{margin:0 0 6px;color:var(--gold);font:900 .8rem var(--sans);letter-spacing:.14em;text-transform:uppercase}
.st-heading .kid-h1{font-size:clamp(2rem,6vw,3rem);margin-top:0}.st-heading .kid-ask{font-size:1.15rem;line-height:1.45;margin:8px 0 10px}
.st-summary{font:800 .9rem var(--sans);color:var(--moon-soft);margin:0}
.st-tabs{display:flex;gap:7px;max-width:620px;margin:0 auto 18px}
.st-tab{appearance:none;flex:1;min-width:0;min-height:64px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border:1px solid rgba(245,241,255,.18);border-radius:18px;color:var(--moon-soft);background:rgba(16,19,54,.55);font:800 .98rem var(--sans);cursor:pointer}
.st-tab .ic{width:22px;height:22px;flex:none}.st-tab[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);box-shadow:0 8px 24px -12px rgba(242,193,78,.65)}
.st-search-wrap{display:flex;align-items:center;gap:10px;max-width:480px;margin:0 auto 20px;padding:0 16px;border:1px solid rgba(198,194,230,.25);border-radius:999px;background:rgba(16,19,54,.6);color:var(--moon-soft)}
.st-search-wrap .ic{width:21px;height:21px;flex:none}.st-search{border:0;outline:0;background:transparent;color:var(--moon);width:100%;min-height:50px;padding:10px 0;font:700 1rem var(--sans);border-radius:999px}.st-search::placeholder{color:var(--moon-soft);opacity:.8}
.st-search-wrap:focus-within{outline:2px solid var(--gold);outline-offset:3px}
.st-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.st-set{appearance:none;display:flex;align-items:center;gap:16px;min-width:0;min-height:180px;text-align:left;color:var(--moon);background:linear-gradient(140deg,rgba(255,255,255,.065),rgba(17,21,59,.85));border:1px solid rgba(198,194,230,.25);border-radius:22px;padding:18px;font-family:var(--sans);cursor:pointer;box-shadow:0 12px 28px -20px rgba(0,0,0,.7);transition:transform .18s var(--ease)}
.st-set:active{transform:scale(.98)}.st-set.complete{border-color:rgba(242,193,78,.55)}
.st-mini{flex:none;width:88px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;background:rgba(8,11,34,.35);border:1px solid rgba(255,255,255,.08);border-radius:10px;transform:rotate(-3deg)}
.st-mini-pocket{display:grid;place-items:center;aspect-ratio:.716;border:1px solid rgba(198,194,230,.2);border-radius:4px;background:#22274e;color:#b0acd1;font:800 .8rem var(--serif)}
.st-mini-pocket.met{background:var(--gold);color:var(--gold-ink);border-color:#f9dfa2}.st-mini-pocket.met .ic{width:15px;height:15px;fill:rgba(42,26,4,.1)}.st-mini-pocket.mystery{background:#343c71;border-color:#817eb3}.st-mini-pocket.empty{opacity:.3;background:transparent}
.st-set-copy{display:flex;flex-direction:column;flex:1;min-width:0}.st-set-kind{font:800 .7rem var(--sans);color:var(--moon-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
.st-set-title{font:600 clamp(1.15rem,2.5vw,1.4rem) var(--serif);line-height:1.17;overflow-wrap:anywhere}.st-part{font:700 .8rem var(--sans);color:var(--moon-soft);margin:5px 0 0}.st-count{font:900 .9rem var(--sans);color:var(--gold);margin:10px 0 7px}
.st-meter{appearance:none;-webkit-appearance:none;display:block;width:100%;height:6px;border:none;border-radius:999px;overflow:hidden;background:rgba(198,194,230,.16);color:var(--gold)}
.st-meter::-webkit-progress-bar{background:rgba(198,194,230,.16);border-radius:999px}.st-meter::-webkit-progress-value{background:var(--gold);border-radius:999px}.st-meter::-moz-progress-bar{background:var(--gold);border-radius:999px}
.st-next{width:18px;height:18px;flex:none;color:var(--moon-soft)}
.st-paging{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px auto 0;font:800 .9rem var(--sans);color:var(--moon-soft)}
.st-page{appearance:none;display:grid;place-items:center;min-width:64px;min-height:64px;border:1px solid rgba(245,241,255,.22);border-radius:50%;background:rgba(255,255,255,.06);color:var(--moon);cursor:pointer}.st-page:disabled{opacity:.3;cursor:default}.st-page .ic{width:22px;height:22px}
.st-foot{max-width:620px;margin:26px auto 0;text-align:center;font:700 .86rem var(--sans);line-height:1.55;color:var(--moon-soft)}
.st-none{max-width:600px;text-align:center;margin:36px auto;color:var(--moon-soft)}
.st-detail-head{max-width:620px;text-align:center;margin:0 auto 22px}.st-detail-head .kid-h1{font-size:clamp(1.7rem,5vw,2.6rem);margin:6px 0}.st-detail-head .st-meter{max-width:280px;margin:10px auto 0}.st-detail-count{font:900 1.35rem var(--sans);color:var(--gold);margin:16px 0 0}.st-detail-help{font:700 .95rem var(--sans);color:var(--moon-soft);max-width:420px;margin:14px auto 0}
.st-pockets{max-width:680px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 auto;padding:18px;border:1px solid rgba(198,194,230,.25);border-radius:24px;background:rgba(15,18,50,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 60px -36px #000}
.st-mystery{appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:.716;min-height:64px;overflow:hidden;isolation:isolate;border:1px solid rgba(198,194,230,.3);border-radius:11px;background:#20244f;color:var(--moon-soft);font-family:var(--sans);padding:8px;cursor:pointer}.st-mystery .shadow{position:absolute;inset:0;z-index:-1;opacity:.45}.st-mystery:disabled{cursor:default;border-style:dashed;background:#171b3c}.st-mystery.mystery{border-color:rgba(242,193,78,.7);color:var(--gold)}
.st-question{display:grid;place-items:center;font:600 clamp(2rem,8vw,4.2rem) var(--serif);width:60%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(198,194,230,.2);background:rgba(14,17,48,.55)}
.st-mystery-note{position:absolute;bottom:9%;left:4px;right:4px;text-align:center;font:800 clamp(.65rem,2.2vw,.9rem) var(--sans)}
.st-empty-pocket{display:block;aspect-ratio:.716;border:1px solid rgba(198,194,230,.12);border-radius:11px;background:rgba(255,255,255,.025)}
.bk-sets{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid rgba(242,193,78,.5);border-radius:999px;padding:0 14px;color:var(--gold);background:rgba(19,23,61,.9);font:800 .95rem var(--sans);cursor:pointer;white-space:nowrap}.bk-sets .ic{width:18px;height:18px}
/* Keep the binder's geometry untouched: its measured top bar may wrap to fit the new Sets entrance. */
@media(max-width:700px){.st-list{grid-template-columns:1fr}.st-set{min-height:172px}.st-pockets{gap:8px;padding:11px}.st-tabs{gap:5px}.st-tab{font-size:.9rem;padding:10px 8px}.st-tab .ic{width:19px;height:19px}.st-mini{width:84px}}
@media(max-width:380px){.st-tab{flex-direction:column;gap:4px;font-size:.82rem}.st-set{gap:13px;padding:16px}.st-mini{width:76px}.st-next{display:none}.bk-sets{padding:0 11px;font-size:.85rem}}
html.reduce .st-set{transition:none} @media(prefers-reduced-motion:reduce){.st-set{transition:none}}