.nono-area { max-width:560px; }
.controls { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:14px; }
.stats { display:flex; gap:16px; color:var(--muted); font-size:14px; flex-wrap:wrap; }
.stats b { color:var(--ink); font-size:17px; }
.actions { display:flex; gap:8px; flex-wrap:wrap; }
.nono-wrap { display:grid; grid-template-columns:64px 1fr; grid-template-rows:56px 1fr; gap:0; max-width:420px; margin:0 auto; }
.nono-top { grid-column:2; grid-row:1; display:grid; grid-template-columns:repeat(10,1fr); border-bottom:1px solid var(--rule); }
.nono-row-clues { grid-column:1; grid-row:2; display:grid; grid-template-rows:repeat(10,1fr); border-right:1px solid var(--rule); }
.nono-grid { grid-column:2; grid-row:2; display:grid; grid-template-columns:repeat(10,1fr); }
.clue-col { display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:1px; font:600 10px ui-monospace,monospace; color:var(--muted); padding:2px 0; }
.clue-row { display:flex; justify-content:flex-end; align-items:center; gap:2px; font:600 10px ui-monospace,monospace; color:var(--muted); padding:0 4px; }
.cell { aspect-ratio:1/1; border:1px solid var(--rule); background:var(--panel); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:13px; color:var(--muted); }
.cell.black { background:var(--ink); border-color:var(--rule); }
.cell.mark { color:var(--muted); font-weight:700; }
.cell.error { background:var(--orange); }
.win-panel { max-width:360px; margin:16px auto 0; padding:24px; text-align:center; }
.win-panel h2 { margin:0 0 6px; letter-spacing:-.03em; }
.win-panel p { color:var(--muted); font-size:14px; margin:0 0 14px; }
@media (max-width:780px) { .nono-wrap { grid-template-columns:52px 1fr; } .controls { flex-direction:column; align-items:stretch; } .stats { justify-content:space-between; } .actions { justify-content:center; } }