.pack-showcase{min-width:0;container-type:inline-size}.pack-directory,.pack-collection,.pack-shelf,.gacha-showcase,.showcase-pool{min-width:0;max-width:100%}.pack-collection{overflow:hidden}.pack-collection-head{align-items:center}.pack-collection-tools{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:12px}.pack-collection-tools>span{color:#747c75;font:600 9px monospace;text-transform:uppercase;white-space:nowrap}.carousel-controls{display:flex;gap:5px}.carousel-controls button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#151916;color:#aeb5ae;cursor:pointer;font:700 14px sans-serif}.carousel-controls button:hover,.carousel-controls button:focus-visible{border-color:color-mix(in srgb,var(--collection) 42%,transparent);color:var(--collection);outline:0}.pack-shelf{width:100%;grid-auto-columns:clamp(205px,20vw,255px);overscroll-behavior-inline:contain;scroll-padding-inline:1px;scroll-snap-type:inline mandatory;scrollbar-width:thin}.pack-shelf::-webkit-scrollbar,.showcase-card-grid::-webkit-scrollbar{height:7px}.pack-shelf::-webkit-scrollbar-track,.showcase-card-grid::-webkit-scrollbar-track{background:#0a0d0b}.pack-shelf::-webkit-scrollbar-thumb,.showcase-card-grid::-webkit-scrollbar-thumb{border-radius:9px;background:#333a34}.shelf-pack{width:100%;scroll-snap-align:start}.gacha-showcase{grid-template-columns:minmax(0,1fr) minmax(305px,340px)}.showcase-pool{padding:20px}.showcase-pool-head{align-items:flex-end}.showcase-pool-tools{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px}.showcase-card-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(168px,22%,215px);gap:10px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:1px 1px 10px;scroll-padding-inline:1px;scroll-snap-type:inline mandatory;scrollbar-width:thin}.showcase-card{display:block!important;width:100%;scroll-snap-align:start}.showcase-card>div:first-child{width:100%;height:auto;aspect-ratio:7/10;padding:9px}.showcase-card img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.showcase-card>div:last-child{min-height:70px}.showcase-card strong{height:auto;min-height:30px}.showcase-machine{min-width:0}.showcase-machine-art{height:auto;aspect-ratio:1.15/1}.showcase-pack-image{max-width:100%;object-fit:contain}.category-tabs{max-width:min(100%,560px);overflow-x:auto;overscroll-behavior-inline:contain}.pack-controls{min-width:0}.catalog-toolbar{min-width:0}.catalog-toolbar label:first-child{min-width:220px;max-width:390px;flex:1}.catalog-toolbar>span{margin-left:auto;white-space:nowrap}
@container(max-width:1050px){.gacha-showcase{grid-template-columns:1fr}.showcase-machine{position:relative;top:auto;order:-1;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr)}.showcase-machine-art{height:100%;min-height:330px;aspect-ratio:auto}.showcase-card-grid{grid-auto-columns:clamp(165px,22%,205px)}}
@container(max-width:720px){.pack-collection{padding:13px}.pack-collection-head{align-items:flex-start}.pack-collection-tools>span{display:none}.pack-shelf{grid-auto-columns:minmax(190px,62%)}.showcase-machine{display:block}.showcase-machine-art{height:250px;min-height:0}.showcase-pool{padding:14px}.showcase-pool-head{align-items:flex-start;flex-direction:column}.showcase-pool-tools{width:100%;align-items:flex-start;flex-direction:column}.showcase-rarities{width:100%;max-width:100%;overflow-x:auto}.showcase-pool-tools>.carousel-controls{align-self:flex-end}.showcase-card-grid{grid-auto-columns:minmax(155px,46%)}.showcase-card>div:first-child{aspect-ratio:7/10}.catalog-toolbar{align-items:stretch;flex-wrap:wrap}.catalog-toolbar label:first-child{width:100%;max-width:none}.catalog-toolbar label:nth-child(2){flex:1}.catalog-toolbar>span{padding-top:12px}}
@container(max-width:430px){.pack-collection-head h3{font-size:19px}.pack-shelf{grid-auto-columns:82%}.showcase-pool-head h3{font-size:25px}.showcase-card-grid{grid-auto-columns:78%}.showcase-card>div:first-child{aspect-ratio:7/10}.showcase-pool-tools>.carousel-controls{align-self:flex-start}.showcase-rarities button{padding:8px}.showcase-machine-body{padding:17px}}
@media(max-width:1180px){#packFloor.workspace-head{align-items:flex-start;flex-direction:column}.pack-controls{width:100%;justify-content:space-between}.category-tabs{max-width:calc(100% - 150px)}.catalog-toolbar{flex-wrap:wrap}}
@media(max-width:700px){.pack-controls{align-items:flex-start;flex-direction:column}.category-tabs{width:100%;max-width:100%}}