.page-content.svelte-97lems{flex-direction:column;gap:1rem;max-width:820px;display:flex}.tag.svelte-97lems{font-size:var(--fs-sm);border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);padding:.2rem .55rem;font-weight:500}.cat-badge.svelte-97lems{font-size:var(--fs-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:1px solid;padding:.2rem .6rem;font-weight:700}.section.svelte-97lems{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.section.player-section.svelte-97lems{background:linear-gradient(180deg, #ffffff05, transparent), linear-gradient(135deg, color-mix(in srgb, var(--player-accent) 18%, transparent), #111116fa);border-color:color-mix(in srgb, var(--player-accent) 28%, var(--surface-3));box-shadow:var(--shadow-inset-hi);padding:1rem 1.1rem}.detail-section.context-section{border-color:color-mix(in srgb, #a78bfa 18%, var(--border));background:linear-gradient(180deg, #a78bfa14, #a78bfa09), var(--bg-card)}.usage-note.svelte-97lems{font-size:var(--fs-xs);color:var(--text-subtle);margin:0;line-height:1.45}.mood-grid.svelte-97lems{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}.mood-item.svelte-97lems{flex-direction:column;gap:.35rem;display:flex}.mood-head.svelte-97lems{justify-content:space-between;align-items:baseline;display:flex}.mood-label.svelte-97lems{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:600}.mood-val.svelte-97lems{font-size:var(--fs-sm);color:var(--text-body);font-weight:600}.mood-track.svelte-97lems{background:var(--bg-inset);border-radius:var(--radius-sm);height:8px;overflow:hidden}.mood-bar.svelte-97lems{border-radius:var(--radius-sm);height:100%}.match-grid.svelte-97lems{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.match-col.svelte-97lems{gap:var(--space-2);flex-direction:column;display:flex}.match-head.svelte-97lems{display:flex}.realm-label.svelte-97lems{font-size:var(--fs-xs);text-transform:capitalize;flex-shrink:0;font-weight:500}@media (width<=700px){.mood-grid.svelte-97lems,.match-grid.svelte-97lems{grid-template-columns:1fr}}