:root{--collection-bg:#f8f7fc;--collection-ink:#242840;--collection-muted:#707286;--collection-purple:#7460a8;--collection-line:#e6e1ee}
.collection-page{--collection-bg:#fff;--collection-ink:#202439;--collection-muted:#77727b;--collection-purple:#79566f;--collection-line:#e9e3dd;max-width:450px;margin:auto;padding:25px 20px 30px;color:var(--collection-ink);background:#fff;box-sizing:border-box}
body[data-page=collection] .category-nav{display:none}
.collection-heading{margin-bottom:17px}
.collection-heading-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 8px}
.collection-heading h1{font-size:27px;line-height:1.4;margin:0;letter-spacing:-.9px}
.collection-heading>p:not(.collection-eyebrow){font-size:12px;line-height:1.8;color:var(--collection-muted);margin:0;word-break:keep-all}
.collection-heading>p.collection-catalog-count{font-size:10px;color:#887887;margin-top:5px}
.collection-eyebrow{color:#826c9d;font-size:11px;font-weight:600;line-height:1.6;margin:0 0 12px}
.collection-heading .collection-eyebrow{margin:0;color:#756b75;font-size:10px;letter-spacing:.04em}
.collection-summary{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin:0;flex:none;line-height:1.5}
.collection-summary>span{font-size:10px;color:var(--collection-muted)}
.collection-summary>strong{font-size:18px;font-weight:700;color:#78556d;font-variant-numeric:tabular-nums;letter-spacing:-.4px}
.collection-summary>strong small{font-size:11px;font-weight:500;color:#756b75;margin-left:3px}
.collection-representative{display:flex;align-items:center;gap:7px;min-height:48px;padding:2px 0;border-block:1px solid var(--collection-line);font-size:11px;line-height:1.6}
.collection-representative>span{color:var(--collection-muted);white-space:nowrap;margin-right:2px}
.collection-representative>.collection-seal{width:24px;height:24px;flex:none}
.collection-representative strong{overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:600}
.collection-representative form{margin-left:auto;flex-shrink:0}
.collection-representative button{min-height:44px;padding:6px 2px;color:#7d6173;text-decoration:underline;text-underline-offset:3px;font:inherit}
.collection-guest-callout{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;border-block:1px solid var(--collection-line);color:#7c5c70;font-size:11px;line-height:1.7}
.collection-guest-callout .icon{width:14px;height:14px;flex:none}
.collection-series{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:18px 0 0;padding:5px;border:1px solid #eee7e8;border-radius:13px;background:#f6f2f1}
.collection-series a{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:42px;border:1px solid transparent;border-radius:9px;padding:0 2px;font-size:11px;font-weight:500;line-height:1.5;color:#756b75;text-decoration:none;box-sizing:border-box}
.collection-series a small{font-size:9px;color:#948690;font-weight:400;font-variant-numeric:tabular-nums}
.collection-series a[aria-current]{color:#65435d;border-color:#e9dce4;background:#fff;font-weight:700;box-shadow:0 2px 5px #4c354308}
.collection-series a[aria-current] small{color:#79566f}
.collection-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:53px}
.collection-list-heading>span{font-size:10px;color:#756b75;line-height:1.5}
.collection-status{display:flex;align-items:center;gap:13px;flex:none}
.collection-status a{display:inline-flex;align-items:center;min-height:44px;font-size:10px;color:#756b75;line-height:1.6;white-space:nowrap}
.collection-status a[aria-current]{color:#55404f;font-weight:700}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.collection-card{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;min-height:184px;padding:14px 8px;border:1px solid #eae3e7;border-radius:13px;background:#fff;text-align:center;text-decoration:none;box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease}
.collection-card:hover{background:#fdfafb;border-color:#d9c8d3}
.collection-card.is-owned{border-color:#dbc6d4;background:linear-gradient(145deg,#fff,#fcf7fa)}
.collection-card.is-preview{border-color:#eee8e3;background:#fcfbf9}
.collection-card-art{width:48px;height:48px;display:grid;place-items:center;flex:none}
.collection-seal{display:block;object-fit:contain;width:100%;height:100%}
.collection-card.is-locked .collection-card-art,.collection-detail-art.is-locked{filter:grayscale(.15);opacity:.78}
.collection-card-content{width:100%;min-width:0}
.collection-card-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;margin-bottom:7px;min-width:0}
.collection-card h2{font-size:12px;font-weight:600;line-height:1.65;letter-spacing:0;margin:0;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.collection-label{display:inline-block;white-space:nowrap;font-size:9px;font-weight:600;color:#776097;padding:3px 7px;border:1px solid #ded3ee;background:#f2edf9;border-radius:20px;line-height:1.4}
.collection-label.is-new{color:#a65164;background:#fff0f2;border-color:#f1d6de}
.collection-page .collection-label{color:#76556b;background:#f5edf2;border-color:#eadce5;font-size:9px;padding:3px 7px}
.collection-page .collection-label.is-new{background:none;border:0;color:#8f5e56;font-size:8px;padding:0;letter-spacing:.02em}
.collection-page .collection-label.is-preview{background:#f3efeb;border-color:#e8e1db;color:#776455;font-weight:500;font-size:9px;padding:3px 6px}
.collection-condition{font-size:11px;line-height:1.9;color:#756b75;margin:0;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.collection-earned-date{font-size:9px;line-height:1.5;color:#8c7e87;margin:5px 0 0;overflow-wrap:anywhere}
.collection-card-state{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:20px;margin-top:auto;font-size:9px;line-height:1.5}
.collection-owned-state{color:#8a6a81;white-space:nowrap}
.collection-lock-label{font-size:9px;color:#7b6e78;word-break:keep-all;text-align:center;padding:3px 0}
.collection-row-progress{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:7px}
.collection-progress{height:3px;width:100%;flex:none;background:#eee7eb;border-radius:10px;overflow:hidden}
.collection-progress span{height:100%;display:block;background:#baa0b4;border-radius:inherit}
.collection-progress-text{font-size:9px;line-height:1.5;color:#756b75;white-space:nowrap;font-variant-numeric:tabular-nums}
.collection-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:49px;background:linear-gradient(110deg,#7963a8,#67508d);color:#fff;border:0;border-radius:13px;font-size:13px;font-weight:600;padding:12px 15px;line-height:1.7;cursor:pointer;text-align:center}.collection-primary .icon{width:16px;height:16px}.collection-primary:disabled{background:#e6e1ed;color:#766e83;cursor:default}.collection-empty{border:1px solid var(--collection-line);border-radius:17px;background:#fff;padding:35px 20px;text-align:center;margin:12px 0}.collection-empty h1,.collection-empty h2{font-size:18px;letter-spacing:-.5px;line-height:1.6;margin:0 0 9px}.collection-empty p{font-size:12px;line-height:1.8;color:var(--collection-muted);margin:0 0 15px}.collection-empty a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;color:#796399;text-decoration:underline}
.collection-detail-heading{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.collection-detail-heading>a{display:grid;place-items:center;width:36px;height:44px;flex:none;margin-left:-8px}
.collection-detail-heading .icon{width:20px;height:20px;transform:rotate(180deg)}
.collection-detail-heading h1{font-size:18px;letter-spacing:-.5px;margin:0}
.collection-detail{text-align:center}
.collection-series-label{display:inline-block;padding:3px 9px;font-size:10px;line-height:1.7;color:#756b75}
.collection-detail-art{width:96px;height:96px;margin:11px auto 13px}
.collection-detail h2{font-size:24px;line-height:1.5;letter-spacing:-.7px;margin:0 0 9px;overflow-wrap:anywhere}
.collection-detail-description{max-width:30ch;font-size:13px;line-height:2;color:var(--collection-muted);margin:0 auto 25px;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.collection-coming-soon{padding:19px 14px;border:1px solid #ebe4dd;background:#fdfaf7;border-radius:12px;margin-bottom:19px}
.collection-coming-soon p{font-size:12px;line-height:1.8;color:#847481;margin:10px 0 0;word-break:keep-all}
.collection-detail-back{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;color:#856e7d;font-size:11px;margin-top:9px}
.collection-detail-back .icon{width:13px;height:13px}
.collection-facts{border-block:1px solid var(--collection-line);padding:2px 0;margin:0 0 21px;text-align:left}
.collection-facts>div{display:flex;justify-content:space-between;gap:15px;padding:16px 0;align-items:flex-start;font-size:12px;line-height:2}
.collection-facts>div+div{border-top:1px solid #f0ebe7}
.collection-facts dt{flex:none;color:#756b75;font-weight:500}
.collection-facts dd{min-width:0;margin:0;text-align:right;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.collection-page .collection-primary{background:#2b2c45;border-radius:11px;min-height:48px}
.collection-page .collection-primary:disabled{background:#f0ebe7;color:#9a8e96}
.collection-action-help{font-size:10px;color:#756b75;line-height:1.7;margin:9px 0 20px}
.collection-preview{text-align:left;border:1px solid #ebe4dd;border-radius:12px;padding:15px;background:#fdfaf7;margin-top:20px}
.collection-preview h3{font-size:10px;font-weight:500;color:#756b75;margin:0 0 13px}
.collection-preview>div{display:flex;align-items:center;gap:10px}
.collection-preview .collection-seal{width:32px;height:32px;flex:none}
.collection-preview strong{font-size:13px;display:block;margin-bottom:3px;overflow-wrap:anywhere}
.collection-preview span>span{display:block;font-size:11px;color:#826b7b;overflow-wrap:anywhere}
.collection-preview small{font-size:9px;color:#756b75;margin-left:auto;max-width:76px;text-align:right;flex:none;line-height:1.6;word-break:keep-all}
.drawer-collection{margin:4px 0 22px;padding:22px 20px 19px;border-radius:20px;border:1px solid #e5ddf0;background:linear-gradient(130deg,#fbf8fe,#f3edf9);color:#28233c}.collection-profile-name{display:flex;align-items:center;justify-content:space-between;gap:12px}.collection-profile-name strong{font-size:21px;line-height:1.5;letter-spacing:-.6px;overflow-wrap:anywhere}.collection-profile-name .icon{width:18px;height:18px;color:#9c83b6;flex:none}.collection-profile-title{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px}.collection-profile-title .collection-seal{width:24px;height:24px;flex:none}.collection-profile-title>span{font-size:13px;font-weight:600;overflow-wrap:anywhere}.collection-profile-title>small{font-size:9px;border:1px solid #e1d5ec;border-radius:20px;padding:3px 7px;color:#816397}.collection-owned-link{display:flex;align-items:center;gap:4px;font-size:12px;color:#7d6c94;min-height:45px;margin-top:4px}.collection-owned-link .icon{width:14px;height:14px;margin-left:auto}.collection-profile-hint{font-size:12px;color:#796c89;line-height:1.9;margin:12px 0 15px}.collection-profile-card{background:linear-gradient(125deg,#fcfaff,#f4effa);border:1px solid var(--collection-line);border-radius:20px;padding:23px 21px;margin:0 0 22px;text-align:left}.collection-profile-card h1{font-size:25px;margin:0 0 15px;letter-spacing:-.7px;overflow-wrap:anywhere}.collection-profile-feature{display:flex;align-items:center;gap:13px;margin:4px 0 12px}.collection-profile-feature>.collection-seal{width:92px;height:92px;flex:none}.collection-profile-feature strong{font-size:18px;display:block;margin-bottom:8px;overflow-wrap:anywhere}.collection-profile-count{font-size:12px;color:#786c88;margin:0 0 17px}.collection-profile-feature .collection-label{font-size:10px}
.collection-feedback,.collection-new{display:flex;align-items:center;gap:12px;border:1px solid #dcd0ec;background:#f2ebfa;padding:15px;border-radius:15px;margin:0 0 17px;font-size:12px;line-height:1.8;color:#6c538a}.collection-new strong{font-size:13px}.collection-new p{font-size:11px;margin:2px 0 0}.collection-new button{display:grid;place-items:center;min-width:44px;min-height:44px;margin-left:auto}.collection-new .icon{width:18px;height:18px}.collection-stamp-mark{font-size:29px;color:#9c749e;animation:collection-stamp .4s ease-out 1}.collection-guidance{padding:19px 17px;border:1px solid var(--collection-line);border-radius:16px;background:#f1edf7;margin-top:24px}.collection-guidance strong{font-size:12px;color:#6c5587}.collection-guidance p{font-size:11px;line-height:1.9;color:#736981;margin:7px 0 11px}.collection-guidance a{display:flex;align-items:center;gap:4px;min-height:44px;font-size:11px;color:#72538f}.collection-guidance .icon{width:14px;height:14px}.collection-privacy-note{font-size:10px;line-height:1.9;color:#7b7286;margin:18px 4px 0;text-align:center}
.collection-reading{padding:18px;border:1px solid #e4dcee;background:#f8f4fc;border-radius:16px;margin:25px 0}.collection-reading h2{font-size:14px;margin:0 0 7px}.collection-reading p{font-size:11px;line-height:1.9;color:#756980;margin:6px 0}.collection-reading-status{font-size:12px;font-weight:600;color:#735491;line-height:1.7;margin-top:11px}.collection-reading a,.collection-reading button{display:inline-flex;align-items:center;min-height:44px;color:#745595;font-size:11px;text-decoration:underline}.collection-page a:focus-visible,.collection-page button:focus-visible,.drawer-collection a:focus-visible,.collection-reading button:focus-visible{outline:2px solid #8b6cae;outline-offset:3px}
.collection-recent{margin:22px 0}.collection-recent>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.collection-recent h2{font-size:15px;margin:0}.collection-recent>div:first-child>a{display:flex;align-items:center;gap:3px;font-size:10px;color:#7b6892;min-height:44px}.collection-recent .icon{width:13px;height:13px}.collection-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.collection-recent-grid>a{border:1px solid var(--collection-line);border-radius:14px;padding:10px 7px;background:#fff;text-align:center;min-width:0}.collection-recent-grid .collection-seal{width:70px;height:70px;max-width:100%;margin:0 auto 7px}.collection-recent-grid strong{display:block;font-size:11px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}.collection-recent-grid small{display:block;font-size:9px;line-height:1.6;color:#7b7089;margin-top:5px;overflow-wrap:anywhere}
@keyframes collection-stamp{from{transform:scale(1.3);opacity:.3}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.collection-stamp-mark{animation:none}.collection-card{transition:none}}html.reduce-motion .collection-stamp-mark{animation:none}html.reduce-motion .collection-card{transition:none}
@media(max-width:360px){.collection-profile-feature>.collection-seal{width:70px;height:70px}.drawer-collection{padding-inline:16px}.collection-profile-name strong{font-size:19px}}
.collection-page .collection-feedback,.collection-page .collection-new{background:#f7f0f1;border-color:#eddfe4;color:#7d5e72;border-radius:11px;padding:10px 12px;margin-bottom:15px;gap:9px}
.collection-page .collection-new strong{font-size:12px}.collection-page .collection-new p{font-size:10px}.collection-page .collection-stamp-mark{font-size:23px;color:#b08b9b}
.collection-page .collection-guidance{border:0;border-radius:12px;background:#f8f4ef;padding:17px 15px;margin-top:22px}
.collection-page .collection-guidance strong{font-size:12px;color:#79675d}.collection-page .collection-guidance p{font-size:11px;line-height:2;color:#756b75;margin:10px 0;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.collection-page .collection-guidance a{font-size:11px;color:#7b6455;min-height:38px}
.collection-page .collection-privacy-note{color:#756b75;font-size:9px;margin-top:15px}
@media(max-width:360px){.collection-page{padding-inline:16px}.collection-heading h1{font-size:25px}.collection-heading>p:not(.collection-eyebrow){font-size:11px}.collection-heading>p.collection-catalog-count{font-size:9px}.collection-list-heading>span{font-size:9px}.collection-status{gap:10px}.collection-grid{gap:6px}.collection-card{padding:12px 6px;gap:10px;min-height:184px;border-radius:12px}.collection-card h2{font-size:11px}.collection-card-state{gap:3px}.collection-series{gap:3px;padding:4px}.collection-series a{font-size:10px;gap:4px;min-height:42px}.collection-series a small{font-size:8px}.collection-detail h2{font-size:22px}.collection-representative{gap:5px;font-size:10px}.collection-representative strong{font-size:11px}.collection-facts>div{font-size:11px;gap:10px}}
.collection-preview>div>span{min-width:0}

.collection-series a{flex-wrap:wrap;column-gap:4px;row-gap:0;padding:4px 2px;word-break:keep-all}
.collection-activity-help{padding:16px 14px;border-radius:11px;background:#f8f4ef;color:#756b75;font-size:11px;line-height:2;margin:0 0 22px;text-align:left;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.collection-activity-help p{margin:0}
.collection-activity-help p+p{margin-top:10px}
