.gt{--gt-good: #5fd49a;--gt-bad: #e57373;--gt-brass: #c79f4a;--gt-tray: #14161c;--gt-say-good: #6fdc9d;--gt-say-bad: #ff8a80;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.gt-board{display:block;width:100%;max-width:460px;max-height:calc(100dvh - 230px);height:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 10px 16px rgb(0 0 0 / .45));outline:none}.gt-tray{fill:var(--gt-tray);stroke:#0c0d10;stroke-width:2}.gt-slot{fill:none;stroke:#3a3d44;stroke-dasharray:3 4}.gt-peghit{fill:transparent;cursor:pointer}.gt-spare:focus,.gt-peg:focus{outline:none}.gt-peg:focus-visible .gt-peghit,.gt-spare:focus-visible{outline:none;stroke:#2ec4b6;stroke-width:2}.gt-spare:focus-visible{filter:drop-shadow(0 0 3px #2ec4b6) drop-shadow(0 0 1px #2ec4b6)}.gt-gear.gt-spare,.gt-crank{cursor:grab}.gt-dragging{cursor:grabbing;filter:drop-shadow(0 8px 6px rgb(0 0 0 / .5))}.gt-picked{filter:drop-shadow(0 0 5px #ffd27a) drop-shadow(0 0 2px #ffd27a)}.gt-fit{fill:#5fd49a1a;stroke:var(--gt-good);stroke-width:1.5;stroke-dasharray:5 4;pointer-events:none;animation:gt-fit 1.1s ease-in-out infinite}@keyframes gt-fit{50%{opacity:.35}}.gt-hint{fill:#ffd27a1f;stroke:#ffd27a;stroke-width:2;stroke-dasharray:2 3;pointer-events:none;animation:gt-fit 1.4s ease-in-out infinite}.gt-hint-label{fill:#ffd27a;font:700 10px Georgia,Times New Roman,serif;text-anchor:middle;pointer-events:none}.gt-arrow{fill:none;stroke:var(--gt-brass);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;pointer-events:none}.gt[data-door=right] .gt-arrow{stroke:var(--gt-good)}.gt[data-door=wrong] .gt-arrow,.gt[data-door=jam] .gt-arrow{stroke:var(--gt-bad)}.gt-bolt{fill:#8f9399;stroke:#2c2f35;stroke-width:1;transition:transform .6s cubic-bezier(.3,0,.2,1) .3s;pointer-events:none}.gt-solved .gt-bolt{transform:translate(var(--gt-bolt-x),var(--gt-bolt-y));fill:#e8c068}.gt-jammed{animation:gt-jammed .6s ease-out}@keyframes gt-jammed{0%,40%{filter:drop-shadow(0 0 6px var(--gt-bad)) drop-shadow(0 0 2px var(--gt-bad))}}.gt-nope{animation:gt-nope .1s linear 3}@keyframes gt-nope{50%{transform:translate(3px)}}.gt-caption{margin:0;min-height:2.8em;max-width:460px;text-align:center;font-size:.92rem;color:var(--muted)}.gt-caption[data-tone=good]{color:var(--gt-say-good)}.gt-caption[data-tone=bad]{color:var(--gt-say-bad)}@media(prefers-color-scheme:light){.gt{--gt-say-good: #1d7a4a;--gt-say-bad: #b3261e}}@media(prefers-reduced-motion:reduce){.gt-fit,.gt-hint,.gt-jammed,.gt-nope{animation:none}}:root{--bg: #0b0d1c;--surface: #151a33;--line: #2a3057;--ink: #eef1ff;--muted: #9aa3cc;--accent: #7c8cff;--accent-ink: #0b0d1c;--pad-bg: var(--bg);--pad-surface: var(--surface);--pad-line: var(--line);--pad-ink: var(--ink);--pad-muted: var(--muted);--pad-accent: var(--accent);--pad-accent-strong: var(--accent);--pad-accent-ink: var(--accent-ink);--pad-tile: #1b2142;--pad-bad: #ff8a80;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f5f6fb;--surface: #ffffff;--line: #dfe3f2;--ink: #161a2e;--muted: #5d6488;--accent: #4353d6;--accent-ink: #ffffff;--pad-accent: #7c8cff;--pad-accent-strong: #4353d6;--pad-tile: #eef0fa;--pad-bad: #b3261e;color-scheme:light}}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:manipulation}.site{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}.board{display:flex;flex-direction:column;align-items:center;gap:12px}.stage{display:flex;align-items:center;justify-content:center}.tools{display:flex;align-items:center;justify-content:center;gap:12px;width:min(100%,420px);font-size:.9rem;color:var(--muted);font-variant-numeric:tabular-nums}button{font:inherit;font-weight:700;min-height:44px;padding:8px 16px;border-radius:999px;cursor:pointer}button.quiet{color:var(--ink);background:var(--surface);border:1px solid var(--line)}button.link{padding:0;color:var(--muted);background:none;border:0;font-weight:400;text-decoration:underline;text-underline-offset:3px}button:hover{filter:brightness(1.08)}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.gt-mini{display:block;width:min(220px,60vw);height:auto;margin:0 auto;filter:drop-shadow(0 6px 10px rgb(0 0 0 / .35))}