.game-play-page[data-game-slug="loop-and-trace"][data-loop-trace-v3]{--trace-ink:#173958;--trace-blue:#2075d6;--trace-gold:#ffbd2e;--trace-green:#59b873;--trace-pink:#ef4f92}.loop-trace-board{margin:18px 0;padding:clamp(14px,3vw,24px);border:3px solid #8fcaa1;border-radius:28px;background:linear-gradient(160deg,#f8fff5,#e9f5ff);box-shadow:0 8px 0 rgba(23,57,88,.12)}.loop-trace-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.loop-trace-head h3,.loop-trace-kicker{margin:0}.loop-trace-kicker{color:#426b4e;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.loop-trace-head h3{color:var(--trace-ink);font-size:clamp(20px,3vw,30px)}.loop-trace-reset{min-height:48px;padding:10px 18px;border:3px solid var(--trace-ink);border-radius:18px;background:#fff;color:var(--trace-ink);font:800 16px/1.2 system-ui,sans-serif}.loop-trace-progress{margin:12px 0 4px;color:var(--trace-ink);font-weight:900}.loop-trace-canvas{position:relative;min-height:clamp(310px,48vw,500px);border:3px solid #c3e1cb;border-radius:24px;background:radial-gradient(circle at center,#fff 0 42%,#f0faee 43% 100%);overflow:hidden}.loop-trace-canvas svg,.loop-trace-points{position:absolute;inset:0;width:100%;height:100%}.loop-trace-canvas polyline{fill:none;stroke:#8bbbd7;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.loop-trace-point{position:absolute;left:var(--trace-x);top:var(--trace-y);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:0 7px;min-width:86px;min-height:68px;padding:7px 10px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:22px;background:#fff;color:var(--trace-ink);box-shadow:0 5px 0 rgba(23,57,88,.2);font:800 13px/1.1 system-ui,sans-serif;cursor:pointer}.loop-trace-number{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--trace-ink);color:#fff}.loop-trace-symbol{font-size:26px;color:var(--trace-blue)}.loop-trace-point.is-gold-circle .loop-trace-symbol,.loop-trace-point.is-gold-square .loop-trace-symbol{color:var(--trace-gold)}.loop-trace-point.is-green-circle .loop-trace-symbol,.loop-trace-point.is-green-triangle .loop-trace-symbol{color:var(--trace-green)}.loop-trace-point.is-pink-circle .loop-trace-symbol,.loop-trace-point.is-pink-triangle .loop-trace-symbol{color:var(--trace-pink)}.loop-trace-point[data-state="next"]{border-color:var(--trace-blue);box-shadow:0 0 0 6px rgba(32,117,214,.18),0 5px 0 rgba(23,57,88,.2)}.loop-trace-point[data-state="done"]{border-color:#2f9650;background:#e8f8e8}.loop-trace-point[data-state="done"] .loop-trace-number{background:#2f9650}.loop-trace-point:focus-visible,.loop-trace-reset:focus-visible{outline:4px solid #10245c;outline-offset:4px}.loop-trace-status{min-height:2.5em;margin:14px 0 0;color:var(--trace-ink);font-weight:800}.keyboard-choices[data-trace-locked="1"]{opacity:.58}.keyboard-choices[data-trace-locked="1"]::before{content:'Trace all waypoints to unlock the answer choices.';display:block;width:100%;margin-bottom:8px;color:var(--trace-ink);font-weight:800}@media(max-width:620px){.loop-trace-head{align-items:flex-start;flex-direction:column}.loop-trace-reset{width:100%}.loop-trace-canvas{min-height:430px}.loop-trace-point{min-width:68px;min-height:64px;padding:6px}.loop-trace-name{font-size:11px}.loop-trace-number{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.game-play-page[data-loop-trace-v3] *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(forced-colors:active){.loop-trace-board,.loop-trace-canvas,.loop-trace-point,.loop-trace-reset{border-color:CanvasText}.loop-trace-point[data-state="next"],.loop-trace-point[data-state="done"]{outline:3px solid Highlight}}