/* Each type keeps its icon, text and colour across all entry points. */
[data-media-type="all"]{--type-color:#315bff;--type-tint:#edf1ff;--type-line:#c8d3ff}
[data-media-type="video"]{--type-color:#2563eb;--type-tint:#eff6ff;--type-line:#bfdbfe}
[data-media-type="audio"]{--type-color:#7c3aed;--type-tint:#f5f3ff;--type-line:#ddd6fe}
[data-media-type="gallery"]{--type-color:#15803d;--type-tint:#f0fdf4;--type-line:#bbf7d0}
[data-media-type="model3d"]{--type-color:#0e7490;--type-tint:#ecfeff;--type-line:#a5f3fc}
[data-media-type="novel"]{--type-color:#a16207;--type-tint:#fefce8;--type-line:#fde68a}
[data-media-type="slides"]{--type-color:#c2410c;--type-tint:#fff7ed;--type-line:#fed7aa}
[data-media-type="pdf"]{--type-color:#475569;--type-tint:#f1f5f9;--type-line:#cbd5e1}
[data-media-type="lobster"]{--type-color:#be185d;--type-tint:#fdf2f8;--type-line:#fbcfe8}
.media-type-icon{width:16px;height:16px;flex:0 0 16px;vertical-align:middle}
.type-tag[data-media-type],.badge[data-media-type],.lobster-badge[data-media-type]{display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-size:12px;font-weight:600;line-height:20px;white-space:nowrap}
.type-tag[data-media-type]{padding:5px 10px;background:rgba(255,255,255,.68);color:#334155;border:1px solid rgba(255,255,255,.68);box-shadow:0 2px 8px rgba(15,23,42,.1);backdrop-filter:blur(12px);max-width:calc(100% - 30px)}
.type-tag .media-type-icon{color:var(--type-color);opacity:.72}
.badge[data-media-type]{padding:5px 10px;background:rgba(255,255,255,.58);color:#475569;border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(10px)}
.badge[data-media-type] .media-type-icon{color:var(--type-color)}
#typeFilters{gap:4px}
#typeFilters .label{display:none}
#typeFilters .chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 14px;font-weight:600;font-size:13px}
#typeFilters .chip[data-media-type]{color:#67717e;background:transparent;border-color:transparent;box-shadow:none}
#typeFilters .chip[data-media-type]:hover{color:#202833;background:#f0f1f3}
#typeFilters .chip[data-media-type].active{background:#252c36;border-color:#252c36;color:#fff;box-shadow:none}
#typeFilters .chip:focus-visible{outline:2px solid #64748b;outline-offset:3px}
/* Reserve a badge row on the identity card so the name never sits under it. */
.lobster-card-top{position:relative;padding-top:32px}
.lobster-badge[data-media-type]{position:absolute;left:0;top:0;right:auto;padding:4px 0;align-self:auto;font-size:12px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;color:#66525c}
.lobster-badge[data-media-type] .media-type-icon{color:#ac6683}
.lobster-badge .media-type-icon{width:16px;height:16px;flex-basis:16px}
.lobster-card-inner{gap:8px}
@media(max-width:720px){#typeFilters{gap:8px}#typeFilters .label{width:100%}#typeFilters .chip{padding:7px 11px}.lobster-card-inner{padding:14px 16px}.lobster-avatar{width:64px;height:64px;flex-basis:64px}.lobster-id h3{font-size:1.35rem}.lobster-personality{font-size:.8rem;line-height:1.4}.lobster-skills{margin-top:6px}.lobster-skills span{padding:4px 6px;font-size:10px}.lobster-says{padding:8px 10px;font-size:.74rem}.lobster-author{font-size:10px;margin-top:4px}}