.trace-field{touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.trace-field:after{content:"";pointer-events:none;background:linear-gradient(#87ceeb2e 0%,#0000 35%,#22c55e24 100%);position:absolute;inset:0}.trace-path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.trace-path polyline{stroke:#ffffff80;stroke-width:14px;stroke-linecap:round;stroke-dasharray:.1 42;vector-effect:non-scaling-stroke}.trace-paw{pointer-events:none;filter:drop-shadow(0 2px 3px #0006);font-size:40px;line-height:0;transition:color .2s,opacity .2s;position:absolute;transform:translate(-50%,-50%)}.trace-paw.is-todo{color:#ffffffe6}.trace-paw.is-done{color:var(--brand)}.trace-paw.is-next{color:var(--brand-flame);animation:1s ease-in-out infinite trace-pulse}@keyframes trace-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.3)}}.trace-paw.is-golden{color:var(--c-amber);filter:drop-shadow(0 0 10px #fbbf24d9)drop-shadow(0 2px 4px #78460066)}.trace-paw.is-golden.is-done{color:var(--c-amber-light)}.trace-goal{pointer-events:none;line-height:0;position:absolute;transform:translate(-50%,-50%)}.trace-goal img{filter:drop-shadow(0 0 14px #f5c83cbf)drop-shadow(0 3px 5px #0000004d);width:clamp(48px,6.17vw,74px);height:auto;display:block}.trace-pet{z-index:6;pointer-events:none;filter:drop-shadow(0 5px 8px #0000004d);position:absolute;top:0;left:0;translate:-50% -50%}.trace-question{border-radius:var(--radius-pill);color:var(--brand);box-shadow:var(--shadow-pill-brand);background:#fffffff2;padding:2px 12px;font-size:24px;font-weight:900;line-height:1.3;animation:.3s ease-out trace-question-pop;position:absolute;top:-6px;left:50%;translate:-50% -100%}@keyframes trace-question-pop{0%{opacity:0;transform:translateY(8px)scale(.7)}to{opacity:1;transform:none}}.trace-pet.is-start:before{content:"";border:3px solid var(--brand);opacity:.85;border-radius:50%;width:151px;height:151px;margin:-76px 0 0 -76px;animation:1.6s ease-out infinite trace-start-ping;position:absolute;top:50%;left:50%}@keyframes trace-start-ping{0%{opacity:.9;transform:scale(.72)}70%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.trace-paw.is-next{animation:none}.trace-pet.is-start:before{opacity:.6;animation:none}.trace-question{animation:none}}