.builds-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1320px;margin:0 auto;padding:16px clamp(16px,4vw,44px) 4px;display:flex}.builds-toolbar__right{align-items:center;gap:10px;display:flex}.builds-switch{background:var(--site-surface);border:.5px solid var(--site-border);border-radius:9999px;padding:3px;display:inline-flex}.builds-switch__btn{appearance:none;color:var(--site-text-muted);font:inherit;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;border-radius:9999px;padding:6px 16px;font-size:.82rem;font-weight:600;transition:color .16s,background .2s}.builds-switch__btn:hover{color:var(--site-text)}.builds-switch__btn.is-active{color:var(--site-bg);background:var(--site-text)}.builds-sort{align-items:center;gap:8px;display:inline-flex}.builds-submit{background:var(--site-surface);border:.5px solid var(--site-border);height:34px;color:var(--site-text);border-radius:9999px;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:border-color .16s,color .16s;display:inline-flex}.builds-submit:hover{border-color:var(--site-border-bright);color:var(--site-text)}.builds-likes{align-items:center;gap:3px;display:inline-flex}.builds-likes__icon{fill:currentColor}.builds-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:clamp(16px,2.4vw,26px);max-width:1320px;margin:0 auto;padding:22px clamp(16px,4vw,44px) 0;display:grid}@media (width<=560px){.builds-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:14px}}.builds-card{color:inherit;opacity:0;flex-direction:column;text-decoration:none;animation:.55s cubic-bezier(.16,1,.3,1) both lib-rise;display:flex;position:relative}.builds-card__primary{min-height:0;color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.builds-card__media{aspect-ratio:2/3;perspective:650px;position:relative}.builds-card__inner{background:linear-gradient(150deg, hsl(var(--card-hue,220) 16% 17%), hsl(var(--card-hue,220) 14% 9%));border:.5px solid var(--site-border);transform-origin:50%;width:100%;height:100%;transform:translateY(calc(var(--lift,0) * -14px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(calc(1 + var(--lift,0) * .02));will-change:transform;border-radius:14px;flex-direction:column;justify-content:flex-end;padding:14px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 22px #00000080,0 2px 6px #0006}.builds-card__inner:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff4d, #fff0 45%);opacity:var(--glow,0);mix-blend-mode:soft-light;transition:opacity .24s;position:absolute;inset:0}.builds-card:hover .builds-card__inner,.builds-card:focus-visible .builds-card__inner{box-shadow:0 32px 56px #0009,0 8px 16px #00000080}.builds-card:focus-visible .builds-card__inner{--lift:1}.builds-card__inner.has-cover{background:var(--site-text);padding:0}.builds-card__img{z-index:0;object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.builds-card__placeholder{letter-spacing:-.01em;color:var(--site-text);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.28;display:-webkit-box;overflow:hidden}.builds-card__mark{letter-spacing:.16em;color:var(--site-text-muted);margin-top:8px;font-size:.55rem;font-weight:700}.builds-card__badge{z-index:2;letter-spacing:.02em;color:#f5f5f7f2;white-space:nowrap;background:#0000008c;border-radius:9999px;padding:2px 7px;font-size:.56rem;position:absolute;bottom:8px;right:8px}.builds-card__desc{color:#f5f5f7;opacity:0;pointer-events:none;z-index:3;-webkit-line-clamp:5;line-clamp:5;background:linear-gradient(#0000 0%,#000000d1 45%,#000000eb 100%);border-radius:0 0 14px 14px;-webkit-box-orient:vertical;padding:30px 14px 14px;font-size:.72rem;line-height:1.42;transition:opacity .24s,transform .32s cubic-bezier(.16,1,.3,1);display:-webkit-box;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(8px)}.builds-card:hover .builds-card__desc,.builds-card:focus-within .builds-card__desc{opacity:1;transform:translateY(0)}.builds-card__details{z-index:4;color:#f5f5f7;opacity:0;background:#0a0a0a8c;border:.5px solid #ffffff2e;border-radius:9999px;place-items:center;width:28px;height:28px;transition:opacity .2s,transform .2s,background .16s;display:grid;position:absolute;top:8px;right:8px;transform:translateY(-4px)}.builds-card:hover .builds-card__details,.builds-card:focus-within .builds-card__details{opacity:1;transform:translateY(0)}.builds-card__details:hover{background:#28282ceb}@media (hover:none){.builds-card__details{opacity:1;transform:none}}.builds-card__meta{padding:12px 2px 0}.builds-card__name{color:var(--site-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.builds-card,.builds-card__inner{transition:none;animation:none}.builds-card__inner{transform:none}.builds-card__inner:after{display:none}}.builds-detail__back{color:var(--site-text-muted);align-items:center;gap:6px;font-size:.84rem;font-weight:500;text-decoration:none;transition:color .16s;display:inline-flex}.builds-detail__back:hover{color:var(--site-text)}.builds-detail__badge{letter-spacing:.12em;text-transform:uppercase;color:var(--site-text);background:var(--site-surface);border:.5px solid var(--site-border);border-radius:9999px;margin-bottom:14px;padding:4px 10px;font-size:.6rem;font-weight:700;display:inline-block}.builds-detail__title{letter-spacing:-.03em;color:var(--site-text);font-size:clamp(1.9rem,5vw,3rem);font-weight:700;line-height:1.05}.builds-detail__lead{color:var(--site-text-muted);max-width:62ch;margin-top:16px;font-size:1.02rem;line-height:1.6}.builds-detail__tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.builds-detail__tag{color:var(--site-text);background:var(--site-surface);border:.5px solid var(--site-border);border-radius:9999px;padding:4px 11px;font-size:.74rem}.builds-detail__cta{background:var(--site-text);height:44px;color:var(--site-bg);border-radius:9999px;align-items:center;gap:8px;margin-top:26px;padding:0 22px;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .16s,background .16s;display:inline-flex}.builds-detail__cta:hover{background:var(--site-text);transform:translateY(-1px)}.builds-detail__thumb{border:.5px solid var(--site-border);border-radius:16px;margin-top:36px;overflow:hidden;box-shadow:0 24px 60px #00000080}
