/* Sweet Shift Saga v4.5.0.0 — Card Collection */
#screen-map.active #map-cards-btn {
  background:linear-gradient(180deg,#53b6d8,#3577bb) !important;
  --map-ui-shadow:#27578a;
}
#screen-map.active .map-card-progress {
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:29px;
  height:22px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:9px;
  background:linear-gradient(180deg,#ffda61,#ef9b24);
  color:#5c3516;
  font-size:.47rem;
  font-weight:1000;
  box-shadow:0 3px 0 #9d631b;
}

.card-collection-screen {
  --cards-ink:#5a3c67;
  --cards-muted:#927b98;
  --cards-panel:#fffdfd;
  --cards-line:#eadce8;
  --cards-pink:#ce4b96;
  --cards-purple:#6b4aa3;
  min-height:100svh;
  overflow:auto;
  padding:0 0 52px;
  background:
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.86),transparent 24%),
    radial-gradient(circle at 85% 18%,rgba(255,225,245,.76),transparent 24%),
    linear-gradient(180deg,#f5dff0 0,#eee1f3 38%,#f9f3f8 100%);
  color:var(--cards-ink);
}
.card-collection-topbar {
  position:sticky;
  top:0;
  z-index:20;
  min-height:82px;
  padding:10px 18px;
  display:grid;
  grid-template-columns:64px 1fr auto;
  gap:12px;
  align-items:center;
  border-bottom:1px solid rgba(116,73,119,.13);
  background:rgba(255,248,253,.92);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 7px 24px rgba(76,47,85,.09);
}
.cards-back-button {
  width:52px;
  height:52px;
  border:2px solid #fff;
  border-radius:16px;
  background:linear-gradient(180deg,#7056ad,#4f3988);
  color:#fff;
  font:1000 2rem/1 inherit;
  cursor:pointer;
  box-shadow:0 4px 0 #392863,0 7px 13px rgba(49,34,75,.14);
}
.cards-back-button:active { transform:translateY(2px);box-shadow:0 2px 0 #392863; }
.card-album-title-block { min-width:0;display:grid;gap:2px; }
.card-album-title-block small { color:#a55b87;font-size:.54rem;font-weight:1000;letter-spacing:.11em; }
.card-album-title-block h1 { margin:0;color:#5e3d69;font-size:clamp(1.05rem,2.2vw,1.6rem);line-height:1; }
.card-album-title-block span { color:#947a96;font-size:.58rem;font-weight:850; }
.card-album-progress-pill {
  min-width:112px;
  min-height:52px;
  padding:7px 12px;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:17px;
  background:linear-gradient(180deg,#fff7ce,#ffd46c);
  color:#69491d;
  box-shadow:0 4px 0 rgba(151,104,31,.36),0 7px 15px rgba(84,61,35,.08);
}
.card-album-progress-pill strong { font-size:.96rem;line-height:1; }
.card-album-progress-pill small { font-size:.46rem;font-weight:1000;text-transform:uppercase;letter-spacing:.06em; }

.card-collection-tabs {
  position:sticky;
  top:82px;
  z-index:18;
  display:flex;
  gap:6px;
  padding:8px 18px;
  overflow-x:auto;
  border-bottom:1px solid rgba(116,73,119,.10);
  background:rgba(248,238,248,.92);
  backdrop-filter:blur(12px);
}
.card-tab {
  min-width:max-content;
  min-height:36px;
  padding:6px 13px;
  border:1px solid #dfcee1;
  border-radius:11px;
  background:#fff;
  color:#76577c;
  font:inherit;
  font-size:.58rem;
  font-weight:1000;
  cursor:pointer;
}
.card-tab.active { border-color:#9b65b1;background:linear-gradient(180deg,#fff6c9,#f1e4f8);color:#62406d;box-shadow:0 3px 0 rgba(114,77,126,.18); }

.card-collection-content {
  width:min(1280px,calc(100vw - 28px));
  margin:0 auto;
  padding:18px 0 26px;
  outline:none;
}
.card-panel,
.card-overview-hero,
.album-rewards-intro,
.exclusive-intro,
.archive-intro,
.card-list-head,
.card-packs-head,
.completion-reward-copy {
  border:1px solid var(--cards-line);
  border-radius:22px;
  background:rgba(255,253,255,.95);
  box-shadow:0 9px 24px rgba(74,42,83,.07),inset 0 1px 0 #fff;
}
.card-panel { padding:14px; }
.card-panel > header { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px; }
.card-panel > header > div { display:grid;gap:2px; }
.card-panel > header small { color:#a17b9b;font-size:.5rem;font-weight:1000;letter-spacing:.09em;text-transform:uppercase; }
.card-panel > header strong { color:#65436f;font-size:.78rem; }

.card-overview-hero {
  min-height:260px;
  padding:24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 240px;
  gap:26px;
  align-items:center;
  background:
    radial-gradient(circle at 90% 12%,rgba(255,255,255,.7),transparent 30%),
    linear-gradient(135deg,#ffe8f2,#eee3ff 55%,#e2f8ff);
}
.album-overview-copy { display:grid;gap:10px; }
.album-overview-copy > small,
.card-list-head small,
.card-packs-head small,
.album-rewards-intro small,
.exclusive-intro small,
.archive-intro small { color:#ae5e91;font-size:.53rem;font-weight:1000;letter-spacing:.12em; }
.album-overview-copy h2,
.card-list-head h2,
.card-packs-head h2,
.album-rewards-intro h2,
.exclusive-intro h2,
.archive-intro h2 { margin:0;color:#5f3c6b;font-size:1.4rem; }
.album-overview-copy p,
.card-list-head p,
.card-packs-head p,
.album-rewards-intro p,
.exclusive-intro p,
.archive-intro p { margin:0;max-width:720px;color:#8a718d;font-size:.68rem;font-weight:750;line-height:1.45; }
.album-overview-stats { display:flex;gap:8px;flex-wrap:wrap; }
.album-overview-stats span { min-width:110px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.76);display:flex;align-items:baseline;gap:5px; }
.album-overview-stats strong { color:#6a4675;font-size:1rem; }
.album-overview-stats small { color:#997d9a;font-size:.49rem;font-weight:1000; }
.album-overview-actions { display:flex;gap:7px;flex-wrap:wrap; }
.album-overview-actions button,
.vault-overview button,
.duplicate-vault-panel button,
.card-shop-pack button,
.owned-card-pack button,
.card-special-offers button,
.album-reward-step button,
.album-card-slot.missing button,
.inventory-card-pack-stack button {
  min-height:34px;
  padding:6px 12px;
  border:0;
  border-radius:10px;
  background:linear-gradient(180deg,#805bb5,#5d3d92);
  color:#fff;
  font:inherit;
  font-size:.54rem;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 3px 0 #45306c;
}
.album-overview-actions button:first-child { background:linear-gradient(180deg,#d84f9a,#ad377e);box-shadow:0 3px 0 #7f285c; }
.album-overview-actions button:disabled,
.vault-overview button:disabled,
.duplicate-vault-panel button:disabled,
.card-shop-pack button:disabled,
.owned-card-pack button:disabled,
.card-special-offers button:disabled,
.album-reward-step button:disabled { opacity:.42;cursor:not-allowed;box-shadow:none; }
.album-overview-emblem { position:relative;display:grid;place-items:center; }
.album-overview-emblem img { width:190px;max-width:100%;filter:drop-shadow(0 14px 18px rgba(80,37,91,.15));transform:rotate(4deg); }
.album-overview-emblem > strong { position:absolute;display:flex;align-items:baseline;gap:3px;color:#fff;font-size:2.2rem;text-shadow:0 2px 3px rgba(63,24,75,.35); }
.album-overview-emblem > strong small { font-size:.72rem; }
.card-overview-columns { display:grid;grid-template-columns:1.35fr .85fr;gap:12px;margin-top:12px; }
.album-category-row { display:grid;grid-template-columns:150px 1fr 42px;gap:9px;align-items:center;margin:8px 0; }
.album-category-row > span { color:#745b78;font-size:.55rem;font-weight:900; }
.album-category-row > div,.vault-meter { height:8px;border-radius:999px;background:#eee4ee;overflow:hidden; }
.album-category-row i,.vault-meter i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e557a2,#8f66c1); }
.album-category-row strong { color:#705276;font-size:.52rem;text-align:right; }
.vault-overview header img,.duplicate-vault-panel header img { width:54px;height:54px;object-fit:contain; }
.vault-overview p,.duplicate-vault-panel p { color:#8c728f;font-size:.58rem;font-weight:750;line-height:1.45; }
.recent-cards { margin-top:12px; }
.recent-card-row { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px; }
.recent-card-row button { min-width:0;padding:7px;display:grid;grid-template-columns:44px 1fr;gap:7px;align-items:center;border:1px solid #ebdfeb;border-radius:12px;background:#fff;color:#65446e;text-align:left;cursor:pointer; }
.recent-card-row img { width:44px;height:44px;object-fit:contain;border-radius:9px;background:#f6edf5; }
.recent-card-row span { min-width:0;display:grid;gap:2px; }
.recent-card-row small { color:#aa849f;font-size:.42rem;font-weight:900; }
.recent-card-row strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.56rem; }
.cards-empty-inline { grid-column:1/-1;padding:12px;text-align:center;color:#9a819c;font-size:.6rem;font-weight:850; }

.card-list-head,.card-packs-head,.album-rewards-intro,.exclusive-intro,.archive-intro { padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px; }
.card-list-filters { display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end; }
.card-list-filters button { min-height:31px;padding:5px 10px;border:1px solid #e3d5e4;border-radius:9px;background:#fff;color:#826787;font:inherit;font-size:.5rem;font-weight:1000;cursor:pointer; }
.card-list-filters button.active { background:#7652a0;color:#fff;border-color:#7652a0; }
.album-card-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:9px; }
.album-card-slot { position:relative;min-width:0;min-height:216px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:5px;border:2px solid #eadfea;border-radius:16px;background:linear-gradient(180deg,#fff,#fff8fc);color:#694c70;text-align:center;overflow:hidden; }
button.album-card-slot { cursor:pointer;font:inherit; }
.album-card-slot.collected:hover { transform:translateY(-2px);box-shadow:0 9px 16px rgba(80,48,87,.10); }
.album-card-number { width:100%;text-align:left;color:#aa8aa6;font-size:.44rem;font-weight:1000;letter-spacing:.05em; }
.album-card-art,.album-card-back { width:100%;height:118px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,hsl(var(--card-hue,320) 70% 88%),#fff);overflow:hidden; }
.album-card-art img { width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(65,37,67,.12)); }
.album-card-back img { width:80px;height:110px;object-fit:contain;filter:grayscale(.15) opacity(.72); }
.album-card-slot strong { width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem; }
.album-card-slot small { color:#9b829c;font-size:.45rem;font-weight:850; }
.album-card-slot.missing { border-style:dashed;background:rgba(255,255,255,.58); }
.album-card-slot.missing strong { color:#a28ca2; }
.shiny-stamp { position:absolute;top:26px;right:-20px;padding:3px 25px;transform:rotate(35deg);background:linear-gradient(90deg,#fff6a9,#a9f3ff,#f7b7ff);color:#684673;font-size:.42rem;letter-spacing:.06em;box-shadow:0 2px 5px rgba(76,43,82,.14); }
.album-card-slot.has-shiny { border-color:#f2c85c;box-shadow:0 0 0 2px rgba(193,230,255,.8),0 0 20px rgba(245,198,255,.35); }
.rarity-uncommon { border-color:#b9d5ee; }
.rarity-rare { border-color:#a797e3; }
.rarity-epic { border-color:#df82c8; }
.rarity-legendary { border-color:#f3b752; }

.pack-total,.exclusive-intro > strong,.album-rewards-intro > strong { min-width:90px;padding:9px 12px;display:grid;place-items:center;border-radius:14px;background:#fff5ca;color:#6f501f;font-size:1rem; }
.pack-total small { font-size:.44rem; }
.owned-card-packs { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px; }
.owned-card-pack { padding:10px;display:grid;grid-template-columns:64px 1fr auto;gap:9px;align-items:center;border:1px solid #eadfea;border-radius:15px;background:#fff; }
.owned-card-pack img { width:60px;height:76px;object-fit:contain; }
.owned-card-pack > div { display:grid;gap:2px; }
.owned-card-pack strong { color:#684870;font-size:.63rem; }
.owned-card-pack small { color:#9a829a;font-size:.48rem;font-weight:900; }
.card-pack-shop,.card-special-offers,.duplicate-vault-panel { margin-top:12px; }
.card-pack-shop > header > span { padding:6px 9px;border-radius:999px;background:#fff0f7;color:#9f557f;font-size:.54rem;font-weight:1000; }
.card-shop-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px; }
.card-shop-pack { padding:11px;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #eadfea;border-radius:15px;background:linear-gradient(180deg,#fff,#fff7fb);text-align:center; }
.card-shop-pack img { width:88px;height:112px;object-fit:contain; }
.card-shop-pack strong { color:#684870;font-size:.64rem; }
.card-shop-pack small { color:#9b829b;font-size:.46rem; }
.card-shop-pack b { color:#a35b38;font-size:.56rem; }
.card-special-offers article { display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:11px;border-radius:14px;background:linear-gradient(90deg,#fff3d5,#fff4fb); }
.card-special-offers article > div { display:grid;gap:2px; }
.card-special-offers article span { color:#785d7b;font-size:.56rem;font-weight:900; }
.card-special-offers article small { color:#a085a0;font-size:.45rem; }
.card-special-offers article > b { color:#8c5830;font-size:.64rem; }
.duplicate-vault-panel .vault-meter { height:11px; }

.album-reward-track { position:relative;display:grid;grid-template-columns:repeat(12,minmax(112px,1fr));gap:8px;overflow-x:auto;padding:22px 8px 14px; }
.album-reward-line { position:absolute;top:43px;left:54px;right:54px;height:8px;border-radius:999px;background:#e4d7e6;z-index:0; }
.album-reward-line i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e0509f,#835eb8); }
.album-reward-step { position:relative;z-index:1;min-height:185px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #eadfea;border-radius:16px;background:#fff;text-align:center; }
.album-reward-step.reached { border-color:#b38cc0;background:linear-gradient(180deg,#fffdf5,#fff); }
.album-reward-step.claimed { opacity:.72;background:#f5f0f5; }
.album-reward-target { width:38px;height:38px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#8f6aac;color:#fff;font-size:.58rem;font-weight:1000;box-shadow:0 3px 0 #604575; }
.album-reward-step.reached .album-reward-target { background:#da4e98;box-shadow:0 3px 0 #98366d; }
.album-reward-art { width:58px;height:64px;display:grid;place-items:center; }
.album-reward-art img { max-width:58px;max-height:64px;object-fit:contain; }
.album-reward-step strong { color:#6a4a70;font-size:.54rem;line-height:1.1; }
.album-reward-step small { color:#a088a1;font-size:.43rem; }
.completion-reward-copy { margin-top:12px;padding:15px;display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center;background:linear-gradient(135deg,#fff5cb,#ffeaf7,#eee5ff); }
.completion-reward-copy img { width:92px;height:78px;object-fit:contain; }
.completion-reward-copy > div { display:grid;gap:4px; }
.completion-reward-copy small { color:#ad6f28;font-size:.48rem;font-weight:1000;letter-spacing:.1em; }
.completion-reward-copy strong { color:#68436e;font-size:.72rem; }
.completion-reward-copy p { margin:0;color:#8f758f;font-size:.55rem;line-height:1.4; }

.exclusive-card-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px; }
.exclusive-card { min-height:248px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;border:2px solid #eadfea;border-radius:18px;background:#fff;text-align:center; }
.exclusive-card-art { width:120px;height:140px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#ffe9f7,#e9e4ff); }
.exclusive-card-art img { max-width:108px;max-height:125px;object-fit:contain; }
.exclusive-card strong { color:#68476f;font-size:.66rem; }
.exclusive-card small { color:#947d96;font-size:.5rem;line-height:1.35; }
.exclusive-card span { margin-top:auto;color:#b36a91;font-size:.46rem;font-weight:1000; }
.exclusive-card.locked .exclusive-card-art { filter:grayscale(1);opacity:.5; }

.archive-layout { display:grid;grid-template-columns:220px 1fr;gap:12px; }
.archive-album-list { display:grid;align-content:start;gap:6px;padding:9px;border:1px solid #eadfea;border-radius:16px;background:#fff; }
.archive-album-list button { padding:9px;display:grid;gap:2px;border:1px solid #eadfea;border-radius:11px;background:#faf6fa;color:#765879;text-align:left;font:inherit;cursor:pointer; }
.archive-album-list button.active { border-color:#9e70b2;background:#f3eaf7; }
.archive-album-list strong { font-size:.57rem; }.archive-album-list small { font-size:.45rem;color:#a188a0; }
.archive-album-view { min-width:0;padding:12px;border:1px solid #eadfea;border-radius:16px;background:#fff; }
.archive-album-view > header { display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px; }
.archive-album-view h3 { margin:2px 0;color:#67456f;font-size:.92rem; }
.archive-album-view small,.archive-album-view span { color:#9b829d;font-size:.48rem;font-weight:850; }
.archive-album-view > header > strong { color:#a06e44;font-size:.52rem; }
.archive-card-grid .album-card-slot.missing button { width:100%;margin-top:auto;background:linear-gradient(180deg,#e48c45,#bd6530);box-shadow:0 3px 0 #82451f; }
.archive-empty { min-height:420px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center; }
.archive-empty img { width:130px;height:180px;object-fit:contain;opacity:.62; }
.archive-empty h2 { margin:0;color:#68486f; }.archive-empty p { max-width:560px;margin:0;color:#967f98;font-size:.6rem;line-height:1.45; }

.card-detail-panel { position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(42,25,49,.72);backdrop-filter:blur(8px); }
.card-detail-panel.hidden { display:none; }
.card-detail-close { position:absolute;top:20px;right:24px;width:46px;height:46px;border:2px solid #fff;border-radius:15px;background:#68498f;color:#fff;font:1000 1.5rem/1 inherit;cursor:pointer; }
.card-detail-card { width:min(760px,92vw);padding:16px;display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:20px;border:3px solid #fff;border-radius:26px;background:#fff;box-shadow:0 24px 50px rgba(26,13,32,.30); }
.card-detail-art { min-height:380px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,hsl(var(--card-hue,320) 72% 88%),#fff); }
.card-detail-art img { width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(56,29,63,.16)); }
.card-detail-copy { display:grid;align-content:center;gap:9px; }
.card-detail-copy > small { color:#a17d9c;font-size:.5rem;font-weight:1000;letter-spacing:.08em; }
.card-detail-copy h2 { margin:0;color:#603d69;font-size:1.4rem; }
.card-detail-rarity { justify-self:start;padding:5px 9px;border-radius:999px;background:#efe5f2;color:#725276;font-size:.5rem;font-weight:1000; }
.card-detail-shiny { justify-self:start;padding:5px 9px;border-radius:999px;background:linear-gradient(90deg,#fff1a6,#bdf8ff,#f0c3ff);color:#654871;font-size:.48rem; }
.card-detail-copy p { color:#8d758f;font-size:.65rem;line-height:1.5; }
.card-detail-copy > div { display:flex;gap:8px;flex-wrap:wrap; }.card-detail-copy > div span { padding:7px 9px;border-radius:10px;background:#f7f0f7;color:#806784;font-size:.5rem;font-weight:900; }

.card-pack-opening { position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at center,rgba(132,83,160,.52),rgba(27,15,34,.86));backdrop-filter:blur(9px); }
.card-pack-opening.hidden { display:none; }
.card-pack-opening-stage { width:min(1040px,96vw);min-height:520px;display:grid;grid-template-rows:auto auto 1fr auto;justify-items:center;align-items:center;gap:10px; }
.card-pack-opening-head { display:grid;justify-items:center;gap:2px;color:#fff;text-shadow:0 2px 3px rgba(28,15,31,.35); }.card-pack-opening-head small { font-size:.54rem;font-weight:1000;letter-spacing:.13em; }.card-pack-opening-head strong { font-size:1.1rem; }
.card-pack-opening-art { width:140px;height:180px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.23));transition:transform .45s ease,opacity .4s ease; }
.card-pack-opening.burst .card-pack-opening-art { transform:translateY(-6px) scale(1.05) rotate(-3deg); }
.card-pack-results { width:100%;display:flex;justify-content:center;align-items:stretch;gap:9px;flex-wrap:wrap; }
.pack-result-card { width:150px;min-height:230px;padding:9px;display:flex;flex-direction:column;align-items:center;gap:5px;border:3px solid #fff;border-radius:18px;background:linear-gradient(180deg,#fff,#fff5fb);box-shadow:0 14px 25px rgba(25,14,31,.22);opacity:0;transform:translateY(25px) scale(.88);transition:opacity .28s ease,transform .35s cubic-bezier(.2,.9,.3,1.2); }
.pack-result-card.visible { opacity:1;transform:translateY(0) scale(1); }.pack-result-card.shiny { box-shadow:0 0 0 3px #fff7aa,0 0 30px rgba(204,238,255,.7),0 16px 30px rgba(25,14,31,.25);background:linear-gradient(145deg,#fff8b7,#d8f9ff,#f6d6ff); }
.pack-result-card > small { min-height:16px;color:#b14f87;font-size:.43rem;font-weight:1000;letter-spacing:.05em;text-align:center; }.pack-result-card > div { width:100%;height:126px;display:grid;place-items:center;border-radius:12px;background:#f8edf6; }.pack-result-card img { max-width:112px;max-height:112px;object-fit:contain; }.pack-result-card strong { color:#67466e;font-size:.55rem;text-align:center; }.pack-result-card span { color:#9c829b;font-size:.45rem;font-weight:900; }
.card-pack-done { min-width:190px;min-height:46px;padding:8px 18px;border:3px solid #fff;border-radius:15px;background:linear-gradient(180deg,#f5c84f,#e89624);color:#613b14;font:1000 .68rem/1 inherit;box-shadow:0 5px 0 #9b641b,0 9px 18px rgba(30,18,33,.18);cursor:pointer; }.card-pack-done.hidden { visibility:hidden;pointer-events:none; }

.profile-card-collection { margin:9px 0;padding:9px 11px;border:1px solid #eadde8;border-radius:13px;background:linear-gradient(180deg,#fff,#faf3f8); }
.profile-card-collection > div:first-child { display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center; }.profile-card-collection small { color:#a17c9b;font-size:.48rem;font-weight:1000; }.profile-card-collection strong { color:#68476f;font-size:.65rem; }.profile-card-collection button { min-height:29px;padding:4px 9px;border:0;border-radius:9px;background:#7551a2;color:#fff;font:inherit;font-size:.46rem;font-weight:1000;cursor:pointer; }.profile-album-badges { display:flex;flex-wrap:wrap;gap:4px;margin-top:7px; }.profile-album-badges span { padding:4px 7px;border-radius:999px;background:#fff0c8;color:#825d2a;font-size:.42rem;font-weight:1000; }
.inventory-card-pack-stack { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }.inventory-card-pack-stack > span { position:relative;width:54px;height:70px;display:grid;place-items:center; }.inventory-card-pack-stack img { width:48px;height:64px;object-fit:contain; }.inventory-card-pack-stack b { position:absolute;right:-4px;bottom:0;min-width:22px;height:20px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:8px;background:#6f50a1;color:#fff;font-size:.43rem; }.inventory-card-pack-stack button { margin-left:auto; }
.card-pack-earned-result { background:linear-gradient(180deg,#eef8ff,#d8efff) !important;color:#4e6288 !important; }

@media(max-width:900px){
  .card-overview-hero { grid-template-columns:1fr 160px; }.album-overview-emblem img { width:145px; }
  .card-overview-columns { grid-template-columns:1fr; }.recent-card-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .owned-card-packs,.card-shop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .archive-layout { grid-template-columns:1fr; }.archive-album-list { grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); }
  .card-detail-card { grid-template-columns:250px 1fr; }.card-detail-art { min-height:320px; }
}
@media(max-width:620px){
  .card-collection-topbar { min-height:70px;padding:8px;grid-template-columns:48px 1fr auto;gap:7px; }.cards-back-button { width:44px;height:44px;border-radius:13px; }.card-album-progress-pill { min-width:78px;min-height:44px;padding:5px 7px; }.card-album-title-block h1 { font-size:.94rem; }.card-album-title-block span { font-size:.46rem; }
  .card-collection-tabs { top:70px;padding:7px 8px; }.card-collection-content { width:calc(100vw - 14px);padding-top:9px; }
  .card-overview-hero { grid-template-columns:1fr;padding:16px; }.album-overview-emblem { display:none; }.album-overview-stats span { min-width:90px; }
  .card-list-head,.card-packs-head,.album-rewards-intro,.exclusive-intro,.archive-intro { align-items:flex-start;flex-direction:column;padding:13px; }.card-list-filters { justify-content:flex-start; }
  .album-card-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }.album-card-slot { min-height:196px; }.album-card-art,.album-card-back { height:106px; }
  .owned-card-packs,.card-shop-grid { grid-template-columns:1fr; }.owned-card-pack { grid-template-columns:54px 1fr auto; }.owned-card-pack img { width:50px;height:65px; }
  .card-special-offers article { grid-template-columns:1fr auto; }.card-special-offers article button { grid-column:1/-1; }
  .completion-reward-copy { grid-template-columns:76px 1fr; }.completion-reward-copy img { width:72px;height:62px; }
  .card-detail-card { grid-template-columns:1fr;max-height:88vh;overflow:auto; }.card-detail-art { min-height:250px; }.card-detail-close { top:10px;right:10px; }
  .card-pack-opening-art { width:100px;height:130px; }.pack-result-card { width:122px;min-height:200px; }.pack-result-card > div { height:104px; }.pack-result-card img { max-width:92px;max-height:92px; }
}
@media(prefers-reduced-motion:reduce){
  .album-card-slot,.card-pack-opening-art,.pack-result-card { transition:none !important; }
}
.archive-completion-claim { width:100%;min-height:40px;margin:0 0 10px;border:2px solid #fff;border-radius:12px;background:linear-gradient(180deg,#f4c850,#e99324);color:#643d14;font:1000 .58rem/1 inherit;box-shadow:0 4px 0 #996219;cursor:pointer; }