.builds-directory-container{max-width:1160px;margin:0 auto;padding:1.5rem 1rem 3.5rem}.builds-directory-container .builds-header{margin-bottom:1.5rem}.builds-directory-container .builds-header .breadcrumb{color:var(--text-muted);align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.builds-directory-container .builds-header .breadcrumb a{color:var(--text-muted);text-decoration:none}.builds-directory-container .builds-header .breadcrumb a:hover{color:var(--accent)}.builds-directory-container .header-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.builds-directory-container .builds-title{color:var(--text);margin:0 0 .35rem;font-size:1.85rem;font-weight:700}.builds-directory-container .builds-subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.builds-directory-container .btn-create-build-link{background:var(--gold);color:var(--accent-ink);border-radius:4px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.builds-directory-container .btn-create-build-link:hover{opacity:.9}.builds-directory-container .builds-filter-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;margin-bottom:1.5rem;padding:1rem 1.25rem}.builds-directory-container .filter-controls-grid{flex-wrap:wrap;align-items:flex-end;gap:.85rem;display:flex}.builds-directory-container .filter-field{flex-direction:column;flex:140px;gap:.3rem;min-width:135px;display:flex}.builds-directory-container .filter-field.range-field{flex:140px;min-width:140px}.builds-directory-container .range-inputs-group{align-items:center;gap:.25rem;display:flex}.builds-directory-container .range-sep{color:var(--text-muted);font-size:.8rem}.builds-directory-container .filter-field.search-field{flex:1.8 200px}.builds-directory-container .filter-field.actions-field{flex:none;min-width:auto}.builds-directory-container .filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.builds-directory-container .filter-select,.builds-directory-container .filter-input{background:var(--surface-2);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:4px;outline:none;padding:.5rem .65rem;font-size:.88rem;transition:border-color .15s}.builds-directory-container .range-input{text-align:center;-moz-appearance:textfield;width:100%;min-width:0;padding:.5rem .45rem}.builds-directory-container .range-input::-webkit-outer-spin-button,.builds-directory-container .range-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.builds-directory-container .filter-select:focus,.builds-directory-container .filter-input:focus{border-color:var(--gold)}.builds-directory-container .btn-reset-filters{background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap;border-radius:4px;padding:.5rem .85rem;font-size:.85rem;font-weight:600;transition:all .15s}.builds-directory-container .btn-reset-filters:hover{color:var(--text);border-color:var(--text-muted)}.builds-directory-container .builds-table-section{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}.builds-directory-container .table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.builds-directory-container .builds-table{border-collapse:collapse;width:100%;font-size:.88rem}.builds-directory-container .builds-table th{background:var(--surface-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:.75rem .85rem;font-size:.78rem;font-weight:700}.builds-directory-container .builds-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.85rem}.builds-directory-container .build-row:hover td{background:#ffffff05}.builds-directory-container .class-badge{background:var(--surface-2);border:1px solid var(--line);color:var(--text);white-space:nowrap;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}.builds-directory-container .build-title-link{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-weight:600;text-decoration:none;transition:color .15s;display:block;overflow:hidden}.builds-directory-container .build-title-link:hover{color:var(--gold);text-decoration:underline}.builds-directory-container .author-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.85rem;display:block;overflow:hidden}.builds-directory-container .stat-badge{font-variant-numeric:tabular-nums;border-radius:4px;padding:.12rem .4rem;font-size:.82rem;display:inline-block}.builds-directory-container .ap-badge,.builds-directory-container .aap-badge{color:var(--gold);font-weight:600}.builds-directory-container .dp-badge{color:var(--accent);font-weight:600}.builds-directory-container .score-badge{color:var(--text);background:#ffffff0d;border:1px solid #ffffff1a;font-weight:700}.builds-directory-container .like-chip{color:var(--gold);align-items:center;gap:.3rem;font-size:.82rem;font-weight:700;display:inline-flex}.builds-directory-container .action-btn-group{align-items:center;gap:.4rem;display:inline-flex}.builds-directory-container .btn-table-action{cursor:pointer;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:3px;align-items:center;padding:.25rem .6rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.builds-directory-container .btn-table-action:hover{border-color:var(--text-muted)}.builds-directory-container .btn-table-action.btn-view{color:var(--gold);border-color:var(--line);background:#ffffff0d}.builds-directory-container .btn-table-action.btn-view:hover{border-color:var(--gold)}.builds-directory-container .btn-table-action.btn-report{color:var(--text-muted)}.builds-directory-container .btn-table-action.btn-report:hover{color:var(--spirit);border-color:var(--spirit)}.builds-directory-container .btn-table-action.btn-report.reported{opacity:.5;cursor:default;color:var(--text-muted)}.builds-directory-container .builds-empty-state{text-align:center;padding:3.5rem 1.5rem}.builds-directory-container .empty-icon{color:var(--text-muted);margin-bottom:.75rem;display:inline-flex}.builds-directory-container .empty-title{color:var(--text);margin:0 0 .35rem;font-size:1.15rem;font-weight:700}.builds-directory-container .empty-desc{color:var(--text-muted);max-width:420px;margin:0 auto 1.25rem;font-size:.9rem;line-height:1.5}.builds-directory-container .pagination-bar{background:var(--surface-2);border-top:1px solid var(--line);justify-content:center;align-items:center;gap:1.5rem;padding:1rem 1.25rem;display:flex}.builds-directory-container .pagination-btn{background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;border-radius:4px;padding:.4rem .85rem;font-size:.85rem;font-weight:600;transition:all .15s}.builds-directory-container .pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.builds-directory-container .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.builds-directory-container .page-indicator{color:var(--text-muted);font-size:.85rem;font-weight:600}.builds-directory-container .builds-disclaimer{border-top:1px solid var(--line);color:var(--text-muted);margin-top:2.5rem;padding-top:1rem;font-size:.8125rem;line-height:1.4}.builds-directory-container .builds-disclaimer p{margin:0}.toast-popup{background:var(--surface-2);color:var(--text);border:1px solid var(--line);opacity:0;pointer-events:none;z-index:9999;border-radius:4px;padding:.65rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s;position:fixed;bottom:2rem;right:2rem;transform:translateY(10px);box-shadow:0 4px 14px #0006}.toast-popup.visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (width<=640px){.builds-directory-container .header-title-row{flex-direction:column;align-items:flex-start}.builds-directory-container .filter-field{flex:100%}.builds-directory-container .builds-table th,.builds-directory-container .builds-table td{padding:.65rem .5rem}.builds-directory-container .build-title-link{max-width:160px}}