.shell.nono{--dock-rows:2;--nono-done:#7f8296}.nono .shell__board{width:100%;max-width:none;height:100%}.nono .shell-status{font-size:1rem}.nono .shell-status.is-result{font-size:1.2rem}.nono .shell-btn{padding:2px;font-size:.8125rem}.nono .shell-btn__label{white-space:normal;overflow-wrap:anywhere}.nono .shell-btn .shell-icon,.nono .shell-btn .nono-icon{width:18px;height:18px}.nono button,.nono label,.nono .btn{touch-action:manipulation}.nono-field{border:0;min-width:0;margin:0;padding:0}.nono-legend{margin-bottom:4px;padding:0;font-weight:700}#settings .nono-field{margin-bottom:12px}.nono-segments{border:1.5px solid var(--ink);background:var(--paper);border-radius:8px;display:flex;overflow:hidden}.nono-segments label{cursor:pointer;flex:1 1 0;min-width:0;position:relative}.nono-segments label+label{border-inline-start:1.5px solid var(--ink)}.nono-segments input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.nono-segments span{text-align:center;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:4px;font-size:.95rem;line-height:1.15;display:flex}.nono-segments input:checked+span{background:var(--ink);color:var(--paper);font-weight:700}.nono-segments input:not(:checked):hover+span{background:var(--paper-shade)}.nono-segments input:focus-visible+span{outline:3px solid var(--focus);outline-offset:-3px}.nono-segments input:checked:focus-visible+span{outline-color:var(--marker)}.nono-sizes.is-off{border-color:#a9acba}.nono-sizes.is-off label+label{border-inline-start-color:#a9acba}.nono-sizes.is-off span{color:var(--ink-soft)}.nono-strip{justify-content:space-between;align-items:center;gap:8px;height:44px;display:flex}.nono-clock{align-items:center;gap:8px;display:flex}.nono-clock__button{appearance:none;border:1.5px solid var(--ink);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover) and (pointer:fine){.nono-clock__button:hover:not(:disabled){background:var(--paper-shade)}}.nono-clock__button:disabled{color:#70748a;cursor:not-allowed;border-color:#a9acba}.nono-clock__time{min-width:3em;font-family:var(--font-hand);font-variant-numeric:tabular-nums;padding-top:4px;font-size:1.3rem;line-height:1}.nono-day{font-family:var(--font-hand);text-align:end;font-size:1.1rem}.nono-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px;display:block}.nono-frame{width:100%;height:100%;position:relative;container-type:size}.nono-scroll{display:flex;position:absolute;inset:0;overflow:hidden}.nono-frame.is-zoomed .nono-scroll{overscroll-behavior:contain;border:2px dashed var(--rule);border-radius:8px;overflow:auto}.nono-board{--cell-fit:min(100cqw / (var(--left) + var(--size) + .25), (100cqw - var(--left-floor)) / (var(--size) + .25), 100cqh / (var(--top) + var(--size) + .25), (100cqh - var(--top-floor)) / (var(--size) + .25));--cell:var(--cell-fit);--clue-w:max(var(--cell) * var(--left), var(--left-floor));--clue-h:max(var(--cell) * var(--top), var(--top-floor));width:calc(var(--clue-w) + var(--cell) * var(--size));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:none;margin:auto;position:relative}.nono-frame.is-zoomed .nono-board{--cell:max(var(--cell-fit), 34px)}.nono-top{z-index:2;height:var(--clue-h);display:flex;position:sticky;top:0}.nono-corner{z-index:3;width:var(--clue-w);flex:none;position:sticky;inset-inline-start:0}.nono-frame.is-zoomed .nono-corner,.nono-frame.is-zoomed .nono-clue{background:var(--paper)}.nono-frame.is-zoomed .nono-clue.is-line{background:#fff6c4}.nono-cols,.nono-body{display:flex}.nono-rows{z-index:1;width:var(--clue-w);flex:none;position:sticky;inset-inline-start:0}.nono-clue{color:var(--ink);font-family:var(--font-body);font-size:max(.75rem, var(--cell) * .56);font-variant-numeric:tabular-nums;touch-action:pan-x pan-y;line-height:1;display:flex;position:relative}.nono-clue--col{justify-content:flex-end;align-items:center;gap:min(1.5px, var(--cell) * .12);width:var(--cell);border-inline-end:1px solid var(--rule-soft);flex-direction:column;height:100%;padding-bottom:2px}.nono-clue--row{justify-content:flex-end;align-items:center;gap:calc(var(--cell) * .26);height:var(--cell);border-bottom:1px solid var(--rule-soft);padding-inline-end:calc(var(--cell) * .22)}.nono-clue--col.edge-right{border-inline-end-color:var(--board-line)}.nono-clue--row.edge-bottom{border-bottom-color:var(--board-line)}.nono-clue.is-line{background:#fff6c4}.nono-clue span.is-done,.nono-clue.is-done span{color:var(--nono-done)}.nono-clue.is-done span{text-decoration:line-through;text-decoration-thickness:1px}.nono-cells{grid-template-columns:repeat(var(--size), var(--cell));grid-auto-rows:var(--cell);box-shadow:0 0 0 2px var(--board-line-strong);background:var(--paper);touch-action:none;display:grid}.nono-cell{appearance:none;border:0;border-inline-end:1px solid var(--board-line);border-bottom:1px solid var(--board-line);width:100%;min-width:0;height:100%;min-height:0;color:var(--ink);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.nono-cell.edge-right{border-inline-end:2px solid var(--board-line-strong)}.nono-cell.edge-bottom{border-bottom:2px solid var(--board-line-strong)}.nono-cell.is-line{background:#fff6c4}@media (hover:hover) and (pointer:fine){.nono-board[data-state=playing] .nono-cell:hover{background:#ffeb8a}}.nono-cell.is-filled,.nono-board[data-state=playing] .nono-cell.is-filled:hover{background:var(--ink);box-shadow:inset 0 0 0 1px var(--paper)}.nono-cell svg{fill:none;width:62%;height:62%;stroke:var(--ink-soft);stroke-width:2.6px;stroke-linecap:round;pointer-events:none}.nono-cell.is-wrong.is-filled{background:var(--o)}.nono-cell.is-wrong.is-crossed{background:#fde3e7}.nono-cell.is-wrong svg{stroke:var(--o)}.nono-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:1}.nono-board[data-state=won] .nono-cell{cursor:default;border-color:#0000;transition:border-color .5s,background-color .5s}.nono-board[data-state=won] .nono-cell.is-filled{box-shadow:none}.nono-board[data-state=won] .nono-cell.is-crossed svg{display:none}.nono-board[data-state=won] .nono-clue span{color:var(--nono-done);text-decoration:none}.nono-overlay{z-index:5;background:var(--paper);justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.nono-overlay__card{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--paper);max-width:90%;box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;display:flex}.nono-overlay__card h2{font-size:1.6rem}.nono-overlay__card p{margin:0}.nono-overlay__card .btn{margin-top:6px}.nono .shell__dock:has(#result-show) :is(#nono-redo,#nono-zoom:disabled){display:none}.nono-tool-field{flex:100%}.nono-tool span{min-height:var(--dock-row);font-size:1rem;font-weight:700}.nono-tool.is-idle input:checked+span{background:var(--paper-shade);color:var(--ink)}.nono-tool.is-idle input:checked+span .nono-icon{stroke:var(--ink)}.nono-tool .nono-icon{width:18px;height:18px}.nono-tool input:checked+span .nono-icon{stroke:var(--paper)}.nono-tool label:first-child .nono-icon path{fill:currentColor}.nono .nono-zoom.is-hidden{display:none}.nono-toggle{margin-top:10px}.nono-keys{margin-top:12px}.nono-keys h3{font-family:var(--font-body);font-size:.9rem;font-weight:700}.nono-keys p{color:var(--ink-soft);margin:2px 0 0;font-size:.85rem;line-height:1.35}@media (hover:none){.nono-keys{display:none}}.nono-best{margin:8px 0 0}.nono-best div{border-bottom:1px solid var(--rule);justify-content:space-between;gap:8px;padding:3px 6px;display:flex}.nono-best div.is-current{background:var(--highlight);font-weight:700}.nono-best dd{font-variant-numeric:tabular-nums;margin:0}.nono-best__note{color:var(--ink-soft);margin:8px 0 0;font-size:.85rem;line-height:1.35}@media (min-width:700px) and (min-height:600px){.nono .nono-zoom{display:none}}@media (orientation:portrait) and (max-height:600px){.shell.nono{--dock-row:44px;--dock-pad:4px}.nono .shell__play{gap:4px}.nono .shell-status{height:40px;font-size:.875rem}.nono .shell-status.is-result{font-size:1rem}.nono .shell-btn .shell-icon,.nono .shell-btn .nono-icon{display:none}}@media (min-width:900px) and (min-height:501px){.nono .shell__play{grid-template:"stage strip""stage status""stage dock"minmax(0,1fr)/minmax(0,1fr) 280px;column-gap:16px;display:grid}.nono .shell__strip{grid-area:strip}.nono .shell__status{grid-area:status}.nono .shell__stage{grid-area:stage}.nono .shell__dock{grid-area:dock;align-self:start;max-width:none}.nono .shell-status{height:76px;font-size:1.15rem}.nono .shell-status.is-result{font-size:1.4rem}}