.nonogram-page{font-family:var(--font-system);color:#121117;background:#fff}.nonogram-page h1,.nonogram-page h2,.nonogram-page h3{font-family:var(--font-system);overflow-wrap:anywhere;font-weight:700}.nonogram-hero{background:#99c5ff}.nonogram-hero-inner,.nonogram-section-inner{max-width:1248px;margin:0 auto;padding:56px 24px}.nonogram-breadcrumb a{font-size:14px;font-weight:600}.nonogram-eyebrow{letter-spacing:1.5px;text-transform:uppercase;margin:24px 0 16px;font-size:12px;font-weight:600}.nonogram-hero h1{letter-spacing:-1.4px;max-width:760px;margin:0;font-size:clamp(36px,4.6vw,60px);line-height:1.08}.nonogram-lede{max-width:680px;margin:24px 0 0;font-size:18px;line-height:1.55}.nonogram-section.is-mist{background:#f4f4f8}.nonogram-section h2{margin:0;font-size:clamp(28px,3.2vw,40px);line-height:1.13}.nonogram-section-lede,.nonogram-rules li,.nonogram-tip,.nonogram-hints-note p,.nonogram-lesson-head p{color:#4d4c5c;max-width:720px;font-size:17px;line-height:1.6}.nonogram-rules ol{margin:20px 0 0;padding-inline-start:22px}.nonogram-tip{background:#fff;border-inline-start:4px solid #ffdf3d;margin:16px 0 0;padding:12px 16px}.nonogram-hints-note{background:#fff;border:1px solid #dcdce5;border-radius:8px;margin-top:40px;padding:20px 24px}.nonogram-hints-note h3{margin:0 0 8px;font-size:20px}.nonogram-hints-note p{margin:0}.nonogram-button{color:#fff;min-height:44px;font:600 15px/1.2 var(--font-system);cursor:pointer;background:#121117;border:1px solid #121117;border-radius:4px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;display:inline-flex}.nonogram-button:hover:not(:disabled){background:#2a2935}.nonogram-button.is-ghost{color:#121117;background:#fff}.nonogram-button.is-ghost:hover:not(:disabled){background:#dcecff}.nonogram-button:disabled{opacity:.45;cursor:default}.nonogram-page button:focus-visible,.nonogram-page a:focus-visible{outline-offset:2px;outline:3px solid #99c5ff}.nonogram-board-wrap{width:min(100%,560px);container-type:inline-size}.nonogram-board{--clue-size:clamp(10px, calc(56cqi / (var(--cols) + 4)), 17px);width:100%;max-width:calc(var(--cols) * 52px + 6em);-webkit-user-select:none;user-select:none;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);display:grid}.nonogram-board.is-strip{--clue-size:16px;grid-template-rows:auto;width:min(100%,520px)}.nonogram-corner{grid-area:1/1}.nonogram-board.is-strip .nonogram-corner{display:none}.nonogram-col-clues{grid-area:1/2;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));align-items:end;padding-bottom:4px;display:grid}.nonogram-row-clues{grid-area:2/1;grid-template-rows:repeat(var(--rows), minmax(0, 1fr));padding-inline-end:6px;display:grid}.nonogram-board.is-strip .nonogram-row-clues{grid-area:1/1}.nonogram-clue{color:#121117;font-size:var(--clue-size);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:.35em;font-weight:600;line-height:1.15;transition:color .24s,background-color .24s;display:flex}.nonogram-col-clues .nonogram-clue{flex-direction:column;justify-content:flex-end;gap:.1em}.nonogram-clue.is-done{color:#6a697c;font-weight:400}.nonogram-clue.is-focus{color:#121117;background:#ffdf3d;font-weight:700}.nonogram-cells{grid-area:2/2;grid-template-rows:repeat(var(--rows), minmax(0, 1fr));aspect-ratio:var(--cols) / var(--rows);touch-action:none;background:#fff;border:2px solid #121117;display:grid;position:relative}.nonogram-board.is-strip .nonogram-cells{touch-action:manipulation;grid-area:1/2}.nonogram-row{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));display:grid}.nonogram-cell{border-inline-end:1px solid #dcdce5;background-color:#fff;border-bottom:1px solid #dcdce5;transition:background-color .16s,opacity .24s;position:relative}.nonogram-row:last-child .nonogram-cell{border-bottom:0}.nonogram-cell:last-child{border-inline-end:0}.nonogram-cell.edge-right{border-inline-end:2px solid #121117}.nonogram-cell.edge-bottom{border-bottom:2px solid #121117}.nonogram-cell-button,.nonogram-cell-static{background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.nonogram-cell-button{cursor:pointer}.nonogram-cell.is-filled{background-color:#121117}.nonogram-cell.is-crossed,.nonogram-cell.is-ghost-cross{--cross:#6a697c;background-image:linear-gradient(45deg, transparent 44%, var(--cross) 44% 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, var(--cross) 44% 56%, transparent 56%);background-position:50%;background-repeat:no-repeat;background-size:56% 56%}.nonogram-board.is-solved .nonogram-cell.is-crossed{background-image:none}.nonogram-cell.is-selected{outline-offset:-3px;z-index:1;outline:3px solid #99c5ff}.nonogram-cell.is-mistake{--cross:#b42318;background-color:#fde8e7}.nonogram-cell.is-mistake.is-filled{background-color:#b42318}.nonogram-cell.is-dim{opacity:.28}.nonogram-cell.is-line:not(.is-filled){background-color:#dcecff}.nonogram-cell.is-cause{box-shadow:inset 0 0 0 3px #ffdf3d}.nonogram-cell.is-line.is-ghost-fill,.nonogram-cell.is-ghost-fill{background-color:#3659d1;animation:.42s both nonogram-appear}.nonogram-cell.is-ghost-cross{--cross:#3659d1;animation:.42s both nonogram-appear}.nonogram-packings{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nonogram-packings rect{rx:.08px}.nonogram-packings .is-left{fill:#3659d1}.nonogram-packings .is-right{fill:#ff861d}.nonogram-packings .is-other rect{opacity:.35}.beat-conclude .nonogram-packings,.beat-recap .nonogram-packings{opacity:.4}.nonogram-packings.is-sliding .is-right{animation:1.1s .25s both nonogram-slide}@keyframes nonogram-slide{0%{transform:translate(var(--shift-x), var(--shift-y))}}@keyframes nonogram-appear{0%{opacity:0}}.nonogram-game{margin-top:28px}.nonogram-toolbar{gap:12px;margin-bottom:20px;display:grid}.nonogram-segmented{border:1px solid #121117;border-radius:4px;justify-self:start;display:inline-flex;overflow:hidden}.nonogram-segmented button{border:0;color:#121117;min-height:44px;font:600 15px/1 var(--font-system);cursor:pointer;background:#fff;border-inline-end:1px solid #121117;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.nonogram-segmented button:last-child{border-inline-end:0}.nonogram-segmented button.is-active{color:#fff;background:#121117}.nonogram-segmented.is-tools{justify-self:stretch}.nonogram-segmented.is-tools button{flex:1}.nonogram-tool-icon{border:1px solid;width:16px;height:16px}.is-fill .nonogram-tool-icon{background:currentColor}.is-cross .nonogram-tool-icon{background:linear-gradient(45deg,#0000 42%,currentColor 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,currentColor 42% 58%,#0000 58%)}.nonogram-pictures{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.nonogram-pictures button{color:#121117;min-width:44px;min-height:44px;font:600 15px/1 var(--font-system);cursor:pointer;background:#fff;border:1px solid #dcdce5;border-radius:4px}.nonogram-pictures button:hover{border-color:#121117}.nonogram-pictures button.is-solved{background:#ffdf3d;border-color:#ffdf3d}.nonogram-pictures button.is-active{border-color:#121117;box-shadow:inset 0 0 0 1px #121117}.nonogram-play{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.nonogram-side{gap:16px;max-width:420px;display:grid}.nonogram-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.nonogram-actions .nonogram-button{padding-inline:8px}.nonogram-status p{margin:0;font-size:16px}.nonogram-solved{background:#ffdf3d;border-radius:4px;gap:12px;padding:14px 16px;display:grid}.nonogram-status .nonogram-solved-title{font-weight:700}.nonogram-hint{background:#fff;border:1px solid #121117;border-radius:8px;gap:10px;padding:16px 18px;display:grid}.nonogram-hint p{margin:0}.nonogram-hint-level{color:#4d4c5c;letter-spacing:.6px;text-transform:uppercase;font-size:13px;font-weight:600}.nonogram-hint-technique,.nonogram-hint-mark{font-weight:600}.nonogram-hint-technique a{text-decoration:underline}.nonogram-keyboard-tip{color:#6a697c;margin:0;font-size:14px}.nonogram-lessons{gap:48px;margin:32px 0 0;padding:0;list-style:none;display:grid}.nonogram-lesson{border-top:1px solid #dcdce5;padding-top:32px;scroll-margin-top:96px}.nonogram-lesson-head{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.nonogram-lesson-head h3{margin:0;font-size:24px;line-height:1.2}.nonogram-lesson-head p{margin:6px 0 0}.nonogram-lesson-number{color:#fff;background:#121117;border-radius:4px;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.nonogram-player{gap:24px;max-width:720px;display:grid}.nonogram-panel{gap:16px;display:grid}.nonogram-beats{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.nonogram-beats li{color:#6a697c;border:1px solid #dcdce5;border-radius:4px;padding:6px 10px;font-size:13px;font-weight:600}.nonogram-beats li.is-done{color:#121117}.nonogram-beats li.is-current{color:#fff;background:#121117;border-color:#121117}.nonogram-caption{min-height:3.2em;margin:0;font-size:18px;line-height:1.55}.nonogram-legend{color:#4d4c5c;margin:0;font-size:14px}.nonogram-ask{gap:10px;display:grid}.nonogram-ask-prompt{color:#4d4c5c;margin:0;font-weight:600}.nonogram-feedback{border-radius:4px;margin:0;padding:10px 14px;font-size:16px}.nonogram-feedback.is-correct{background:#ffdf3d;font-weight:600}.nonogram-feedback.is-wrong{background:#f4f4f8;border-inline-start:4px solid #121117}.nonogram-controls{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:860px){.nonogram-play{grid-template-columns:minmax(0,1fr)}.nonogram-side{max-width:none}}@media (max-width:480px){.nonogram-hero-inner,.nonogram-section-inner{padding:40px 16px}.nonogram-board-wrap{width:100%}}@media (prefers-reduced-motion:reduce){.nonogram-cell,.nonogram-clue{transition:none}.nonogram-cell.is-ghost-fill,.nonogram-cell.is-ghost-cross,.nonogram-packings.is-sliding .is-right{animation:none}}