:root{--primary:#2563eb;--bg:#f3f4f6;--surface:#fff;--text:#1f2937;--border:#e5e7eb;--pos:#10b981;--neg:#ef4444}body{background-color:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-container{max-width:1200px;margin:0 auto;padding:20px}.header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.nav-buttons button{cursor:pointer;background:#e5e7eb;border:none;border-radius:6px;margin-left:10px;padding:10px 20px;font-weight:700}.nav-buttons button.active{background:var(--primary);color:#fff}.filters-panel{background:var(--surface);border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000001a}.filter-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.search-input{border:1px solid var(--border);border-radius:4px;padding:10px;font-size:16px}.filter-select{border:1px solid var(--border);border-radius:4px;flex-grow:1;padding:8px}.filter-number{border:1px solid var(--border);border-radius:4px;width:150px;padding:8px}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-weight:700}.btn-secondary{color:#fff;cursor:pointer;background:#9ca3af;border:none;border-radius:4px;padding:8px 16px}.btn-remove{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:4px;padding:0 12px;font-weight:700}.suggestions-dropdown{border:1px solid var(--border);z-index:50;background:#fff;border-radius:4px;max-height:250px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.suggestions-dropdown li{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;padding:10px;display:flex}.suggestions-dropdown li:hover{background:#f3f4f6}.suggestion-img{object-fit:cover;border-radius:2px;width:40px;height:20px;margin-right:10px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.game-card{background:var(--surface);border-radius:8px;transition:transform .2s;overflow:hidden;box-shadow:0 2px 4px #0000001a}.game-card:hover{transform:translateY(-3px)}.game-cover{object-fit:cover;cursor:pointer;width:100%;height:130px}.game-info{padding:15px}.game-info h3{cursor:pointer;color:var(--primary);margin:0 0 10px;font-size:16px}.compare-checkbox{color:#4b5563;cursor:pointer;font-size:14px}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.pagination button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:4px;padding:8px 16px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.btn-back{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:0;font-size:16px;font-weight:700}.details-header{background:var(--surface);border-radius:8px;gap:20px;margin-bottom:20px;padding:20px;display:flex}.details-cover{object-fit:cover;border-radius:8px;width:300px}.details-title h2{margin:0 0 15px;font-size:28px}.toggle-btn.active{color:#fff;background:#10b981}.local-controls{background:var(--surface);border-radius:8px;align-items:center;gap:20px;margin-bottom:20px;padding:15px 20px;display:flex;box-shadow:0 1px 3px #0000001a}.control-label{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.aspects-table{border-collapse:collapse;background:var(--surface);border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001a}.aspects-table th,.aspects-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 15px}.aspects-table th{background:#f9fafb;font-weight:600}.clickable{cursor:pointer;font-weight:700;text-decoration:underline}.clickable:hover{background:#f3f4f6}.pos{color:var(--pos);font-weight:700}.neg{color:var(--neg);font-weight:700}.no-data{color:#9ca3af;text-align:center;font-style:italic}.compare-table th{background:#e5e7eb;border-left:1px solid #fff}.compare-table td{border-left:1px solid var(--border);transition:background .3s}.best-stat{background-color:#d1fae5}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:8px;flex-direction:column;width:90%;max-width:700px;max-height:80vh;display:flex}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal-header h3{color:var(--text);margin:0}.close-btn{cursor:pointer;background:0 0;border:none;font-size:20px}.modal-body{padding:20px;overflow-y:auto}.example-card{background:var(--bg);border-left:4px solid var(--primary);border-radius:6px;margin-bottom:10px;padding:15px}.sentence-text{margin:0 0 8px;font-size:15px;font-style:italic;line-height:1.5}.confidence-badge{color:#4b5563;background:#e5e7eb;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600}