:root{--border-color: #dfdfdf;--border-color-dark-1: #cccccc;--border-color-dark-3: #aaaaaa;--game-bg-start: rgb(226, 243, 239);--game-bg-end: rgb(221, 237, 245);--game-bg-dark-20: rgb(180.8, 194.4, 191.2);--t-color-main: rgb(0, 112, 238);--t-color-main-light-3: #7da1ff;--t-color-main-light-7: #d2dcff;--t-color-main-light-9: #edf0ff;--t-color-main-dark-2: #004ba3;--text-color: #333333;--text-color-light-9: #ffffff;--danger-color: #ff3950;--success-color: #67c23a;--warning-color: #e6a23c;--t-radius: 4px;--site-bg: #2f4454;--site-backdrop-scrim: color-mix( in srgb, color-mix(in srgb, var(--site-bg, #2f4454), black 50%) 45%, transparent 55% );--site-backdrop-scrim: oklch( from var(--site-bg, #2f4454) calc(l * 0.5) c h / 0.45 );--site-backdrop-solid: color-mix( in srgb, var(--site-bg, #2f4454), black 50% );--site-backdrop-solid: oklch( from var(--site-bg, #2f4454) calc(l * 0.5) c h );--site-jigsaw-canvas-bg: color-mix( in srgb, var(--site-bg, #2f4454), black 15% );--site-jigsaw-canvas-bg: oklch( from var(--site-bg, #2f4454) calc(l * 0.9) c h )}.playfield[data-component=nonogram] .playfield__layout{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.playfield[data-component=nonogram] .playfield__layout.playfield__layout--sticky{overflow-x:visible;overflow-y:visible}.playfield[data-component=nonogram] .playfield__grid{width:100%;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}.controls--secondary .icon--fill{background-image:url(https://img.icons8.com/?size=64&id=l4lZP7SuQtgB&format=png);filter:invert(1)}.controls--secondary .icon--cross{background-image:url(https://img.icons8.com/?size=64&id=5MMXjz5xwQvy&format=png);filter:invert(1)}.playfield[data-component=nonogram]+.controls--secondary{margin-top:2rem}.playfield[data-component=nonogram].playfield--unified-marking~.controls--secondary{display:none !important}.controls--secondary{width:100%;display:flex;justify-content:center;box-sizing:border-box;margin:0;padding:0;flex-shrink:0}.controls--secondary .controls__inner{width:100%;display:flex;justify-content:center}.controls--secondary .controls__list{justify-content:center;gap:1rem}.controls--secondary .controls__button-label{font-size:17px;line-height:1;font-weight:600}@media(max-width: 768px){.controls--secondary .controls__button-label{display:inline !important}}.controls--secondary .controls__button.controls__button--active{opacity:.95}.controls--secondary .controls__button:not(.controls__button--active){opacity:.45}.controls--secondary .controls__button:focus-visible{outline:2px solid hsla(0,0%,100%,.85);outline-offset:3px}.grid__layout{--nonogram-cell: 26px;--nonogram-board-w: 0px;--nonogram-board-h: 0px;--nonogram-hl-board-soft: color-mix(in srgb, var(--site-bg, #2f4454), white 91%);--nonogram-hl-board-strong: color-mix(in srgb, var(--site-bg, #2f4454), white 82%);--nonogram-hl-clue-soft: rgba(255, 255, 255, 0.12);--nonogram-hl-clue-strong: rgba(255, 255, 255, 0.22);--nonogram-hl-soft: var(--nonogram-hl-board-soft);--nonogram-hl-strong: var(--nonogram-hl-board-strong);--nonogram-clue-done: #2b820c;--nonogram-contra-tint: #b84a32;--nonogram-contra-clue-num: #a63d28;--nonogram-contra-board-soft: color-mix(in srgb, var(--nonogram-contra-tint), transparent 91%);--nonogram-shell-bg: #ffffff;--nonogram-sticky-clue-bg: var(--site-bg, #2f4454);--nonogram-cell-open-bg: #ffffff;display:grid;grid-template-columns:max-content .5rem var(--nonogram-board-w) .5rem;grid-template-rows:minmax(2.5rem, auto) .5rem var(--nonogram-board-h) .5rem;box-sizing:border-box;flex-shrink:0;max-width:none}.grid__layout.grid__layout--sides{grid-template-columns:max-content .5rem var(--nonogram-board-w) .5rem max-content;grid-template-rows:minmax(2.5rem, auto) .5rem var(--nonogram-board-h) .5rem minmax(2.5rem, auto)}.grid__layout.grid__layout--sides .grid__board{grid-column:3/4;grid-row:3/4}.grid__sticky{grid-column:3/-2;grid-row:1/4;display:flex;flex-direction:column;align-items:stretch;min-height:0;max-width:100%;position:relative;z-index:1;box-sizing:border-box}.grid__layout--sides .grid__sticky{grid-column:3/4;grid-row:1/4}.grid__sticky-spacer{flex:0 0 .5rem;min-height:.5rem;width:100%;pointer-events:none}.grid__sticky .grid__col-clues{grid-column:auto;grid-row:auto;flex:0 0 auto;width:100%}.grid__sticky .grid__board{grid-column:auto;grid-row:auto;flex:0 0 auto;align-self:flex-start}.grid__layout--sticky .grid__sticky .grid__col-clues{position:-webkit-sticky;position:sticky;top:0;z-index:6;background-color:var(--nonogram-sticky-clue-bg)}.grid__edge{background:#fff;pointer-events:none;z-index:0}.grid__edge--top{grid-column:2/5;grid-row:2/3}.grid__edge--bottom{grid-column:2/5;grid-row:4/5}.grid__edge--left{grid-column:2/3;grid-row:3/-2}.grid__edge--right{grid-column:4/5;grid-row:3/5}.grid__corner{position:relative;z-index:1;grid-column:1;grid-row:1;border-right:none;border-bottom:none;box-sizing:border-box}.grid__col-clues{position:relative;z-index:1;grid-column:3/-2;grid-row:1;display:grid;border-bottom:none;box-sizing:border-box}.grid__col-clue{display:flex;align-items:flex-end;justify-content:center;border-right:none;padding:2px 1px 4px;box-sizing:border-box;min-height:100%}.grid__col-clue:last-child{border-right:none}.grid__col-clue.grid__col-clue--hl{background-color:var(--nonogram-hl-clue-soft)}.grid__clue-list{display:flex;width:100%;align-items:center}.grid__col-clue .grid__clue-list{flex-direction:column;justify-content:flex-end;gap:1px}.grid__col-clues.grid__col-clues--bottom{grid-column:3/4;grid-row:5/6;border-bottom:none}.grid__col-clue.grid__col-clue--flip{align-items:flex-start;padding:4px 1px 2px}.grid__col-clue .grid__clue-list.grid__clue-list--flip{justify-content:flex-start}.grid__row-clues{position:relative;z-index:1;grid-column:1;grid-row:3/-2;display:grid;border-right:none;box-sizing:border-box}.grid__row-clue{display:flex;align-items:center;justify-content:flex-end;border-bottom:none;padding:2px 6px 2px 4px;box-sizing:border-box}.grid__row-clue:last-child{border-bottom:none}.grid__row-clue.grid__row-clue--hl{background-color:var(--nonogram-hl-clue-soft)}.grid__row-clue .grid__clue-list{flex-direction:row;justify-content:flex-end;flex-wrap:wrap;gap:4px;max-width:14rem}.grid__row-clues.grid__row-clues--right{grid-column:5/6;grid-row:3/4}.grid__row-clue.grid__row-clue--flip{justify-content:flex-start;padding:2px 4px 2px 6px}.grid__row-clue .grid__clue-list.grid__clue-list--flip{justify-content:flex-start}.grid__clue-num{font-size:13px;line-height:1.1}.grid__clue-num.grid__clue-num--completed{opacity:.5}.grid__clue-num.grid__clue-num--error{color:var(--nonogram-contra-clue-num);opacity:1}.grid__board{position:relative;z-index:1;grid-column:3/-2;grid-row:3/-2;justify-self:start;align-self:start;touch-action:none;box-sizing:border-box;background:var(--nonogram-shell-bg);box-shadow:0 0 0 1px #000;width:var(--nonogram-board-w);height:var(--nonogram-board-h)}.grid__lines{position:absolute;left:0;top:0;pointer-events:none;display:block}.grid__lines--minor{z-index:0}.grid__lines--major{z-index:1}.grid__cell{margin:0;padding:0;border:none;background:#fff;box-sizing:border-box;position:absolute;isolation:isolate;overflow:hidden;appearance:none;width:var(--nonogram-cell);height:var(--nonogram-cell);z-index:2;transition:filter 120ms ease}.grid__cell:hover:not(.grid__cell--filled):not(.grid__cell--error-row):not(.grid__cell--error-col):not(.grid__cell--marked){filter:brightness(1.03)}.grid__cell.grid__cell--filled{background:var(--nonogram-cell-open-bg)}.grid__cell.grid__cell--filled::after{content:"";position:absolute;inset:0;box-sizing:border-box;background:#98eca2;z-index:0;pointer-events:none}.grid__cell.grid__cell--hl{box-shadow:inset 0 0 0 999px var(--nonogram-hl-board-soft)}.grid__cell.grid__cell--hl.grid__cell--hl-on{box-shadow:inset 0 0 0 999px var(--nonogram-hl-board-strong)}.grid__cell.grid__cell--error-row{box-shadow:inset 0 0 0 999px var(--nonogram-contra-board-soft)}.grid__cell.grid__cell--error-row.grid__cell--hl{box-shadow:inset 0 0 0 999px var(--nonogram-contra-board-soft)}.grid__cell.grid__cell--error-row.grid__cell--hl.grid__cell--hl-on{box-shadow:inset 0 0 0 999px var(--nonogram-contra-board-soft)}.grid__cell.grid__cell--error-col{box-shadow:inset 0 0 0 999px var(--nonogram-contra-board-soft)}.grid__cell.grid__cell--error-col.grid__cell--hl{box-shadow:inset 0 0 0 999px var(--nonogram-contra-board-soft)}.grid__cell.grid__cell--error-col.grid__cell--hl.grid__cell--hl-on{box-shadow:inset 0 0 0 999px var(--nonogram-contra-board-soft)}.grid__cell.grid__cell--error-row.grid__cell--error-col{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--nonogram-contra-tint), transparent 86%)}.grid__cell.grid__cell--error-row.grid__cell--error-col.grid__cell--hl{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--nonogram-contra-tint), transparent 84%)}.grid__cell.grid__cell--error-row.grid__cell--error-col.grid__cell--hl.grid__cell--hl-on{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--nonogram-contra-tint), transparent 84%)}.grid__cell.grid__cell--marked{background:var(--nonogram-cell-open-bg);background-image:none}.grid__cell.grid__cell--marked::after{content:"";position:absolute;inset:25%;z-index:3;--nonogram-cross: #999999;background:linear-gradient(45deg, transparent 44%, var(--nonogram-cross) 45%, var(--nonogram-cross) 55%, transparent 56%),linear-gradient(-45deg, transparent 44%, var(--nonogram-cross) 45%, var(--nonogram-cross) 55%, transparent 56%);pointer-events:none}.grid__cell.grid__cell--marked.grid__cell--hl.grid__cell--hl-on{box-shadow:inset 0 0 0 999px var(--nonogram-hl-board-soft)}.grid__cell:focus-visible{outline:2px solid #0070ee;outline-offset:-2px;z-index:5}.grid__coord-label{position:absolute;right:1px;bottom:1px;margin:0;padding:0;font-size:13px;line-height:1;font-weight:400;color:var(--text-color, #333333);pointer-events:none;user-select:none;z-index:4}