.build-browser-filter-grid{background:0 0;grid-template-columns:1fr;gap:6px;width:min(100%,1120px);margin-inline:auto;display:grid}.build-browser-filter-field{flex-direction:column;gap:8px;min-width:0;display:flex}.build-browser-filter-label{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-style:normal;font-weight:900}.build-browser-filter-select{cursor:pointer}.build-browser-filter-button{border-radius:var(--site-filter-search-radius);color:#000;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#63d18a;border:1px solid #6b4020;justify-content:center;align-items:center;height:42px;min-height:42px;padding:0 14px;font-size:12px;font-style:normal;font-weight:900;transition:background-color .18s,border-color .18s,box-shadow .18s,filter .15s,transform .15s;display:inline-flex;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff08}.build-browser-filter-button:hover{filter:brightness(1.12)}.build-browser-filter-button:active{transform:scale(.98)}.pro-player-build-banner{background:var(--surface-panel-nav);border-radius:6px;width:100%;margin-bottom:16px;transition:filter .18s,transform .18s;display:block;overflow:hidden;box-shadow:0 12px 28px #00000052}.pro-player-build-banner:hover{filter:brightness(1.06);transform:translateY(-1px)}.pro-player-build-banner img{object-fit:contain;width:100%;height:auto;display:block}.build-browser-card{border:none;border-radius:8px;width:100%;height:150px;font-family:inherit;transition:filter .18s,transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 26px #00000042}.build-browser-card:hover{filter:brightness(1.1);transform:translateY(-1px)}.build-browser-card:before,.build-browser-card:after{content:"";pointer-events:none;position:absolute;inset:0}.build-browser-card:before{z-index:1;background:linear-gradient(90deg, #0b0e1294 0%, #0b0e1261 55%, #0b0e1229 100%), 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,#0000 62%,#0607091a 100%)}.build-browser-card__inner{z-index:4;width:100%;height:100%;padding:11px 165px 11px 14px;display:flex;position:relative}.build-browser-card__body{flex-direction:column;flex:1;min-width:0;max-width:100%;padding-top:4px;display:flex}.build-browser-card__title-row{align-items:center;gap:10px;min-width:0;display:flex}.build-browser-card__title-row>:is(h3,h4){flex:0 auto;min-width:0}.build-browser-card__favorites{background:color-mix(in srgb, var(--text-build-author-name) 18%, transparent);min-width:0;color:var(--text-build-author-name);text-shadow:0 0 10px #7ff7df3d;white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:4px 7px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.build-browser-card__favorites:after{content:" Favorites";color:color-mix(in srgb, var(--text-build-author-name) 70%, var(--text-inverse));margin-left:3px;font-size:.86em}.build-browser-card__official-badge{z-index:6;color:#fff;white-space:nowrap;background:linear-gradient(#35c5ff 0%,#0f9ce4 100%);border:1px solid #54ccffdb;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:0;padding:7px 9px 7px 7px;font-size:14px;font-weight:1000;line-height:1;display:inline-flex;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff57,inset 0 -1px #003a6852,0 5px 16px #00a4e63d}.build-browser-card__official-badge:before{content:"✓";z-index:1;color:#16aef0;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;font-weight:1000;line-height:1;display:inline-flex;box-shadow:0 1px 4px #0537582e}.build-browser-card__official-badge:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:44%;animation:2.8s ease-in-out infinite lockbuilds-official-badge-shine;position:absolute;inset:-35% auto -35% -55%;transform:skew(-22deg)}@keyframes lockbuilds-official-badge-shine{0%,42%{left:-55%}72%,to{left:120%}}.build-browser-card__meta{min-width:0;color:var(--text-build-author);letter-spacing:.01em;flex-direction:column;align-items:flex-start;gap:4px;margin-top:auto;padding-top:10px;font-size:11px;font-weight:600;display:flex}.build-browser-card__author{flex-wrap:wrap;flex:0 auto;align-items:center;gap:.34em;min-width:0;max-width:100%;display:inline-flex;overflow:visible}.build-browser-card__author-prefix,.build-browser-card__rank-icon{flex:none}.build-browser-card__author-name{white-space:normal;min-width:0;display:block;overflow:visible}.build-browser-card__meta-divider{display:none}.build-browser-card__updated{white-space:nowrap;flex:none;align-items:center;gap:6px;min-width:0;display:inline-flex}.build-viewer-header__official-badge{align-self:center;position:relative;bottom:auto;right:auto}.build-browser-card__art{z-index:2;opacity:.72;pointer-events:none;justify-content:flex-end;align-items:flex-end;width:min(45%,180px);display:flex;position:absolute;top:-6px;bottom:-6px;right:-14px}.build-browser-card__art img{object-fit:contain;object-position:right center;transform-origin:100%;width:100%;height:100%;display:block;transform:scale(1.08);mask-image:linear-gradient(90deg,#0000 0%,#000 25% 100%)}@media (width>=768px){.build-browser-filter-grid{grid-template-columns:minmax(210px,250px) minmax(280px,440px) minmax(200px,250px) auto;align-items:end;gap:8px}.build-browser-filter-label{display:none}.build-browser-filter-input,.build-browser-filter-select{height:42px;padding:0 12px;font-size:13px}.build-browser-filter-button{border-radius:var(--site-filter-search-radius);height:42px;padding:0 24px;font-size:13px}.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{opacity:.84;width:min(42%,230px);top:-8px;bottom:-8px;right:-18px}.build-browser-card__meta{flex-direction:row;align-items:center;gap:10px;padding-top:9px;font-size:14px}.build-browser-card__author{flex-wrap:nowrap;flex:auto;overflow:hidden}.build-browser-card__author-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.build-browser-card__favorites{padding:5px 8px;font-size:11px}.build-browser-card__official-badge{bottom:14px;right:14px}.build-viewer-header__official-badge{bottom:auto;right:auto}.build-browser-card__updated{gap:7px;font-size:13px}}