:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--text-color:#334259;--text-inverted-color:#fff;--text-muted-color:#0006;--background-color:#fff;--grid-border-color:#ccc;--filled-background-color:#000;--filled-background-image:linear-gradient(120deg, #434343 0%, black 100%);--crossed-background-color:#ffbc42;--divider-background-color:#52ef4f;--grid-cell-height:32px;--grid-cell-width:32px;--divider-size:3px;--divider-z-index:5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text-color:#fff;--text-inverted-color:#242828;--text-muted-color:#ffffff80;--background-color:#242828;--grid-border-color:#555;--filled-background-color:#cecece;--filled-background-image:linear-gradient(-120deg, #dfe9f3 0%, white 100%);--crossed-background-color:#ffbc42;--divider-background-color:#ff42e3}}@media (width>=600px) and (height>=600px){:root{--grid-cell-height:42px;--grid-cell-width:42px;font-size:1.25rem}}*,:before,:after{box-sizing:border-box}html,body,.app-root{height:100%;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.app-root{display:grid}.app-container{margin:auto}.disable-text-selection{-webkit-user-select:none;user-select:none}.text-muted{color:var(--text-muted-color)}.full-grid{grid-gap:4px;touch-action:none;grid-template-areas:".column-hints""row-hints nonogram-grid";padding:1rem .2rem;display:grid}.full-grid>:first-child{grid-area:column-hints}.full-grid>:nth-child(2){grid-area:row-hints}.full-grid>:nth-child(3){grid-area:nonogram-grid}.hint-num{letter-spacing:-.0625rem;line-height:1;transition:color .2s ease-in-out}@media (width>=600px) and (height>=600px){.hint-num{letter-spacing:0;font-weight:700}}.column-hints{grid-template-columns:repeat(5,1fr);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.column-hints .hint-cell{grid-gap:5px;grid-template-rows:1fr;place-items:flex-end center;display:grid}.row-hints{grid-template-rows:repeat(5,1fr);grid-auto-rows:1fr;display:grid}.row-hints .hint-cell{grid-gap:5px;grid-template-columns:1fr;grid-auto-flow:column;place-items:center flex-end;display:grid}.nonogram-grid{background-color:var(--grid-border-color);border:1px solid var(--grid-border-color);cursor:pointer;border-radius:4px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);display:grid}.nonogram-grid.grid-5x10{grid-template-rows:repeat(10,1fr);position:relative}.nonogram-grid.grid-5x10:after{background-color:var(--divider-background-color);content:"";z-index:5;top:calc(50% - (var(--divider-size) / 2));height:var(--divider-size);position:absolute;left:1px;right:1px}.nonogram-grid.grid-10x5{grid-template-columns:repeat(10,1fr);position:relative}.nonogram-grid.grid-10x5:before{background-color:var(--divider-background-color);content:"";z-index:5;left:calc(50% - (var(--divider-size) / 2));width:var(--divider-size);position:absolute;top:1px;bottom:1px}.nonogram-grid.grid-10x10{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);position:relative}.nonogram-grid.grid-10x10:before,.nonogram-grid.grid-10x10:after{background-color:var(--divider-background-color);content:"";z-index:var(--divider-z-index);position:absolute}.nonogram-grid.grid-10x10:before{left:calc(50% - (var(--divider-size) / 2));width:var(--divider-size);top:1px;bottom:1px}.nonogram-grid.grid-10x10:after{top:calc(50% - (var(--divider-size) / 2));height:var(--divider-size);left:1px;right:1px}.nonogram-grid:active,.nonogram-cell:active{cursor:pointer}.nonogram-cell{background-color:var(--background-color);border:1px solid var(--grid-border-color);height:var(--grid-cell-height);width:var(--grid-cell-width);border-radius:4px}.nonogram-cell.filled{background-color:var(--filled-background-color);background-image:var(--filled-background-image)}.nonogram-cell.crossed{justify-content:center;align-items:center;display:flex}.nonogram-cell.crossed svg{color:var(--crossed-background-color);width:80%;height:auto}