.g-nonogram{position:relative;width:100%;max-width:928px;margin:0 auto;min-width:0;contain:inline-size;color:var(--g-nonogram-text);font-family:var(--mg-font);--cell: 29px;--n: 10;--rcw: 60px;--cch: 70px;--cf: 12px;--ink: var(--g-nonogram-blue)}:root[data-theme=light] .g-nonogram{--g-nonogram-paper: #f4d9b4;--g-nonogram-stock: #f5dfb9;--g-nonogram-stock-alt: #edcfa6;--g-nonogram-body: #f4d9b4;--g-nonogram-text: #183b86;--g-nonogram-clue: #183b86;--g-nonogram-muted: #49527b;--g-nonogram-blue: #2052bd;--g-nonogram-pink: #d51e68;--g-nonogram-line: #8c7c91;--g-nonogram-major: #183b86;--g-nonogram-highlight: #eeb8c6;--g-nonogram-surface: #f5dfb9;--g-nonogram-on-ink: #fff0d7;--g-nonogram-error: #8c2140;--ink: var(--g-nonogram-blue);color:var(--g-nonogram-text);background:var(--g-nonogram-body)}:root[data-theme=dark] .g-nonogram{--g-nonogram-paper: #dfbd96;--g-nonogram-stock: #e5c59f;--g-nonogram-stock-alt: #dab48e;--g-nonogram-body: #302932;--g-nonogram-text: #f6dab3;--g-nonogram-clue: #17356e;--g-nonogram-muted: #494560;--g-nonogram-blue: #1949ab;--g-nonogram-pink: #bc1456;--g-nonogram-line: #8c7483;--g-nonogram-major: #17356e;--g-nonogram-highlight: #daa0b1;--g-nonogram-surface: #e5c59f;--g-nonogram-error: #861c3a;background:var(--g-nonogram-body)}.g-nonogram{--g-nonogram-tools-a: var(--g-nonogram-pink);--g-nonogram-tools-b: var(--g-nonogram-blue)}.g-nonogram{--g-nonogram-kitchen-a: var(--g-nonogram-pink);--g-nonogram-kitchen-b: var(--g-nonogram-blue)}.g-nonogram{--g-nonogram-plants-a: var(--g-nonogram-pink);--g-nonogram-plants-b: var(--g-nonogram-blue)}.g-nonogram{--g-nonogram-weather-a: var(--g-nonogram-pink);--g-nonogram-weather-b: var(--g-nonogram-blue)}.g-nonogram{--g-nonogram-buildings-a: var(--g-nonogram-pink);--g-nonogram-buildings-b: var(--g-nonogram-blue)}.g-nonogram{--g-nonogram-vehicles-a: var(--g-nonogram-pink);--g-nonogram-vehicles-b: var(--g-nonogram-blue)}.g-nonogram{--g-nonogram-instruments-a: var(--g-nonogram-pink);--g-nonogram-instruments-b: var(--g-nonogram-blue)}.g-nonogram{--g-nonogram-water-a: var(--g-nonogram-pink);--g-nonogram-water-b: var(--g-nonogram-blue)}.g-nonogram{--g-nonogram-sky-a: var(--g-nonogram-pink);--g-nonogram-sky-b: var(--g-nonogram-blue)}.g-nonogram{--g-nonogram-objects-a: var(--g-nonogram-pink);--g-nonogram-objects-b: var(--g-nonogram-blue)}.g-nonogram{--g-nonogram-pattern-a: var(--g-nonogram-pink);--g-nonogram-pattern-b: var(--g-nonogram-blue)}.g-nonogram-probe{display:none}.g-nonogram-warm{position:absolute;left:0;top:0;width:1px;height:1px;overflow:clip;visibility:hidden;pointer-events:none;white-space:nowrap}.g-nonogram-top{display:flex;align-items:center;gap:10px;min-height:28px;margin:0 8px 6px;flex-wrap:wrap;font-size:15px}.g-nonogram-sizes{display:flex;gap:4px}.g-nonogram-size{font:inherit;font-weight:600;color:var(--g-nonogram-text);background:var(--g-nonogram-surface);border:1px solid var(--g-nonogram-line);border-radius:var(--mg-radius);min-height:44px;min-width:44px;padding:0 6px;border-radius:3px}.g-nonogram-label{font-weight:600}.g-nonogram-stars{color:var(--g-nonogram-blue);letter-spacing:1px;font-size:15px}.g-nonogram-stars .is-off{color:var(--g-nonogram-line)}.g-nonogram-badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--g-nonogram-line);color:var(--g-nonogram-muted)}.g-nonogram-timer{margin-left:auto;font-family:var(--mg-font-mono);font-variant-numeric:tabular-nums;font-size:16px;color:var(--g-nonogram-text)}.g-nonogram-main{display:flex;flex-direction:column;align-items:center}.g-nonogram.is-wide .g-nonogram-main{flex-direction:row;align-items:flex-start;justify-content:center;gap:24px}.g-nonogram.is-wide .g-nonogram-side{width:280px;flex:0 0 280px}.g-nonogram-boardcol{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%}.g-nonogram-wrap{position:relative;max-width:100%;overflow:clip}.g-nonogram-wrap.is-scroll{box-sizing:border-box;overflow:auto;border:1px solid var(--g-nonogram-line);border-radius:var(--mg-radius);scroll-padding-left:var(--rcw);scroll-padding-top:var(--cch)}.g-nonogram-board{display:grid;grid-template-columns:var(--rcw) calc(var(--cell) * var(--n) + 4px);grid-template-rows:var(--cch) calc(var(--cell) * var(--n) + 4px);width:max-content}.g-nonogram-wrap.is-scroll :is(.g-nonogram-corner,.g-nonogram-cols,.g-nonogram-rows,.g-nonogram-title){position:sticky}.g-nonogram-corner{position:relative;left:0;top:0;z-index:4;background:var(--g-nonogram-paper)}.g-nonogram-cols{position:relative;top:0;z-index:3;display:grid;grid-template-columns:repeat(var(--n),var(--cell));padding-left:2px;background:var(--g-nonogram-paper)}.g-nonogram-rows{position:relative;left:0;z-index:3;display:grid;grid-template-rows:repeat(var(--n),var(--cell));padding-top:2px;background:var(--g-nonogram-paper)}.g-nonogram-cc,.g-nonogram-rc{display:flex;font-family:var(--mg-font-mono);font-variant-numeric:tabular-nums;font-size:var(--cf);line-height:1;font-weight:600;color:var(--g-nonogram-text);transition:opacity .2s ease,color .2s ease}.g-nonogram-cc{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:4px}.g-nonogram-cc:nth-child(2n),.g-nonogram-rc:nth-child(2n){background:var(--g-nonogram-stock-alt)}.g-nonogram-rc{flex-direction:row;justify-content:flex-end;align-items:center;gap:6px;padding-right:5px}.g-nonogram-cc span,.g-nonogram-rc span{display:inline-block;min-width:.7em;text-align:center}.g-nonogram-cc span.is-2d,.g-nonogram-rc span.is-2d{letter-spacing:-1px}.g-nonogram.is-compact .g-nonogram-rc{gap:3px;padding-right:3px}.g-nonogram.is-compact .g-nonogram-rc span{min-width:.6em}.g-nonogram-cc.is-hot,.g-nonogram-rc.is-hot{background:var(--g-nonogram-highlight)}.g-nonogram.is-dim .g-nonogram-cc.is-done,.g-nonogram.is-dim .g-nonogram-rc.is-done{color:var(--g-nonogram-muted);font-weight:400}.g-nonogram-cc.is-tick span,.g-nonogram-rc.is-tick span{animation:g-nonogram-tick .22s ease-out}@keyframes g-nonogram-tick{0%{transform:scale(1)}45%{transform:scale(1.22);color:var(--g-nonogram-blue)}to{transform:scale(1)}}.g-nonogram-cells{position:relative;display:grid;grid-template-columns:repeat(var(--n),var(--cell));grid-template-rows:repeat(var(--n),var(--cell));touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:var(--g-nonogram-stock);outline:none;border:2px solid var(--g-nonogram-text);box-sizing:content-box;width:calc(var(--cell) * var(--n));height:calc(var(--cell) * var(--n));overflow:clip}.g-nonogram-wrap:focus{outline:none}.g-nonogram.is-kbd .g-nonogram-wrap:focus{outline:3px solid var(--g-nonogram-blue);outline-offset:-3px}.g-nonogram-cell{position:relative;box-sizing:border-box;border-right:1px solid var(--g-nonogram-line);border-bottom:1px solid var(--g-nonogram-line);transition:border-color .3s ease}.g-nonogram-cell.is-c5{border-right:2px solid var(--g-nonogram-text)}.g-nonogram-cell.is-r5{border-bottom:2px solid var(--g-nonogram-text)}.g-nonogram-cell.is-ce{border-right:0}.g-nonogram-cell.is-re{border-bottom:0}.g-nonogram-cell:before{content:"";position:absolute;inset:1px;border-radius:2px;background:var(--ink);opacity:0;transform:scale(.6);transition:opacity 80ms ease-out,transform 80ms ease-out,background-color .35s ease}.g-nonogram-cell.is-f:before{opacity:1;transform:scale(1)}.g-nonogram-cell.is-ink:before{animation:g-nonogram-ink .14s ease-out}@keyframes g-nonogram-ink{0%{transform:scale(.78);box-shadow:inset 0 0 0 3px var(--g-nonogram-blue)}60%{transform:scale(1.05)}to{transform:scale(1);box-shadow:none}}.g-nonogram-cell:after{content:"";position:absolute;left:22%;top:22%;width:56%;height:56%;opacity:0;background:linear-gradient(45deg,transparent calc(50% - 1.2px),var(--g-nonogram-muted) calc(50% - 1.2px),var(--g-nonogram-muted) calc(50% + 1.2px),transparent calc(50% + 1.2px)),linear-gradient(-45deg,transparent calc(50% - 1.2px),var(--g-nonogram-muted) calc(50% - 1.2px),var(--g-nonogram-muted) calc(50% + 1.2px),transparent calc(50% + 1.2px));transform:scale(.4) rotate(-20deg);transition:opacity 90ms ease-out,transform 90ms ease-out}.g-nonogram-cell.is-x:after{opacity:1;transform:none}.g-nonogram-cell.pv-f:before{opacity:.38;transform:scale(.86)}.g-nonogram-cell.pv-x:after{opacity:.55;transform:scale(.85)}.g-nonogram-cell.pv-c:before,.g-nonogram-cell.pv-c:after{opacity:.25}.g-nonogram.is-kbd .g-nonogram-wrap:focus .g-nonogram-cells .g-nonogram-cell.is-cur{box-shadow:inset 0 0 0 3px var(--g-nonogram-blue);z-index:1}.g-nonogram-toast{position:absolute;z-index:5;left:50%;top:50%;max-width:90%;padding:8px 14px;border-radius:var(--mg-radius);background:var(--g-nonogram-text);color:var(--g-nonogram-paper);font-size:15px;font-weight:600;text-align:center;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .16s ease}.g-nonogram-toast.is-on{opacity:.94}.g-nonogram-cell.is-cross{background:var(--g-nonogram-highlight)}.g-nonogram-cell.is-wrong{z-index:2;box-shadow:inset 0 0 0 3px var(--g-nonogram-error);animation:g-nonogram-bounce .42s ease-out}@keyframes g-nonogram-bounce{0%{transform:scale(1)}35%{transform:scale(1.18)}65%{transform:scale(.95)}to{transform:scale(1)}}.g-nonogram-sweep{position:absolute;pointer-events:none;z-index:2;overflow:hidden}.g-nonogram-sweep:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--g-nonogram-blue),transparent);opacity:.45;transform:translate(-100%);animation:g-nonogram-sweep-h .42s ease-out forwards}.g-nonogram-sweep.is-v:before{background:linear-gradient(180deg,transparent,var(--g-nonogram-blue),transparent);transform:translateY(-100%);animation-name:g-nonogram-sweep-v}.g-nonogram-sweep.is-strong:before{opacity:.7}@keyframes g-nonogram-sweep-h{to{transform:translate(100%)}}@keyframes g-nonogram-sweep-v{to{transform:translateY(100%)}}.g-nonogram-cells.is-multi:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;animation:g-nonogram-glow .52s ease-out forwards}@keyframes g-nonogram-glow{0%{box-shadow:inset 0 0 0 0 var(--g-nonogram-blue)}40%{box-shadow:inset 0 0 0 5px var(--g-nonogram-blue)}to{box-shadow:inset 0 0 0 0 transparent}}.g-nonogram-bubble{position:absolute;z-index:6;min-width:34px;height:34px;padding:0 8px;border-radius:17px;background:var(--g-nonogram-text);color:var(--g-nonogram-paper);font-family:var(--mg-font-mono);font-size:17px;font-weight:700;line-height:34px;text-align:center;pointer-events:none;transform:translate(-50%,-50%)}.g-nonogram-bubble[hidden]{display:none}.g-nonogram-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px;width:100%}.g-nonogram-tools[hidden],.g-nonogram-tgroup[hidden]{display:none}.g-nonogram.is-wide .g-nonogram-tools{margin-top:0}.g-nonogram-tgroup{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:6px}.g-nonogram-tgroup>.g-nonogram-btn{flex:1 1 auto}.g-nonogram-btn[hidden]{display:none}.g-nonogram-btn{min-width:48px;min-height:48px;padding:0 12px;border-radius:var(--mg-radius);border:1px solid var(--g-nonogram-line);background:var(--g-nonogram-surface);color:var(--g-nonogram-text);font:inherit;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.g-nonogram-btn:disabled{opacity:.45;cursor:default}.g-nonogram-btn:focus-visible{outline:3px solid var(--g-nonogram-blue);outline-offset:2px}.g-nonogram-tool{min-width:76px}.g-nonogram-tool[aria-pressed=true]{background:var(--g-nonogram-blue);border-color:var(--g-nonogram-blue);color:var(--g-nonogram-on-ink)}.g-nonogram-tool[aria-pressed=true] .g-nonogram-ico{animation:g-nonogram-breathe 2.8s ease-in-out infinite}@keyframes g-nonogram-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.g-nonogram-ico{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center}.g-nonogram-ico.is-fill{background:currentColor;border-radius:2px}.g-nonogram-btn.is-nope{animation:g-nonogram-nope .26s ease-in-out}@keyframes g-nonogram-nope{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.g-nonogram-side .g-nonogram-shelfbtn{margin-top:12px;width:100%}.g-nonogram-shelfbtn[hidden]{display:none}.g-nonogram-menu{position:absolute;z-index:8;display:flex;flex-direction:column;gap:4px;padding:6px;min-width:200px;background:var(--g-nonogram-surface);border:1px solid var(--g-nonogram-line);border-radius:var(--mg-radius);box-shadow:0 6px 24px #00000040}.g-nonogram-menu[hidden]{display:none}.g-nonogram-menu .g-nonogram-btn{justify-content:flex-start;border-color:transparent}.g-nonogram-panel{position:absolute;z-index:9;left:0;right:0;top:0;max-height:100%;min-height:240px;overflow:auto;background:var(--g-nonogram-surface);border:1px solid var(--g-nonogram-line);border-radius:var(--mg-radius);box-shadow:0 8px 30px #0000004d;padding:14px 16px 18px}.g-nonogram-panel[hidden]{display:none}.g-nonogram-panel h2{font-size:20px;margin:0 0 6px}.g-nonogram-panel h3{font-size:16px;margin:14px 0 6px}.g-nonogram-panel p{margin:4px 0;color:var(--g-nonogram-muted);font-size:15px}.g-nonogram-panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.g-nonogram-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.g-nonogram-shelf figure{margin:0;text-align:center;font-size:13px;color:var(--g-nonogram-text)}.g-nonogram-shelf canvas{display:block;margin:0 auto 4px;width:60px;height:60px;image-rendering:pixelated;background:var(--g-nonogram-stock);border-radius:4px}.g-nonogram-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;font-size:16px;padding:8px 0;cursor:pointer}.g-nonogram-check input{width:22px;height:22px;margin:0;flex:0 0 auto;accent-color:var(--g-nonogram-blue)}.g-nonogram-title{grid-row:1;grid-column:1 / -1;justify-self:stretch;position:relative;top:0;left:0;z-index:5;container-type:size;display:flex;align-items:center;justify-content:center;margin:0;padding:0 6px;overflow:hidden;background:var(--g-nonogram-paper);font-size:22px;font-weight:700;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .3s ease-out,transform .3s ease-out}.g-nonogram-title>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,62cqh,22px);line-height:1.2}.g-nonogram-title[hidden],.g-nonogram-side[hidden]{display:none}.g-nonogram.is-revealing .g-nonogram-title.is-in,.g-nonogram.is-revealed .g-nonogram-title{opacity:1;transform:none}.g-nonogram-paint{position:absolute;inset:0;z-index:4;display:none;overflow:hidden;pointer-events:none}.g-nonogram-paint-in{position:absolute;inset:0;background:var(--g-nonogram-stock)}.g-nonogram-paint canvas{display:block;width:100%;height:100%}.g-nonogram.is-revealing .g-nonogram-paint,.g-nonogram.is-revealed .g-nonogram-paint{display:block}.g-nonogram.is-revealing .g-nonogram-paint{animation:g-nonogram-wipe .72s cubic-bezier(.25,.6,.3,1) .12s both}.g-nonogram.is-revealing .g-nonogram-paint-in{animation:g-nonogram-wipe-in .72s cubic-bezier(.25,.6,.3,1) .12s both}@keyframes g-nonogram-wipe{0%{transform:translate(-100%,-100%);opacity:.3}to{transform:none;opacity:1}}@keyframes g-nonogram-wipe-in{0%{transform:translate(100%,100%)}to{transform:none}}.g-nonogram.is-won .g-nonogram-cc,.g-nonogram.is-won .g-nonogram-rc{color:var(--g-nonogram-muted);transition:none}.g-nonogram.is-skip *,.g-nonogram.is-skip *:before,.g-nonogram.is-skip *:after{transition:none!important;animation:none!important}.g-nonogram-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.g-nonogram *,.g-nonogram *:before,.g-nonogram *:after{animation:none!important;transition:none!important}}.g-nonogram-board{background:var(--g-nonogram-paper)}.g-nonogram-cc,.g-nonogram-rc,.g-nonogram-title,.g-nonogram-size,.g-nonogram-btn,.g-nonogram-panel,.g-nonogram-menu,.g-nonogram-shelf figure{color:var(--g-nonogram-clue)}.g-nonogram-cell.is-c5{border-right-color:var(--g-nonogram-major)}.g-nonogram-cell.is-r5{border-bottom-color:var(--g-nonogram-major)}.g-nonogram-cells{border-color:var(--g-nonogram-major)}.g-nonogram-cell:nth-child(3n+1){--ink: var(--g-nonogram-pink)}.g-nonogram-cell.is-f:before{background-image:repeating-linear-gradient(115deg,transparent 0 3px,#fff0d710 3px 4px)}.g-nonogram-tool[aria-pressed=true]{color:var(--g-nonogram-on-ink)}.g-nonogram-stars{color:var(--g-nonogram-pink)}.g-nonogram-badge,.g-nonogram-help{color:var(--g-nonogram-text)}.g-nonogram-toast,.g-nonogram-bubble{background:var(--g-nonogram-major);color:var(--g-nonogram-on-ink)}.g-nonogram-sweep:before{background:linear-gradient(90deg,transparent,var(--g-nonogram-pink),transparent)}.g-nonogram-sweep.is-v:before{background:linear-gradient(180deg,transparent,var(--g-nonogram-pink),transparent)}.g-nonogram.is-kbd .g-nonogram-wrap:focus .g-nonogram-cells .g-nonogram-cell.is-cur:before{box-shadow:inset 0 0 0 2px var(--g-nonogram-on-ink)}.g-nonogram-cell.is-wrong{outline:2px dashed var(--g-nonogram-error);outline-offset:-3px}.g-nonogram-cell.is-wrong:before{box-shadow:inset 0 0 0 5px var(--g-nonogram-on-ink)}.g-nonogram-size[aria-pressed=true]{background:var(--g-nonogram-blue);color:var(--g-nonogram-on-ink)}.g-nonogram.is-won .g-nonogram-cells{touch-action:auto}.g-nonogram-corner{grid-column:1;grid-row:1}.g-nonogram-cols{grid-column:2;grid-row:1}.g-nonogram-rows{grid-column:1;grid-row:2}.g-nonogram-cells{grid-column:2;grid-row:2}.g-nonogram-footer{display:flex;gap:8px;margin-top:12px}.g-nonogram-footer>.g-nonogram-btn{flex:1 1 auto;margin-top:0}.g-nonogram-footer>.g-nonogram-btn[hidden]{display:none}