.ng{--ink:#1f1f22;--grid-line:#dcdbd5;--grid-5:#6c6b67;--cell:var(--surface);--fill:#1f1f22;--x:#9a9994;--err:#e0527a;--clue:var(--text);--clue-done:#b8b7b1;--hl:color-mix(in srgb, var(--game,var(--brand)) 14%, transparent);margin:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ng{--grid-line:#46474d;--grid-5:#8f8e89;--fill:#f4f3f0;--x:#8f8e89;--clue-done:#6c6b67}}:root[data-theme=dark] .ng{--grid-line:#46474d;--grid-5:#8f8e89;--fill:#f4f3f0;--x:#8f8e89;--clue-done:#6c6b67}.ng-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0 10px;display:flex}.ng-head h1{letter-spacing:-.02em;margin:0 auto 0 0;font-size:clamp(28px,3.2vw,36px);font-weight:900;font-stretch:120%}.ng-bar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px;font-size:14px;display:flex}.ng-bar b{color:var(--text);font-variant-numeric:tabular-nums}.ng-bar .tools{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.ng-bar .btn{height:36px;padding:0 12px;font-size:14px}.ng-bar .btn.on{border-color:var(--game,var(--brand));color:var(--game,var(--brand))}.ng-mode-ico{width:14px;height:14px;display:inline-block}.ng-wrap{justify-content:center;padding-bottom:6px;display:flex;overflow-x:auto}.ng-board{--cs:32px;--rw:60px;--ch:60px;grid-template-columns:var(--rw) repeat(var(--n), var(--cs));grid-template-rows:var(--ch) repeat(var(--n), var(--cs));-webkit-user-select:none;user-select:none;touch-action:none;flex:none;display:grid}.ng-corner{border-right:2px solid var(--grid-5);border-bottom:2px solid var(--grid-5)}.ng-cclue,.ng-rclue{color:var(--clue);font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--cf,14px);line-height:1.15;display:flex}.ng-cclue{border-bottom:2px solid var(--grid-5);border-right:1px solid var(--grid-line);flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:4px}.ng-rclue{justify-content:flex-end;align-items:center;gap:calc(var(--cs) * .2);border-right:2px solid var(--grid-5);border-bottom:1px solid var(--grid-line);padding-right:6px}.ng-cclue.b5r{border-right:2px solid var(--grid-5)}.ng-rclue.b5b{border-bottom:2px solid var(--grid-5)}.ng-cclue.done,.ng-rclue.done{color:var(--clue-done)}.ng-cclue.hl,.ng-rclue.hl{background:var(--hl)}.ng-cell{background:var(--cell);border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.ng-cell.b5r{border-right:2px solid var(--grid-5)}.ng-cell.b5b{border-bottom:2px solid var(--grid-5)}.ng-cell.f:after{content:"";background:var(--fill);border-radius:2px;position:absolute;inset:2px}.ng-cell.x:before,.ng-cell.ex:before{content:"";background:linear-gradient(45deg, transparent calc(50% - 1px), var(--x) calc(50% - 1px), var(--x) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-45deg, transparent calc(50% - 1px), var(--x) calc(50% - 1px), var(--x) calc(50% + 1px), transparent calc(50% + 1px));position:absolute;inset:26%}.ng-cell.ex:before{--x:var(--err);inset:20%}.ng-cell.err{animation:.5s ng-err}@keyframes ng-err{30%{background:color-mix(in srgb, var(--err) 35%, var(--cell))}}.ng-cell.hint:after{animation:.8s ng-hint}@keyframes ng-hint{0%{background:var(--game,var(--brand));transform:scale(.2)}}.ng-board.won .ng-cell{border-color:#0000}.ng-board.won .ng-cell.f:after{border-radius:0;transition:inset .5s;inset:0}.ng-board.won .ng-cell:before{display:none}.ng-toast{opacity:0;pointer-events:none;background:var(--text);color:var(--bg);z-index:50;border-radius:10px;padding:10px 16px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.ng-toast.show{opacity:1;transform:translate(-50%)}.ng-result{z-index:60;background:color-mix(in srgb, var(--bg) 60%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ng-result .panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:16px;width:min(360px,100%);padding:24px 28px}.ng-result h2{margin:0 0 12px;font-size:28px}.ng-pic{grid-template-columns:repeat(var(--n), 1fr);aspect-ratio:1;width:120px;margin:0 auto 14px;display:grid}.ng-pic i.f{background:var(--fill)}.ng-result dl{text-align:left;grid-template-columns:auto auto;gap:4px 16px;margin:0 0 18px;font-size:15px;display:grid}.ng-result dt{color:var(--muted)}.ng-result dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.ng-result [data-r-streak-row]{display:contents}.ng-result .row{justify-content:center;gap:8px;display:flex}.ng-result .countdown{color:var(--muted);font-variant-numeric:tabular-nums;margin:12px 0 0;font-size:14px}@media (width<=600px){.ng-bar .btn span{display:none}.ng-bar .btn{padding:0 10px}.ng-bar .tools{margin-left:0}}.ng-seg button{align-items:center;gap:6px;display:inline-flex}