/* Original lobby cylinder artwork; native catalog filter semantics. */
.catalog-page .lobby-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:32px 0 24px;padding:12px 4px 22px;border-bottom:1px solid #b9cec5;overflow:visible}
.catalog-page .lobby-filters .lobby-filter{position:relative;display:block;min-width:0;border:0;border-radius:14px;background:transparent;color:#365c53;padding:0 0 13px;font-size:13px;text-align:left;isolation:isolate}
.lobby-filters .lobby-filter span{margin:0;opacity:1}
.lobby-filter-art{display:block;position:relative;aspect-ratio:3/1;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 5px 4px #193a3920)}
.lobby-filter-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease;pointer-events:none}
.lobby-filter-art .nav-selected{opacity:0}
.lobby-filter.active .nav-selected{opacity:1}
.lobby-filter.active .nav-normal{opacity:0}
.lobby-filter.active .lobby-filter-art{filter:drop-shadow(0 0 8px #62bfc267) drop-shadow(0 6px 6px #173d3928);transform:translateY(-3px)}
.catalog-page .lobby-filter-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 12px 0;letter-spacing:.015em}
.lobby-filter .filter-label{font-weight:500}.lobby-filter .filter-count{display:inline-grid;place-items:center;min-width:30px;height:25px;border-radius:999px;background:#d1e0d9;color:#4c7166;font-size:11px;font-variant-numeric:tabular-nums}
.lobby-filter.active .filter-label{color:#125c52;font-weight:700}.lobby-filter.active .filter-count{background:#17796f;color:#fff}
.lobby-filter::after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;border-radius:2px;background:#17796f;transform:scaleX(0);transition:transform .3s ease}
.lobby-filter.active::after{transform:scaleX(1)}
.catalog-page .lobby-filter:focus-visible{outline:2px solid #17796f;outline-offset:5px}
.filter-swipe-hint{display:none}
@media(hover:hover){.lobby-filter:hover .lobby-filter-art{transform:translateY(-4px);filter:drop-shadow(0 4px 8px #237b6d45)}.lobby-filter:hover .filter-label{color:#125c52}}
@media(max-width:950px){.catalog-page .lobby-filters{gap:12px}.catalog-page .lobby-filter-caption{padding:12px 6px 0;font-size:12px}}
@media(max-width:700px){.catalog-page .lobby-filters{display:flex;flex-wrap:nowrap;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:8px;padding:12px 8px 18px;margin:24px -8px 0;scrollbar-width:thin;scrollbar-color:#80a99c transparent}.catalog-page .lobby-filters .lobby-filter{flex:0 0 220px;scroll-snap-align:start}.catalog-page .lobby-filter-caption{padding:14px 8px 0;font-size:13px}.filter-swipe-hint{display:flex;justify-content:space-between;align-items:center;color:#607c71;font-size:10px;letter-spacing:.025em;margin:10px 0 22px}.filter-swipe-hint span{font-size:17px;color:#17796f}}
@media(prefers-reduced-motion:reduce){.lobby-filter-art,.lobby-filter-art img,.lobby-filter::after{transition:none}.lobby-filter.active .lobby-filter-art,.lobby-filter:hover .lobby-filter-art{transform:none}}