.genre-comparison,.genre-comparison-page{min-width:0;max-width:100%}.genre-compare-controls{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;margin-bottom:1rem}.genre-compare-controls .share-page{margin-left:auto}.genre-compare-picker{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:10px;background:#f7f7f7}.genre-compare-picker legend{font-weight:700}.genre-compare-picker>label{flex:1 1 220px;max-width:100%}.genre-compare-picker-actions{display:flex;flex-wrap:wrap;gap:.6rem}.genre-comparison label{display:grid;gap:.35rem;font-weight:600;min-width:0}.genre-comparison button,.genre-comparison select{min-height:44px;padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.genre-comparison select{width:100%;min-width:0}.genre-comparison button{cursor:pointer}.genre-comparison button:disabled{opacity:.5;cursor:default}.genre-comparison :is(button,select,summary,.genre-compare-scroll-top,.genre-compare-scroll):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.genre-compare-method{margin:1rem 0}.genre-compare-choose{margin:1rem 0;padding:1rem;border:1px dashed var(--border);border-radius:12px;background:var(--surface);text-align:center}.genre-compare-method>summary{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;max-width:100%;cursor:pointer;min-height:44px;padding:.6rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--accent);font-weight:600;list-style:none}.genre-compare-method>summary::-webkit-details-marker{display:none}.genre-compare-method>summary:before{content:"";flex:0 0 .4em;width:.4em;height:.4em;border:solid;border-width:0 .12em .12em 0;transform:rotate(-45deg)}.genre-compare-method[open]>summary:before{transform:rotate(45deg)}.genre-compare-scroll-top{position:sticky;top:68px;z-index:5;height:18px;max-width:100%;overflow-x:auto;overflow-y:hidden;background:var(--surface)}.genre-compare-scroll-top>div{height:1px}.genre-compare-scroll{overflow-x:auto;max-width:100%;margin-top:.6rem;padding-bottom:.8rem}.genre-compare-columns{display:grid;column-gap:1rem;row-gap:0}.genre-compare-column{--genre-column-surface:#f7f7f7;min-width:0;border:1px solid color-mix(in srgb,var(--genre-column-accent) 22%,var(--border));border-top:4px solid var(--genre-column-accent);border-radius:12px;background:var(--genre-column-surface);padding:1rem}.genre-compare-column,.genre-compare-column>.leaderboard-list{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid}.genre-compare-column>.leaderboard-list{margin:0;padding:0;list-style:none}.genre-compare-column header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;align-items:center}.genre-compare-category{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}.genre-compare-column h2{margin:1.2rem 0 .7rem;overflow-wrap:anywhere}.genre-compare-average,.genre-compare-posted,.genre-compare-total{display:grid;gap:.4rem;margin-bottom:1rem}.genre-compare-average strong,.genre-compare-total strong{font-size:1.65rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.genre-compare-average span,.genre-compare-posted span{color:var(--muted);font-size:.85rem}.genre-compare-difference-details p{overflow-wrap:anywhere}:root .genre-comparison .genre-compare-column .leaderboard-row,:root .genre-comparison .genre-compare-column .leaderboard-row:nth-child(2n){background:var(--genre-column-surface)}:root[data-theme=dark] .genre-compare-column{--genre-column-surface:#262626;border-top-color:color-mix(in srgb,var(--genre-column-accent) 80%,var(--genre-column-surface))}:root[data-theme=dark] .genre-compare-picker{background:#262626}.genre-compare-column .video-leaderboard-row{grid-template-columns:2.3rem 5.5rem minmax(0,1fr);gap:.45rem;padding:.7rem 0;align-items:start}.genre-compare-column .video-leaderboard-row>.rank-value{grid-column:3;text-align:left;margin-top:-.25rem;white-space:normal;min-width:0;overflow-wrap:anywhere}.genre-compare-column .rank-title{font-size:.9rem}.genre-compare-column .rank-image-video{width:88px;height:50px;object-fit:cover}.genre-compare-column .rank-channel{font-size:.75rem}.genre-compare-column .rank-number{font-size:1.1rem}@media (max-width:600px){.genre-compare-column{padding:.7rem}.genre-compare-controls label{flex:1 1 140px}}.genre-trends{--trend-0:#963247;--trend-1:#3f6fc2;--trend-2:#009a8c;--trend-3:#d9822b;--trend-4:#8a5cb8;--trend-5:#5f9a3a;--trend-6:#7d7470;--trend-7:#cfc6c2;margin:0 0 2rem;min-width:0}:root[data-theme=dark] .genre-trends{--trend-0:#b8405f;--trend-1:#6d8fe0;--trend-2:#26a896;--trend-3:#c47a26;--trend-4:#a07ad0;--trend-5:#6f9840;--trend-6:#a8a198;--trend-7:#5c5850}.genre-trend-figure,.genre-trend-launch,.genre-trends>.genre-trend-chart{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.8rem 1rem}.genre-trend-parts>li:last-child{border-bottom:0}.genre-trends h3{margin:1.6rem 0 .6rem}.genre-trends h4{margin:1rem 0 .4rem;font-size:.95rem}.genre-trend-lead,.genre-trend-note{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.genre-trend-nowrap{white-space:nowrap}.genre-trend-slot-0{--trend-color:var(--trend-0)}.genre-trend-slot-1{--trend-color:var(--trend-1)}.genre-trend-slot-2{--trend-color:var(--trend-2)}.genre-trend-slot-3{--trend-color:var(--trend-3)}.genre-trend-slot-4{--trend-color:var(--trend-4)}.genre-trend-slot-5{--trend-color:var(--trend-5)}.genre-trend-slot-6{--trend-color:var(--trend-6)}.genre-trend-slot-7{--trend-color:var(--trend-7)}.genre-trend-controls{margin:.2rem 0 .6rem}.genre-trend-figure{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;align-items:center}@media (min-width:760px){.genre-trend-figure-pie{grid-template-columns:260px minmax(0,1fr)}}.genre-trend-pie{position:relative;justify-self:center;width:240px;max-width:100%;border-radius:50%}.genre-trend-pie:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.genre-trend-pie svg{display:block;max-width:100%;height:auto;touch-action:manipulation}.genre-trend-slice{fill:var(--trend-color);stroke:var(--surface);stroke-width:2;cursor:pointer}.genre-trend-slice-label{fill:#fff;font-size:12px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none;paint-order:stroke;stroke:rgb(0 0 0/.35);stroke-width:2px}.genre-trend-pie-caption{fill:var(--muted);font-size:12px}.genre-trend-pie-total{fill:var(--text);font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.genre-trend-tooltip.genre-trend-pie-tooltip{top:calc(100% + .3rem);bottom:auto;left:50%;z-index:2}.genre-trend-parts{display:grid;gap:0;margin:0;padding:0;list-style:none}.genre-trend-parts>li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.1rem .55rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.genre-trend-swatch{width:12px;height:12px;border-radius:3px;background:var(--trend-color)}.genre-trend-part-share{font-size:1.15rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.genre-trend-part-meta{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:.2rem .8rem;color:var(--muted);font-size:.8rem}.genre-trend-bars{display:grid;gap:.45rem}.genre-trend-bar-row{display:grid;grid-template-columns:minmax(5.5rem,30%) minmax(0,1fr) 3.6rem;gap:.5rem;align-items:center;font-size:.85rem}.genre-trend-bar-name{overflow-wrap:anywhere}.genre-trend-bar-track{height:14px;border:1px solid var(--border);border-radius:4px}.genre-trend-bar{display:block;height:100%;min-width:2px;border-radius:0 4px 4px 0;background:var(--trend-color)}.genre-trend-bar-value{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.genre-trend-down,.genre-trend-up{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.genre-trend-chart{position:relative;max-width:100%;margin:.4rem 0;border-radius:.4rem}.genre-trend-chart:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.genre-trend-chart svg{display:block;overflow:visible;touch-action:pan-y}.genre-trend-grid{stroke:var(--border);stroke-width:1}.genre-trend-axis{fill:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.genre-trend-line{fill:none;stroke:var(--trend-color);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.genre-trend-mark{fill:var(--trend-color);stroke:var(--surface);stroke-width:2}.genre-trend-crosshair{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.genre-trend-tooltip{position:absolute;top:0;transform:translateX(-50%);display:grid;gap:.15rem;width:max-content;max-width:min(22rem,calc(100vw - 2rem));min-width:150px;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.8rem;box-shadow:0 2px 8px rgb(0 0 0/.12);pointer-events:none}.genre-trend-key{display:inline-block;width:14px;height:3px;margin-right:.35rem;vertical-align:middle;border-radius:2px;background:var(--trend-color)}.genre-trend-legend{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:.4rem 0 0;padding:0;list-style:none;font-size:.85rem}.genre-trend-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:.6rem;margin:0;padding:0;list-style:none}.genre-trend-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:.3rem .8rem;padding:.6rem .8rem;border:1px solid var(--border);border-left:5px solid var(--trend-color);border-radius:10px;background:var(--surface)}.genre-trend-others{grid-column:1/-1;font-size:.85rem}.genre-trend-others summary{cursor:pointer;color:var(--accent);font-weight:700}.genre-trend-others ol{display:grid;gap:0;margin:.4rem 0 0;padding:0;list-style:none;border:1px solid var(--border);border-radius:8px}.genre-trend-others li{display:grid;grid-template-columns:minmax(0,1fr) auto 4.6rem;gap:.6rem;align-items:baseline;padding:.35rem .6rem;border-bottom:1px solid var(--border);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.genre-trend-others li:last-child{border-bottom:0}.genre-trend-others li a{overflow-wrap:anywhere}.genre-trend-others li>span{color:var(--muted);text-align:right}.genre-trend-name{font-weight:700;overflow-wrap:anywhere}.genre-trend-values{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.genre-trend-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.3rem .8rem;color:var(--muted);font-size:.8rem}.genre-trend-badge{padding:0 .45rem;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-weight:700}.genre-trend-narrow{color:var(--muted)}.genre-trend-launches{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.genre-trend-table{width:100%;border-collapse:collapse;font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.genre-trend-table td,.genre-trend-table th{padding:.4rem .3rem;border-bottom:1px solid var(--border);text-align:right;vertical-align:top}.genre-trend-table :is(th[scope=row],thead th:first-child){text-align:left;overflow-wrap:anywhere}.genre-trend-table small{display:block;color:var(--muted);font-size:.75rem}.genre-trend-table-view{margin:.5rem 0;max-width:100%;overflow-x:auto}.genre-trend-guide{margin:.4rem 0 .9rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);font-size:.88rem}.genre-trend-guide summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}.genre-trend-guide-genres summary{color:var(--accent);font-weight:600}.genre-trend-guide dl{display:grid;gap:.55rem;margin:.2rem 0 .4rem}.genre-trend-guide dt{font-weight:700}.genre-trend-guide dd{margin:.1rem 0 0;overflow-wrap:anywhere}.genre-trend-table-view>summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;color:var(--accent);font-weight:600}.genre-compare-heading{margin:2rem 0 .8rem;padding-top:1.2rem;border-top:1px solid var(--border)}