.phase-demo.svelte-dghf6v{position:relative;overflow:hidden;border:2px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in oklch,var(--secondary) 50%,var(--background));box-shadow:var(--shadow-md);padding:1rem}.phase-demo.svelte-dghf6v:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#283045,#151a29);opacity:0;animation:svelte-dghf6v-phaseNight 7s cubic-bezier(.16,1,.3,1) infinite}.guide-link{position:absolute;right:.75rem;top:.75rem;z-index:3}.phase-sky.svelte-dghf6v{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.phase-emoji.svelte-dghf6v{position:absolute;left:50%;top:3rem;z-index:2;font-size:2.65rem;line-height:1;filter:drop-shadow(3px 3px 0 var(--border));transform:translate(-50%)}.sun.svelte-dghf6v{animation:svelte-dghf6v-sunSwap 7s cubic-bezier(.16,1,.3,1) infinite}.moon.svelte-dghf6v{opacity:0;animation:svelte-dghf6v-moonSwap 7s cubic-bezier(.16,1,.3,1) infinite}.role-swap.svelte-dghf6v>:where(.svelte-dghf6v){grid-area:1 / 1}.day-role.svelte-dghf6v{animation:svelte-dghf6v-showDay 7s cubic-bezier(.16,1,.3,1) infinite}.night-role.svelte-dghf6v{animation:svelte-dghf6v-showNight 7s cubic-bezier(.16,1,.3,1) infinite}.phone-row.svelte-dghf6v{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;align-items:end;justify-items:center;margin-top:6rem}.phone.svelte-dghf6v{width:min(100%,7.25rem);aspect-ratio:9 / 16;min-width:0;border:2px solid var(--border);border-radius:1.15rem;background:var(--foreground);box-shadow:var(--shadow-sm);padding:.32rem}.phone.wolf.svelte-dghf6v{transform:rotate(-5deg) translateY(.45rem)}.phone.villager.svelte-dghf6v{transform:translateY(-.2rem)}.phone.seer.svelte-dghf6v{transform:rotate(5deg) translateY(.55rem)}.screen.svelte-dghf6v{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:space-between;border:2px solid var(--border);border-radius:.82rem;background:var(--card);padding:.42rem .25rem .6rem;text-align:center}.speaker.svelte-dghf6v{width:32%;height:.23rem;border:1px solid var(--border);border-radius:999px;background:var(--muted)}.player.svelte-dghf6v,.hint.svelte-dghf6v{font-size:.62rem;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:0;color:var(--muted-foreground)}.role-swap.svelte-dghf6v{display:grid;width:100%;min-height:3.65rem;place-items:center}.role-chip.svelte-dghf6v{display:grid;width:min(4.35rem,82%);aspect-ratio:1;place-items:center;overflow:hidden;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--secondary);box-shadow:var(--shadow-2xs)}.role-chip.svelte-dghf6v img:where(.svelte-dghf6v){width:100%;height:100%;object-fit:cover}.phone.wolf.svelte-dghf6v .night-role:where(.svelte-dghf6v){background:color-mix(in oklch,var(--destructive) 45%,var(--card))}.phone.seer.svelte-dghf6v .night-role:where(.svelte-dghf6v){background:var(--primary)}.phone.wolf.svelte-dghf6v .screen:where(.svelte-dghf6v){animation:svelte-dghf6v-wolfWake 7s cubic-bezier(.16,1,.3,1) infinite}.player-panel.svelte-dghf6v{border:2px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-md);padding:1rem}@keyframes svelte-dghf6v-phaseNight{0%,43%{opacity:0}58%,to{opacity:1}}@keyframes svelte-dghf6v-sunSwap{0%,43%{opacity:1;transform:translate(-50%) translateY(0) rotate(0)}58%,to{opacity:0;transform:translate(-50%) translateY(1rem) rotate(35deg)}}@keyframes svelte-dghf6v-moonSwap{0%,43%{opacity:0;transform:translate(-50%) translateY(-1rem) rotate(-20deg)}58%,to{opacity:1;transform:translate(-50%) translateY(0) rotate(0)}}@keyframes svelte-dghf6v-showDay{0%,43%{opacity:1;transform:translateY(0)}58%,to{opacity:0;transform:translateY(.35rem)}}@keyframes svelte-dghf6v-showNight{0%,43%{opacity:0;transform:translateY(-.35rem)}58%,to{opacity:1;transform:translateY(0)}}@keyframes svelte-dghf6v-wolfWake{0%,43%{background:var(--card)}58%,to{background:color-mix(in oklch,var(--destructive) 18%,var(--card))}}@media (min-width: 640px){.phase-demo.svelte-dghf6v,.player-panel.svelte-dghf6v{padding:1.25rem}.phone-row.svelte-dghf6v{gap:1rem}.role-swap.svelte-dghf6v{min-height:4.8rem}}@media (prefers-reduced-motion: reduce){.phase-demo.svelte-dghf6v:before,.sun.svelte-dghf6v,.moon.svelte-dghf6v,.day-role.svelte-dghf6v,.night-role.svelte-dghf6v,.phone.wolf.svelte-dghf6v .screen:where(.svelte-dghf6v){animation:none}.phase-demo.svelte-dghf6v:before,.moon.svelte-dghf6v,.night-role.svelte-dghf6v{opacity:1}.sun.svelte-dghf6v,.day-role.svelte-dghf6v{opacity:0}.phone.wolf.svelte-dghf6v .screen:where(.svelte-dghf6v){background:color-mix(in oklch,var(--destructive) 18%,var(--card))}}