.tile.svelte-dhg3n2{--a:var(--tile-accent);border-radius:var(--radius-tile);background:var(--surface-1);border:1px solid var(--border);isolation:isolate;min-width:0;transition:transform var(--dur-normal) var(--ease-out), border-color var(--dur-normal) var(--ease-out), box-shadow var(--dur-normal) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.tile.svelte-dhg3n2:hover{border-color:color-mix(in oklab, var(--a) 45%, var(--border));box-shadow:0 14px 34px -12px color-mix(in oklab, var(--a) 40%, transparent);transform:translateY(-3px)}.tile.svelte-dhg3n2:active{transform:translateY(-1px)scale(.99)}.tile.svelte-dhg3n2:focus-visible{outline-offset:3px}.art.svelte-dhg3n2{aspect-ratio:4/3;color:color-mix(in oklab, var(--a) 85%, white);background:radial-gradient(120% 90% at 20% 0%, color-mix(in oklab, var(--a) 42%, transparent), transparent 62%), radial-gradient(90% 80% at 100% 100%, color-mix(in oklab, var(--a) 20%, transparent), transparent 70%), linear-gradient(160deg, var(--surface-3), var(--surface-1));place-items:center;display:grid;position:relative;overflow:hidden;container:tile-art/inline-size}.cover.svelte-dhg3n2{object-fit:cover;object-position:50% 12%;width:100%;height:100%;transition:transform .4s var(--ease-out);position:absolute;inset:0}.glyph.svelte-dhg3n2{filter:drop-shadow(0 8px 20px color-mix(in oklab, var(--a) 45%, transparent));transition:transform var(--dur-normal) var(--ease-out);place-items:center;display:grid}.faces.svelte-dhg3n2{align-items:flex-end;display:flex;position:absolute;bottom:12px;right:12px}.faces.svelte-dhg3n2 img:where(.svelte-dhg3n2){width:40px;height:40px;box-shadow:0 0 0 2px var(--surface-1), 0 6px 14px -4px #0009;object-fit:contain;transition:transform var(--dur-normal) var(--ease-out);border-radius:50%;position:static}.faces.svelte-dhg3n2 img:where(.svelte-dhg3n2)+img:where(.svelte-dhg3n2){margin-left:-12px}.faces.svelte-dhg3n2 img:where(.svelte-dhg3n2):nth-child(2){z-index:1;position:relative;transform:translateY(-4px)scale(1.1)}.s-lg.svelte-dhg3n2 .faces:where(.svelte-dhg3n2){bottom:16px;right:16px}.s-lg.svelte-dhg3n2 .faces:where(.svelte-dhg3n2) img:where(.svelte-dhg3n2){width:52px;height:52px}@container tile-art (width<=260px){.faces.svelte-dhg3n2{bottom:8px;right:8px}.faces.svelte-dhg3n2 img:where(.svelte-dhg3n2){width:28px;height:28px}.faces.svelte-dhg3n2 img:where(.svelte-dhg3n2)+img:where(.svelte-dhg3n2){margin-left:-9px}}.tile.svelte-dhg3n2:hover .faces:where(.svelte-dhg3n2) img:where(.svelte-dhg3n2):first-child{transform:translate(-3px)rotate(-6deg)}.tile.svelte-dhg3n2:hover .faces:where(.svelte-dhg3n2) img:where(.svelte-dhg3n2):last-child{transform:translate(3px)rotate(6deg)}.tile.svelte-dhg3n2:hover .faces:where(.svelte-dhg3n2) img:where(.svelte-dhg3n2):nth-child(2){transform:translateY(-6px)scale(1.12)}.tile.svelte-dhg3n2:hover .glyph:where(.svelte-dhg3n2){transform:scale(1.08)rotate(-4deg)}.tile.svelte-dhg3n2:hover .cover:where(.svelte-dhg3n2){transform:scale(1.04)}.live.svelte-dhg3n2{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:22px;color:var(--text);background:#0a0c0fb8;align-items:center;gap:5px;padding:0 8px 0 7px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:8px;left:8px}.live.svelte-dhg3n2:not(:has(.num)){justify-content:center;width:22px;padding:0}.pulse.svelte-dhg3n2{background:var(--live);border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite svelte-dhg3n2-pulse;box-shadow:0 0 #ff4d5e99}@keyframes svelte-dhg3n2-pulse{70%{box-shadow:0 0 0 6px #ff4d5e00}to{box-shadow:0 0 #ff4d5e00}}.num.svelte-dhg3n2{font-variant-numeric:tabular-nums}.corner.svelte-dhg3n2{position:absolute;top:8px;right:8px}.meta.svelte-dhg3n2{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);display:flex;container:tile-meta/inline-size}@container tile-meta (width<=199.98px){.meta.svelte-dhg3n2 .modes:where(.svelte-dhg3n2){display:none}}.title.svelte-dhg3n2{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;font-size:var(--text-md);flex:1;overflow:hidden}.modes.svelte-dhg3n2{color:var(--text-muted);gap:6px;display:inline-flex}.s-sm.svelte-dhg3n2 .meta:where(.svelte-dhg3n2){min-height:38px;padding:6px 10px}.s-sm.svelte-dhg3n2 .title:where(.svelte-dhg3n2){font-size:var(--text-sm)}.s-lg.svelte-dhg3n2 .title:where(.svelte-dhg3n2){font-size:var(--text-lg)}.s-lg.svelte-dhg3n2 .meta:where(.svelte-dhg3n2){min-height:52px;padding:var(--space-3) var(--space-4)}