/* Shared by /discover/ and /w/ (badges, art). Uses shared.css + dash.css tokens. */
.art{position:relative;background:var(--panel-2);overflow:hidden}
.art canvas{width:100%;height:100%;display:block}
.badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.bd{font-family:var(--mono);font-size:.68rem;padding:3px 8px;border-radius:999px;background:var(--panel-2);color:var(--fg);border:1px solid var(--line);white-space:nowrap}
.bd.new{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}
.bd.live{color:var(--accent);border-color:var(--accent)}
.bd.good{color:var(--good)}.bd.warn{color:var(--accent)}.bd.remix{color:var(--dusk)}.bd.ret{color:var(--good)}
.link{color:var(--accent);text-underline-offset:3px}
.link:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--dusk);outline-offset:2px}