.cn-panel{padding:clamp(14px,3vw,28px);background:#fffdf7;border:2px solid #183333;border-radius:24px;color:#183333;min-width:0}.cn-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.cn-top h2{font-size:1.55rem;font-weight:900}.cn-kicker{font-size:.75rem;font-weight:800;color:#8b3b2a}.cn-size{display:flex;align-items:center;gap:10px;font-weight:800;margin:14px 0}.cn-size select{padding:8px;border:2px solid #183333;border-radius:8px;background:#fffdf7}.cn-scroll{overflow:auto;max-width:100%;padding:7px 3px;margin:16px 0;overscroll-behavior:contain}.cn-grid{display:grid;grid-template-columns:repeat(var(--n),48px);grid-auto-rows:48px;width:max-content;border:2px solid #183333}.cn-cell{position:relative;border:1px solid #738786;background:#fffdf7;font-size:1.15rem;font-weight:800;color:#183333;min-width:0;padding:0;display:grid;place-items:center}.cn-cell.shadow{background:#183333;color:#fffdf7}.cn-cell.white{background:#e8f0e7}.cn-cell.fixed{box-shadow:inset 0 0 0 2px #365c83}.cn-cell.selected{outline:3px solid #c24e36;outline-offset:-6px;z-index:2}.cn-cell.shadow.selected{outline-color:#f4bd4f}.cn-cell.wrong{background:#f0a790;color:#183333}.cn-mark{font-size:22px}.cn-numbers{display:grid;place-items:center;font-size:18px}.cn-numbers.multiple{grid-template-columns:repeat(2,15px);font-size:12px;gap:0 2px}.cn-number{font-size:18px}.cn-room-label{position:absolute;left:2px;top:1px;background:#f4bd4f;color:#183333;font-size:10px;line-height:14px;min-width:14px;padding:0 2px;border-radius:2px}.cn-star,.cn-error{position:absolute;right:1px;top:0;font-size:10px;color:#8b3b2a}.cn-cell.shadow .cn-star,.cn-cell.shadow .cn-error{color:#f4bd4f}.cn-room-text summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:.85rem;font-weight:800}.cn-room-text ul{font-size:.85rem;padding-left:20px;list-style:disc}.cn-actions,.cn-number-pad{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cn-actions button,.cn-number-pad button{border:2px solid #183333;border-radius:10px;padding:10px 12px;background:#fffdf7;font-weight:800;min-height:44px}.cn-panel button:disabled{opacity:.55}.cn-status{padding:12px;border-radius:10px;background:#efe9dc;font-weight:700;min-height:48px}.cn-stats{display:flex;flex-wrap:wrap;gap:20px;margin:15px 0}.cn-stats dt{font-size:.75rem}.cn-stats dd{font-weight:900}.cn-help{font-size:.85rem;line-height:1.65;color:#36514f;margin-top:14px}.cn-panel button:focus-visible,.cn-scroll:focus-visible{outline:3px solid #c24e36;outline-offset:3px}

.cn-board{position:relative;width:max-content}.cn-board.with-vertices{padding:18px}.cn-vertices{position:absolute;inset:0;pointer-events:none}.cn-vertices span{position:absolute;transform:translate(-50%,-50%);width:23px;height:23px;display:grid;place-items:center;border:1px solid #183333;border-radius:50%;background:#f4bd4f;font-size:13px;font-weight:900;z-index:3}.cn-loop{position:absolute;top:0;left:0;pointer-events:none;z-index:3}.cn-arrow{font-size:16px}.cn-cell.fixed{background:#d9d7cf}.cn-cell.anchor{box-shadow:inset 0 0 0 5px #365c83}.cn-tools{display:flex;flex-wrap:wrap;gap:8px}.cn-tools button,.cn-link-list button{padding:10px;border:2px solid #183333;border-radius:8px;min-height:44px;background:#fffdf7}.cn-tools [aria-pressed=true]{background:#a9d8cf}.cn-link-list{display:grid;gap:6px;margin-bottom:15px}.cn-link-list button{font-size:.8rem;text-align:left}.cn-link-list [aria-pressed=true]{background:#a9d8cf}.cn-panel [aria-disabled=true]{cursor:default}