.ct-panel{border:2px solid #183333;border-radius:28px;background:#fffdf7;box-shadow:7px 8px #183333;padding:clamp(14px,3vw,28px);color:#183333}.ct-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 12px}.ct-top h2{font-size:1.5rem;font-weight:900}.ct-kicker{font-size:.8rem;font-weight:800;color:#a8442d}.ct-size{display:flex;align-items:center;gap:12px;font-weight:800;margin:12px 0}.ct-size select{border:2px solid #183333;border-radius:12px;padding:10px;background:#fffdf7;min-height:44px}.ct-panel p{line-height:1.6}.ct-scroll{overflow:auto;max-width:100%;padding:12px 5px 15px;overscroll-behavior:contain;margin-top:12px;scrollbar-color:#52776f #efe9dc;scrollbar-width:thin}.ct-grid{display:grid;grid-template-columns:repeat(var(--n),48px);gap:3px;width:max-content;margin:auto}.ct-cell{position:relative;width:48px;height:48px;background:#e8e5dc;border:2px solid #bcc5b8;border-radius:6px;font-size:1.5rem;font-weight:800;color:#183333;touch-action:manipulation}.ct-cell.land{background:#fffdf7}.ct-cell.sea,.ct-cell.wall{background:#183333;color:#fffdf7;border-color:#183333}.ct-cell.lit{background:#ffe5a0}.ct-cell.selected,.ct-point.selected{outline:3px solid #ba482e;outline-offset:-3px}.ct-cell.revealed{border-style:dashed;border-color:#9b5d00}.ct-cell.wrong,.ct-connections .wrong{box-shadow:inset 0 0 0 3px #bc302d}.ct-star{position:absolute;right:2px;bottom:0;font-size:12px;color:#9b5d00}.ct-cell.sea .ct-star{color:#f4bd4f}.ct-error{position:absolute;right:2px;top:0;font-size:15px;color:#bc302d}.ct-cell.sea .ct-error{color:#ffb5a0}.ct-loop{position:relative;margin:auto}.ct-loop svg{position:absolute;inset:0;width:100%;height:100%}.ct-path{stroke:#b9c4b9;stroke-dasharray:3 6;stroke-width:1}.ct-path.line{stroke:#183333;stroke-width:4;stroke-dasharray:none;stroke-linecap:round}.ct-path.revealed,.ct-cross.revealed{stroke:#9b5d00}.ct-path.wrong{stroke:#bc302d;stroke-width:4}.ct-cross{font-size:18px;fill:#52776f;font-weight:900}.ct-cross.wrong{fill:#bc302d}.ct-number{font-size:20px;fill:#183333;font-weight:800}.ct-point{position:absolute;width:48px;height:48px;background:transparent;border:0;display:grid;place-items:center;touch-action:manipulation;border-radius:8px}.ct-point.anchor{background:#bd503822;box-shadow:inset 0 0 0 2px #bd5038}.ct-point .dot{width:7px;height:7px;border-radius:50%;background:#183333}.white-pearl,.black-pearl{width:22px;height:22px;border:3px solid #183333;border-radius:50%;background:#fffdf7}.black-pearl{background:#183333}.ct-star-svg{font-size:12px;fill:#9b5d00;stroke:#fffdf7;paint-order:stroke;stroke-width:2}.ct-error-svg{font-size:19px;fill:#bc302d;stroke:#fffdf7;paint-order:stroke;stroke-width:2;font-weight:900}.ct-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.ct-actions button,.ct-connections button{min-width:44px;min-height:44px;border:2px solid #183333;border-radius:12px;background:#efe9dc;padding:8px 12px;font-weight:800}.ct-actions [data-action=hint]{background:#f4bd4f}.ct-actions [data-action=new]{background:#a9d8cf}.ct-panel button:disabled{opacity:.5;cursor:default}.ct-panel :focus-visible{outline:3px solid #b83e25;outline-offset:3px}.ct-status{border-left:4px solid #bd5038;background:#f1eadc;padding:12px;margin:15px 0;min-height:52px;overflow-wrap:anywhere}.ct-stats{display:flex;flex-wrap:wrap;gap:20px}.ct-stats dt{font-size:.75rem;font-weight:800}.ct-stats dd{font-size:1.15rem;font-weight:900}.ct-help{font-size:.8rem;color:#4f6462;margin-top:16px}.ct-connections{margin:16px 0;max-width:460px}.ct-connections summary{cursor:pointer;font-weight:800;min-height:44px}.ct-connections div{display:flex;flex-direction:column;gap:8px}.ct-connections button{text-align:left;font-size:.85rem;overflow-wrap:anywhere}