@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.featured{gap:10px;display:grid}.feat-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.feat-head h2{font:700 14px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin:0;display:flex}.feat-head h2 .spark{color:var(--gold);font-size:16px}.feat-head .feat-meta{color:var(--muted);font-size:13px}.feat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.feat{--foil:conic-gradient(from var(--spin), #f6d365, #fda085, #f093fb, #8fd3f4, #84fab0, #f6d365);background:var(--foil);color:var(--ink);isolation:isolate;min-width:0;box-shadow:0 6px 22px -8px color-mix(in srgb, var(--gold) 55%, transparent);border-radius:14px;padding:2px;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:6s linear infinite spin;display:block;position:relative}@keyframes spin{to{--spin:360deg}}.feat:hover,.feat:focus-visible{box-shadow:0 14px 30px -10px color-mix(in srgb, var(--gold) 75%, transparent);transform:translateY(-3px)}.feat-in{background:linear-gradient(160deg, color-mix(in srgb, var(--gold) 9%, var(--surface)), var(--surface) 55%);border-radius:12px;grid-template-rows:auto auto 1fr auto;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;height:100%;padding:26px 14px 12px;display:grid;position:relative;overflow:hidden}.feat-in:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff73 48%,#b4e1ff40 52%,#0000 65%) 130% 0/260% 100%;transition:background-position .8s;position:absolute;inset:0}.feat:hover .feat-in:after{background-position:-40% 0}.feat-av{width:44px;height:44px;font:700 20px/1 var(--f-display);color:var(--gold-ink);background:radial-gradient(circle at 30% 30%, #fff6c9, var(--gold) 60%);border-radius:50%;grid-row:1/span 2;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #00000014}.feat-name{font:700 17px/1.2 var(--f-display);overflow-wrap:anywhere;align-self:end}.feat-host{font:600 11px/1.3 var(--f-mono);color:var(--muted);letter-spacing:.02em;align-self:start}.feat-text{color:var(--ink);overflow-wrap:anywhere;grid-column:1/-1;margin-top:6px;font-size:14px}.feat-go{font:700 13px/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--bg);border-radius:8px;grid-column:1/-1;justify-content:center;align-self:end;align-items:center;gap:6px;margin-top:10px;padding:9px 12px;display:flex}.feat:hover .feat-go{background:var(--accent);color:var(--surface)}.feat-tag{font:700 9px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);background:var(--gold);z-index:1;border-radius:4px;padding:3px 5px;position:absolute;top:9px;right:10px}.feat-disc{color:var(--muted);margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){.feat{animation:none}.feat,.feat-in:after{transition:none}}.mkt-strip{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;padding:10px 14px;font-size:14px;display:flex}.mkt-strip .strip-k{font:600 10px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:none}.mkt-strip .strip-l{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:200px;text-decoration:none;overflow:hidden}.mkt-strip .strip-l:hover b{text-decoration:underline}.mkt-strip .strip-t{color:var(--muted)}.mkt-strip .strip-all{color:var(--accent);flex:none;font-size:13px;font-weight:700;text-decoration:none}.mkt-strip .strip-all:hover{text-decoration:underline}.showcase{gap:10px;min-width:0;display:grid}.show-row{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(230px,260px);grid-auto-flow:column;gap:12px;padding:4px 2px 12px;display:grid;overflow-x:auto}.show-row>.feat{scroll-snap-align:start}.show-row.few{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}.market-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}
