.listing-page{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:24px 32px 100px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-dimmer);margin-bottom:28px}.breadcrumb a{color:var(--text-dim)}.breadcrumb a:hover{color:var(--text)}.breadcrumb .current{color:var(--cyan)}.listing-intro{background:var(--panel);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));padding:26px 28px;margin-bottom:26px}.listing-intro h1{display:flex;align-items:center;gap:12px;font-size:1.5rem}.listing-intro p{margin-top:8px;color:var(--text-dim);font-size:14.5px}.listing-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.listing-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:28px}.listing-toolbar .search-bar{flex:1;min-width:260px;margin:0;max-width:none}.sort-select{background:var(--panel);border:1px solid var(--border-strong);color:var(--text-dim);font-family:inherit;font-size:13.5px;font-weight:500;padding:11px 14px}.info-callout{border-left:2px solid var(--cyan);background:var(--panel);padding:16px 20px;margin-bottom:40px;display:flex;flex-direction:column;gap:8px}.info-callout .live-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:11.5px;font-weight:700;color:var(--cyan);border:1px solid rgba(45,212,255,.4);padding:3px 10px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:pulse 1.6s infinite ease-in-out}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}.info-callout p{font-size:13.5px;color:var(--text-dim);line-height:1.65;margin:0}.listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.listing-grid .panel{position:relative}.rank-badge{position:absolute;top:10px;left:10px;z-index:3;width:24px;height:24px;background:rgba(10,10,15,.75);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:12px;color:var(--text-dim)}.listing-grid .badge-row{left:40px}.vote-mini{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600}@media (max-width:1100px){.listing-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.listing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.listing-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hero h1 .grad{animation:none}*{transition:none!important}}