body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1f232a;color:#f4f6f8}.app{max-width:760px;margin:0 auto;padding:24px}.board-hint{margin:0 0 16px;line-height:1.5;color:#c8d0da;font-size:.95rem}.board-hint code{background:#2a313a;padding:2px 6px;border-radius:4px;font-size:.9em}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:8px}label{display:flex;gap:8px;align-items:center}select,button{border-radius:8px;border:1px solid #444;background:#2a313a;color:#fff;padding:6px 10px}.status{margin:8px 0 12px;color:#ffd479}canvas{background:#f0cf83;border-radius:8px;box-shadow:0 6px 20px #0006;cursor:pointer}@media (max-width: 640px){html,body{overflow-x:clip;max-width:100vw}.app{max-width:100%;box-sizing:border-box;padding:10px clamp(6px,2.5vw,14px)}h1{font-size:clamp(1rem,5.2vw,1.35rem);text-align:center;line-height:1.25;margin:.35em 0 .5em;padding:0 2px}.board-hint{font-size:clamp(.78rem,3.2vw,.9rem);line-height:1.45;word-break:break-word;overflow-wrap:anywhere;padding:0 2px;margin-bottom:.75rem}.toolbar{flex-wrap:wrap;justify-content:center;gap:8px 10px}.toolbar label{flex-wrap:wrap;justify-content:center;max-width:100%}canvas{display:block;width:100%;max-width:min(552px,calc(100vw - 24px));height:auto;aspect-ratio:1;margin:0 auto}}