.howto-module__-ugDcW__cta{border:2px solid var(--line);min-height:48px;font-family:var(--font-display), sans-serif;white-space:nowrap;border-radius:18px 12px 16px 10px;justify-content:center;align-items:center;padding:0 1.4rem;font-size:1.125rem;font-weight:700;display:inline-flex}.howto-module__-ugDcW__board{aspect-ratio:1;border:2px solid var(--line);background-color:var(--tile);background-image:linear-gradient(var(--board-line) 1px, transparent 1px), linear-gradient(90deg, var(--board-line) 1px, transparent 1px);width:min(100%,220px);box-shadow:4px 5px 0 0 var(--line);background-size:20% 20%;background-origin:content-box;border-radius:14px 20px 10px 18px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);padding:6px;display:grid;position:relative}.howto-module__-ugDcW__cell{font-family:var(--font-display), sans-serif;color:var(--ink);justify-content:center;align-items:center;font-size:clamp(14px,4.4vw,22px);font-weight:700;display:flex;position:relative}.howto-module__-ugDcW__trace{width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;inset:6px;overflow:visible}.howto-module__-ugDcW__outline,.howto-module__-ugDcW__capsule{fill:none;stroke-linecap:round;stroke-dasharray:1;animation:3.2s cubic-bezier(.45,0,.2,1) infinite howto-module__-ugDcW__trace}.howto-module__-ugDcW__outline{stroke:var(--line);stroke-width:17.5px;opacity:.85}.howto-module__-ugDcW__capsule{stroke-width:15.5px}@keyframes howto-module__-ugDcW__trace{0%,8%{stroke-dashoffset:1px;opacity:1}45%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.howto-module__-ugDcW__compass{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px);gap:4px;display:grid}.howto-module__-ugDcW__dirOn,.howto-module__-ugDcW__dirOff,.howto-module__-ugDcW__dirCentre{border-radius:12px;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.howto-module__-ugDcW__dirOn{border:2px solid var(--line);background:var(--accent);color:var(--on-accent)}.howto-module__-ugDcW__dirOff{border:2px dashed color-mix(in srgb, var(--ink) 18%, transparent);color:color-mix(in srgb, var(--ink) 22%, transparent)}@media (prefers-reduced-motion:reduce){.howto-module__-ugDcW__outline,.howto-module__-ugDcW__capsule{stroke-dashoffset:0;animation:none}}