.ng-game{--ng-ink:#39423d;--ng-fill:#3f4f47;--ng-line:#c9cfca;--ng-strong:#7c8a82;--ng-wrong:#f3c6bd;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:relative}.ng-clock{color:var(--nook-ink-soft);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.ng-scroll{overscroll-behavior:contain;text-align:center;width:100%;max-height:calc(100svh - 13rem);overflow:auto}.ng-board{text-align:start;vertical-align:top;-webkit-user-select:none;user-select:none;outline:none;display:inline-grid}.ng-board:focus-visible .ng-cursor{box-shadow:inset 0 0 0 3px var(--nook-accent)}.ng-corner{inset-block-start:0;z-index:3;background:var(--nook-cream);position:sticky;left:0}.ng-col,.ng-row{color:var(--ng-ink);background:var(--nook-cream-deep);font-size:var(--ng-clue-font);font-variant-numeric:tabular-nums;gap:0;font-weight:800;line-height:1;display:flex}.ng-col{z-index:2;border-inline-start:1px solid var(--ng-line);flex-direction:column;justify-content:flex-end;align-items:center;padding-block-end:2px;position:sticky;inset-block-start:0}.ng-col span{height:var(--ng-clue);align-items:center;display:flex}.ng-row{z-index:2;border-block-start:1px solid var(--ng-line);justify-content:flex-end;align-items:center;padding-inline-end:2px;position:sticky;left:0}.ng-row span{width:var(--ng-clue);justify-content:center;display:flex}.ng-col-five{border-inline-end:2px solid var(--ng-strong)}.ng-row-five{border-block-end:2px solid var(--ng-strong)}.ng-done{color:#a6ada8}.ng-square{border-block-start:1px solid var(--ng-line);border-inline-start:1px solid var(--ng-line);background:var(--nook-surface);cursor:pointer;touch-action:none;position:relative}.ng-five-x{border-inline-end:2px solid var(--ng-strong)}.ng-five-y{border-block-end:2px solid var(--ng-strong)}.ng-filled{background:var(--ng-fill)}.ng-marked:before,.ng-marked:after{inset-block-start:50%;content:"";background:#8d9a93;border-radius:1px;width:64%;height:2px;position:absolute;left:18%}.ng-marked:before{transform:rotate(45deg)}.ng-marked:after{transform:rotate(-45deg)}.ng-wrong{background:var(--ng-wrong)}.ng-filled.ng-wrong{background:#c9604a}.ng-message{min-height:1.5rem;color:var(--nook-ink);text-align:center;margin:0;font-weight:700}.ng-tools{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.ng-tool{border:1px solid var(--nook-line);background:var(--nook-surface);min-height:2.75rem;color:var(--nook-ink);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-weight:700}.ng-tool:disabled{opacity:.45;cursor:default}.ng-switch{border:1px solid var(--nook-line);border-radius:999px;display:inline-flex;overflow:hidden}.ng-switch-one{background:var(--nook-surface);min-width:3.5rem;min-height:2.75rem;color:var(--nook-ink);cursor:pointer;border:0;padding:.4rem .9rem;font-weight:800}.ng-switch-on{background:var(--nook-accent);color:var(--nook-on-accent)}.ng-tool:focus-visible,.ng-switch-one:focus-visible,.ng-button:focus-visible,.ng-helper:focus-visible{outline:3px solid var(--nook-accent);outline-offset:2px}.ng-panel{background:var(--nook-surface);border-radius:1rem;flex-direction:column;gap:.5rem;width:min(100%,26rem);padding:1rem;display:flex;box-shadow:0 8px 24px #00000026}.ng-panel-state{color:var(--nook-ink-soft);margin:0}.ng-helper{border:1px solid var(--nook-line);background:var(--nook-cream-deep);color:var(--nook-ink);text-align:start;cursor:pointer;border-radius:.75rem;gap:.15rem;padding:.75rem;display:grid}.ng-reveal{aspect-ratio:1;width:min(100%,26rem);box-shadow:var(--nook-shadow-tile);border-radius:.75rem;position:relative;overflow:hidden}.ng-reveal-grid{background:var(--nook-surface);display:grid;position:absolute;inset:0}.ng-reveal-on-cell{background:var(--ng-fill)}.ng-reveal-photo{opacity:0;object-fit:fill;max-width:none;transition:opacity 1.5s ease-in;position:absolute}.ng-reveal-on .ng-reveal-photo{opacity:1}.ng-end{background:var(--nook-surface);width:min(100%,34rem);color:var(--nook-ink);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex;box-shadow:0 4px 14px #0000001a}.ng-end-title{margin:0;font-size:1.5rem;font-weight:800}.ng-end-picture{color:var(--nook-ink-soft);margin:0}.ng-end-time{margin:0;font-size:1.2rem;font-weight:700}.ng-end-rewards{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.ng-end-note{color:var(--nook-ink-soft);margin:0;font-size:.9rem}.ng-end-link{color:var(--nook-accent);font-weight:700;text-decoration:underline}.ng-end-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.ng-button{background:var(--nook-accent);min-height:3rem;color:var(--nook-on-accent);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.4rem;font-size:1.05rem;font-weight:800;display:inline-flex}.ng-button-soft{background:var(--nook-cream-deep);color:var(--nook-ink)}.ng-howto{z-index:50;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ng-howto-card{background:var(--nook-surface);width:min(100%,26rem);max-height:100%;color:var(--nook-ink);border-radius:1.25rem;flex-direction:column;align-items:center;gap:.9rem;padding:1.25rem;display:flex;overflow-y:auto}.ng-example{background:var(--ng-line);border-radius:.5rem;grid-template-columns:repeat(3,2.75rem);gap:2px;padding:2px;display:grid}.ng-example-cell{aspect-ratio:1;background:var(--nook-surface)}.ng-example-fill{animation:3s ease-in-out infinite ng-fill}.ng-howto-steps{flex-direction:column;gap:.4rem;margin:0;padding-inline-start:1.25rem;list-style:decimal;display:flex}@keyframes ng-fill{0%,to{background:var(--nook-surface)}35%,75%{background:var(--ng-fill)}}@media (prefers-reduced-motion:reduce){.ng-example-fill{background:var(--ng-fill);animation:none}.ng-reveal-photo{transition:none}}