.loopy-game{--game-accent:#7dd3fc;--loopy-board:#151b1e;--loopy-clue:#e5e7eb;--loopy-dim:#7b878d;--loopy-guide:#3a474d;--loopy-ink:#7dd3fc;--loopy-warning:#fb7185}.loopy-board{aspect-ratio:var(--loopy-aspect);background:radial-gradient(circle at 50% 44%, #1d292e 0, var(--loopy-board) 72%);border:1px solid color-mix(in srgb, var(--loopy-guide) 72%, transparent);cursor:crosshair;touch-action:none;user-select:none;border-radius:1rem;width:100%;max-width:38rem;max-height:min(68vh,38rem);margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 1rem 2.8rem #02080b42}.loopy-board:focus-visible{outline-offset:4px;outline:3px solid #facc15c7}.loopy-lattice{pointer-events:none;width:100%;height:100%;display:block}.loopy-guides line{stroke:var(--loopy-guide);stroke-linecap:round;stroke-width:1.2px;vector-effect:non-scaling-stroke}.loopy-clue{dominant-baseline:central;fill:var(--loopy-clue);text-anchor:middle;font-size:.39px;font-weight:720;transition:fill .14s,opacity .14s}.loopy-clue[data-status=satisfied]{fill:#86b89a;opacity:.74}.loopy-clue[data-status=mistake],.loopy-clue[data-hint=mistake]{fill:var(--loopy-warning);paint-order:stroke;stroke:#4b121b;stroke-width:.08px}.loopy-clue[data-hint=deduction]{fill:#fde68a}.loopy-loop-edge{fill:none;stroke:var(--loopy-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:10px;vector-effect:non-scaling-stroke}.loopy-loop-bend{stroke-linecap:butt}.loopy-loop-edge[data-hint],.loopy-excluded-edge[data-hint]{filter:drop-shadow(0 0 .14px #facc15);animation:.76s ease-in-out infinite alternate loopy-hint-pulse}.loopy-excluded-edge{fill:#8e9aa0;stroke:#8e9aa0;stroke-linecap:round;stroke-width:.075px}.loopy-excluded-edge circle{stroke:none}.loopy-selected-edge{fill:none;pointer-events:none;stroke:#facc15;stroke-dasharray:4 4;stroke-linecap:round;stroke-width:2.5px;vector-effect:non-scaling-stroke}.loopy-vertex-alert{fill:#0000;stroke:#facc15;stroke-width:3px;vector-effect:non-scaling-stroke}.loopy-vertex-alert[data-feedback=mistake]{stroke:var(--loopy-warning)}.loopy-cursor{fill:#0000;opacity:0;stroke:#facc15;stroke-width:2.5px;vector-effect:non-scaling-stroke}.loopy-board:focus-visible .loopy-cursor{opacity:1}.loopy-status{color:#fde68a;text-align:center;min-height:1.25rem;margin:.75rem 0 0;font-size:.82rem}.loopy-board[data-complete=true]{animation:.92s cubic-bezier(.2,.75,.25,1) both loopy-complete-pulse}.loopy-board[data-complete=true] .loopy-guides,.loopy-board[data-complete=true] .loopy-excluded-edge{opacity:.26;transition:opacity .52s}.loopy-board[data-complete=true] .loopy-clues{opacity:.42;transition:opacity .52s}.loopy-victory-snake{filter:drop-shadow(0 .06px .08px #000a)drop-shadow(0 0 .13px #7dd3fc88);pointer-events:none}.loopy-snake-grow-path{animation:loopy-snake-grow var(--loopy-snake-body-duration) linear var(--loopy-snake-body-delay) forwards;fill:none;stroke-dasharray:0 1;stroke-linecap:round}.loopy-snake-shadow,.loopy-snake-metal{fill:none;stroke-linecap:round;stroke-linejoin:round}.loopy-snake-shadow{stroke:#071417;stroke-width:.32px}.loopy-snake-metal{stroke-width:.25px}.loopy-snake-scale{fill:none;filter:drop-shadow(.012px .012px #071417b8);stroke-linecap:round;stroke:#ffffff8f;stroke-width:.018px;animation:.26s ease-out both loopy-snake-scale-arrive}.loopy-snake-tail{animation:loopy-snake-tail-bite .52s ease-in-out var(--loopy-snake-duration) both;fill:#ffc843;stroke:#10252f;stroke-width:.035px;transform-box:fill-box;transform-origin:50%}.loopy-snake-head{animation:loopy-snake-head-travel var(--loopy-snake-duration) linear forwards;filter:drop-shadow(0 .045px .045px #02080bbb);offset-distance:0%;offset-rotate:auto}.loopy-snake-head-shape{fill:#ff75b9;stroke:#ffd45a;stroke-width:.035px}.loopy-snake-eye{fill:#071417;stroke:#fff;stroke-width:.012px}.loopy-snake-smile{fill:none;stroke:#5b173d;stroke-linecap:round;stroke-width:.022px}@keyframes loopy-hint-pulse{to{filter:brightness(1.35)drop-shadow(0 0 .18px #facc15)}}@keyframes loopy-complete-pulse{40%{filter:brightness(1.2);transform:scale(1.012);box-shadow:inset 0 0 1.5rem #ffffff18,0 0 2.1rem #7dd3fc75}}@keyframes loopy-snake-grow{0%{stroke-dasharray:0 1}to{stroke-dasharray:1 0}}@keyframes loopy-snake-head-travel{to{offset-distance:100%}}@keyframes loopy-snake-scale-arrive{0%{opacity:0;stroke-width:0}to{opacity:1;stroke-width:.018px}}@keyframes loopy-snake-tail-bite{0%,to{transform:scale(1)}50%{transform:scale(.68)}}@media (prefers-reduced-motion:reduce){.loopy-board[data-complete=true],.loopy-loop-edge[data-hint],.loopy-excluded-edge[data-hint],.loopy-snake-grow-path,.loopy-snake-scale,.loopy-snake-tail{animation:none}.loopy-snake-grow-path{stroke-dasharray:1 0}.loopy-snake-head{display:none}}