:where(.reading-collection,.reading-collection-dialog) .net-game{min-width:0}:where(.reading-collection,.reading-collection-dialog) .net-task{margin:0 0 8px;font-size:20px;line-height:1.5}:where(.reading-collection,.reading-collection-dialog) .net-instruction{color:var(--muted);max-width:75ch;margin:0 0 12px;font-size:16px;line-height:1.6}:where(.reading-collection,.reading-collection-dialog) .net-board{aspect-ratio:440/340;width:min(100%,460px);margin:16px auto;position:relative}:where(.reading-collection,.reading-collection-dialog) .net-svg{width:100%;height:auto;display:block;overflow:visible}:where(.reading-collection,.reading-collection-dialog) .net-link{stroke:var(--muted);stroke-width:2.5px;stroke-linecap:round;pointer-events:stroke}:where(.reading-collection,.reading-collection-dialog) .net-link-selected{stroke:var(--accent);stroke-width:7px}:where(.reading-collection,.reading-collection-dialog) .net-cost-label rect{fill:var(--card);stroke:var(--muted);stroke-width:1.5px}:where(.reading-collection,.reading-collection-dialog) .net-place-label circle{fill:var(--soft);stroke:var(--ink);stroke-width:2px}:where(.reading-collection,.reading-collection-dialog) .net-cost-label text,:where(.reading-collection,.reading-collection-dialog) .net-place-label text{fill:var(--ink);stroke:none;font-family:inherit;font-size:19px;font-weight:600}:where(.reading-collection,.reading-collection-dialog) .net-labelled .net-cost-label,:where(.reading-collection,.reading-collection-dialog) .net-labelled .net-place-label{visibility:hidden}:where(.reading-collection,.reading-collection-dialog) .net-edge-button,:where(.reading-collection,.reading-collection-dialog) .net-node-button{border:1.5px solid var(--muted);background:var(--card);width:44px;height:44px;min-height:44px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;border-radius:8px;place-items:center;padding:0;font-size:20px;font-weight:600;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}:where(.reading-collection,.reading-collection-dialog) button.net-edge-button{cursor:pointer;touch-action:manipulation}:where(.reading-collection,.reading-collection-dialog) button.net-edge-button:hover{background:var(--soft);border-color:var(--accent)}:where(.reading-collection,.reading-collection-dialog) .net-edge-button.net-edge-chosen{background:var(--accent);border-color:var(--accent);color:var(--bg)}:where(.reading-collection,.reading-collection-dialog) .net-selection-mark{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}:where(.reading-collection,.reading-collection-dialog) .net-edge-button .net-selection-mark{width:11px;height:11px;position:absolute;bottom:1px;right:1px}:where(.reading-collection,.reading-collection-dialog) .net-node-button{border:2px solid var(--ink);background:var(--soft);border-radius:50%;font-size:19px;font-weight:650}:where(.reading-collection,.reading-collection-dialog) button.net-node-button{cursor:grab;touch-action:none}:where(.reading-collection,.reading-collection-dialog) button.net-node-button:active{cursor:grabbing}:where(.reading-collection,.reading-collection-dialog) .net-node-picked,:where(.reading-collection,.reading-collection-dialog) .net-node-drop-target{outline:3px solid var(--accent);outline-offset:3px;background:var(--accent);border-color:var(--accent);color:var(--bg)}:where(.reading-collection,.reading-collection-dialog) .net-node-target{border-color:var(--accent);border-style:dashed}:where(.reading-collection,.reading-collection-dialog) .net-edge-button:focus-visible,:where(.reading-collection,.reading-collection-dialog) .net-node-button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}:where(.reading-collection,.reading-collection-dialog) .net-game .net-interactive{touch-action:pan-y;-webkit-user-select:none;user-select:none}:where(.reading-collection,.reading-collection-dialog) .net-drag-preview{fill:none;stroke:var(--accent);stroke-width:4px;stroke-dasharray:7 7;stroke-linecap:round;pointer-events:none}:where(.reading-collection,.reading-collection-dialog) .net-drag-preview[hidden]{display:none}:where(.reading-collection,.reading-collection-dialog) .net-status{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;max-width:460px;margin:0 auto;padding:12px 0;font-size:16px;line-height:1.5;display:flex}:where(.reading-collection,.reading-collection-dialog) .net-status strong{font-size:18px}:where(.reading-collection,.reading-collection-dialog) .net-status span{color:var(--muted)}:where(.reading-collection,.reading-collection-dialog) .net-status-connected span{color:var(--accent);align-items:center;gap:6px;display:flex}:where(.reading-collection,.reading-collection-dialog) .net-status-connected .net-selection-mark{flex:0 0 14px;width:14px;height:14px}:where(.reading-collection,.reading-collection-dialog) .net-note{max-width:460px;color:var(--muted);margin:8px auto 0;line-height:1.6}:where(.reading-collection,.reading-collection-dialog) .net-secondary{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-right:auto;display:flex}:where(.reading-collection,.reading-collection-dialog) .net-actions .text-button{min-height:44px}:where(.reading-collection,.reading-collection-dialog) .net-game .net-feedback{outline:none;margin:18px 0 0}:where(.reading-collection,.reading-collection-dialog) .net-feedback h3,:where(.reading-collection,.reading-collection-dialog) .net-solution h3{margin:0 0 6px;font-size:19px;line-height:1.5}:where(.reading-collection,.reading-collection-dialog) .net-feedback p{max-width:75ch;margin:6px 0 0}:where(.reading-collection,.reading-collection-dialog) .net-solution{margin-top:24px}:where(.reading-collection,.reading-collection-dialog) .net-round-review{margin-top:20px}:where(.reading-collection,.reading-collection-dialog) .net-round-review h3{margin:20px 0 4px;font-size:18px}:where(.reading-collection,.reading-collection-dialog) .net-cover .net-cost-label rect,:where(.reading-collection,.reading-collection-dialog) .net-cover .net-place-label circle{fill:var(--card);stroke:currentColor}:where(.reading-collection,.reading-collection-dialog) .net-cover .net-cost-label text,:where(.reading-collection,.reading-collection-dialog) .net-cover .net-place-label text{fill:currentColor;font-size:22px}:where(.reading-collection,.reading-collection-dialog) .net-cover .net-link{stroke:currentColor;opacity:.6;stroke-width:3px}:where(.reading-collection,.reading-collection-dialog) .net-cover .net-link-selected{opacity:1;stroke-width:8px}:where(.reading-collection,.reading-collection-dialog) .net-demo{text-align:left;width:100%}:where(.reading-collection,.reading-collection-dialog) .net-demo .net-task{font-size:16px}:where(.reading-collection,.reading-collection-dialog) .net-demo .net-instruction{font-size:14px}:where(.reading-collection,.reading-collection-dialog) .net-demo .net-board{max-width:340px}:where(.reading-collection,.reading-collection-dialog) .net-demo .net-status{gap:4px 12px;font-size:14px}:where(.reading-collection,.reading-collection-dialog) .net-demo .net-status strong{font-size:16px}:where(.reading-collection,.reading-collection-dialog) .net-demo .net-secondary{gap:8px 12px}:where(.reading-collection,.reading-collection-dialog) .net-demo .net-feedback h3{font-size:17px}:where(.reading-collection,.reading-collection-dialog) :lang(ko) .net-game{word-break:keep-all;overflow-wrap:anywhere}@media (width<=650px){:where(.reading-collection,.reading-collection-dialog) .net-secondary{gap:8px 20px;width:100%;margin:0}:where(.reading-collection,.reading-collection-dialog) .net-status{font-size:15px}:where(.reading-collection,.reading-collection-dialog) .net-status strong{font-size:17px}:where(.reading-collection,.reading-collection-dialog) .net-task{font-size:19px}:where(.reading-collection,.reading-collection-dialog) .net-instruction{font-size:15px}:where(.reading-collection,.reading-collection-dialog) .net-demo .net-board{max-width:300px}}@media (prefers-reduced-motion:no-preference){:where(.reading-collection,.reading-collection-dialog) button.net-edge-button{transition:background-color .14s ease-out,border-color .14s ease-out}}
