.packs-page{padding:28px;max-width:1600px;margin:auto;color:#eed9b6}.packs-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.packs-heading h1{font-size:32px;margin:5px 0}.pack-summary{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:#bea883}.pack-summary strong{color:#f1d596;font-size:17px;margin-left:5px;font-variant-numeric:tabular-nums}.pack-families,.pack-types{display:flex;flex-wrap:wrap;gap:7px}.pack-families{border-bottom:1px solid #765834;padding-bottom:14px}.pack-families button,.pack-types button,.pack-controls select{font:inherit;color:#d9c3a0;background:#2e2219;border:1px solid #765834;border-radius:5px;padding:9px 12px;cursor:pointer}.pack-families button[aria-pressed=true],.pack-types button[aria-pressed=true]{background:#72522e;border-color:#d8b471;color:#ffedbb}.pack-families button:hover,.pack-types button:hover{border-color:#d8b471}.pack-controls{display:flex;gap:10px;margin:15px 0 12px}.pack-controls input{flex:1;min-width:100px}.pack-controls select{max-width:240px;min-width:0}.pack-filter-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.pack-types button{font-size:12px;padding:6px 10px}.pack-results,.pack-footnote{font-size:12px;color:#baa17b;line-height:1.7}.pack-results{white-space:nowrap}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}.pack-card{min-width:0;border:1px solid #775b35;border-radius:9px;background:linear-gradient(160deg,#3c2a1be8,#1e1711f5);overflow:hidden;box-shadow:0 3px 10px #0003}.pack-card>header{text-align:center;padding:16px 10px 0;min-height:73px;box-sizing:border-box}.pack-card h2{font-size:15px;line-height:1.4;min-height:42px;display:flex;align-items:center;justify-content:center;margin:0;font-weight:600;color:#f1dcb5;word-break:keep-all}.pack-kind{display:block;color:#bfa06a;font-size:11px;margin-top:3px}.pack-picture{height:176px;display:flex;align-items:center;justify-content:center;padding:2px 10px;background:radial-gradient(ellipse at center,#b6832524,transparent 65%)}.pack-picture img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 6px #0007)}.pack-no-art{color:#947f61;font-size:12px}.pack-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:12px 5px 15px;border-top:1px solid #74573166;background:#17110b55;text-align:center}.pack-counts>div+div{border-left:1px solid #84643744}.pack-counts dt{font-size:10px;color:#bca583;white-space:nowrap}.pack-counts dd{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;margin:5px 0 0;color:#eed9b6}.pack-counts>div:first-child dd{color:#f8d77f}.pack-footnote{margin-top:20px}.pack-empty{grid-column:1/-1;padding:45px;text-align:center;color:#bea883}.pack-notice{padding:12px;background:#47331e;border-left:3px solid #bda05f}@media(min-width:1400px){.pack-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.pack-picture{height:195px}}@media(max-width:760px){.packs-page{padding:18px 12px}.packs-heading{align-items:flex-start;flex-direction:column;gap:8px}.pack-summary{gap:12px}.pack-controls{flex-wrap:wrap}.pack-controls input{flex-basis:100%}.pack-controls select{flex:1;max-width:none}.pack-filter-line{align-items:flex-start;flex-direction:column;gap:0}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pack-picture{height:155px}.pack-card h2{font-size:13px}.pack-counts dd{font-size:15px}.pack-counts dt{font-size:9px}}