.game-page--nonogram .game-page__content{width:min(100%,68rem)}.nonogram-game{display:grid;min-width:0;gap:var(--space-4);padding:clamp(var(--space-3),3vw,var(--space-6));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.nonogram-toolbar,.nonogram-stats,.nonogram-tools,.nonogram-actions{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center}.nonogram-toolbar{align-items:end}.nonogram-actions [hidden]{display:none}.nonogram-picker{display:grid;min-width:min(100%,14rem);gap:var(--space-1);color:var(--color-ink-muted);font-size:.86rem;font-weight:700}.nonogram-picker select{width:100%;min-width:0;min-height:3rem;max-width:100%;padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface-muted);font:inherit;cursor:pointer}.nonogram-picker select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.nonogram-stat{display:grid;min-width:6rem;gap:.15rem;padding:.55rem .8rem;border-radius:var(--radius-sm);color:var(--color-ink-muted);background:var(--color-surface-muted);text-align:center;font-size:.78rem;font-weight:700}.nonogram-stat strong{color:var(--color-ink);font-size:1.05rem}.nonogram-tools{padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-muted)}.nonogram-tool{min-height:2.75rem;padding:.55rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface);font-weight:750;cursor:pointer;touch-action:manipulation}.nonogram-tool:hover{border-color:var(--color-primary)}.nonogram-tool[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.nonogram-tool[aria-pressed=true]:before{content:"✓ "}.nonogram-status{min-height:1.5rem;margin:0;color:var(--color-primary);text-align:center;font-weight:750}.nonogram-board-wrap{display:grid;width:100%;min-width:0;place-items:center;overflow:visible}.nonogram-layout{--nonogram-size: 5;display:grid;width:min(100%,42rem);min-width:0;grid-template-columns:clamp(3.5rem,16vw,6.5rem) minmax(0,1fr);grid-template-rows:clamp(4.25rem,18vw,7rem) auto;user-select:none;-webkit-user-select:none}.nonogram-corner{border-right:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);background:var(--color-surface-muted)}.nonogram-column-clues{display:grid;min-width:0;grid-template-columns:repeat(var(--nonogram-size),minmax(0,1fr));border-bottom:2px solid var(--color-ink)}.nonogram-row-clues{display:grid;min-height:0;grid-template-rows:repeat(var(--nonogram-size),minmax(0,1fr));border-right:2px solid var(--color-ink)}.nonogram-clue{display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;color:var(--color-ink);font-size:clamp(.64rem,2.5vw,.93rem);font-weight:800;line-height:1.05}.nonogram-clue--column{padding:.22rem .08rem;flex-direction:column;justify-content:end;text-align:center}.nonogram-clue--row{padding:.08rem .35rem;gap:.2rem;justify-content:end;text-align:right}.nonogram-clue.is-resolved{color:var(--color-ink-muted);text-decoration:line-through;text-decoration-thickness:2px;opacity:.7}.nonogram-clue.is-resolved:after{content:"✓";margin-left:.18rem;color:var(--color-primary);text-decoration:none;font-size:.7em}.nonogram-clue--column.is-resolved:after{margin:.12rem 0 0}.nonogram-board{display:grid;min-width:0;grid-template-columns:repeat(var(--nonogram-size),minmax(0,1fr));aspect-ratio:1;border-right:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);background:var(--color-surface);touch-action:none}.nonogram-cell{display:grid;min-width:0;min-height:0;aspect-ratio:1;padding:0;place-items:center;border:0;border-top:1px solid #9aa9bc;border-left:1px solid #9aa9bc;border-radius:0;color:#42516a;background:#fff;font-size:clamp(.8rem,4.5vw,1.65rem);font-weight:850;line-height:1;cursor:crosshair}.nonogram-cell:hover:not(:disabled){background:var(--color-primary-soft)}.nonogram-cell--filled{background:#26364f;box-shadow:inset 0 0 0 2px #172033}.nonogram-cell--filled:hover:not(:disabled){background:#314969}.nonogram-cell--empty{background:#f7f9fc}.nonogram-cell--block-right{border-right:2px solid var(--color-ink)}.nonogram-cell--block-bottom{border-bottom:2px solid var(--color-ink)}.nonogram-cell--selected{position:relative;z-index:1;outline:3px solid #d67d00;outline-offset:-3px}.nonogram-cell:focus-visible{position:relative;z-index:2;outline:3px solid var(--color-primary);outline-offset:-3px}.nonogram-cell:disabled{cursor:default;opacity:1}.nonogram-help{margin:0;color:var(--color-ink-muted);text-align:center;font-size:.9rem;line-height:1.55}@media(max-width:420px){.nonogram-game{padding-inline:var(--space-2)}.nonogram-layout{grid-template-columns:clamp(3.25rem,17vw,4.4rem) minmax(0,1fr);grid-template-rows:4.25rem auto}.nonogram-actions{display:grid;grid-template-columns:1fr 1fr}.nonogram-actions .button{min-width:0;padding-inline:.6rem}.nonogram-actions [data-action=next]{grid-column:1 / -1}.nonogram-clue{font-size:clamp(.58rem,2.65vw,.74rem)}.nonogram-cell{font-size:clamp(.7rem,5vw,1.15rem)}}@media(prefers-reduced-motion:no-preference){.nonogram-cell,.nonogram-tool{transition:background-color .1s ease,border-color .1s ease}}