/* Topics: categories are navigation, not another copy of the content list */
.topic-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.topic-entry{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;padding:24px;background:linear-gradient(145deg,#191b2580,#101119);border:1px solid #2b2c3a;border-radius:22px;overflow:hidden}.topic-entry:hover{background:#1b1824;border-color:#b95889;transform:translateY(-4px)}.entry-icon{display:block;width:56px;height:56px;color:#f783b4;filter:drop-shadow(0 5px 14px #ee48894a)}.topic-rising .entry-icon{color:#bb9bff;filter:drop-shadow(0 5px 14px #aa7aff4a)}.topic-event .entry-icon{color:#f3c47d;filter:drop-shadow(0 5px 14px #d69c534a)}.topic-player .entry-icon{color:#85c6ef;filter:drop-shadow(0 5px 14px #639dd94a)}.topic-entry strong{font-size:19px;letter-spacing:2px}.entry-arrow{position:absolute;right:16px;top:10px;color:#5f6174;font-size:19px}.topic-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.discussion-card{display:flex;align-items:center;gap:16px;text-align:left;padding:24px;background:var(--surface);border-radius:16px;min-width:0}.discussion-card strong{display:block;font-size:18px;font-weight:650;margin-bottom:4px}.discussion-card small{display:block}.topic-hash{display:grid;place-items:center;width:45px;height:48px;flex-shrink:0;background:#a17aff12;border-radius:12px;color:var(--purple);font-size:28px}.card-arrow{margin-left:auto;color:var(--muted)}.topic-detail section+section{margin-top:36px}.topic-detail h2,.search-results h2{margin-bottom:16px}.topic-matches,.topic-video-grid,.search-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topic-matches:empty{display:none}.topic-video-card,.search-video-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.topic-video-card>div:last-child,.search-video-card>div:last-child{padding:18px}.topic-video-card p,.search-video-card p{font-size:12px;color:var(--purple)}.topic-video-card h3,.search-video-card h3{margin:5px 0}.topic-video-card span,.search-video-card span{font-size:12px;color:var(--muted)}.topic-video-card button,.search-video-card button{margin-top:14px;margin-right:8px;font-size:12px;padding:7px 13px}.topic-video-scene,.search-video-scene{height:95px;background:linear-gradient(125deg,#292c3d,#151923);position:relative}.topic-video-scene:after,.search-video-scene:after{content:'▶';position:absolute;left:20px;bottom:15px;color:#ffffff88;font-size:20px}.match-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px}.match-card-top{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:12px}.match-card h3{font-size:20px;margin:18px 0}.match-versus{display:grid;grid-template-columns:1fr 24px 1fr;align-items:stretch;gap:8px}.choice-card{padding:18px 12px;display:flex;flex-direction:column;gap:10px;text-align:left;min-width:0;background:#271b2c;border-color:#6e345033}.choice-card.b{background:#201e36;border-color:#4d438533}.choice-card b{font-size:30px;line-height:1;color:var(--pink)}.choice-card.b b{color:var(--purple)}.choice-card span{font-size:13px;line-height:1.7}.choice-card.chosen{outline:2px solid var(--pink)}.choice-card.b.chosen{outline-color:var(--purple)}.versus{align-self:center;text-align:center;font-style:italic;font-size:12px;color:#96839f}.match-bar{height:4px;border-radius:9px;overflow:hidden;background:var(--purple);margin-top:22px}.match-bar span{background:var(--pink);height:100%;display:block}.match-result{text-align:center;font-size:12px;color:var(--muted);margin-top:10px}.match-preview-links{display:flex;justify-content:space-between;margin-top:12px}.match-preview-links button{font-size:12px;padding:6px 10px}
.category-filter{display:flex;gap:8px;overflow:auto;margin:18px 0 24px;scrollbar-width:none}.category-filter button{white-space:nowrap;padding:8px 14px;font-size:12px}.category-filter button.active{background:#f5449417;border-color:#f5449490;color:#ffb3d3}.open-topic-card{display:flex;min-height:176px;flex-direction:column;align-items:flex-start;text-align:left;padding:22px;border-radius:8px;background:#15161f;border:1px solid var(--line)}.open-topic-card:hover{border-color:#725d84;background:#191923}.open-topic-card strong{margin:10px 0 7px;font-size:19px}.open-topic-card p{flex:1;color:#b2b0bd;line-height:1.6;font-size:13px}.open-topic-card>span:last-child{font-size:12px;color:var(--muted)}.topic-card-category{font-size:11px;color:#f69ac3}.topic-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:8px 0 28px;border-bottom:1px solid var(--line)}.topic-hero>div{min-width:0}.topic-hero span,.topic-hero small{color:var(--muted);font-size:12px}.topic-hero h2{font-size:28px;margin:8px 0}.topic-hero p{color:#c2bfcb;line-height:1.6;max-width:600px}.topic-hero .primary-button{white-space:nowrap}.topic-tabs{display:flex;gap:8px;margin:24px 0}.topic-tabs button.active{background:#a17aff1c;border-color:#a17aff75;color:#d9c6ff}.ranking-topic-select{max-width:360px;margin-bottom:18px}
/* Rankings & search */
.segment-row,.range-row,.review-tabs,.auth-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.segment-row{margin-bottom:18px}.segment,.range,.review-tab,.auth-tab{white-space:nowrap}.segment.active,.review-tab.active,.auth-tab.active{background:#a17aff1c;border-color:#a17aff75;color:#d9c6ff}.range-row{gap:18px}.range{border:0;background:none;color:var(--muted);font-size:13px;padding:4px 0}.range.active{color:white}.ranking-rules{font-size:12px;color:var(--muted);margin:20px 0}.ranking-rules summary{cursor:pointer}.ranking-rules p{padding-top:10px}.rank-row{display:grid;grid-template-columns:32px minmax(0,1fr) 90px;gap:18px;padding:25px 4px;border-bottom:1px solid var(--line);align-items:center}.rank-index{color:#847d95;font-size:25px;font-weight:750;font-style:italic}.rank-row:nth-child(-n+3) .rank-index{color:#f29cbc}.rank-row h3{margin:5px 0}.rank-row p{color:var(--muted);font-size:12px}.rank-row p b{color:#d991bd}.rank-value{text-align:right}.rank-value>b{display:block;font-size:24px;font-variant-numeric:tabular-nums}.rank-value>span{font-size:10px;color:var(--muted);display:block;max-width:110px}.rank-value button{padding:6px 12px;font-size:12px;margin-top:8px}.search-form{display:flex;gap:12px}.search-form input{flex:1;min-width:0}.search-suggestions{display:flex;gap:9px;margin:16px 0 28px;flex-wrap:wrap}.search-suggestions button{font-size:12px;color:var(--muted);padding:6px 14px}.search-count{color:var(--muted);font-size:13px;margin-bottom:24px}.search-results section+section{margin-top:30px}