.twenty-board{position:relative;width:min(100cqw,100cqh,650px);height:min(100cqw,100cqh,650px);border:6px solid #8e997044;border-radius:16px;background:#152e28e8;box-shadow:0 8px 24px #0004,inset 0 0 0 1px #b4bd9760;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.twenty-board:focus-visible{outline:2px solid #d3b574;outline-offset:3px}.twenty-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);position:absolute;inset:4px;grid-gap:8px;gap:8px}.twenty-grid i{border-radius:9px;background:#51634b4a;box-shadow:inset 0 1px 3px #0002}.twenty-position{position:absolute;width:25%;height:25%;padding:4px}.twenty-tile{display:grid;place-items:center;width:100%;height:100%;border-radius:9px;color:#303b32;background:#eee6d2;font-size:clamp(18px,min(7cqw,7cqh),44px);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 1px #fff8,0 3px 4px #0003}.twenty-tile[data-power="2"]{background:#e0d2ac}.twenty-tile[data-power="3"]{background:#dab87e}.twenty-tile[data-power="4"]{background:#d59b63}.twenty-tile[data-power="5"]{background:#d78059;color:#fff6e6}.twenty-tile[data-power="6"]{background:#be6055;color:#fff6e6}.twenty-tile[data-power="7"]{background:#a84458;color:#fff6e6}.twenty-tile[data-power="8"]{background:#8c3a59;color:#fff6e6}.twenty-tile[data-power="9"]{background:#6c4268;color:#fff6e6}.twenty-tile[data-power="10"]{background:#526180;color:#fff6e6;font-size:clamp(16px,min(6cqw,6cqh),36px)}.twenty-tile[data-power="11"]{background:#c5a34e;color:#282b22;font-size:clamp(15px,min(5cqw,5cqh),34px);box-shadow:inset 0 1px 2px #fff9,0 0 18px #dfbd4750}.twenty-motion{animation:twenty-slide .16s ease-out both;pointer-events:none}.twenty-final[data-animate]{animation:twenty-reveal .16s step-end both}.twenty-final .twenty-tile[data-spawn]{animation:twenty-pop .18s ease-out .16s backwards}.twenty-final .twenty-tile[data-merged]{animation:twenty-merge .18s ease-out .16s backwards}@keyframes twenty-slide{0%{transform:translate(var(--move-x),var(--move-y))}99%{opacity:1}to{transform:translate(0);visibility:hidden}}@keyframes twenty-reveal{0%{opacity:0}to{opacity:1}}@keyframes twenty-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes twenty-merge{0%,to{transform:scale(1)}45%{transform:scale(1.09)}}.nonogram-scroll{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;container-type:size;scrollbar-color:#8b9678 #18352d;scrollbar-width:thin;touch-action:pan-x pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.nonogram-scroll>.nonogram-grid{flex:none}.nonogram-grid{font-size:clamp(13px,calc(26cqmin/(var(--nonogram-size) + 5)),18px);--clue-width:max(3.5em,calc(var(--row-clues)*1.4em + 12px));--clue-height:max(2.8em,calc(var(--column-clues)*1.4em + 12px));--cell:clamp(32px,min(calc((100cqw - var(--clue-width) - 6px)/var(--nonogram-size)),calc((100cqh - var(--clue-height) - 6px)/var(--nonogram-size))),72px);display:grid;grid-template-columns:var(--clue-width) repeat(var(--nonogram-size),var(--cell));grid-template-rows:var(--clue-height) repeat(var(--nonogram-size),var(--cell));width:max-content;margin:auto;padding:0 2px 2px 0;isolation:isolate}.nonogram-corner{grid-row:1;grid-column:1;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:4;background:#203c32;display:grid;place-items:center;font-size:11px;color:#c8c9ad}.nonogram-clue{display:flex;align-items:center;justify-content:flex-end;padding:5px;gap:3px;background:#233e34;color:#f1e8d2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:650;font-size:1em;border-right:1px solid #556758;border-bottom:1px solid #556758;z-index:2}.nonogram-clue span{min-width:1.15em;line-height:1.15em;text-align:center}.nonogram-column{flex-direction:column;top:0}.nonogram-column,.nonogram-row{position:-webkit-sticky;position:sticky}.nonogram-row{left:0}.nonogram-clue[data-selected]{background:#4b5038;color:#ffe0a0}.nonogram-clue[data-complete]{color:#f1e8d24d}.nonogram-cell{padding:0;display:grid;place-items:center;min-width:0;min-height:0;border:0;border-right:1px solid #718578;border-bottom:1px solid #718578;background:#d8dfd0;color:#607466;font:500 24px/1 inherit;font-family:inherit;font-size:calc(var(--cell)*.52);cursor:crosshair;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y;-webkit-touch-callout:none;transition:background-color 90ms ease,box-shadow 90ms ease}.nonogram-cell[data-value="1"]{background:#294d45;box-shadow:inset 0 0 0 3px #527269}.nonogram-cell[data-value="2"]{background:#bdcabd}.nonogram-cell[data-block-right]{border-right:2px solid #172e25}.nonogram-cell[data-block-bottom]{border-bottom:2px solid #172e25}.nonogram-cell:focus-visible,.nonogram-cell[data-selected]{outline:2px solid #dcad55;outline-offset:-3px}.nonogram-grid[data-finished] .nonogram-cell[data-value="1"]{background:#487b61}@media (max-width:600px) and (pointer:coarse){.solo-game[data-solo=nonograms] .solo-board-actions{flex-wrap:nowrap;gap:4px}.solo-game[data-solo=nonograms] .solo-board-actions .solo-button{flex:1 1 auto;padding-inline:4px}}.solo-game .nonogram-tool[aria-pressed=true]{border-color:#cba86c;color:#ffe1ad;background:linear-gradient(145deg,#51422d,#382f24);box-shadow:inset 0 0 0 1px #cba86c}.solo-dialog[data-solo=nonograms][data-panel=ranking]{height:min(650px,calc(100dvh - 32px));overflow:auto}@media (orientation:landscape) and (max-height:440px) and (pointer:coarse){.twenty-board{border-width:4px}.twenty-position{padding:3px}.twenty-grid{inset:3px;gap:6px}}@media(prefers-reduced-motion:reduce){.twenty-motion{display:none}.twenty-final .twenty-tile[data-merged],.twenty-final .twenty-tile[data-spawn],.twenty-final[data-animate]{animation:none}.nonogram-cell{transition:none}}