.build-browser-filter-grid{display:grid;gap:8px;grid-template-columns:1fr;background:transparent}.build-browser-filter-field{display:flex;min-width:0;flex-direction:column;gap:8px}.build-browser-filter-label{color:#ffffff80;font-size:12px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.build-browser-filter-input,.build-browser-filter-select{height:42px;min-height:42px;width:100%;border:1px solid color-mix(in srgb,var(--text-inverse) 10%,transparent);border-radius:4px;background:var(--surface-panel-nav);color:#f5eed8;font-family:inherit;font-size:13px;font-weight:900;letter-spacing:.04em;outline:none;padding:0 12px;text-transform:uppercase;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff08;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .15s ease}.build-browser-filter-input::placeholder{color:#f5eed87a}.build-browser-filter-input:focus,.build-browser-filter-select:focus{border-color:color-mix(in srgb,var(--text-chip-positive) 38%,transparent);box-shadow:0 10px 24px #00000047,0 0 0 1px color-mix(in srgb,var(--text-chip-positive) 34%,transparent),inset 0 1px #ffffff08;filter:brightness(1.1)}.build-browser-filter-input:hover,.build-browser-filter-select:hover{background-color:var(--surface-panel-hover);border-color:color-mix(in srgb,var(--text-inverse) 15%,transparent)}.build-browser-filter-select{cursor:pointer}.build-browser-filter-button{display:inline-flex;align-items:center;justify-content:center;height:42px;min-height:42px;border:1px solid #6b4020;border-radius:4px;background:#63d18a;color:#000;cursor:pointer;font-size:12px;font-style:normal;font-weight:900;letter-spacing:.04em;padding:0 14px;text-transform:uppercase;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff08;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .15s ease,transform .15s ease}.build-browser-filter-button:hover{filter:brightness(1.12)}.build-browser-filter-button:active{transform:scale(.98)}.pro-player-build-banner{display:block;width:100%;overflow:hidden;border-radius:6px;margin-bottom:16px;background:var(--surface-panel-nav);box-shadow:0 12px 28px #00000052;transition:filter .18s ease,transform .18s ease}.pro-player-build-banner:hover{filter:brightness(1.06);transform:translateY(-1px)}.pro-player-build-banner img{display:block;width:100%;height:auto;object-fit:contain}.build-browser-card{position:relative;display:flex;width:100%;height:150px;overflow:hidden;border:1px solid color-mix(in srgb,var(--surface-black) 0%,transparent);border-radius:8px;font-family:inherit;box-shadow:0 12px 26px #00000042;transition:filter .18s ease,transform .18s ease}.build-browser-card:hover{filter:brightness(1.1);transform:translateY(-1px)}.build-browser-card:before,.build-browser-card:after{position:absolute;inset:0;content:"";pointer-events:none}.build-browser-card:before{z-index:1;background:linear-gradient(90deg,#0b0e1294,#0b0e1261 55%,#0b0e1229),radial-gradient(circle at 86% 30%,rgba(var(--build-hero-rgb),.22),transparent 44%)}.build-browser-card:after{z-index:3;background:linear-gradient(90deg,transparent 62%,rgba(6,7,9,.1) 100%)}.build-browser-card__inner{position:relative;z-index:4;display:flex;height:100%;width:100%;padding:11px 165px 11px 14px}.build-browser-card__body{display:flex;min-width:0;max-width:100%;flex:1;flex-direction:column;padding-top:4px}.build-browser-card__title-row{display:flex;align-items:center;gap:10px;min-width:0}.build-browser-card__title-row>:is(h3,h4){min-width:0;flex:0 1 auto}.build-browser-card__favorites{display:inline-flex;min-width:0;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--text-build-author-name) 18%,transparent);color:var(--text-build-author-name);font-size:10px;font-weight:900;line-height:1;padding:4px 7px;text-shadow:0 0 10px rgba(127,247,223,.24);white-space:nowrap}.build-browser-card__favorites:after{content:" Favorites";color:color-mix(in srgb,var(--text-build-author-name) 70%,var(--text-inverse));font-size:.86em;margin-left:3px}.build-browser-card__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:auto;min-width:0;padding-top:10px;color:var(--text-build-author);font-size:11px;font-weight:600;letter-spacing:.01em}.build-browser-card__author{display:inline-flex;min-width:0;align-items:center;gap:.34em;overflow:hidden}.build-browser-card__author-prefix,.build-browser-card__rank-icon{flex:0 0 auto}.build-browser-card__author-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-browser-card__meta-divider{display:none}.build-browser-card__updated{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-width:0;white-space:nowrap}.build-browser-card__art{position:absolute;top:-6px;right:-14px;bottom:-6px;z-index:2;display:flex;width:min(45%,180px);align-items:flex-end;justify-content:flex-end;opacity:.72;pointer-events:none}.build-browser-card__art img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center;transform:scale(1.08);transform-origin:right center;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%)}@media(min-width:768px){.build-browser-filter-grid{gap:8px;grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end}.build-browser-filter-label{display:none}.build-browser-filter-input,.build-browser-filter-select{height:42px;font-size:13px;padding:0 12px}.build-browser-filter-button{height:42px;border-radius:4px;font-size:13px;padding:0 24px}.pro-player-build-banner{margin-bottom:20px}.build-browser-card{height:156px}.build-browser-card__inner{height:100%;padding:15px 244px 15px 18px}.build-browser-card__body{padding-top:4px}.build-browser-card__art{top:-8px;right:-18px;bottom:-8px;width:min(42%,230px);opacity:.84}.build-browser-card__meta{gap:10px;font-size:14px;padding-top:9px}.build-browser-card__favorites{font-size:11px;padding:5px 8px}.build-browser-card__updated{gap:7px;font-size:13px}}