.lesson-grid-display.svelte-1l1doh5{display:flex;justify-content:center;align-items:center;width:100%}.grid-svg.svelte-1l1doh5{width:100%;height:auto;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--theme-shadow, rgba(0, 0, 0, .1))}.grid-background.svelte-1l1doh5{fill:var(--lm-pictograph-bg, #ffffff);transition:fill var(--duration-fast) ease-out}:root.dark .grid-background.svelte-1l1doh5{fill:var(--dm-pictograph-bg, #0a0a0f)}:root.dark .grid-svg.svelte-1l1doh5{box-shadow:0 0 0 1px var(--theme-stroke, rgba(255, 255, 255, .15)),0 2px 8px color-mix(in srgb,var(--theme-shadow, #000) 30%,transparent)}.animate-entrance.svelte-1l1doh5 #center_point,.animate-entrance.svelte-1l1doh5 #n_diamond_outer_point,.animate-entrance.svelte-1l1doh5 #e_diamond_outer_point,.animate-entrance.svelte-1l1doh5 #s_diamond_outer_point,.animate-entrance.svelte-1l1doh5 #w_diamond_outer_point,.animate-entrance.svelte-1l1doh5 .normal-hand-point,.animate-entrance.svelte-1l1doh5 line{opacity:0;transform-origin:center;transform-box:fill-box}@keyframes svelte-1l1doh5-pointPopIn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}80%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes svelte-1l1doh5-linesFadeIn{0%{opacity:0}to{opacity:1}}.animate-entrance.svelte-1l1doh5 #center_point{animation:svelte-1l1doh5-pointPopIn .5s cubic-bezier(.34,1.56,.64,1) var(--duration-normal) forwards}.animate-entrance.svelte-1l1doh5 #n_diamond_outer_point{animation:svelte-1l1doh5-pointPopIn .5s cubic-bezier(.34,1.56,.64,1) .5s forwards}.animate-entrance.svelte-1l1doh5 #e_diamond_outer_point{animation:svelte-1l1doh5-pointPopIn .5s cubic-bezier(.34,1.56,.64,1) .7s forwards}.animate-entrance.svelte-1l1doh5 #s_diamond_outer_point{animation:svelte-1l1doh5-pointPopIn .5s cubic-bezier(.34,1.56,.64,1) .9s forwards}.animate-entrance.svelte-1l1doh5 #w_diamond_outer_point{animation:svelte-1l1doh5-pointPopIn .5s cubic-bezier(.34,1.56,.64,1) 1.1s forwards}.animate-entrance.svelte-1l1doh5 .normal-hand-point{animation:svelte-1l1doh5-pointPopIn var(--duration-dramatic) cubic-bezier(.34,1.56,.64,1) 1.4s forwards}.animate-entrance.svelte-1l1doh5 line{animation:svelte-1l1doh5-linesFadeIn .6s ease-out 1.6s forwards}.grid-small.svelte-1l1doh5 .grid-svg:where(.svelte-1l1doh5){max-width:180px}.grid-medium.svelte-1l1doh5 .grid-svg:where(.svelte-1l1doh5){max-width:280px}.grid-large.svelte-1l1doh5 .grid-svg:where(.svelte-1l1doh5){max-width:380px}.pulsing.svelte-1l1doh5 .grid-svg:where(.svelte-1l1doh5){animation:svelte-1l1doh5-gentle-pulse 2s ease-in-out infinite}@keyframes svelte-1l1doh5-gentle-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px var(--theme-shadow, rgba(0, 0, 0, .1))}50%{transform:scale(1.02);box-shadow:0 4px 16px color-mix(in srgb,var(--theme-accent) 20%,transparent)}}.direction-label.svelte-1l1doh5{font-size:var(--font-size-3xl);font-weight:700;fill:var(--theme-text, #374151);font-family:system-ui,-apple-system,sans-serif}:root.dark .direction-label.svelte-1l1doh5{fill:var(--theme-text-dim, #9ca3af)}@media(max-width:600px){.grid-small.svelte-1l1doh5 .grid-svg:where(.svelte-1l1doh5){max-width:140px}.grid-medium.svelte-1l1doh5 .grid-svg:where(.svelte-1l1doh5){max-width:220px}.grid-large.svelte-1l1doh5 .grid-svg:where(.svelte-1l1doh5){max-width:300px}.direction-label.svelte-1l1doh5{font-size:var(--font-size-3xl)}}@media(prefers-reduced-motion:reduce){.pulsing.svelte-1l1doh5 .grid-svg:where(.svelte-1l1doh5){animation:none}}