*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#008080;color:#192333;font:14px Tahoma,Arial,sans-serif}body{display:grid;place-items:center;min-height:100vh;padding:10px}.window{width:min(970px,100%);min-width:0;background:#c0c0c0;padding:3px;border:2px solid;border-color:white #454545 #454545 white;box-shadow:6px 6px #004c4c}.title{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(90deg,#000080,#1482bb);color:#fff;padding:8px 10px}.title h1{font-size:clamp(14px,3vw,20px);margin:0}.title a{background:#c0c0c0;color:#111;padding:4px 10px;text-decoration:none;font-size:20px;border:2px solid;border-color:white #454545 #454545 white}.body{padding:13px}.stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}.stats span,#status{background:#fff;border:2px inset #ccc;padding:7px 9px;font:12px/1.5 Consolas,monospace}.stats strong{color:#133584}.layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(240px,.84fr);gap:15px}.play,.help{min-width:0;padding:12px;background:#e5e9ed;border:2px inset #ddd}.board{width:min(100%,440px);aspect-ratio:1;margin:0 auto;position:relative;touch-action:manipulation;border:3px inset #ccc;background:linear-gradient(#c2d9e8,#e5f0f7)}.clue{position:absolute;display:grid;place-items:center;width:20%;height:20%;font:bold clamp(15px,4vw,26px) Consolas,monospace;color:#15274c;pointer-events:none}.clue.conflict{color:#a00020;background:#ffb6b6}.edge{position:absolute;border:0;background:transparent;z-index:2;display:grid;place-items:center;cursor:pointer;padding:0;color:#a0b0b8;touch-action:manipulation}.edge.horizontal{height:23px;transform:translateY(-50%)}.edge.vertical{width:23px;transform:translateX(-50%)}.edge:before{content:'';display:block;position:absolute;border-radius:5px;background:#9aaebb}.edge.horizontal:before{width:65%;height:3px}.edge.vertical:before{height:65%;width:3px}.edge.line:before{background:#003a9f;box-shadow:0 0 0 1px #fff}.edge.horizontal.line:before{height:6px;width:95%}.edge.vertical.line:before{width:6px;height:95%}.edge.cross:before{display:none}.edge.cross:after{content:'×';font:bold 22px Consolas,monospace;color:#af2839}.edge:focus-visible{background:#fff59e;z-index:3}.edge[disabled]{cursor:default}.legend{font:12px/1.6 Consolas,monospace;text-align:center;margin-top:10px}.sample{display:inline-block;font-size:20px;font-weight:bold;margin-left:12px}.sample.line{color:#003a9f}.sample.cross{color:#af2839}.help h2{margin:0 0 10px;font-size:16px}.help p{font-size:12px;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.actions button{background:#c0c0c0;border:2px solid;border-color:white #444 #444 white;padding:10px 12px;font:bold 12px Tahoma,Arial,sans-serif;color:#111;cursor:pointer}.actions button:disabled{opacity:.5;cursor:default}#status{min-height:58px;overflow-wrap:anywhere}.fine{color:#43505c}@media(max-width:670px){body{padding:4px}.body{padding:7px}.layout{grid-template-columns:minmax(0,1fr)}.play,.help{padding:8px}.board{width:min(100%,440px)}.edge.horizontal{height:22px}.edge.vertical{width:22px}.stats{gap:4px}.stats span{padding:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}