.shop-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px;border-radius:18px;background:#173e2c;color:#f4f3df;margin-bottom:26px}.shop-intro span{font-size:10px;letter-spacing:2px;color:#c1d3a6}.shop-intro h2{font-size:32px;margin:14px 0}.shop-intro p{line-height:1.8;opacity:.8}.shop-intro-logos{display:flex;gap:12px}.shop-intro-logos .team-logo{width:80px;height:90px;object-fit:contain}.shop-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.shop-pack{border:1px solid #dce2d4;border-radius:16px;background:#fff;padding:16px}.pack-cover{min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#f5edcb;border:1px solid #a89c60;border-radius:10px;background:radial-gradient(ellipse at top,#496849,#102e24)}.jecho .pack-cover{background:radial-gradient(ellipse at top,#41968b,#123831)}.japcho .pack-cover{background:radial-gradient(ellipse at top,#6b7b2d,#24301b)}.pack-cover>small{font-size:8px;letter-spacing:1px}.pack-cover>strong{font-size:22px}.pack-cover>span:last-child{font-size:11px;opacity:.8}.pack-cover .team-logo{height:95px;width:95px;object-fit:contain}.pack-mark{font-size:64px}.shop-pack p{font-size:12px;text-align:center;color:#677465}.shop-buy-row{display:grid;gap:8px}.shop-buy-row .btn{display:flex;justify-content:space-between;padding:10px}.pack-odds{display:block;font-size:10px;text-align:center;margin-top:12px;color:#78816c}.shop-help{font-size:12px;line-height:1.8;color:#747d6d;margin:20px 0 30px}.shop-collection{margin-top:22px}.shop-filters{display:flex;gap:16px;margin:16px 0 24px}.shop-filters label{display:flex;align-items:center;gap:8px;font-size:12px}.shop-filters select{padding:8px;border:1px solid #dce2d4;border-radius:8px;background:#fff}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.collect-card{position:relative;isolation:isolate;aspect-ratio:2/3;border-radius:15px;border:2px solid #b7a467;background:radial-gradient(ellipse at top,#62875a,#173e2c 65%);color:#fff8d8;overflow:hidden;box-shadow:0 6px 15px #12341f19}.collect-card.jecho{background:radial-gradient(ellipse at top,#59b6a1,#154039 65%)}.collect-card.japcho{background:radial-gradient(ellipse at top,#9ca54a,#354021 65%)}.collect-card:before{content:'';position:absolute;inset:7px;border:1px solid #d5c88d66;border-radius:10px;pointer-events:none;z-index:-1}.collect-card-role{position:absolute;left:16px;top:18px;font-size:8px;letter-spacing:1.5px}.collect-card .collect-logo{position:absolute;right:12px;top:10px;width:42px;height:42px;object-fit:contain}.collect-face{position:absolute;inset:22% 8% 25%;display:flex;align-items:center;justify-content:center;flex-direction:column}.collect-face img{width:100%;height:100%;object-fit:contain}.avatar-placeholder{font-size:66px;opacity:.3}.collect-face small{font-size:10px;opacity:.7}.collect-caption{position:absolute;bottom:12%;left:8%;right:8%;text-align:center}.collect-caption small{display:block;font-size:10px;letter-spacing:2px;margin-bottom:8px}.collect-caption strong{display:block;font-size:17px;overflow-wrap:anywhere}.collect-count{position:absolute;bottom:10px;right:13px;font-size:11px}.shop-history{margin-top:24px}.shop-history>div{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eee;font-size:12px}.shop-dialog{width:min(780px,94vw);max-height:90vh;border:1px solid #dce2d4;border-radius:18px;padding:26px;color:#34452e;background:#fafbf6}.shop-dialog::backdrop{background:#102b2466}.shop-dialog .collection-grid{margin:22px 0}.shop-message{padding:16px;border-radius:10px;background:#fff0d9;margin-bottom:16px;line-height:1.8}.shop-empty{grid-column:1/-1;padding:30px 0;color:#78816c}.shop-packs button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1050px){.shop-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.shop-intro{padding:24px;display:block}.shop-intro h2{font-size:27px}.shop-intro-logos{margin-top:20px}.shop-intro-logos .team-logo{width:55px;height:55px}.shop-packs{gap:10px}.shop-pack{padding:10px}.pack-cover{min-height:195px}.pack-cover>strong{font-size:18px}.shop-buy-row .btn{font-size:11px;padding:9px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-history>div{flex-wrap:wrap}.collect-caption strong{font-size:14px}.shop-filters{flex-wrap:wrap}.shop-dialog{padding:18px}}
.collect-card.supplied-card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.collect-card.supplied-card:before{display:none}
.collect-card.supplied-card>.supplied-card-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;pointer-events:none}
.supplied-card .collect-count{background:#163f2ef0;color:#fff8d8;border:1px solid #c5b86c;padding:4px 8px;border-radius:12px;bottom:3%;right:3%}
.shop-test-buttons{display:grid;gap:6px;margin-top:12px;padding-top:10px;border-top:1px dashed #c6ceba}.shop-test-buttons small{font-size:10px;color:#7b6849}.shop-test-buttons .btn{font-size:11px;justify-content:center}

.shop-pack .pack-cover.supplied-pack{background:transparent;border:0;border-radius:0;min-height:0;color:var(--ink);gap:8px;padding-bottom:8px}.supplied-pack .pack-image{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.supplied-pack>strong{font-size:18px}.supplied-pack>span:last-child{font-size:11px;color:#677465}

.reveal-card{display:block;position:relative;width:100%;aspect-ratio:2/3;padding:0;border:0;background:transparent;cursor:pointer;perspective:900px}.reveal-card>img{display:block;width:100%;height:100%;object-fit:contain}.reveal-card .collect-card{width:100%;height:100%;animation:card-reveal .4s ease-out}.reveal-card:disabled{cursor:default;opacity:1}.reveal-card:not(:disabled):hover{filter:drop-shadow(0 4px 8px #54714755)}.reveal-progress{color:#677465;font-size:12px}.shop-dialog .dialog-actions button:disabled{opacity:.45;cursor:not-allowed}@keyframes card-reveal{from{transform:rotateY(-90deg);opacity:.3}to{transform:rotateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.reveal-card .collect-card{animation:none}}
.pack-probability{margin:12px 0;font-size:12px;overflow-wrap:anywhere}.pack-probability summary{cursor:pointer;font-weight:700}.pack-probability table{width:100%;border-collapse:collapse;font-size:11px}.pack-probability th,.pack-probability td{padding:7px 4px;border-bottom:1px solid #dde5d6;text-align:left}.pack-probability caption{padding:8px;text-align:left}.pack-probability p{line-height:1.7}
.shop-pagination{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px}.shop-pagination span{font-size:14px;color:#42604c}.shop-pagination .btn:disabled{opacity:.4;cursor:default}.shop-collection{scroll-margin-top:24px}