.nono-game{flex-direction:column;align-items:center;gap:14px;width:100%;padding-top:8px;display:flex}.nono-statbar{gap:26px;display:flex}.nono-stat{flex-direction:column;align-items:center;line-height:1;display:flex}.nono-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.nono-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:3px;font-size:10px;font-weight:600}.nono-board{grid-template-columns:1.5fr repeat(var(--nono-size,5), 1fr);background:var(--bg-secondary);box-sizing:border-box;border-radius:12px;gap:5px;width:100%;max-width:min(94vw,340px);padding:10px;display:grid}.nono-corner{background:0 0}.nono-col-clue{flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;padding-bottom:5px;display:flex}.nono-row-clue{justify-content:flex-end;align-items:center;gap:4px;padding-right:8px;display:flex}.nono-col-clue span,.nono-row-clue span{background:color-mix(in srgb, var(--mix-accent-nono) 20%, var(--bg-card));min-width:18px;height:18px;color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:5px;justify-content:center;align-items:center;padding:0 4px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.nono-cell{aspect-ratio:1;border:1px solid var(--border-primary);background:var(--bg-card);min-width:36px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:800;transition:background .1s,border-color .1s;display:flex}.nono-cell:active:not(:disabled){transform:scale(.92)}.nono-cell--fill{background:var(--mix-accent-nono);border-color:var(--mix-accent-nono)}.nono-cell--wrong{background:var(--color-slot-wrong-text,#d33);border-color:var(--color-slot-wrong-text,#d33);animation:.32s nono-shake}@keyframes nono-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.nono-cell--mark{color:var(--text-muted);background:var(--bg-secondary)}.nono-board--solved .nono-cell--fill{animation:.4s nono-pop}@keyframes nono-pop{0%{transform:scale(1)}45%{filter:brightness(1.15);transform:scale(1.14)}to{transform:scale(1)}}.nono-cell--pop{animation:.16s ease-out nono-tap-pop}@keyframes nono-tap-pop{0%{transform:scale(.7)}60%{transform:scale(1.14)}to{transform:scale(1)}}.nono-cell--flash{animation:.36s nono-line-flash}@keyframes nono-line-flash{0%,to{box-shadow:inset 0 0 #0000}50%{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--mix-accent-nono) 70%, transparent);filter:brightness(1.12)}}@media (prefers-reduced-motion:reduce){.nono-cell--wrong,.nono-cell--pop,.nono-cell--flash,.nono-board--solved .nono-cell--fill{animation:none}}.nono-art{grid-template-columns:repeat(var(--nono-size,5), 1fr);background:var(--bg-secondary);border-radius:6px;gap:2px;width:92px;padding:6px;animation:.4s ease-out both nono-art-in;display:grid}@keyframes nono-art-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.nono-art-px{aspect-ratio:1;background:0 0;border-radius:1px}.nono-art-px--on{background:var(--mix-accent-nono)}@media (prefers-reduced-motion:reduce){.nono-art{animation:none}}.nono-controls{gap:10px;width:100%;max-width:min(92vw,320px);display:flex}.nono-btn{flex:1 1 0}.nono-hint{color:var(--text-muted);text-align:center;margin:0;font-size:12px}.nono-result{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:min(92vw,320px);display:flex}.nono-result-line{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.nono-full-btn{width:100%}