/* Pack artwork remains part of the collection after opening. */
.packs-complete .collection-layout{min-height:0}
.collection-complete[hidden],.owned-heading[hidden],.owned-empty[hidden]{display:none}
.collection-complete{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border:1px solid #d5b3cb;border-bottom:3px solid #bc7fa3;background:#fff3f9}.collection-complete>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.collection-complete strong{font-size:19px;color:#884768}.collection-complete span{font-size:14px;color:#76576c}.collection-complete .btn{font-size:13px;flex-shrink:0}
.packs-complete .collection-layout{display:block;background:transparent;border:0;box-shadow:none;overflow:visible;margin-bottom:16px}.packs-complete .pack-display,.packs-complete .open-panel{display:none}.packs-complete .collection-info{margin:0;padding:18px 22px;border:1px solid #d3e2eb;background:#f7fcff;grid-template-columns:190px 220px minmax(0,1fr);gap:4px 28px}.packs-complete .collection-count>span,.packs-complete .score-mini>span,.packs-complete .collection-info p{color:#4e6b85}.packs-complete .collection-count strong,.packs-complete .score-mini strong{color:#3e5d7d}.packs-complete .progress{background:#e6f0f7;border-color:#abc7db}.packs-complete .progress i{background:#7aaccd}
.owned-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 18px}.owned-heading h3{font-family:'Pixelify Sans',monospace;font-size:21px;color:#3e5d7d;margin:0}.owned-heading h3 span{color:#6a829a}.owned-heading p{font-size:13px;color:#5f7890;margin:0}
#myCards{display:flex;justify-content:center;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-top:0}#myCards:empty{display:none}#myCards .game-card{flex:0 1 230px;width:230px;min-width:0}#myCards .card-info{display:flex;gap:8px}#myCards .card-info h3{font-size:17px}#myCards .card-info>span{font-size:12px}#myCards .card-meta{font-size:13px;gap:8px}#myCards .card-meta>span:last-child{font-size:11px;white-space:nowrap}#myCards .owned-marker{display:none}
.owned-empty{padding:28px 20px;margin:20px 0 0;text-align:center;font-size:16px;color:#56728a;border:1px dashed #adcadc}
.feed-control{justify-content:flex-start;gap:28px}.feed-control .btn{margin:0}.feed-control>strong{min-width:118px}
@media(max-width:900px){.packs-complete .collection-info{grid-template-columns:170px minmax(0,1fr);gap:8px 24px}.packs-complete .collection-info p{grid-column:1/-1;grid-row:3;margin-top:8px}.collection-complete>div{gap:5px}.collection-complete span{display:block}.collection-complete{align-items:center}#myCards{gap:20px}#myCards .game-card{flex-basis:210px;width:210px}}
@media(max-width:600px){.collection-complete{flex-direction:column;align-items:stretch;padding:16px;gap:12px}.collection-complete>div{display:block}.collection-complete strong{display:block;margin-bottom:5px;font-size:18px}.collection-complete .btn{font-size:13px}.packs-complete .collection-info{padding:16px;grid-template-columns:1fr 1fr;gap:8px 16px}.packs-complete .score-mini{gap:16px}.packs-complete .collection-count>span,.packs-complete .score-mini>span{font-size:10px}.owned-heading{margin:24px 0 16px;align-items:baseline}.owned-heading h3{font-size:20px}.owned-heading p{font-size:12px;max-width:135px;text-align:right}#myCards{gap:20px 14px}#myCards .game-card{flex:0 1 calc(50% - 7px);width:calc(50% - 7px);max-width:210px}#myCards .card-info h3{font-size:14px}#myCards .card-info>span{font-size:10px}#myCards .card-meta{font-size:12px}#myCards .card-meta>span:last-child{display:none}.feed-control{gap:16px;justify-content:space-between}.feed-control>strong{min-width:0}}

/* Keep the pack and completion message together on one shared surface. */
.packs-complete .collection-layout{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto auto;background:#fff1f8;border:1px solid #e7bdd3;overflow:hidden;margin-bottom:0}
.packs-complete .pack-display{display:flex;grid-column:1;grid-row:1/3;min-height:250px;padding:12px 0 24px}
.packs-complete .pack-display img{width:220px;height:auto}
.packs-complete .pack-display>span{display:none}
.packs-complete .collection-complete{grid-column:2;grid-row:1;border:0;background:transparent;padding:24px 28px 18px;gap:20px}
.packs-complete .collection-complete>div{display:block}
.packs-complete .collection-complete strong{display:block;font-size:24px;margin-bottom:8px}
.packs-complete .collection-complete span{font-size:15px;line-height:1.5}
.packs-complete .collection-info{grid-column:2;grid-row:2;grid-template-columns:170px 200px minmax(0,1fr);margin:0 28px 22px;padding:18px 0 0;border:0;border-top:1px solid #e7bdd3;background:transparent;gap:4px 24px}
@media(max-width:1100px){.packs-complete .collection-info{grid-template-columns:140px minmax(0,1fr)}.packs-complete .collection-info p{grid-column:1/-1;grid-row:3;margin-top:8px}.packs-complete .collection-complete{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:760px){.packs-complete .collection-layout{grid-template-columns:190px minmax(0,1fr)}.packs-complete .pack-display img{width:190px}.packs-complete .collection-complete{padding:22px 20px 16px}.packs-complete .collection-info{grid-template-columns:1fr 1fr;margin:0 20px 20px;gap:8px 16px}.packs-complete .collection-complete strong{font-size:22px}}
@media(max-width:540px){.packs-complete .collection-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}.packs-complete .pack-display{grid-column:1;grid-row:1;min-height:0;padding:8px 0 20px}.packs-complete .pack-display img{width:200px}.packs-complete .collection-complete{grid-column:1;grid-row:2;padding:18px 24px;align-items:stretch}.packs-complete .collection-info{grid-column:1;grid-row:3;margin:0 24px 22px;padding-top:18px}.packs-complete .collection-complete strong{font-size:22px}}