.game-host-nonogram{--stage-inline: min( calc(100vw - 2rem) , 42rem)}.game-host.game-host-nonogram:has(.nonogram-board.size-5){--stage-inline: min( calc(100vw - 2rem) , 30rem)}.game-host.game-host-nonogram:has(.nonogram-board.size-10){--stage-inline: min( calc(100vw - 2rem) , 38rem)}.game-host.game-host-nonogram:has(.nonogram-board.size-15){--stage-inline: min( calc(100vw - 2rem) , 38rem)}.game-host.game-host-nonogram{width:var(--stage-inline)}.game-host-nonogram .game-board-frame{width:100%}.nonogram-shell{container-type:inline-size;display:inline-grid;width:fit-content;inline-size:100%;max-width:100%}.nonogram-tools{display:flex;justify-content:center;gap:.35rem;margin-bottom:.2rem}.nonogram-tool{min-height:44px;min-width:4.75rem;border:1px solid var(--control-border);border-radius:.7rem;background:var(--surface);color:var(--ink);font-weight:750}.nonogram-tool[aria-pressed=true]{border-color:var(--game-accent);background:var(--game-accent);color:var(--surface)}.nonogram-stroke-status{min-height:1.3em;margin:0 0 .2rem;color:var(--ink-muted);text-align:center;font-size:.86rem}.nonogram-zoom{display:flex;justify-content:center;gap:.35rem;margin:0 auto .2rem}.nonogram-zoom button{min-width:44px;min-height:44px;border:1px solid var(--control-border);border-radius:.65rem;background:var(--surface);color:var(--ink);font-weight:800}.nonogram-scroll{overflow-x:auto;max-width:100%;padding:.15rem;overscroll-behavior:contain}.nonogram-board{--nonogram-cell: clamp(var(--nonogram-min-cell), min(calc((min(100cqw, 42rem) - 5rem) / var(--nonogram-size)), calc((min(100dvh, 56rem) - 15rem) / var(--nonogram-size))), 4.5rem);display:grid;grid-template-columns:max-content max-content;grid-template-rows:max-content max-content;gap:.25rem;width:max-content;margin-inline:auto;zoom:var(--nonogram-zoom)}.nonogram-board.size-15{--nonogram-cell: clamp(var(--nonogram-min-cell), min(calc((min(100cqw, 42rem) - 5rem) / var(--nonogram-size)), calc((min(100dvh, 56rem) - 15rem) / var(--nonogram-size))), 4.5rem)}.nonogram-column-clues{grid-column:2;display:grid;grid-template-columns:repeat(var(--nonogram-size),var(--nonogram-cell));align-items:end;min-height:4rem}.nonogram-row-clues{grid-row:2;display:grid;grid-template-rows:repeat(var(--nonogram-size),var(--nonogram-cell));justify-items:end}.nonogram-column-clues span,.nonogram-row-clues span{display:grid;place-items:center;min-width:var(--nonogram-cell);min-height:var(--nonogram-cell);padding:.15rem;color:var(--ink);font-size:.75rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.nonogram-column-clues span{white-space:pre-line;text-align:center}.nonogram-row-clues span{justify-content:end;white-space:nowrap}.nonogram-clue{border-radius:.35rem;transition:background-color .12s ease,color .12s ease}.nonogram-clue b{margin-inline-start:.15rem;font-size:.8em}.nonogram-clue.is-complete{color:var(--ink-muted);text-decoration:line-through;text-decoration-thickness:1px}.nonogram-clue.is-conflict{border:1px dashed var(--danger);color:var(--danger);text-decoration:none}.nonogram-clue.is-active-line{background:color-mix(in srgb,var(--game-accent) 12%,var(--surface));color:var(--ink)}.nonogram-cells{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(var(--nonogram-size),var(--nonogram-cell));border:2px solid var(--ink)}.nonogram-row{display:contents}.nonogram-cell{position:relative;display:grid;place-items:center;width:var(--nonogram-cell);height:var(--nonogram-cell);border:1px solid color-mix(in srgb,var(--ink) 22%,var(--line));background:var(--surface);color:var(--ink);cursor:pointer;font-size:calc(var(--nonogram-cell) * .72);font-weight:800;touch-action:none;transition:background-color .12s ease,border-color .12s ease}.nonogram-cell.mark-filled{background:var(--game-accent)}.nonogram-fill-glyph{color:var(--surface);font-size:.55em;line-height:1}.nonogram-cell.mark-crossed{background:var(--surface)}.nonogram-cell.is-active-row,.nonogram-cell.is-active-column{background-image:linear-gradient(color-mix(in srgb,var(--game-accent) 9%,transparent),color-mix(in srgb,var(--game-accent) 9%,transparent))}.nonogram-cell[data-group-column=true]{border-right-width:2px;border-right-color:var(--ink-muted)}.nonogram-cell[data-group-row=true]{border-bottom-width:2px;border-bottom-color:var(--ink-muted)}.nonogram-cell.has-conflict{background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--danger) 45%,transparent) 0 .28rem,transparent .28rem .56rem);box-shadow:inset 0 0 0 3px var(--danger)}.nonogram-cell[aria-selected=true]{outline:3px solid var(--focus);outline-offset:-3px;z-index:1}.nonogram-cell:disabled{cursor:not-allowed;opacity:.62}@media(max-width:44rem){.nonogram-tools{position:sticky;z-index:18;bottom:calc(4.5rem + env(safe-area-inset-bottom));padding:.35rem;border:1px solid var(--line);border-radius:.8rem;background:color-mix(in srgb,var(--surface) 96%,transparent)}.nonogram-tool{flex:1 1 0;min-width:0}}@media(forced-colors:active){.nonogram-cell.mark-filled{background:Canvas}.nonogram-fill-glyph,.nonogram-cross-glyph{color:CanvasText}.nonogram-clue.is-conflict{outline:2px dashed CanvasText}.nonogram-cell[data-group-column=true],.nonogram-cell[data-group-row=true]{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.nonogram-cell,.nonogram-clue{transition:none!important}}