.nonogram-shell{--nonogram-ink:#173e57;--nonogram-muted:#5e7c8a;--nonogram-line:#1b536933;--nonogram-paper:#fffbece6;--nonogram-blue:#159f9f;--nonogram-coral:#e57455;--nonogram-mint:#56ba9a;--nonogram-gold:#df9142;height:100dvh;min-height:100dvh;color:var(--nonogram-ink);background:#081c33;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;overflow:hidden}.nonogram-shell *,.nonogram-shell :before,.nonogram-shell :after{box-sizing:border-box}.nonogram-shell button,.nonogram-shell a{font:inherit}.nonogram-shell button{cursor:pointer}.nonogram-shell button:focus-visible{outline-offset:2px;outline:3px solid #ffd265bf}.nonogram-shell a:focus-visible{outline-offset:2px;outline:3px solid #ffd265bf}.nonogram-world-art,.nonogram-world-shade{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.nonogram-world-art{z-index:0;filter:saturate(.95)contrast(1.03);opacity:.95;background:url(/content/living-paintings-world.png) 50%/cover no-repeat}.nonogram-world-shade{z-index:1;background:linear-gradient(#041226eb 0,#04122694 11%,#04122633 34%,#0412268f 100%),linear-gradient(90deg,#0412268c,#0000 25% 75%,#04122659)}.nonogram-topbar{z-index:2;border-bottom:1px solid #dcefef33;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:min(1440px,100% - 32px);height:54px;margin:0 auto;display:grid;position:relative}.nonogram-back{color:#bde6e5;letter-spacing:.1em;text-transform:uppercase;justify-self:start;align-items:center;gap:7px;font-size:10px;font-weight:900;text-decoration:none;display:inline-flex}.nonogram-back span{color:#ffd265;font-size:17px;line-height:.7}.nonogram-back:hover{color:#fff}.nonogram-brand{color:#fff7dc;letter-spacing:.04em;align-items:center;gap:8px;font-size:15px;font-weight:900;display:flex}.nonogram-brand b{color:#ff9676}.nonogram-brand-mark{color:#fffdf6;background:linear-gradient(135deg,#ffd265,#e57455);border:1px solid #ffd26573;border-radius:8px;place-items:center;width:25px;height:25px;font-size:13px;display:grid;box-shadow:0 5px 14px #ffd26533}.nonogram-top-stats{color:#c8dfdf;letter-spacing:.1em;text-transform:uppercase;justify-content:end;gap:12px;font-size:8px;font-weight:900;display:flex}.nonogram-playfield{z-index:2;flex-direction:column;gap:8px;width:min(1440px,100% - 32px);height:calc(100dvh - 54px);margin:0 auto;padding:10px 0 12px;display:flex;position:relative}.nonogram-controlbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071d36c2;border:1px solid #e2f5ee57;border-radius:15px;flex:none;align-items:center;gap:12px;min-height:64px;padding:9px 12px;display:flex;box-shadow:0 14px 34px #0000002e}.nonogram-mystery-meta{min-width:190px;margin-right:auto}.nonogram-eyebrow{color:#a8e3df;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:7px;font-size:8px;font-weight:900;display:flex}.nonogram-eyebrow>span{background:currentColor;width:22px;height:1px}.nonogram-mystery-meta strong,.nonogram-mystery-meta small{display:block}.nonogram-mystery-meta strong{color:#fff6db;letter-spacing:-.04em;margin-top:4px;font-size:17px;font-weight:600}.nonogram-mystery-meta small{color:#b9d5d8;margin-top:2px;font-size:8px}.difficulty-picker{gap:5px;display:flex}.difficulty-button{color:#c1d8da;text-align:left;background:#ffffff0f;border:1px solid #d5f3ec47;border-radius:8px;min-width:56px;padding:6px 7px;transition:border-color .18s,background .18s,transform .18s}.difficulty-button:hover,.difficulty-button.active{color:#fff8df;background:#ffd26529;border-color:#ffd265;transform:translateY(-1px)}.difficulty-button b,.difficulty-button small{display:block}.difficulty-button b{font-size:9px}.difficulty-button small{color:#94bec0;margin-top:2px;font-size:7px}.difficulty-button.active small{color:#ffe5a3}.new-canvas-button{color:#ffe7d4;letter-spacing:.04em;background:#e5745529;border:1px solid #ff96768c;border-radius:8px;min-height:34px;padding:0 11px;font-size:8px;font-weight:900}.new-canvas-button:hover{background:#e574554d}.new-canvas-button span{color:#ffd265;margin-left:5px;font-size:13px}.nonogram-timer{text-align:right;background:#ffffff14;border:1px solid #d5f3ec40;border-radius:8px;min-width:67px;padding:5px 8px}.nonogram-timer small,.nonogram-timer strong{display:block}.nonogram-timer small{color:#a8d0d1;letter-spacing:.12em;font-size:7px;font-weight:900}.nonogram-timer strong{color:#ffd265;letter-spacing:.04em;margin-top:3px;font-size:17px;font-weight:600}.nonogram-board-card{background:var(--nonogram-paper);border:1px solid #fff7d6ad;border-radius:18px;flex-direction:column;flex:auto;min-width:0;min-height:0;padding:15px clamp(13px,2.4vw,32px) 11px;display:flex;overflow:hidden;box-shadow:0 24px 65px #00000040}.nonogram-board-heading{border-bottom:1px solid var(--nonogram-line);flex:none;justify-content:space-between;align-items:start;gap:16px;padding-bottom:9px;display:flex}.nonogram-level-label{color:var(--nonogram-coral);letter-spacing:.15em;font-size:8px;font-weight:900}.nonogram-board-heading h1{color:var(--nonogram-ink);letter-spacing:-.06em;margin:3px 0 2px;font-size:24px;font-weight:600}.nonogram-board-heading p{color:var(--nonogram-muted);margin:0;font-size:9px}.nonogram-board-progress{border:1px solid var(--nonogram-line);min-width:65px;color:var(--nonogram-blue);text-align:right;border-radius:7px;padding:5px 7px}.nonogram-board-progress span,.nonogram-board-progress small{display:block}.nonogram-board-progress span{font-size:15px;font-weight:600}.nonogram-board-progress small{color:var(--nonogram-muted);text-transform:uppercase;margin-top:2px;font-size:7px}.nonogram-toolbar{flex-wrap:wrap;flex:none;align-items:center;gap:6px 10px;padding:7px 0 6px;display:flex}.tool-group,.action-group,.palette{align-items:center;gap:4px;display:flex}.tool-button,.mini-action{border:1px solid var(--nonogram-line);min-height:28px;color:var(--nonogram-muted);letter-spacing:.04em;background:#ffffff8c;border-radius:7px;font-size:8px;font-weight:900}.tool-button{align-items:center;gap:5px;padding:0 8px;display:inline-flex}.tool-button:hover,.tool-button.active{border-color:var(--nonogram-blue);color:var(--nonogram-ink);background:#159f9f1a}.tool-symbol{width:11px;height:11px;display:inline-block;position:relative}.paint-symbol{border:2px solid var(--nonogram-coral);background:var(--nonogram-coral);border-radius:3px}.cross-symbol:before,.cross-symbol:after{background:var(--nonogram-muted);content:"";border-radius:2px;width:11px;height:2px;position:absolute;top:5px;left:0}.cross-symbol:before{transform:rotate(45deg)}.cross-symbol:after{transform:rotate(-45deg)}.erase-symbol{border:2px solid #8ba9aa;border-radius:2px;transform:rotate(-45deg)scale(.8)}.palette{margin-left:auto}.palette-label{color:var(--nonogram-muted);letter-spacing:.1em;margin-right:1px;font-size:7px;font-weight:900}.palette-button{background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:23px;height:23px;padding:3px;display:grid}.palette-button span{border:2px solid #ffffffbf;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 1px 4px #1b555e33}.palette-button:hover,.palette-button.selected{border-color:var(--nonogram-ink);transform:translateY(-1px)}.palette-coral span{background:var(--nonogram-coral)}.palette-blue span{background:#3c8cff}.palette-mint span{background:var(--nonogram-mint)}.palette-gold span{background:#f0bc58}.mini-action{padding:0 7px}.mini-action:hover:not(:disabled){border-color:var(--nonogram-coral);color:var(--nonogram-ink)}.mini-action:disabled{cursor:not-allowed;opacity:.4}.check-action{color:#3b927a;border-color:#56ba9a80}.hint-action{color:#b16e2c;border-color:#df914280}.hint-action span{color:var(--nonogram-ink);margin-left:2px}.nonogram-board-wrap{flex:auto;place-items:center;min-height:0;display:grid}.nonogram-board{grid-template-columns:40px repeat(var(--grid-size), minmax(0, 1fr));grid-template-rows:56px repeat(var(--grid-size), minmax(0, 1fr));aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffffb8;border:1px solid #1f75804d;border-radius:12px;width:min(100%,900px,100dvh - 192px);max-height:100%;display:grid;overflow:hidden;box-shadow:0 13px 30px #30707329}.corner-clue{border-right:1px solid var(--nonogram-line);border-bottom:1px solid var(--nonogram-line);color:var(--nonogram-muted);letter-spacing:.1em;flex-direction:column;justify-content:end;gap:3px;padding:0 5px 7px;font-size:6px;font-weight:900;display:flex}.corner-clue i{color:var(--nonogram-gold);letter-spacing:0;font-size:10px;font-style:normal}.column-clue{border-right:1px solid #1f758021;border-bottom:1px solid var(--nonogram-line);flex-direction:column-reverse;justify-content:start;align-items:center;gap:1px;min-width:0;padding:5px 1px 4px;display:flex;overflow:hidden}.row-line{display:contents}.row-clues{border-right:1px solid var(--nonogram-line);border-bottom:1px solid #1f758021;justify-content:end;align-items:center;gap:1px;min-width:0;padding:2px 3px 2px 2px;display:flex;overflow:hidden}.nonogram-cell{aspect-ratio:1;background:#ffffff2e;border:1px solid #1f758021;border-top:0;border-left:0;min-width:0;padding:0;transition:background .12s,box-shadow .12s;position:relative}.nonogram-cell:hover{z-index:1;background:#159f9f21;outline:none;box-shadow:inset 0 0 0 2px #159f9f80}.nonogram-cell:focus-visible{z-index:1;background:#159f9f21;outline:none;box-shadow:inset 0 0 0 2px #159f9f80}.nonogram-cell span{border-radius:4px;transition:transform .12s,background .12s;position:absolute;top:12%;bottom:12%;left:12%;right:12%}.cell-coral span{background:var(--nonogram-coral);box-shadow:0 3px 7px #e5745540}.cell-blue span{background:#3c8cff;box-shadow:0 3px 7px #3c8cff3b}.cell-mint span{background:var(--nonogram-mint);box-shadow:0 3px 7px #56ba9a3d}.cell-gold span{background:#f0bc58;box-shadow:0 3px 7px #f0bc5840}.cell-cross span:before,.cell-cross span:after{content:"";background:#7da5a8;border-radius:2px;width:84%;height:2px;position:absolute;top:48%;left:8%}.cell-cross span:before{transform:rotate(45deg)}.cell-cross span:after{transform:rotate(-45deg)}.cell-wrong span{animation:.45s both nonogram-wrong;box-shadow:0 0 0 3px #e574558c,0 4px 10px #e574554d}@keyframes nonogram-wrong{0%,to{transform:translate(0)}35%{transform:translate(-4px)}65%{transform:translate(4px)}}.clue-chip{color:#fff;border:1px solid #ffffffa6;border-radius:4px;flex:none;justify-content:center;align-items:center;width:clamp(10px,1.65vw,18px);height:clamp(10px,1.65vw,18px);font-size:clamp(6px,.72vw,9px);font-weight:900;display:inline-flex;box-shadow:0 2px 5px #1b555e21}.clue-coral{background:var(--nonogram-coral)}.clue-blue{background:#3c8cff}.clue-mint{background:var(--nonogram-mint)}.clue-gold{background:#f0bc58}.clue-empty{color:#83a6a8;font-size:12px;line-height:1}.nonogram-status{color:var(--nonogram-muted);flex:none;justify-content:space-between;align-items:center;gap:9px;padding-top:6px;font-size:8px;display:flex}.status-message{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.status-message i{background:var(--nonogram-mint);border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 0 3px #56ba9a29}.reveal-stage{flex:1;grid-template-columns:minmax(170px,.6fr) minmax(220px,1fr);align-items:center;gap:24px;min-height:0;padding:8px 0;display:grid}.reveal-copy{max-width:250px}.reveal-kicker{color:var(--nonogram-gold);letter-spacing:.14em;font-size:8px;font-weight:900}.reveal-copy h2{color:var(--nonogram-ink);letter-spacing:-.07em;margin:8px 0 5px;font-size:clamp(25px,3vw,42px);font-weight:600;line-height:.95}.reveal-copy p{color:var(--nonogram-muted);margin:0;font-size:10px;line-height:1.4}.picture-reveal{grid-template-columns:repeat(var(--picture-size), minmax(0,1fr));aspect-ratio:1;background:#eef8ef;border:6px solid #ffffffd9;border-radius:13px;width:min(100%,560px,100dvh - 220px);max-height:100%;display:grid;overflow:hidden;box-shadow:0 12px 26px #3070732e}.picture-cell{min-width:0;animation:.55s cubic-bezier(.17,.84,.35,1.2) both reveal-cell;animation-delay:var(--reveal-delay);color:#fff;border:1px solid #1f75801f;place-items:center;font-size:clamp(6px,1.5vw,18px);display:grid}.picture-cell-empty{background:#e9f5ee}.picture-cell-coral{background:var(--nonogram-coral)}.picture-cell-blue{background:#3c8cff}.picture-cell-mint{background:var(--nonogram-mint)}.picture-cell-gold{background:#f0bc58}.reveal-actions{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.nonogram-button{letter-spacing:.08em;text-transform:uppercase;border-radius:7px;min-height:35px;padding:0 13px;font-size:8px;font-weight:900}.nonogram-button.primary{background:var(--nonogram-coral);color:#fffdf6;border:0}.nonogram-button.secondary{border:1px solid var(--nonogram-line);color:var(--nonogram-ink);background:#ffffff8c}.nonogram-button:hover{transform:translateY(-1px)}.nonogram-button span{margin-left:10px;font-size:14px}@keyframes reveal-cell{0%{opacity:0;transform:scale(.15)rotate(12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (max-width:900px){.nonogram-topbar,.nonogram-playfield{width:min(100% - 20px,760px)}.nonogram-topbar{height:50px}.nonogram-playfield{height:calc(100dvh - 50px);padding:7px 0 8px}.nonogram-controlbar{flex-wrap:wrap;gap:6px}.nonogram-mystery-meta{min-width:180px}.difficulty-picker,.new-canvas-button{margin-left:auto}.nonogram-board{width:min(100%,760px,100dvh - 185px)}.reveal-stage{grid-template-columns:1fr 1fr;gap:13px}.reveal-copy{max-width:none}}@media (max-width:600px){.nonogram-topbar{grid-template-columns:1fr auto;gap:9px}.nonogram-brand{order:2;grid-area:1/1/auto/-1;justify-self:center;font-size:13px}.nonogram-back{z-index:1;grid-area:1/1}.nonogram-top-stats{z-index:1;grid-area:1/2}.nonogram-top-stats span:last-child{display:none}.nonogram-brand-mark{width:22px;height:22px}.nonogram-playfield{gap:5px;width:calc(100% - 12px);padding-top:5px}.nonogram-controlbar{border-radius:12px;min-height:78px;padding:6px 7px}.nonogram-mystery-meta{width:calc(100% - 80px);min-width:0}.nonogram-mystery-meta strong{font-size:14px}.nonogram-mystery-meta small{font-size:7px}.nonogram-timer{min-width:60px}.difficulty-picker{order:3;justify-content:space-between;width:100%;margin:0}.difficulty-button{text-align:center;flex:1 1 0;min-width:0;padding:5px 3px}.difficulty-button b{font-size:8px}.difficulty-button small{font-size:6px}.new-canvas-button{min-height:25px;padding-inline-start:7px;padding-inline-end:7px;font-size:7px;position:absolute;top:65px;right:8px}.nonogram-board-card{border-radius:13px;padding:9px 6px 7px}.nonogram-board-heading{gap:7px;padding-bottom:6px}.nonogram-level-label{font-size:7px}.nonogram-board-heading h1{font-size:20px}.nonogram-board-heading p{text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:8px;overflow:hidden}.nonogram-board-progress{min-width:53px;padding:4px 5px}.nonogram-board-progress span{font-size:13px}.nonogram-board-progress small{font-size:6px}.nonogram-toolbar{grid-template-columns:auto 1fr;grid-template-areas:"tools actions""palette palette";gap:4px;padding:5px 0;display:grid}.tool-group{grid-area:tools}.action-group{grid-area:actions;justify-content:end}.palette{grid-area:palette;justify-content:center;margin:0}.tool-button,.mini-action{padding-inline-start:5px;padding-inline-end:5px;font-size:7px}.nonogram-board{grid-template-columns:30px repeat(var(--grid-size), minmax(0, 1fr));grid-template-rows:42px repeat(var(--grid-size), minmax(0, 1fr));width:min(100%,100dvh - 238px)}.corner-clue{font-size:5px}.corner-clue i{font-size:8px}.clue-chip{border-radius:3px;width:clamp(8px,3vw,14px);height:clamp(8px,3vw,14px);font-size:6px}.row-clues{gap:1px;padding-right:2px}.nonogram-cell span{top:10%;bottom:10%;left:10%;right:10%}.nonogram-status{flex-direction:column;align-items:start;gap:3px;padding-top:4px;font-size:7px}.reveal-stage{grid-template-columns:1fr;gap:7px;padding:3px 0}.reveal-copy{text-align:center}.reveal-copy h2{margin:4px 0 2px;font-size:25px}.picture-reveal{justify-self:center;width:min(100%,100dvh - 220px,330px)}.reveal-actions{justify-content:center}.nonogram-button{min-height:31px;padding-inline-start:10px;padding-inline-end:10px}}@media (prefers-reduced-motion:reduce){.nonogram-shell *,.nonogram-shell :before,.nonogram-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}html,body,#root{min-height:100%;margin:0}*{box-sizing:border-box}body{font-family:Arial,sans-serif}button,input,select{font:inherit}
/*$vite$:1*/