#list-container{width:100%;max-width:100%;min-width:0;height:220px;overflow:hidden}#list-container .vlist{border:none;border-radius:12px;background:transparent;max-width:100%;width:100%;box-sizing:border-box;overflow-x:auto}#list-container .vlist-viewport{max-width:100%;width:100% !important;overflow-x:auto}#list-container .vlist-item{padding:8px;border-right:none;cursor:pointer}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;border-radius:12px;color:#fff;text-align:center;padding:16px 12px;transition:transform 0.15s ease-out,box-shadow 0.15s ease-out}.vlist-item:hover .card{transform:scale(1.03);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.card-emoji{font-size:36px;line-height:1}.card-title{font-weight:var(--fw-bold);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-subtitle{font-size:12px;opacity:0.85;white-space:nowrap}.controls{margin-top:16px}@media (max-width:900px){#list-container{height:190px}#list-container .vlist-item{padding:6px}.card{padding:10px 8px;border-radius:10px}.card-emoji{font-size:30px}.card-title{font-size:14px}}@media (max-width:720px){#list-container{height:160px}#list-container .vlist-item{padding:4px}.card{padding:8px 6px;gap:4px;border-radius:8px}.card-emoji{font-size:24px}.card-title{font-size:12px}.card-subtitle{font-size:10px}.controls{flex-direction:column;gap:8px}.controls button{width:100%;font-size:13px}}