.nonograms-page{padding-top:12px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.nonograms-game{background:#bdcee9;border:1px solid #849bb2;border-radius:14px;padding:12px}.nonograms-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.nonograms-sizes{flex-wrap:wrap;gap:4px;max-width:100%;display:flex}.nonograms-game button:not(.nonograms-cell),.nonograms-page .nonograms-reveal{border:1px solid var(--accent);min-width:44px;min-height:44px;color:var(--ink);background:var(--covered);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:.8125rem;font-weight:550;display:inline-flex}.nonograms-toolbar button{white-space:nowrap;flex-shrink:0}.nonograms-game .nonograms-sizes button{background:0 0;border-color:#0000}.nonograms-game .nonograms-sizes button[aria-pressed=true]{background:var(--covered);border-color:var(--accent)}.nonograms-modes{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.nonograms-game .nonograms-modes button{white-space:nowrap;flex:1 0 calc(33.3333% - 4px);min-width:max-content}.nonograms-game .nonograms-modes [aria-pressed=true]{background:var(--accent);color:var(--covered);text-underline-offset:4px;text-decoration:underline}.nonograms-scroller{overscroll-behavior-inline:contain;scrollbar-color:#526a7f #d4e0ef;scrollbar-width:thin;width:100%;padding:2px 0 6px;overflow-x:auto}.nonograms-scroller:focus-visible{outline-offset:1px}.nonograms-game .nonograms-context{z-index:4;background:var(--covered);color:var(--ink);font-variant-numeric:tabular-nums;border:1px solid #849bb2;border-radius:7px;flex-wrap:wrap;gap:0 6px;padding:6px 8px;font-size:.875rem;font-weight:600;line-height:1.4;display:flex;position:sticky;top:8px;margin:0 0 8px!important}.nonograms-context-values.is-done{text-underline-offset:3px;text-decoration:underline}.nonograms-context-values.is-error{color:#802c22;text-underline-offset:3px;text-decoration:underline double}.nonograms-board{--ng-size:5;--ng-cell:44px;--ng-gutter:40px;--ng-clue-height:48px;grid-template-columns:var(--ng-gutter) calc(var(--ng-cell) * var(--ng-size) + 1px);grid-template-rows:var(--ng-clue-height) calc(var(--ng-cell) * var(--ng-size) + 1px);width:max-content;margin-inline:auto;display:grid}.nonograms-corner{z-index:3;background:#bdcee9;grid-area:1/1;position:sticky;left:0}.nonograms-columns{grid-template-columns:repeat(var(--ng-size), var(--ng-cell));grid-area:1/2;padding-left:1px;display:grid}.nonograms-rows{z-index:2;grid-template-rows:repeat(var(--ng-size), var(--ng-cell));background:#bdcee9;grid-area:2/1;padding-top:1px;display:grid;position:sticky;left:0}.nonograms-clue{font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;padding-right:8px;font-size:.875rem;font-weight:600;line-height:1.28571;display:flex}.nonograms-columns .nonograms-clue{flex-direction:column;gap:0;padding:0 0 6px}.nonograms-clue.is-active{background:#dce7f4}.nonograms-clue.is-done{text-underline-offset:3px;text-decoration:underline}.nonograms-clue.is-error{color:#802c22;text-underline-offset:3px;text-decoration:underline double}.nonograms-cells{grid-template-columns:repeat(var(--ng-size), var(--ng-cell));grid-template-rows:repeat(var(--ng-size), var(--ng-cell));border:1px solid #4e697a;grid-area:2/2;display:grid}.nonograms-cell{width:var(--ng-cell);height:var(--ng-cell);background:var(--covered);min-width:0;min-height:0;color:var(--ink);cursor:pointer;scroll-margin-left:var(--ng-gutter);border:1px solid #71858a;border-top:0;border-left:0;border-radius:0;justify-content:center;align-items:center;padding:3px;scroll-margin-right:4px;display:flex;position:relative}.nonograms-cell.is-active-line{background:#edf2e4}.nonograms-cell[data-mark="1"]{background:var(--ink)}.nonograms-cell[data-mark="-1"]{color:#385367}.nonograms-cell svg{pointer-events:none;width:24px;height:24px}.nonograms-game[data-size="10"] .nonograms-cell{scroll-margin-top:var(--ng-context-offset,0px);scroll-margin-bottom:2px}.nonograms-game[data-size="10"] .nonograms-cell.is-fifth-column{border-right:2px solid #7b8a8e}.nonograms-game[data-size="10"] .nonograms-cell.is-fifth-row{border-bottom:2px solid #7b8a8e}.nonograms-cell.is-hinted{outline-offset:-4px;z-index:1;outline:3px dashed #764061}.nonograms-cell:focus-visible{outline-offset:-4px;z-index:1;outline:3px solid #764061}.nonograms-cell[data-mark="1"]:focus-visible{outline-color:var(--covered)}.nonograms-scroll-note{color:#344e63;font-size:.75rem;line-height:1.5;margin-top:3px!important}.nonograms-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.nonograms-game .nonograms-actions button{white-space:nowrap;flex:1 0 max(44px,25% - 4.5px);min-width:min(100%,max(44px,4.75em));padding-inline:4px}.nonograms-actions .r2-icon{flex-basis:16px;width:16px;height:16px}.nonograms-game button:disabled,.nonograms-page .nonograms-reveal:disabled{opacity:.5;cursor:default}.nonograms-game[data-game-state=won] [data-nonograms-next]{background:var(--accent);color:var(--covered)}.nonograms-game[data-game-state=won] .nonograms-cell{cursor:default}.nonograms-message{color:var(--ink);font-size:.8125rem;line-height:1.5}.nonograms-message:not(:empty){margin-top:10px!important}.nonograms-game[data-game-state=won] .nonograms-message{font-weight:650}.nonograms-game .nonograms-apply{margin-top:8px}.nonograms-game [hidden]{display:none!important}.nonograms-caption{color:var(--muted);justify-content:space-between;gap:12px;padding-top:10px;font-size:.75rem;display:flex}.nonograms-storage-warning{color:#79251e;font-size:.75rem;margin-top:8px!important}.nonograms-page .nonograms-reveal{margin-top:4px}.nonograms-page .game-help p{font-size:.875rem}@media (hover:hover){.nonograms-game button:not(:disabled):not(.nonograms-cell):hover,.nonograms-page .nonograms-reveal:not(:disabled):hover{text-underline-offset:4px;text-decoration:underline}}@media (width<=350px){.nonograms-game{padding:8px}.nonograms-game button:not(.nonograms-cell){padding-inline:9px}}@media (height<=620px){.nonograms-game{padding:8px}.nonograms-toolbar,.nonograms-modes{margin-bottom:6px}}@media (width>=1024px){.nonograms-game{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;display:grid}.nonograms-toolbar,.nonograms-modes{margin-bottom:10px}.nonograms-game>:not(.nonograms-toolbar):not(.nonograms-modes){grid-column:1/-1}.nonograms-game .nonograms-apply{justify-self:start}}