:root{--bg-page: #0a0a0f;--bg-dark: #0f172a;--bg-darker: #0a0a0f;--bg-card: #111827;--bg-input: #1e293b;--border: #1e293b;--border-strong: #334155;--text-primary: #e2e8f0;--text-heading: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-very-muted: #475569;--primary: #06b6d4;--primary-dark: #0e7490;--primary-gradient: linear-gradient(135deg, #06b6d4, #7c3aed);--secondary: #7c3aed;--accent-green: #10b981;--accent-cyan: #06b6d4;--accent-amber: #f59e0b;--accent-yellow: #f59e0b;--accent-blue: #3b82f6;--accent-purple: #7c3aed;--accent-red: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;background:var(--bg-page);color:var(--text-primary);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.app-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--bg-card);border-right:1px solid var(--border);padding:1.5rem 1rem;position:fixed;height:100vh;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.sidebar-logo h1{font-size:1.1rem;font-weight:700;color:var(--text-heading)}.group-header{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;margin-bottom:.25rem;color:var(--text-muted);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:none;border:none;width:100%;text-align:left;opacity:.7;transition:opacity .15s}.group-header:hover{opacity:1}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px;color:var(--text-secondary);text-decoration:none;transition:all .15s ease;margin-bottom:2px;font-size:.85rem;font-weight:500}.nav-link:hover{background:var(--bg-input);color:var(--text-primary)}.nav-link.active{background:#06b6d41a;color:var(--primary);font-weight:600;box-shadow:inset 3px 0 0 var(--primary)}.main-content{margin-left:var(--sidebar-width, 260px);flex:1;padding:1.5rem 2rem;transition:margin-left .2s ease}.main-content:has(.hit-games-page){height:100vh;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.hit-games-page{flex:1;min-height:0;display:flex;flex-direction:column}body.sidebar-collapsed .main-content{margin-left:64px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600;color:var(--text-heading)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.stat-value{font-size:28px;font-weight:700;line-height:1.1}.stat-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.4rem}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:.75rem;transition:border-color .15s,box-shadow .15s}.post-card:hover{border-color:var(--border-strong);box-shadow:0 4px 20px #0000004d}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.post-author{font-weight:600;color:var(--text-heading);font-size:13px}.post-headline{font-size:12px;color:var(--text-secondary);margin-top:.2rem}.post-content{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;font-size:13px}.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.tag{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:var(--bg-input);color:var(--text-secondary)}.tag.monetization{background:#1a3a0a;color:#86efac}.tag.game_design{background:#1a0a2e;color:#c4b5fd}.tag.UA{background:#2d1f05;color:#fbbf24}.tag.market_trends{background:#172554;color:#60a5fa}.tag.liveops{background:#2e0a0a;color:#fca5a5}.post-stats{display:flex;gap:1.25rem;color:var(--text-muted);font-size:12px}.post-stat{display:flex;align-items:center;gap:.25rem}.star-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color .15s;padding:0}.star-btn:hover,.star-btn.active{color:var(--accent-amber)}.filters{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.filter-input{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text-primary);font-size:13px;flex:1;min-width:200px;transition:border-color .15s}.filter-input:focus{outline:none;border-color:var(--border-strong)}.filter-select{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text-primary);font-size:13px;min-width:150px}.chart-container{background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.chart-title{font-size:13px;font-weight:600;margin-bottom:.75rem;color:var(--text-heading)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);background:#1a1f2e;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.table td{padding:8px 14px;border-bottom:1px solid var(--border);color:var(--text-primary)}.table tr:hover td{background:#1a1f2e}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-muted)}.loading-container{display:flex;justify-content:center;align-items:center;height:100%;min-height:300px;color:var(--text-muted)}.loading-spinner{width:28px;height:28px;border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.chip{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--accent-green);color:var(--text-primary)}.chip.active{background:#062e22;color:var(--accent-green);border-color:var(--accent-green)}@media(max-width:768px){.sidebar{width:60px;padding:1rem .5rem}.sidebar-logo h1,.nav-link span{display:none}.main-content{margin-left:60px;padding:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.feature-card:hover{border-color:#7c3aed40!important;transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed14}.hit-intel-page{padding:24px;max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-header h1{font-size:22px;font-weight:700;color:#f1f5f9}.page-subtitle{font-size:13px;color:#64748b;margin-top:4px}.sync-badge{font-size:11px;color:#64748b;background:#1e293b;padding:4px 10px;border-radius:6px;white-space:nowrap}.page-loading,.page-error{padding:40px 24px;color:#64748b;font-size:14px}.page-error{color:#f87171}.intel-cards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.intel-card{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:14px 18px;min-width:140px}.ic-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.ic-value{font-size:26px;font-weight:700}.ic-sub{font-size:11px;color:#64748b;margin-top:4px}.intel-section{background:#111827;border:1px solid #1e293b;border-radius:12px;padding:18px 20px;margin-bottom:18px}.intel-section h2{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:14px}.intel-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.intel-search{background:#1e293b;border:1px solid #334155;color:#e2e8f0;padding:7px 12px;border-radius:7px;font-size:13px;width:280px}.result-count{font-size:12px;color:#64748b}.intel-table-wrap{overflow-x:auto;overflow-y:auto;border-radius:8px}.hit-games-page .intel-table-wrap{flex:1;min-height:0}.intel-table{width:100%;border-collapse:collapse;font-size:13px}.intel-table th{background:#1a1f2e;padding:8px 12px;text-align:left;font-weight:600;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #1e293b;position:sticky;top:0}.intel-table td{padding:7px 12px;border-bottom:1px solid #1e293b}.intel-table tr:hover{background:#1a1f2e}.intel-table tr.clickable{cursor:pointer}.num{text-align:right;font-variant-numeric:tabular-nums}.intel-table th.num{text-align:right}.sg-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:#1a0a2e;color:#a78bfa}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge-ads{background:#2d1f05;color:#fbbf24}.badge-iap{background:#062e22;color:#10b981}.badge-hybrid{background:#0a2e3b;color:#67e8f9}.pub-chips{display:flex;flex-wrap:wrap;gap:6px}.pub-chip{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:4px 10px;border-radius:12px;font-size:12px;cursor:pointer;transition:all .15s}.pub-chip:hover{border-color:#3b82f6;color:#e2e8f0}.pub-chip.active{background:#172554;border-color:#3b82f6;color:#60a5fa}.genre-chips-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.genre-chip-btn{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:4px 12px;border-radius:14px;font-size:12px;cursor:pointer;transition:all .15s}.genre-chip-btn:hover{border-color:#10b981;color:#e2e8f0}.genre-chip-btn.active{background:#062e22;border-color:#10b981;color:#10b981}.pattern-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.pattern-col{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:16px}.pattern-col h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.pattern-bar-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}.pattern-bar-label{width:130px;font-size:11px;color:#94a3b8;text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-bar-track{flex:1;height:16px;background:#1e293b;border-radius:3px;overflow:hidden}.pattern-bar-fill{height:100%;border-radius:3px;display:flex;align-items:center;padding-left:4px;min-width:20px;transition:width .4s ease}.pattern-bar-count{font-size:10px;font-weight:600;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{background:#111827;border:1px solid #334155;border-radius:14px;padding:24px;max-width:720px;width:90%;max-height:85vh;overflow-y:auto}.popover-game-row:hover{background:#ffffff0d}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.modal-header h2{font-size:16px;font-weight:700;color:#f1f5f9}.modal-close{background:none;border:none;color:#64748b;font-size:22px;cursor:pointer;line-height:1;flex-shrink:0;margin-left:12px}.poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.poster-question{background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:12px}.poster-q-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.poster-q-value{font-size:13px;color:#e2e8f0;line-height:1.5}.poster-statements{background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:12px;margin-bottom:16px}.poster-statements ul{margin:8px 0 0 16px}.poster-statements li{font-size:13px;color:#e2e8f0;line-height:1.6;margin-bottom:4px}.screenshots-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.screenshots-scroll::-webkit-scrollbar{height:4px}.screenshots-scroll::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.screenshot-thumb{height:160px;border-radius:8px;cursor:pointer;flex-shrink:0;border:1px solid #1e293b;transition:border-color .15s}.screenshot-thumb:hover{border-color:#10b981}.score-row-hover:hover{background:#1e293b}.score-row-hover:hover .score-label-text{color:#f1f5f9}