.nonogram-game{--game-accent:#7dd3fc}.nonogram-puzzle{--nonogram-cell:min(2.75rem, calc((100vw - 8rem) / var(--nonogram-columns)));grid-template-rows:auto auto;grid-template-columns:minmax(3.5rem,auto) auto;justify-content:center;max-width:100%;margin:1.15rem auto 0;padding:.2rem;display:grid;overflow-x:auto}.nonogram-corner{border-bottom:2px solid color-mix(in srgb, var(--color-border) 85%, white);border-right:2px solid color-mix(in srgb, var(--color-border) 85%, white)}.nonogram-column-clues{grid-template-columns:repeat(var(--nonogram-columns), var(--nonogram-cell));align-items:stretch;display:grid}.nonogram-column-clue{border-bottom:2px solid color-mix(in srgb, var(--color-border) 85%, white);color:color-mix(in srgb, var(--color-foreground) 92%, white);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:flex-end;align-items:center;gap:.18rem;min-height:3.4rem;padding:.25rem .08rem;font-size:clamp(.58rem,2.2vw,.82rem);line-height:1;display:flex}.nonogram-row-clues{grid-template-rows:repeat(var(--nonogram-rows), var(--nonogram-cell));display:grid}.nonogram-row-clue{border-right:2px solid color-mix(in srgb, var(--color-border) 85%, white);color:color-mix(in srgb, var(--color-foreground) 92%, white);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:.18rem;min-width:3.5rem;padding:0 .45rem;font-size:clamp(.58rem,2.2vw,.82rem);line-height:1;display:flex}.nonogram-clue-run{background:color-mix(in srgb, var(--game-panel-raised) 70%, transparent);border:1px solid color-mix(in srgb, var(--game-line) 78%, transparent);border-radius:.22rem;justify-content:center;align-items:center;min-width:1.4em;min-height:1.35em;padding:.13em .2em;font-weight:750;line-height:1;display:inline-flex;box-shadow:0 1px #0004}.nonogram-column-clue,.nonogram-row-clue{transition:color .16s}.nonogram-column-clue[data-satisfied=true],.nonogram-row-clue[data-satisfied=true]{color:color-mix(in srgb, #86b89a 82%, var(--color-foreground))}.nonogram-column-clue[data-satisfied=true] .nonogram-clue-run,.nonogram-row-clue[data-satisfied=true] .nonogram-clue-run{border-color:color-mix(in srgb, #86b89a 48%, var(--game-line))}.nonogram-board{background:color-mix(in srgb, var(--color-card) 88%, black);grid-template-columns:repeat(var(--nonogram-columns), var(--nonogram-cell));grid-template-rows:repeat(var(--nonogram-rows), var(--nonogram-cell));transform-origin:50%;display:grid}.nonogram-cell{appearance:none;background:color-mix(in srgb, var(--color-card) 82%, white);border:0;border-bottom:1px solid color-mix(in srgb, var(--color-border) 65%, transparent);border-right:1px solid color-mix(in srgb, var(--color-border) 65%, transparent);color:color-mix(in srgb, var(--color-muted-foreground) 78%, transparent);cursor:pointer;font-size:calc(var(--nonogram-cell) * .72);height:var(--nonogram-cell);touch-action:manipulation;width:var(--nonogram-cell);justify-content:center;align-items:center;padding:0;line-height:1;transition:background .12s,box-shadow .12s;display:flex}.nonogram-board[data-paint-mode=fill] .nonogram-cell,.nonogram-board[data-paint-mode=empty] .nonogram-cell{touch-action:none;user-select:none}.nonogram-cell[data-group-right=true]{border-right-width:2px}.nonogram-cell[data-group-bottom=true]{border-bottom-width:2px}.nonogram-cell[data-state="1"]{background:#7dd3fc;box-shadow:inset 0 0 0 1px #bae6fd40}.nonogram-cell:hover{filter:brightness(1.08)}.nonogram-cell:focus-visible{z-index:2;outline:none;position:relative;box-shadow:inset 0 0 0 3px #facc15}.nonogram-cell[data-hint]{animation:.8s ease-in-out infinite alternate nonogram-hint-pulse;box-shadow:inset 0 0 0 3px #facc15}.nonogram-board[data-complete=true] .nonogram-cell[data-state="0"]{color:#0000}.nonogram-hint{color:#fde68a;text-align:center;margin:.75rem 0 0;font-size:.82rem}@keyframes nonogram-hint-pulse{to{filter:brightness(1.28)}}.nonogram-puzzle[data-complete=true] .nonogram-board{animation:1s cubic-bezier(.2,.75,.25,1) both nonogram-complete-pulse}.nonogram-puzzle[data-complete=true] .nonogram-cell[data-state="1"]{animation:.76s ease-out .42s both nonogram-grid-dissolve}.nonogram-puzzle[data-complete=true] .nonogram-cell:not([data-state="1"]){animation:.76s ease-out .42s both nonogram-empty-dissolve}.nonogram-puzzle[data-complete=true] .nonogram-corner,.nonogram-puzzle[data-complete=true] .nonogram-column-clue,.nonogram-puzzle[data-complete=true] .nonogram-row-clue{animation:.68s ease-out .48s both nonogram-scaffold-dissolve}@keyframes nonogram-complete-pulse{35%{filter:brightness(1.24)saturate(1.12);transform:scale(1.018);box-shadow:inset 0 0 1.7rem #fff1a826,0 0 2.2rem #7dd3fc8c}to{background-color:#0000}}@keyframes nonogram-grid-dissolve{to{border-color:#0000}}@keyframes nonogram-empty-dissolve{to{color:#0000;background-color:#0000;border-color:#0000}}@keyframes nonogram-scaffold-dissolve{to{filter:blur(.18rem);opacity:0;transform:scale(.97)}}@media (width<=520px){.nonogram-game .game-card{margin-inline:-.4rem;padding-inline:.45rem}.nonogram-puzzle{--nonogram-cell:max(1.15rem, min(2.65rem, calc((100vw - 3.25rem) / var(--nonogram-columns))));grid-template-columns:minmax(2.2rem,auto) auto;justify-content:start;margin-top:.8rem;padding-inline:0}.nonogram-row-clue{min-width:2.2rem;padding-inline:.15rem .25rem}.nonogram-column-clue{min-height:3rem}}@media (prefers-reduced-motion:reduce){.nonogram-cell[data-hint],.nonogram-puzzle[data-complete=true] .nonogram-board,.nonogram-puzzle[data-complete=true] .nonogram-cell,.nonogram-puzzle[data-complete=true] .nonogram-corner,.nonogram-puzzle[data-complete=true] .nonogram-column-clue,.nonogram-puzzle[data-complete=true] .nonogram-row-clue{animation:none}.nonogram-puzzle[data-complete=true] .nonogram-board{background-color:#0000}.nonogram-puzzle[data-complete=true] .nonogram-cell{border-color:#0000}.nonogram-puzzle[data-complete=true] .nonogram-cell:not([data-state="1"]),.nonogram-puzzle[data-complete=true] .nonogram-corner,.nonogram-puzzle[data-complete=true] .nonogram-column-clue,.nonogram-puzzle[data-complete=true] .nonogram-row-clue{color:#0000;opacity:0;background-color:#0000}}