.brokes-hub{background:radial-gradient(70% 45% at 8% 0,#f0a2021f,#0000 55%),radial-gradient(50% 40% at 92% 8%,#63d5a012,#0000 50%);gap:1.15rem;display:grid;overflow:hidden}.brokes-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.9rem 1.25rem;display:flex}.brokes-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--ember);margin:0 0 .3rem;font-size:.7rem;font-weight:800}.brokes-hero-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,2.8vw,1.7rem);font-weight:800;line-height:1.15}.brokes-hero-lede{max-width:34rem;color:var(--muted);margin:.4rem 0 0;font-size:.92rem;line-height:1.45}.brokes-hero-stats{gap:.55rem;display:flex}.brokes-stat{border:1px solid var(--line);text-align:center;background:#00000047;border-radius:12px;gap:.08rem;min-width:4.4rem;padding:.5rem .75rem;display:grid}.brokes-stat strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.2rem;line-height:1.1}.brokes-stat span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.64rem;font-weight:700}.brokes-stat.is-shiny{border-color:color-mix(in srgb, var(--mint) 40%, var(--line));background:linear-gradient(145deg,#63d5a024,#0000 60%),#00000047}.brokes-stat.is-shiny strong{color:var(--mint)}.brokes-toolbar{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#0c1210d6;border-radius:14px;gap:.7rem;padding:.7rem .75rem;display:grid;position:sticky;top:.45rem}html[data-fx=low] .brokes-toolbar,html[data-fx=paused] .brokes-toolbar{-webkit-backdrop-filter:none;background:#0c1210}.brokes-search{flex-wrap:wrap;align-items:stretch;gap:.45rem;display:flex}.brokes-search .search-input{flex:12rem;min-width:0}.brokes-go{background:linear-gradient(135deg, #ffe08a, var(--ember));color:#1a1004;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;flex:none;padding:.55rem .95rem;font-size:.84rem;font-weight:800;transition:filter .14s,transform .14s}.brokes-go:hover{filter:brightness(1.05)}.brokes-go:active{transform:scale(.98)}.brokes-sorts{flex-wrap:wrap;gap:.35rem;display:flex}.brokes-chip{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#00000040;border-radius:999px;padding:.36rem .72rem;font-size:.76rem;font-weight:700;transition:border-color .14s,background .14s,color .14s}.brokes-chip:hover{color:var(--ink);border-color:color-mix(in srgb, var(--mint) 35%, var(--line))}.brokes-chip.is-active{color:#0c1210;background:linear-gradient(135deg, #ffe08a, var(--ember));border-color:#0000}.brokes-filters{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;display:flex}.brokes-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .55rem;font-size:.68rem;font-weight:800}.brokes-featured-grid{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.brokes-featured-grid{grid-template-columns:1.15fr 1fr 1fr;align-items:stretch}}.brokes-feature{border:1px solid var(--line);height:100%;color:inherit;transition:border-color .16s ease, transform .18s var(--ease-out), background .16s ease;background:linear-gradient(160deg,#f0a2021a,#0000 45%),#0000004d;border-radius:16px;gap:.55rem;padding:.9rem .95rem 1rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.brokes-feature:hover{border-color:color-mix(in srgb, var(--ember) 45%, var(--line));transform:translateY(-2px)}html[data-fx=low] .brokes-feature:hover,html[data-fx=paused] .brokes-feature:hover{transform:none}.brokes-feature-1{border-color:color-mix(in srgb, #ffe08a 40%, var(--line));box-shadow:0 0 0 1px color-mix(in srgb, var(--ember) 12%, transparent)}.brokes-feature-rank{font-family:var(--font-display);letter-spacing:-.04em;color:color-mix(in srgb, var(--ember) 55%, transparent);font-size:1.35rem;font-weight:800;position:absolute;top:.65rem;right:.75rem}.brokes-feature-art{place-items:center;min-height:5.5rem;display:grid}.brokes-feature-img{object-fit:contain;filter:drop-shadow(0 8px 14px #00000073);image-rendering:auto;width:auto;height:5.5rem}.brokes-feature-1 .brokes-feature-img{height:6.5rem}.brokes-feature-body{gap:.35rem;display:grid}.brokes-feature-name{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.brokes-feature-name em{color:var(--muted);font-size:.72rem;font-style:normal}.brokes-feature-name strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.05rem}.brokes-feature-avg{align-items:baseline;gap:.4rem;display:flex}.brokes-feature-avg b{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#ffe08a;font-size:1.85rem;font-weight:800;line-height:1}.brokes-feature-avg span,.brokes-feature-meta{color:var(--muted);font-size:.78rem}.brokes-grid{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.brokes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.brokes-card{border:1px solid var(--line);color:inherit;background:#00000042;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.65rem .75rem;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:grid}.brokes-card:hover{border-color:color-mix(in srgb, var(--ember) 42%, var(--line));background:#00000057;transform:translateY(-1px)}html[data-fx=low] .brokes-card:hover,html[data-fx=paused] .brokes-card:hover{transform:none}.brokes-card-art{border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:#00000047;border-radius:12px;place-items:center;width:3.4rem;height:3.4rem;display:grid}.brokes-card-img{object-fit:contain;width:2.6rem;height:2.6rem;image-rendering:pixelated}.brokes-card-main{gap:.35rem;min-width:0;display:grid}.brokes-card-name{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.brokes-card-name em{color:var(--muted);font-size:.68rem;font-style:normal}.brokes-card-name strong{letter-spacing:-.02em;font-size:.95rem}.brokes-card-nums{text-align:right;justify-items:end;gap:.15rem;display:grid}.brokes-card-avg{gap:0;line-height:1.05;display:grid}.brokes-card-avg b{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#ffe08a;font-size:1.25rem;font-weight:800}.brokes-card-avg em{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-style:normal;font-weight:700}.brokes-card-sub{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:.28rem;font-size:.7rem;display:inline-flex}.brokes-card-sub i{opacity:.5;font-style:normal}.brokes-range{gap:.18rem;display:grid}.brokes-range-track{background:#ffffff14;border-radius:999px;height:.32rem;display:block;position:relative;overflow:visible}.brokes-range-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--mint) 55%, transparent), var(--ember));height:100%;display:block}.brokes-range-dot{background:#ffe08a;border-radius:999px;width:.45rem;height:.45rem;margin-top:-.22rem;margin-left:-.22rem;position:absolute;top:50%;box-shadow:0 0 0 2px #0c1210e6}.brokes-range-meta{color:color-mix(in srgb, var(--muted) 85%, transparent);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.62rem;display:flex}.brokes-range-meta em{font-style:normal}.brokes-more{border:1px solid color-mix(in srgb, var(--ember) 35%, var(--line));background:color-mix(in srgb, var(--ember) 10%, #00000040);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;justify-self:center;margin-top:.15rem;padding:.55rem 1.2rem;font-size:.84rem;font-weight:750;transition:border-color .14s,background .14s}.brokes-more:hover{border-color:color-mix(in srgb, var(--ember) 60%, var(--line));background:color-mix(in srgb, var(--ember) 16%, #00000047)}@media (max-width:560px){.brokes-card{grid-template-columns:auto 1fr;grid-template-areas:"art main""art nums"}.brokes-card-art{grid-area:art}.brokes-card-main{grid-area:main}.brokes-card-nums{text-align:left;grid-area:nums;grid-template-columns:auto 1fr;place-items:baseline start;gap:.45rem}.brokes-toolbar{padding:.55rem;top:.25rem}}
