.df-board{aspect-ratio:1;background:var(--ink);border-radius:var(--radius);grid-template-columns:repeat(8,1fr);gap:2px;width:min(100%,480px,max(240px,100svh - 440px));margin:0 auto;padding:4px;display:grid}.df-cell{background:var(--good);cursor:default;border:0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex}.df-cell.can{cursor:pointer}.df-cell.can:hover{filter:brightness(1.15)}.df-cell:focus-visible{outline:3px solid var(--sun);outline-offset:-3px}.df-disc{border:2px solid #0000008c;border-radius:50%;width:78%;height:78%;transition:background .2s}.df-disc.d0{background:#1b1b1b}.df-disc.d1{background:#f4f1e8}.df-hint{opacity:.55;border-radius:50%;width:26%;height:26%}.df-hint.d0{background:#1b1b1b}.df-hint.d1{background:#f4f1e8}@media (prefers-reduced-motion:reduce){.df-disc{transition:none}}