.hits-page{max-width:1440px;margin:1rem auto 2rem;padding:0 .75rem 2rem}.hits-page a{color:var(--link)}.hits-page h1,.hits-page h2,.hits-page p{margin-top:0}.hits-page .topbar{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:.75rem}.hits-page .card{border:1px solid var(--border);background:var(--bg-2);border-radius:12px;padding:.9rem}.hits-page .muted{opacity:.78}.hits-page .small{font-size:.9rem}.hits-page .controls{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.hits-page select,.hits-page input[type=search],.hits-page button{padding:.5rem .7rem;background:var(--bg-1);border:1px solid var(--border-strong);color:var(--text);border-radius:8px}.hits-page input[type=search]{min-width:220px}.hits-page button{cursor:pointer;background:var(--bg-2)}.hits-page button:hover{background:var(--bg-3)}.hits-page button:disabled{opacity:.6;cursor:default}.hits-page .tabs{display:flex;gap:.4rem;flex-wrap:wrap}.hits-page .tab{padding:.45rem .9rem;background:var(--bg-2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:999px;cursor:pointer;font-size:.9rem}.hits-page .tab.active{background:var(--bg-3);color:var(--text);border-color:#60a5fa}.hits-page .pill{display:inline-block;padding:.16rem .55rem;border-radius:999px;border:1px solid var(--border-strong);font-size:.78rem;white-space:nowrap}.hits-page .pill.good{border-color:#14532d;color:#bbf7d0}.hits-page .pill.warn{border-color:#854d0e;color:#fde68a}.hits-page .pill.bad{border-color:#7f1d1d;color:#fecaca}.hits-page .tier-hot{background:linear-gradient(135deg,#7f1d1d,var(--accent));color:#fff;border-color:var(--accent);font-weight:700}.hits-page .tier-rising{background:linear-gradient(135deg,#78350f,#f59e0b);color:#fff;border-color:#f59e0b;font-weight:700}.hits-page .tier-cooling{background:linear-gradient(135deg,#3f1d0b,#b45309);color:#fde68a;border-color:#b45309;font-weight:600}.hits-page .tier-warming{background:linear-gradient(135deg,#064e3b,#0d9488);color:#a7f3d0;border-color:#0d9488;font-weight:600}.hits-page .tier-watching{background:var(--bg-3);color:var(--text-dim);border-color:var(--border-strong)}.hits-page .tier-fading{background:#7f1d1d59;color:#fca5a5;border-color:#7f1d1d}.hits-page .tier-buzzing{background:linear-gradient(135deg,#4c1d95,#7c3aed);color:#fff;border-color:#7c3aed;font-weight:700}:root[data-theme=light] .hits-page .tier-buzzing{background:#ede9fe;color:#5b21b6;border-color:#8b5cf6}:root[data-theme=light] .hits-page .tier-cooling{background:#fef3c7;color:#92400e;border-color:#fbbf24}:root[data-theme=light] .hits-page .tier-warming{background:#d1fae5;color:#065f46;border-color:#10b981}:root[data-theme=light] .hits-page .tier-watching{background:#e5e7eb;color:#374151;border-color:#9ca3af}:root[data-theme=light] .hits-page .tier-fading{background:#fee2e2;color:#991b1b;border-color:#ef4444}.hits-page .phase-badge{display:inline-block;padding:.12rem .5rem;border-radius:6px;border:1px solid var(--border-strong);font-size:.72rem;white-space:nowrap;background:var(--bg-3);color:var(--text-muted)}.hits-page .phase-upcoming{border-color:#1e40af;color:#93c5fd}.hits-page .phase-released{border-color:#14532d;color:#86efac}.hits-page .table-scroll{overflow-x:auto}.hits-page .loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0d1366;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:1000;pointer-events:none}:root[data-theme=light] .hits-page .loading-overlay{background:#f5f6f88c}.hits-page .loading-overlay.hidden{display:none}.hits-page .loading-stack{display:flex;flex-direction:column;align-items:center;gap:14px}.hits-page .loading-spinner{width:44px;height:44px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--accent);animation:hits-spin .9s linear infinite}.hits-page .loading-label{font-size:.95rem;font-weight:600;color:var(--text);letter-spacing:.02em;min-width:160px;text-align:center;transition:opacity .18s ease}.hits-page .loading-label.fade{opacity:0}@keyframes hits-spin{to{transform:rotate(360deg)}}.hits-page .hits-table{width:100%;border-collapse:collapse;margin-top:.75rem}.hits-page .hits-table th,.hits-page .hits-table td{border-bottom:1px solid var(--border-strong);padding:.5rem;font-size:.92rem;vertical-align:middle}.hits-page .hits-table th{background:transparent;text-align:center;white-space:nowrap}.hits-table .col-group-row th.col-group{background:var(--bg-3);color:var(--text);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.45rem .6rem;text-align:center;border-bottom:1px solid var(--border-strong)}.hits-table .col-group-row th.col-group-dark{background:#00000061}.hits-table .col-group-row th.col-group+th.col-group{border-left:1px solid var(--border-strong)}.hits-table thead th{text-align:center}.hits-table thead th.right{text-align:right}:root[data-theme=light] .hits-table .col-group-row th.col-group{background:#d6dce6}:root[data-theme=light] .hits-table .col-group-row th.col-group-dark{background:#0f172a0d}.hits-table thead tr:not(.col-group-row) th:nth-child(8),.hits-table thead tr:not(.col-group-row) th:nth-child(9),.hits-table thead tr:not(.col-group-row) th:nth-child(10),.hits-table tbody td:nth-child(8),.hits-table tbody td:nth-child(9),.hits-table tbody td:nth-child(10){background:#00000061}:root[data-theme=light] .hits-table thead tr:not(.col-group-row) th:nth-child(8),:root[data-theme=light] .hits-table thead tr:not(.col-group-row) th:nth-child(9),:root[data-theme=light] .hits-table thead tr:not(.col-group-row) th:nth-child(10),:root[data-theme=light] .hits-table tbody td:nth-child(8),:root[data-theme=light] .hits-table tbody td:nth-child(9),:root[data-theme=light] .hits-table tbody td:nth-child(10){background:#0f172a0d}.hits-page td.right,.hits-page th.right{text-align:right}.hits-page .rank-col{width:60px;text-align:center}.hits-page .name-cell{display:flex;align-items:center;gap:8px;min-width:320px}.hits-page .game-thumb{display:block;width:120px;min-width:120px;height:56px;object-fit:cover;background:var(--bg-3)}.hits-page .game-title{font-weight:700;margin:0}.hits-page .appid-line{opacity:.78;font-size:.92em}.hits-page .signal-cell{display:flex;flex-direction:column;gap:2px;align-items:flex-end;font-variant-numeric:tabular-nums;min-width:110px;white-space:nowrap}.hits-page .signal-main{font-weight:700;color:var(--text);white-space:nowrap}.hits-page .signal-news{font-size:.88em;color:#fde68a;white-space:nowrap}.hits-page .signal-sub{font-size:.8em;opacity:.7;white-space:nowrap}.hits-page .spark{display:block;margin:0 auto}.hits-page .spark .line{stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;fill:none}.hits-page .spark.trend-up .line{stroke:#86efac}.hits-page .spark.trend-up .area{fill:#86efac24}.hits-page .spark.trend-down .line{stroke:#fca5a5}.hits-page .spark.trend-down .area{fill:#fca5a524}.hits-page .spark.trend-flat .line{stroke:var(--text-dim)}.hits-page .spark.trend-flat .area{fill:#94a3b81a}:root[data-theme=light] .hits-page .spark.trend-up .line{stroke:#15803d}:root[data-theme=light] .hits-page .spark.trend-up .area{fill:#15803d24}:root[data-theme=light] .hits-page .spark.trend-down .line{stroke:#b91c1c}:root[data-theme=light] .hits-page .spark.trend-down .area{fill:#b91c1c24}:root[data-theme=light] .hits-page .spark.trend-flat .line{stroke:#4b5563}:root[data-theme=light] .hits-page .spark.trend-flat .area{fill:#4b55631a}.hits-page .search-cell{display:flex;align-items:center;gap:8px;justify-content:center;min-width:150px}.hits-page .search-badge{display:inline-block;padding:.14rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;border:1px solid var(--border-strong)}.hits-page .search-badge.up-strong{background:#14532d;border-color:#14532d;color:#bbf7d0}.hits-page .search-badge.up-mild{background:#064e3b;border-color:#064e3b;color:#a7f3d0}.hits-page .search-badge.flat{background:var(--bg-3);color:var(--text-dim)}.hits-page .search-badge.down-mild{background:#3f1d0b;border-color:#3f1d0b;color:#fde68a}.hits-page .search-badge.down-strong{background:#7f1d1d;border-color:#7f1d1d;color:#fecaca}:root[data-theme=light] .hits-page .search-badge.up-strong{background:#d1fae5;border-color:#10b981;color:#065f46}:root[data-theme=light] .hits-page .search-badge.up-mild{background:#ecfdf5;border-color:#6ee7b7;color:#065f46}:root[data-theme=light] .hits-page .search-badge.flat{background:#e5e7eb;border-color:#9ca3af;color:#374151}:root[data-theme=light] .hits-page .search-badge.down-mild{background:#fef3c7;border-color:#fbbf24;color:#92400e}:root[data-theme=light] .hits-page .search-badge.down-strong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.hits-page .signal-press-btn,.hits-page .signal-twitch-btn{cursor:pointer;background:none;border:none;padding:0;color:inherit;font:inherit;font-weight:700;text-decoration:underline dotted;text-underline-offset:3px}.hits-page .signal-press-btn:hover,.hits-page .signal-twitch-btn:hover{color:var(--accent-hi, var(--accent))}.hits-modal td.streamer-name a{color:var(--link, #7dd3fc);text-decoration:none;font-weight:600}.hits-modal td.streamer-name a:hover{text-decoration:underline}.hits-modal td.viewers{white-space:nowrap;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.hits-modal td.stream-title{color:var(--text-dim);font-size:.85rem}.hits-modal td.lang{color:var(--text-dim);text-transform:uppercase;font-size:.75rem}.hits-modal{position:fixed;inset:0;z-index:1000;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem}.hits-modal .modal-panel{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:10px;width:min(900px,100%);max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.hits-modal .modal-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.hits-modal .modal-head h3{margin:0;font-size:1.05rem}.hits-modal .modal-head .close{background:none;border:none;color:var(--text-dim);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .3rem}.hits-modal .modal-head .close:hover{color:var(--text)}.hits-modal .modal-body{overflow-y:auto;padding:.4rem .4rem .6rem}.hits-modal table{width:100%;border-collapse:collapse;font-size:.9rem}.hits-modal th,.hits-modal td{padding:.5rem .65rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.hits-modal th{position:sticky;top:0;background:var(--bg-3);color:var(--text);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.hits-modal td.outlet{white-space:nowrap;color:var(--text-dim)}.hits-modal td.date{white-space:nowrap;color:var(--text-dim);font-variant-numeric:tabular-nums}.hits-modal td.headline a{color:var(--link, #7dd3fc);text-decoration:none}.hits-modal td.headline a:hover{text-decoration:underline}.hits-modal .modal-empty,.hits-modal .modal-loading{text-align:center;padding:2rem 1rem;color:var(--text-dim)}.hits-modal .modal-error{text-align:center;padding:2rem 1rem;color:#fecaca}.hits-page .hidden{display:none}.hits-page .error{color:#fecaca;border:1px solid #7f1d1d;background:#7f1d1d26;padding:.75rem;border-radius:10px}.hits-page .pagination{text-align:center;margin-top:1rem}.hits-page .pagination button{background:var(--bg-1);border:1px solid var(--border-strong);color:var(--text);padding:.35rem .65rem;border-radius:6px;margin:0 .15rem;cursor:pointer;font-size:.9rem}.hits-page .pagination button:hover:not(:disabled){background:var(--bg-3);border-color:var(--accent)}.hits-page .pagination button:disabled{background:var(--accent);border-color:var(--accent);color:#fff;cursor:default}.hits-page .pagination strong{margin-right:.5rem}
