.nonogram-wrapper[data-astro-cid-xhmed76j]{display:flex;flex-direction:column;align-items:center}.nonogram-wrapper[data-astro-cid-xhmed76j] h1[data-astro-cid-xhmed76j]{font-size:1.6rem;font-weight:700;margin-bottom:4px;letter-spacing:-.5px}.subtitle[data-astro-cid-xhmed76j]{color:color-mix(in srgb,var(--foreground) 60%,transparent);font-size:.8rem;margin-bottom:20px}.toolbar[data-astro-cid-xhmed76j]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.nonogram-wrapper[data-astro-cid-xhmed76j] button[data-astro-cid-xhmed76j]{font-family:inherit;font-size:.78rem;padding:7px 14px;border:1px solid var(--border);border-radius:6px;background:var(--muted);color:var(--foreground);cursor:pointer;transition:all .15s;white-space:nowrap}.nonogram-wrapper[data-astro-cid-xhmed76j] button[data-astro-cid-xhmed76j]:hover{border-color:var(--accent)}.nonogram-wrapper[data-astro-cid-xhmed76j] button[data-astro-cid-xhmed76j]:active{transform:scale(.97)}.nonogram-wrapper[data-astro-cid-xhmed76j] button[data-astro-cid-xhmed76j].primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.nonogram-wrapper[data-astro-cid-xhmed76j] button[data-astro-cid-xhmed76j].primary:hover{opacity:.9}.grid-size[data-astro-cid-xhmed76j]{display:flex;align-items:center;gap:6px;font-size:.8rem;margin-bottom:16px}.grid-size[data-astro-cid-xhmed76j] span[data-astro-cid-xhmed76j]{min-width:50px;text-align:center}.puzzle-area[data-astro-cid-xhmed76j]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;overflow-x:auto;max-width:100%}.status[data-astro-cid-xhmed76j]{font-size:.8rem;margin-bottom:12px;min-height:1.2em;text-align:center}.help[data-astro-cid-xhmed76j]{max-width:500px;font-size:.72rem;color:color-mix(in srgb,var(--foreground) 60%,transparent);line-height:1.6;text-align:center;margin-top:8px}.help[data-astro-cid-xhmed76j] kbd[data-astro-cid-xhmed76j]{background:var(--muted);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:.68rem}.modal-overlay[data-astro-cid-xhmed76j]{display:none;position:fixed;inset:0;background:#0009;z-index:100;justify-content:center;align-items:center}.modal-overlay[data-astro-cid-xhmed76j].active{display:flex}.modal[data-astro-cid-xhmed76j]{background:var(--background);border:1px solid var(--border);border-radius:8px;padding:20px;max-width:500px;width:90%}.modal[data-astro-cid-xhmed76j] h2[data-astro-cid-xhmed76j]{font-size:1rem;margin-bottom:12px}.modal[data-astro-cid-xhmed76j] textarea[data-astro-cid-xhmed76j]{width:100%;height:200px;background:var(--muted);border:1px solid var(--border);border-radius:4px;color:var(--foreground);font-family:inherit;font-size:.75rem;padding:8px;resize:vertical;margin-bottom:12px}.modal[data-astro-cid-xhmed76j] textarea[data-astro-cid-xhmed76j]:focus{outline:none;border-color:var(--accent)}.modal-buttons[data-astro-cid-xhmed76j]{display:flex;gap:8px;justify-content:flex-end}@media(max-width:768px){.nonogram-wrapper[data-astro-cid-xhmed76j] h1[data-astro-cid-xhmed76j]{font-size:1.3rem}.subtitle[data-astro-cid-xhmed76j]{font-size:.75rem;margin-bottom:14px}.toolbar[data-astro-cid-xhmed76j]{gap:6px}.nonogram-wrapper[data-astro-cid-xhmed76j] button[data-astro-cid-xhmed76j]{padding:8px 12px;font-size:.74rem}.grid-size[data-astro-cid-xhmed76j]{gap:4px;font-size:.75rem}.puzzle-area[data-astro-cid-xhmed76j]{width:100%;-webkit-overflow-scrolling:touch}.help[data-astro-cid-xhmed76j]{font-size:.68rem;padding:0 8px}.modal[data-astro-cid-xhmed76j]{padding:16px;width:95%}}@media(max-width:420px){.nonogram-wrapper[data-astro-cid-xhmed76j] h1[data-astro-cid-xhmed76j]{font-size:1.1rem}.toolbar[data-astro-cid-xhmed76j]{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;padding:0 4px}.toolbar[data-astro-cid-xhmed76j] button[data-astro-cid-xhmed76j].primary{grid-column:1 / -1}.grid-size[data-astro-cid-xhmed76j]{flex-wrap:wrap;justify-content:center}}.nonogram-table{border-collapse:collapse}.nonogram-table td,.nonogram-table th{padding:0}.col-clue-cell{vertical-align:bottom;text-align:center;padding:2px 1px!important}.col-clue-cell textarea{width:38px;min-height:60px;resize:vertical;background:var(--muted);border:1px solid var(--border);border-radius:4px;color:var(--foreground);font-family:inherit;font-size:.72rem;text-align:center;line-height:1.4;padding:4px 2px}.col-clue-cell textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent);font-size:16px}.col-clue-cell textarea.error{border-color:#f44;background:#ff44441a}.row-clue-cell{text-align:right;vertical-align:middle;padding:1px 4px 1px 0!important}.row-clue-cell input{width:100px;height:30px;background:var(--muted);border:1px solid var(--border);border-radius:4px;color:var(--foreground);font-family:inherit;font-size:.75rem;text-align:right;padding:0 6px}.row-clue-cell input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent);font-size:16px}.row-clue-cell input.error{border-color:#f44;background:#ff44441a}.row-clue-cell input.hidden-clue,.col-clue-cell textarea.hidden-clue{border-color:#533483;color:#533483;font-style:italic}.grid-cell{width:30px;height:30px;border:1px solid #888;background:var(--muted);transition:background .15s}.grid-cell.filled{background:var(--accent)}.grid-cell.empty{background:var(--muted)}.grid-cell.ambiguous{background:repeating-linear-gradient(45deg,#533483,#533483 3px,var(--muted) 3px,var(--muted) 6px)}.grid-cell.col-group{border-right:3px solid #555}.grid-cell.row-group{border-bottom:3px solid #555}.col-clue-cell.col-group{padding-right:4px!important}.col-label.col-group{padding-right:3px!important}.row-clue-cell.row-group{padding-bottom:4px!important}.row-label.row-group{padding-bottom:3px!important}.corner-cell{background:transparent}.col-label{font-size:.6rem;color:color-mix(in srgb,var(--foreground) 60%,transparent);text-align:center;padding:2px 0!important}.row-label{font-size:.6rem;color:color-mix(in srgb,var(--foreground) 60%,transparent);text-align:center;padding:0 4px!important;vertical-align:middle}.status.success{color:#4caf50}.status.error{color:#e94560}.status.info{color:color-mix(in srgb,var(--foreground) 60%,transparent)}@media(max-width:768px){.grid-cell{width:26px;height:26px}.col-clue-cell textarea{width:32px;min-height:50px;font-size:.65rem}.row-clue-cell input{width:72px;height:26px;font-size:.68rem;padding:0 4px}}@media(max-width:420px){.grid-cell{width:22px;height:22px}.col-clue-cell textarea{width:28px;min-height:44px;font-size:.6rem;padding:2px 1px}.row-clue-cell input{width:58px;height:22px;font-size:.62rem}.col-label,.row-label{font-size:.5rem}}
