#builds-community-page{--color-accent: #ff6600;--color-text-muted: #b0b0b0;width:100%}#builds-community-page .header-section{display:flex!important;flex-direction:row;justify-content:space-between!important;align-items:center!important;margin-bottom:1.5rem!important;flex-wrap:wrap!important;gap:1.5rem!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding-bottom:1.5rem!important}#builds-community-page .header-title-group h1{font-size:1.75rem!important;color:#fff!important;margin:0!important;font-weight:700!important;font-family:var(--font-heading)!important;line-height:1.2!important;display:flex!important;align-items:center!important}#builds-community-page .header-controls{display:flex!important;align-items:center!important;gap:1.25rem!important;flex-wrap:wrap!important}#builds-community-page .filter-group{display:flex!important;align-items:center!important;gap:.75rem!important;flex-wrap:wrap!important}#builds-community-page .search-input-wrapper{width:240px!important}#builds-community-page :global(.form-input-container){margin:0!important}#builds-community-page #pagination{margin:0!important}#builds-community-page .sort-select-wrapper{position:relative;display:flex;align-items:center;min-width:180px}#builds-community-page .premium-select{appearance:none;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem 2.5rem .6rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;outline:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-heading);width:100%;line-height:1.4}#builds-community-page .premium-select:hover{background:#ffffff0f;border-color:#fff3}#builds-community-page .premium-select:focus{border-color:var(--color-accent);background:#ff66000d;box-shadow:0 0 15px #ff66001a}#builds-community-page .select-icon{position:absolute;right:1rem;pointer-events:none;color:#fff6;transition:color .3s;font-size:1.2rem;display:flex!important;align-items:center!important}#builds-community-page .premium-select:focus+.select-icon{color:var(--color-accent)}#builds-community-page .premium-select option{background:#111;color:#fff;padding:1rem}#builds-community-page .builds-list{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;margin-bottom:1.5rem;width:100%}@media(min-width:900px){#builds-community-page .builds-list{grid-template-columns:repeat(2,minmax(0,1fr))}}#builds-community-page .community-notice{background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:16px;padding:.75rem 1.5rem;margin-bottom:1.5rem;display:flex;gap:1.25rem;align-items:center;backdrop-filter:blur(10px);position:relative;overflow:hidden}#builds-community-page .community-notice:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3b82f6}#builds-community-page .notice-icon{color:#3b82f6;font-size:1.75rem;display:flex;align-items:center;filter:drop-shadow(0 0 10px rgba(59,130,246,.3))}#builds-community-page .notice-content p{margin:0;font-size:.95rem;color:#ffffffe6;line-height:1.6}#builds-community-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center;background:#ffffff05;border-radius:24px;border:1px dashed rgba(255,255,255,.1);color:var(--color-text-muted);gap:1.5rem;margin:2rem 0}#builds-community-page .empty-state :global(svg){color:#ffffff1a;margin-bottom:.5rem}#builds-community-page .empty-state h2{color:#fff;margin:0;font-size:1.75rem;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px}#builds-community-page .empty-state p{margin:0;font-size:1rem;max-width:400px;line-height:1.5;color:#ffffff80}#builds-community-page .loading-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;padding:6rem;color:var(--color-text-muted);gap:1.5rem}#builds-community-page .spin-icon{animation:spin 1s linear infinite;font-size:2.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden-block,.hidden{display:none!important}@media(max-width:768px){#builds-community-page .header-section,#builds-community-page .header-controls{flex-direction:column;align-items:stretch;gap:1rem}#builds-community-page .filter-group{flex-direction:column;align-items:stretch;gap:.75rem}#builds-community-page .search-input-wrapper{width:100%!important}#builds-community-page .sort-select-wrapper{width:100%;min-width:0}#builds-community-page .builds-list{grid-template-columns:minmax(0,1fr)}}
