/* Kept as a standalone stylesheet so legacy media blocks cannot swallow these rules. */
.category .category-subject{display:block;margin-top:5px;font-size:10px;line-height:1.35;color:var(--muted)}
.art-tier-note{display:grid;gap:6px;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--raised)}
.art-tier-note b{font-size:14px}.art-tier-note p,.art-tier-note a{font-size:12px;line-height:1.5}.art-tier-note a{color:var(--accent);text-underline-offset:3px}
.categories{align-items:start}.category{align-self:start}
@media(max-width:600px){.art-tier-note{padding:12px}.category .category-subject{font-size:9px}}

.purchase-spend{position:fixed;z-index:10000;pointer-events:none;padding:6px 12px;border:1px solid #f0bb75;border-radius:14px;background:#34291fea;box-shadow:0 8px 24px #0006;color:#ffcc84;font-size:23px;font-weight:900}.friend-status-dot{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:#88909b}.is-online>.friend-status-dot{background:#65da96;box-shadow:0 0 9px #65da9666}.friend-card{display:flex;align-items:center;gap:12px}.friend-card .avatar{width:48px;height:48px;flex:none}.friend-card small{display:block}.opponent-friend-badge{display:inline-flex;width:fit-content;padding:3px 8px;border-radius:7px;background:#234c39;color:#a8f0bf;font-size:11px;font-weight:800}