.nonogram-app{max-width:820px}.puzzle-panel{padding:16px}.progress{margin-left:auto;color:var(--muted);font-weight:800}.nonogram-wrap{display:grid;grid-template-columns:104px minmax(300px,520px);grid-template-rows:104px minmax(300px,520px);justify-content:center;margin:12px auto;overflow:auto}.corner{grid-area:1/1;background:#f6e9ee;border-radius:14px 0 0}.col-clues{grid-area:1/2;display:grid;grid-template-columns:repeat(10,1fr)}.row-clues{grid-area:2/1;display:grid;grid-template-rows:repeat(10,1fr)}.col-clues div,.row-clues div{display:flex;align-items:center;justify-content:center;padding:3px;color:#6e5760;font-size:.78rem;font-weight:900;background:rgba(255,250,252,.9);border:1px solid #ecd8df}.col-clues div{align-items:flex-end;line-height:1.35}.row-clues div{justify-content:flex-end;gap:4px}.nonogram-grid{grid-area:2/2;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);aspect-ratio:1;border:2px solid #6d515b;touch-action:none}.cell{display:grid;place-items:center;border:1px solid #d8bec7;background:#fff;cursor:pointer;user-select:none}.cell:nth-child(5n){border-right-color:#765761}.cell.filled{background:linear-gradient(135deg,#e85f88,#ba3f67)}.cell.cross::after{content:'×';color:#b9a1aa;font-weight:900}.cell.wrong{animation:wrong .3s ease}@keyframes wrong{50%{background:#ffd2dc}}.tip{text-align:center;color:var(--muted)}@media(max-width:600px){.nonogram-wrap{grid-template-columns:74px 400px;grid-template-rows:74px 400px;justify-content:start}.puzzle-panel{overflow:hidden}.progress{width:100%;margin-left:0}}