.ftr-board{aspect-ratio:1;border:3px solid var(--ink);border-radius:var(--radius);background:#d7b57c;width:min(100%,420px,max(260px,100svh - 400px));margin:0 auto;position:relative}.ftr-lines{width:100%;height:100%;position:absolute;inset:0}.ftr-lines path{stroke:#6b4b22;stroke-width:.06px;stroke-linecap:round}.ftr-grid{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);display:grid;position:absolute;inset:0}.ftr-pt{font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.ftr-pt:before{content:"";background:#6b4b22;border-radius:50%;width:18%;height:18%;position:absolute}button.ftr-pt{cursor:pointer}.ftr-pt.can:after{content:"";width:56%;height:56%;box-shadow:0 0 0 3px var(--good);border-radius:50%;position:absolute}.ftr-pt.last:before{background:#c0392b;width:26%;height:26%}.ftr-duck,.ftr-fox{z-index:1;width:72%;height:72%;position:relative}.ftr-duck{background:radial-gradient(circle at 35% 30%,#ffe680,#e8b800);border:2px solid #3a2f10;border-radius:50%}.ftr-duck:after{content:"";background:#e8742a;border:1.5px solid #3a2f10;border-radius:40%;width:30%;height:22%;position:absolute;top:38%;right:-14%}.ftr-fox{clip-path:polygon(10% 0,35% 30%,65% 30%,90% 0,100% 55%,50% 100%,0 55%);background:#d9662b;border:2px solid #3a1a08;border-radius:4px}.ftr-pt.on .ftr-duck{box-shadow:0 0 0 3px var(--ink)}.ftr-side{justify-content:center;gap:16px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.ftr-side li{align-items:center;gap:6px;display:flex}.ftr-side li.on{font-weight:700}.ftr-side .ftr-duck,.ftr-side .ftr-fox{width:18px;height:18px}.ftr-count{text-align:center;color:var(--muted);margin:0;font-size:14px}