.frame.svelte-c2drgz{aspect-ratio:16/10;border:1px solid var(--rule-2);color:#cdc2a9;text-align:left;background:radial-gradient(60% 60% at 50% 45%,#2a3d48,#0e1420);border-radius:12px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.frame.empty.svelte-c2drgz{color:#f2e8d0;align-content:center}.layer.svelte-c2drgz{position:absolute;inset:0}.map.svelte-c2drgz,.play.svelte-c2drgz{opacity:0;transition:opacity var(--fade) ease-out}.shown.svelte-c2drgz .map:where(.svelte-c2drgz),.shown.svelte-c2drgz .play:where(.svelte-c2drgz){opacity:1}.loading.svelte-c2drgz{pointer-events:none;transition:opacity var(--fade) ease-out;place-items:center;display:grid}.shown.svelte-c2drgz .loading:where(.svelte-c2drgz){opacity:0;visibility:hidden;transition:opacity var(--fade) ease-out, visibility 0s var(--fade)}.play.svelte-c2drgz{pointer-events:none;place-items:end;padding:0 16px 14px 0;display:grid}.frame.svelte-c2drgz{container-type:inline-size}.pill.svelte-c2drgz{color:#f2e8d0eb;height:40px;font-family:var(--body);letter-spacing:.01em;white-space:nowrap;background:#12162699;border:1px solid #f2e8d047;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 13px;font-size:14px;font-weight:600;transition:transform .15s,background .15s,color .15s;display:inline-flex;box-shadow:0 6px 18px #0000004d}@container (width<=640px){.pill.svelte-c2drgz{gap:6px;height:32px;padding:0 12px 0 10px;font-size:12.5px}.play.svelte-c2drgz{padding:0 12px 10px 0}}.group.svelte-c2drgz:hover .pill:where(.svelte-c2drgz),.group.svelte-c2drgz:focus-visible .pill:where(.svelte-c2drgz){color:#1a1220;background:#f2e8d0f0;transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.map.svelte-c2drgz,.play.svelte-c2drgz,.loading.svelte-c2drgz{transition:none}.group.svelte-c2drgz:hover .pill:where(.svelte-c2drgz){transform:none}}