.game-nonogram{--nn-line:1px solid #22304a33;--nn-line-major:2px solid var(--ink)}.game-nonogram .nn-home-daily{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.game-nonogram .nn-home-preview{width:190px}@media (width<=600px){.game-nonogram .nn-home-daily{grid-template-columns:minmax(0,1fr);gap:16px}.game-nonogram .nn-home-preview{order:-1;width:170px;margin:0 auto}}.game-nonogram .nn-size{font-variant-numeric:tabular-nums;min-width:62px}.game-nonogram .nn-meta{color:var(--muted);margin:12px 0 20px;font-size:14px;font-weight:700;line-height:1.45}.game-nonogram .nn-muted{color:var(--muted);font-size:14px;font-weight:800}.game-nonogram .nn-meta b,.game-nonogram .nn-muted b,.game-nonogram .nn-next-line b{color:var(--ink);font-variant-numeric:tabular-nums}.game-nonogram .nn-next-line{width:100%;color:var(--muted);margin:4px 0 0;font-size:14px;font-weight:800}.game-nonogram .nn-clock{border:2px solid var(--ink);background:var(--game-tint);border-radius:12px;flex-direction:column;align-items:center;min-width:64px;padding:3px 8px 4px;line-height:1;display:flex}.game-nonogram .nn-clock span{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.game-nonogram .nn-clock b{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px;font-weight:700}.game-nonogram .nn-play{flex-direction:column;gap:24px;padding-top:4px;display:flex}.game-nonogram .nn-wrap{width:100%;container-type:inline-size}.game-nonogram .nn-board{--n:10;--row-len:1;--col-len:1;--nn-edge:3px;--nn-slot:17px;--nn-pad:7px;--nn-max:calc(56px - var(--n) * 1.6px);--nn-clue-w:calc(var(--row-len) * var(--nn-slot) + var(--nn-pad));--nn-cell:min(var(--nn-max), (100cqw - 2 * var(--nn-edge) - var(--nn-clue-w)) / var(--n));grid-template-columns:var(--nn-clue-w) auto;width:max-content;font-family:var(--font-display);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;margin:0 auto;font-size:14px;font-weight:600;line-height:1;display:grid}@container (width<=520px){.game-nonogram .nn-board[data-size=full]{--nn-slot:11px;--nn-pad:4px;font-size:10.5px}}.game-nonogram .nn-col-clues{grid-column:2;grid-template-columns:repeat(var(--n), var(--nn-cell));height:calc(var(--col-len) * var(--nn-slot) + var(--nn-pad));padding:0 var(--nn-edge);display:grid}.game-nonogram .nn-col-clues .nn-clue{padding-bottom:calc(var(--nn-pad) - 2px);flex-direction:column;justify-content:flex-end;align-items:center}.game-nonogram .nn-col-clues .nn-clue span{height:var(--nn-slot);line-height:var(--nn-slot)}.game-nonogram .nn-row-clues{grid-area:2/1;grid-template-rows:repeat(var(--n), var(--nn-cell));padding:var(--nn-edge) 0;display:grid}.game-nonogram .nn-row-clues .nn-clue{padding-right:var(--nn-pad);white-space:nowrap;justify-content:flex-end;align-items:center;gap:.42em}.game-nonogram .nn-clue{min-width:0;color:var(--ink);display:flex}.game-nonogram .nn-clue[data-done]{color:var(--muted);opacity:.6;text-decoration:line-through;text-decoration-thickness:1px}.game-nonogram .nn-grid{grid-area:2/2;grid-template-columns:repeat(var(--n), var(--nn-cell));grid-auto-rows:var(--nn-cell);border:var(--nn-edge) solid var(--ink);-webkit-tap-highlight-color:transparent;touch-action:none;background:#fff;border-radius:12px;display:grid;overflow:hidden;box-shadow:0 7px #22304a59}.game-nonogram .nn-row{display:contents}.game-nonogram .nn-cell{cursor:pointer;touch-action:none;background:#fff;border:0;border-radius:0;place-items:center;min-width:0;padding:0;display:grid;position:relative}.game-nonogram .nn-cell[data-top=minor]{border-top:var(--nn-line)}.game-nonogram .nn-cell[data-top=major]{border-top:var(--nn-line-major)}.game-nonogram .nn-cell[data-left=minor]{border-left:var(--nn-line)}.game-nonogram .nn-cell[data-left=major]{border-left:var(--nn-line-major)}.game-nonogram .nn-cell[aria-disabled=true]{cursor:default}.game-nonogram .nn-cell:focus-visible{outline:3px solid var(--lake);outline-offset:-3px;z-index:1}@media (hover:hover) and (pointer:fine){.game-nonogram .nn-cell[data-mark=empty]:hover:not([aria-disabled=true]){background:var(--sky-pale)}}.game-nonogram .nn-fill{background:var(--ink);border-radius:18%;position:absolute;inset:max(1px,7%)}.game-nonogram .nn-cross{fill:none;width:62%;height:62%;stroke:var(--muted);stroke-width:3px;stroke-linecap:round}.game-nonogram .nn-board[data-size=full] .nn-cell[data-mark=fill] .nn-fill{animation:.12s ease-out nn-fill-in}.game-nonogram .nn-hint-ring{pointer-events:none;z-index:1;border-radius:6px;position:absolute;inset:2px}.game-nonogram .nn-cell[data-hint=target] .nn-hint-ring{border:var(--nn-hint-w,3px) solid var(--lake);background:#3e8fd829;animation:1.2s ease-in-out infinite nn-hint-pulse}.game-nonogram .nn-cell[data-hint=wrong] .nn-hint-ring{border:var(--nn-hint-w,3px) solid var(--signpost-deep);animation:1.2s ease-in-out infinite nn-hint-pulse;box-shadow:inset 0 0 0 1.5px #fff,0 0 0 1.5px #fff}.game-nonogram .nn-hint-badge{z-index:2;aspect-ratio:1;border:1.5px solid var(--ink);width:clamp(11px,38%,16px);color:var(--ink);font-family:var(--font-display);pointer-events:none;background:#fff;border-radius:50%;place-items:center;font-size:9.5px;font-weight:700;line-height:1;display:grid;position:absolute;top:1px;right:1px}@container (width<=520px){.game-nonogram .nn-board[data-size=full]{--nn-hint-w:2px}.game-nonogram .nn-hint-ring{border-radius:4px;inset:1px}}.game-nonogram .nn-hint-msg[data-open=false]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.game-nonogram .nn-hint-msg[data-open=true]{border:2px solid var(--ink);background:#fff;border-radius:14px;align-items:center;gap:10px;width:100%;max-width:520px;margin:0 auto;padding:8px 8px 8px 14px;display:flex;box-shadow:0 4px #22304a59}.game-nonogram .nn-hint-msg[data-open=true] p{flex:1;margin:0;font-size:15px;font-weight:700;line-height:1.35}.game-nonogram .nn-hint-icon{width:22px;height:22px;color:var(--ink);flex:none}.game-nonogram .nn-hint-close{flex:none;width:34px;height:34px}.game-nonogram .nn-hint-count{border:1.5px solid var(--ink);background:var(--game-tint);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 5px;font-size:12px;display:inline-grid}.game-nonogram .nn-board[data-solved] .nn-cross{display:none}.game-nonogram .nn-board[data-size=full][data-solved] .nn-fill{animation:none}.game-nonogram .nn-board[data-size=full][data-celebrate] .nn-fill{animation:nn-solved .42s ease-out var(--nn-delay,0s) both}.game-nonogram .nn-board[data-size=preview]{--nn-edge:2px;--nn-slot:8px;--nn-pad:3px;--nn-max:14px;--nn-line-major:1px solid #22304a8c;pointer-events:none;font-size:8px}.game-nonogram .nn-board[data-size=preview] .nn-grid{border-radius:7px;box-shadow:0 3px #22304a59}.game-nonogram .nn-board[data-size=preview] .nn-clue[data-done]{text-decoration:none}.game-nonogram .nn-pattern{--n:10;grid-template-columns:repeat(var(--n), minmax(0, 1fr));border:2px solid var(--ink);background:#fff;border-radius:8px;width:104px;margin:16px auto 0;display:grid;overflow:hidden;box-shadow:0 3px #22304a59}.game-nonogram .nn-pattern span{aspect-ratio:1}.game-nonogram .nn-pattern span[data-on]{background:var(--ink)}.game-nonogram .nn-help{gap:14px;margin:0;padding:0;list-style:none;display:grid}.game-nonogram .nn-help-step{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;display:grid}.game-nonogram .nn-help-step h3{font-family:var(--font-display);margin:0 0 2px;font-size:17px;font-weight:600;line-height:1.2}.game-nonogram .nn-help-step p{margin:0;font-size:14.5px;font-weight:600;line-height:1.4}.game-nonogram .nn-help-art{justify-content:center;display:flex}.game-nonogram .nn-strip{width:100%;font-family:var(--font-display);align-items:center;gap:5px;font-size:13px;font-weight:600;line-height:1;display:flex}.game-nonogram .nn-strip-clue{gap:3px;display:flex}.game-nonogram .nn-strip-clue[data-done]{color:var(--muted);opacity:.6;text-decoration:line-through;text-decoration-thickness:1px}.game-nonogram .nn-strip-cells{border:2px solid var(--ink);background:#fff;border-radius:5px;flex:1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.game-nonogram .nn-strip-cells span{aspect-ratio:1}.game-nonogram .nn-strip-cells span+span{border-left:var(--nn-line)}.game-nonogram .nn-strip-cells span[data-on]{background:var(--ink);box-shadow:inset 0 0 0 1px #fff}.game-nonogram .nn-cycle{align-items:center;gap:2px;display:flex}.game-nonogram .nn-cycle-cell{border:2px solid var(--ink);background:#fff;border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.game-nonogram .nn-cycle-cell[data-on]{background:var(--ink)}.game-nonogram .nn-cycle-arrow{stroke-width:3px;width:9px;height:9px;color:var(--muted)}.game-nonogram .nn-help-extras{border-top:2px dashed var(--sky-deep);margin:14px 0 0;padding:10px 0 0;list-style:none}.game-nonogram .nn-help-extras li{align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.3;display:flex}.game-nonogram .nn-help-extras svg{stroke-width:2.2px;flex:none;width:18px;height:18px}.game-nonogram .nn-help-foot{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.game-nonogram .nn-help-keys{color:var(--muted);margin:0 auto 0 0;font-size:13.5px;font-weight:700;line-height:1.35}@media (hover:none){.game-nonogram .nn-help-keys{display:none}}@media (width<=420px){.game-nonogram .nn-help{gap:12px}.game-nonogram .nn-help-step{grid-template-columns:80px minmax(0,1fr);gap:12px}.game-nonogram .nn-help-step h3{font-size:16px}.game-nonogram .nn-help-step p{font-size:14px;line-height:1.35}.game-nonogram .nn-strip{gap:4px;font-size:11.5px}.game-nonogram .nn-cycle-cell{width:18px;height:18px}.game-nonogram .nn-cycle-arrow{width:8px;height:8px}}@media (height<=760px) and (width<=600px){.game-nonogram .nn-help{gap:9px}.game-nonogram .nn-help-step{grid-template-columns:72px minmax(0,1fr);gap:10px}.game-nonogram .nn-help-step h3{font-size:15.5px}.game-nonogram .nn-help-step p{font-size:13.5px;line-height:1.3}.game-nonogram .nn-strip{font-size:11px}.game-nonogram .nn-help-extras{margin-top:10px;padding-top:8px}.game-nonogram .nn-help-extras li{font-size:13.5px}.game-nonogram .nn-help-foot{margin-top:12px}}@media (width<=359px),(height<=600px){.game-nonogram .nn-help{gap:8px}.game-nonogram .nn-help-step{grid-template-columns:64px minmax(0,1fr);gap:10px}.game-nonogram .nn-help-step h3{font-size:14.5px}.game-nonogram .nn-help-step p{font-size:12.5px;line-height:1.25}.game-nonogram .nn-strip{gap:3px;font-size:10px}.game-nonogram .nn-strip-clue{gap:2px}.game-nonogram .nn-strip-cells{border-width:1.5px;border-radius:4px}.game-nonogram .nn-cycle-cell{border-width:1.5px;border-radius:4px;width:14px;height:14px}.game-nonogram .nn-cycle-arrow{width:6px;height:6px}.game-nonogram .nn-help-extras{margin-top:6px;padding-top:5px}.game-nonogram .nn-help-extras li{font-size:12.5px}.game-nonogram .nn-help-extras svg{width:15px;height:15px}.game-nonogram .nn-help-foot{margin-top:8px}.dt-modal:has(.nn-help){padding:10px 14px 14px}.dt-modal:has(.nn-help) .dt-modal-title{margin:6px 0 0;font-size:18px}.dt-modal:has(.nn-help) .dt-icon-btn{width:38px;height:38px}}@keyframes nn-hint-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.9)}}@keyframes nn-fill-in{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes nn-solved{0%{transform:scale(1)}45%{transform:scale(.72)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.game-nonogram .nn-fill,.game-nonogram .nn-hint-ring{animation:none!important}}