.learning-loop-snake_root__5h0Z_ .learning-loop{width:min(100%,370px);margin:0 auto;padding:5px;border-radius:1.15rem;background:var(--ls-card-section);box-shadow:var(--ls-inset-outer)}.learning-loop-snake_root__5h0Z_ .learning-loop-hero{margin-top:0}.learning-loop-snake_root__5h0Z_ .learning-loop-note{width:min(100%,370px);margin:0 auto .75rem;text-align:right;font-size:.875rem;line-height:1.5rem;color:var(--ls-text-secondary)}.learning-loop-snake_hero__oABsM .learning-loop,.learning-loop-snake_hero__oABsM .learning-loop-note{margin-right:0;margin-left:auto}.learning-loop-snake_root__5h0Z_ .snake-loop-board{position:relative;width:min(100%,360px);min-height:0;margin-inline:auto;aspect-ratio:1;overflow:hidden;border-radius:1.1rem;background:transparent;box-shadow:none}.learning-loop-snake_root__5h0Z_ .snake-loop-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));pointer-events:none}.learning-loop-snake_root__5h0Z_ .snake-loop-target{position:relative;display:block;width:13px;height:13px;align-self:center;justify-self:center;color:var(--ls-text-secondary)}.learning-loop-snake_root__5h0Z_ .snake-loop-target-dot{position:absolute;z-index:2;display:block;width:13px;height:13px;border-radius:50%;background:var(--ls-secondary);box-shadow:0 0 0 4px color-mix(in srgb,var(--ls-secondary) 20%,transparent);transition:opacity .55s ease-in}.learning-loop-snake_root__5h0Z_ .snake-loop-target-label{position:absolute;z-index:20;display:block;width:130px;font-size:.68rem;font-weight:500;line-height:1.2;letter-spacing:.01em;color:var(--ls-text-secondary)}.learning-loop-snake_root__5h0Z_ .snake-loop-target.is-pulsing .snake-loop-target-dot{animation:learning-loop-snake_snake-target-pop__mybtY .55s ease-out;box-shadow:0 0 0 7px color-mix(in srgb,var(--ls-secondary) 28%,transparent)}.learning-loop-snake_root__5h0Z_ .snake-loop-target.is-pulsing .snake-loop-target-label{font-weight:800;animation:learning-loop-snake_snake-target-text-pop__5sQvb .7s ease-out}.learning-loop-snake_root__5h0Z_ .snake-loop-target.is-eaten .snake-loop-target-dot{opacity:0;transition:opacity .14s ease-out}.learning-loop-snake_root__5h0Z_ .snake-loop-target-top-left{grid-column:1;grid-row:1}.learning-loop-snake_root__5h0Z_ .snake-loop-target-top-left .snake-loop-target-label{top:18px;left:18px}.learning-loop-snake_root__5h0Z_ .snake-loop-target-top-right{grid-column:12;grid-row:1}.learning-loop-snake_root__5h0Z_ .snake-loop-target-top-right .snake-loop-target-label{right:18px;top:18px;text-align:right}.learning-loop-snake_root__5h0Z_ .snake-loop-target-bottom-right{grid-column:12;grid-row:12}.learning-loop-snake_root__5h0Z_ .snake-loop-target-bottom-right .snake-loop-target-label{right:18px;bottom:18px;text-align:right}.learning-loop-snake_root__5h0Z_ .snake-loop-target-bottom-left{grid-column:1;grid-row:12}.learning-loop-snake_root__5h0Z_ .snake-loop-target-bottom-left .snake-loop-target-label{left:18px;bottom:18px}.learning-loop-snake_root__5h0Z_ .snake-loop-center{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none}.learning-loop-snake_root__5h0Z_ .wordcard-showcase{position:relative;display:grid;width:min(43%,170px);aspect-ratio:2/3;place-items:center}.learning-loop-snake_root__5h0Z_ .wordcard-replica{position:relative;display:flex;width:100%;height:100%;overflow:hidden;border-radius:16px;background:var(--ls-card);box-shadow:0 4px 8px rgba(0,0,0,.3);animation:learning-loop-snake_wordcard-float__futi3 5s ease-in-out infinite}.learning-loop-snake_root__5h0Z_ .wordcard-replica-background{position:absolute;inset:10px;border-radius:10px;background:var(--ls-modal);box-shadow:var(--ls-inset-outer)}.learning-loop-snake_root__5h0Z_ .wordcard-replica-pattern{position:absolute;inset:0;z-index:0;opacity:1;background:var(--ls-primary);-webkit-mask:url(/snake-loop/ling.png) center/cover no-repeat;mask:url(/snake-loop/ling.png) center/cover no-repeat}.learning-loop-snake_root__5h0Z_ .wordcard-replica-content{position:relative;z-index:1;display:flex;width:100%;flex-direction:column;gap:5px;padding:14px}.learning-loop-snake_root__5h0Z_ .wordcard-replica-section{display:flex;align-items:center;justify-content:center;border-radius:6px;background:color-mix(in srgb,var(--ls-card-section) var(--ls-wordcard-section-opacity),transparent);box-shadow:var(--ls-inset-inner)}.learning-loop-snake_root__5h0Z_ .wordcard-replica-spelling{min-height:28px;padding:5px;font-size:11px;font-weight:600;color:var(--ls-text-primary)}.learning-loop-snake_root__5h0Z_ .wordcard-replica-sound{margin-left:5px;font-size:11px;color:var(--ls-primary)}.learning-loop-snake_root__5h0Z_ .wordcard-replica-hanzi{min-height:54px;padding:6px;font-size:clamp(27px,4vw,38px);font-weight:700;color:var(--ls-text-primary)}.learning-loop-snake_root__5h0Z_ .wordcard-replica-info{min-height:24px;padding:4px;font-size:9px;color:var(--ls-text-secondary)}.learning-loop-snake_root__5h0Z_ .wordcard-replica-meaning{flex:1;align-items:flex-start;justify-content:flex-start;gap:5px;padding:8px;font-size:10px;line-height:1.4;color:var(--ls-text-primary)}.learning-loop-snake_root__5h0Z_ .wordcard-replica-bullet{font-size:14px;line-height:.9;color:var(--ls-primary)}.learning-loop-snake_root__5h0Z_ .wordcard-sparkle{position:absolute;z-index:2;color:var(--ls-primary);font-size:18px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.22));animation:learning-loop-snake_wordcard-sparkle__nA094 2.8s ease-in-out infinite}.learning-loop-snake_root__5h0Z_ .wordcard-sparkle-one{top:-10px;right:-13px}.learning-loop-snake_root__5h0Z_ .wordcard-sparkle-two{bottom:16%;left:-15px;font-size:12px;animation-delay:-1.4s}.learning-loop-snake_root__5h0Z_ .snake-loop-snake{position:absolute;inset:0;z-index:3;pointer-events:none}.learning-loop-snake_root__5h0Z_ .snake-loop-sprite{position:absolute;top:0;left:0;width:clamp(12px,1.6vw,17px);height:clamp(12px,1.6vw,17px);-o-object-fit:contain;object-fit:contain;offset-path:inset(4.166667%);offset-anchor:center;offset-rotate:auto;filter:invert(56%) sepia(68%) saturate(543%) hue-rotate(66deg) brightness(88%) contrast(89%) drop-shadow(1px 1px 1px rgba(0,0,0,.45));animation:learning-loop-snake_snake-square-run___3FHu 14s linear infinite;will-change:offset-distance}.learning-loop-snake_root__5h0Z_ .snake-loop-head,.learning-loop-snake_root__5h0Z_ .snake-loop-tail{offset-rotate:auto 90deg}.learning-loop-snake_root__5h0Z_ .snake-loop-head{filter:invert(69%) sepia(46%) saturate(578%) hue-rotate(39deg) brightness(96%) contrast(86%) drop-shadow(1px 1px 1px rgba(0,0,0,.45))}.learning-loop-snake_root__5h0Z_ .snake-loop-tail{opacity:.9}.learning-loop-snake_paused__YRQZj .snake-loop-sprite,.learning-loop-snake_paused__YRQZj .snake-loop-target.is-pulsing .snake-loop-target-dot,.learning-loop-snake_paused__YRQZj .snake-loop-target.is-pulsing .snake-loop-target-label,.learning-loop-snake_paused__YRQZj .wordcard-replica,.learning-loop-snake_paused__YRQZj .wordcard-replica-pattern,.learning-loop-snake_paused__YRQZj .wordcard-sparkle{animation-play-state:paused}@keyframes learning-loop-snake_snake-square-run___3FHu{to{offset-distance:100%}}@keyframes learning-loop-snake_snake-target-pop__mybtY{0%{transform:scale(.3)}65%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes learning-loop-snake_snake-target-text-pop__5sQvb{0%{transform:scale(.9);color:var(--ls-text-secondary)}50%{transform:scale(1.16);color:var(--ls-text-primary)}to{transform:scale(1);color:var(--ls-text-secondary)}}@keyframes learning-loop-snake_wordcard-float__futi3{0%,to{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-4px) rotate(.8deg)}}@keyframes learning-loop-snake_wordcard-pattern-drift__qzDTE{0%,to{transform:scale(1.04) translate3d(-2%,-1%,0)}50%{transform:scale(1.12) translate3d(2%,2%,0)}}@keyframes learning-loop-snake_wordcard-sparkle__nA094{0%,to{transform:scale(.75) rotate(0deg);opacity:.45}50%{transform:scale(1.18) rotate(18deg);opacity:1}}@media (max-width:640px){.learning-loop-snake_root__5h0Z_ .snake-loop-target-label{width:92px;font-size:.58rem}.learning-loop-snake_root__5h0Z_ .snake-loop-sprite{width:12px;height:12px}.learning-loop-snake_root__5h0Z_ .wordcard-showcase{width:43%}.learning-loop-snake_root__5h0Z_ .wordcard-replica{border-radius:12px}.learning-loop-snake_root__5h0Z_ .wordcard-replica-content{gap:3px;padding:10px}.learning-loop-snake_root__5h0Z_ .wordcard-replica-background{inset:7px}.learning-loop-snake_root__5h0Z_ .wordcard-replica-hanzi{min-height:42px}.learning-loop-snake_root__5h0Z_ .wordcard-replica-spelling{min-height:23px;font-size:9px}.learning-loop-snake_root__5h0Z_ .wordcard-replica-info{min-height:20px;font-size:8px}.learning-loop-snake_root__5h0Z_ .wordcard-replica-meaning{padding:6px;font-size:9px}}@media (max-width:1023px){.learning-loop-snake_hero__oABsM .learning-loop,.learning-loop-snake_hero__oABsM .learning-loop-note{margin-right:auto}}@media (prefers-reduced-motion:reduce){.learning-loop-snake_root__5h0Z_ .snake-loop-sprite,.learning-loop-snake_root__5h0Z_ .snake-loop-target.is-pulsing .snake-loop-target-dot,.learning-loop-snake_root__5h0Z_ .snake-loop-target.is-pulsing .snake-loop-target-label,.learning-loop-snake_root__5h0Z_ .wordcard-replica,.learning-loop-snake_root__5h0Z_ .wordcard-replica-pattern,.learning-loop-snake_root__5h0Z_ .wordcard-sparkle{animation:none}}