.gs[data-nonogram] .ng-board{--gs-pad:10px;place-content:start center}.gs[data-nonogram][data-size="12"] .ng-board{--gs-pad:8px}[data-nonogram]{--ng-safe-bottom:env(safe-area-inset-bottom,0px);grid-template-areas:"chips""board""status""actions""quilt""side";position:relative}[data-nonogram] .gs-status{min-height:44px}[data-nonogram][data-mode=practice]{grid-template-areas:"chips""board""status""actions""side"}[data-nonogram][data-compact=true]{gap:8px;padding:8px 10px 16px}.gs[data-nonogram][data-compact=true] .ng-board{--gs-pad:8px}[data-nonogram][data-compact=true] .ng-choose{margin-top:12px;padding:3px}[data-nonogram][data-compact=true] .ng-choose button{min-height:44px}[data-nonogram][data-compact=true] .gs-chip strong{font-size:20px}@media (width>=900px){[data-nonogram]{grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"board chips""board status""board actions""board quilt""board side"}[data-nonogram][data-mode=practice]{grid-template-rows:auto auto auto 1fr;grid-template-areas:"board chips""board status""board actions""board side"}}.ng-scene{--u:1;--cell:calc(var(--base) * var(--u));grid-template-columns:calc(var(--row-width) * var(--u)) auto;gap:calc(8px * var(--u));padding:calc(7px * var(--u));-webkit-user-select:none;user-select:none;display:grid}.ng-spool{width:calc(56px * var(--u));height:calc(63px * var(--u));margin-bottom:calc(4px * var(--u));place-self:end center}.ng-spool svg{width:100%;height:100%;overflow:visible}.ng-cols{align-items:stretch;display:flex}.ng-clue{font-size:max(12px,calc(15px * var(--u)));color:#2c2952;font-weight:800;line-height:1.2}.ng-col{width:var(--cell);padding-bottom:calc(5px * var(--u));border-radius:9px 9px 0 0;flex-direction:column;justify-content:end;align-items:center;display:flex}.ng-rows{grid-template-rows:repeat(var(--n),var(--cell));display:grid}.ng-row{justify-content:end;align-items:center;gap:calc(var(--row-gap,6px) * var(--u));padding-right:calc(7px * var(--u));white-space:nowrap;border-radius:9px 0 0 9px;display:flex}.ng-clue.active{background:#ece8f8}.ng-clue.done{color:#1d7259;background:#e1f4ea}.ng-hoop{width:calc(var(--n) * var(--cell));height:calc(var(--n) * var(--cell));touch-action:none;position:relative}.ng-frame{inset:calc(-9px * var(--u));width:calc(100% + 18px * var(--u));height:calc(100% + 18px * var(--u));pointer-events:none;position:absolute;overflow:visible}.ng-cells{grid-template-columns:repeat(var(--n),1fr);display:grid;position:absolute;inset:0}.ng-cell{width:var(--cell);height:var(--cell);touch-action:none;color:#2c2952;background:0 0;border:0;padding:0;position:relative}.ng-cell.active:before{content:"";inset:calc(var(--cell) / 24);pointer-events:none;background:#f5f0ff;border-radius:16%;position:absolute}.ng-cell svg{pointer-events:none;width:100%;height:100%;display:block;position:relative;overflow:visible}.ng-cell [data-mark]{transform-origin:12px 12px}.ng-cell:focus-visible{outline-offset:-2px;z-index:2;border-radius:16%;outline:2px solid #2c2952}.ng-cell.hint{outline-offset:-2px;z-index:3;outline:3px solid #1d7259}.ng-choose{background:#fff;border-radius:24px;justify-content:center;gap:4px;width:min(260px,100%);margin:22px auto 0;padding:4px;display:flex;box-shadow:0 4px #dcd7ec}.ng-choose button{color:#4a4578;white-space:nowrap;background:0 0;border:0;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:800;display:flex}.ng-choose svg{width:17px;height:17px}.ng-choose button[aria-pressed=true]{color:#fff;background:#2c2952}.ng-quilt{text-align:center;grid-area:quilt;width:100%;min-height:88px;margin:8px 0 0}.ng-quilt h2{margin:0 0 10px;font-size:15px}.ng-week{justify-content:center;align-items:start;gap:6px;min-height:58px;display:flex}.ng-week>span{color:#4a4578;grid-template-rows:36px 16px;gap:4px;width:36px;font-size:11px;display:grid}.ng-week .missing{border:1.5px dashed #a593c4;border-radius:5px;height:36px;display:block}.ng-week .today{outline-offset:-5px;background:#fbf5e8;border:1px solid #d4c6ae;border-radius:5px;outline:1px dashed #a593c4;height:36px;display:block}.ng-week svg{width:36px;height:36px;display:block}.ng-reward{pointer-events:none;z-index:4;place-items:center;display:grid;position:absolute;inset:0}.ng-reward[hidden]{display:none}.ng-reward svg{filter:drop-shadow(0 8px #dcd7ec);width:65%;height:auto}.ng-reveal{visibility:hidden;animation:0s 2.5s forwards ng-fallback}.ng-reveal.ready{visibility:visible;animation:none}@keyframes ng-fallback{to{visibility:visible}}.ng-board{transition:none}.ng-playing{justify-items:center;display:grid}.ng-caption{color:#4a4578;text-align:center;margin:12px 0 0;font-size:13px}@media (prefers-reduced-motion:reduce){.ng-reveal{visibility:visible;animation:none}}