/* 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 navigation, ranking layers and search */
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card{position:relative;min-height:190px;padding:22px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;overflow:hidden;border-radius:20px;border:1px solid #ffffff18;color:#fff;background:linear-gradient(145deg,#202637,#11131d);transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:#a17aff99}.category-card strong{font-size:22px;letter-spacing:1px}.category-card small,.category-card em{font-size:12px;color:#c9c8d7;font-style:normal}.category-card em{margin-top:auto;color:#a9a5ba}.category-emoji{font-size:32px}.category-card .card-arrow{position:absolute;right:16px;top:14px}.category-awp{background:linear-gradient(145deg,#14314b,#11131d)}.category-multi-kill{background:linear-gradient(145deg,#4b243f,#17131f)}.category-fun{background:linear-gradient(145deg,#4a3120,#17131f)}.category-teaching{background:linear-gradient(145deg,#203d35,#11131d)}.category-aim{background:linear-gradient(145deg,#312762,#11131d)}.category-detail-head{display:flex;align-items:center;gap:16px;margin:14px 0 28px;padding:20px;border-radius:18px;background:var(--surface)}.category-badge{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#a17aff20;color:#d9c6ff;font-size:28px}.category-detail-head h2{margin:0 0 5px}.category-detail-head p{margin:0;color:var(--muted);font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px}.section-heading h2{margin:0}.section-heading span{font-size:12px;color:var(--muted)}.ranking-category-picker{display:flex;gap:8px;overflow:auto;padding-bottom:12px;scrollbar-width:none}.ranking-layer-tabs{display:flex;gap:8px;margin:4px 0 10px}.ranking-breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin-bottom:12px}.ranking-breadcrumb button{border:0;background:none;color:#cdbaff;padding:0}.ranking-topic-row{grid-template-columns:32px minmax(0,1fr) 130px}.ranking-topic-row .rank-value span{color:#cdbaff}.ranking-topic-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:inherit}.ranking-topic-card .topic-rank{font-size:22px;font-weight:700;color:#f29cbc}.ranking-topic-card strong{display:block}.ranking-topic-card small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.ranking-topic-card>span:last-child{margin-left:auto;color:var(--muted)}
/* 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-category-picker{display:flex;gap:8px;overflow:auto;padding:16px 0 4px;scrollbar-width:none}.search-category-picker .category-chip{flex:0 0 auto}.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}
.search-suggestion-block{margin:16px 0 28px}.search-suggestion-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px}.search-suggestion-heading strong{font-size:13px}.search-suggestion-heading small{font-size:11px;color:var(--muted)}.hot-spark{color:#ff9e52;font-size:15px;line-height:1}.search-suggestions{margin-top:0}.search-suggestions button{color:#f5c7df;border-color:#f5449466;background:linear-gradient(135deg,#f5449426,#8e69ff2b);box-shadow:0 5px 18px #f5449412}.search-suggestions button:hover{color:#fff;border-color:#ff83bd;background:linear-gradient(135deg,#f5449450,#8e69ff48)}.hot-suggestion-spark{display:inline-block;margin-left:6px;color:#ff9e52;font-size:11px;transform:translateY(-1px)}