.link-top{display:flex;justify-content:space-between;align-items:center;margin:12px 0 16px;color:#647a6d;font-size:13px}.link-panel{max-width:860px;margin:auto;padding:25px;border:1px solid #e2e9d4;border-radius:26px;background:#fffdf2;box-shadow:0 15px 50px #345b3410}.link-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.link-panel header p{color:#65826f;font-size:12px;margin:0 0 6px}.link-panel header h2{font-size:24px;margin:0}.link-panel header>b{white-space:nowrap;padding:10px 13px;background:#e2edd7;border-radius:13px;color:#366847}.link-instruction{font-size:13px;line-height:1.6;color:#76816a;margin:13px 0 18px}.link-headings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:9px;text-align:center;font-size:13px;color:#557249}.link-board{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;touch-action:pan-y}.link-column{display:grid;grid-template-rows:repeat(5,minmax(82px,1fr));gap:12px;min-width:0}.link-node{position:relative;z-index:2;min-width:0;width:100%;min-height:82px;border:2px solid #dee6d1;background:#fffdf5;border-radius:15px;padding:9px;color:#2f4d3c;font-weight:700;font-size:17px;line-height:1.3;overflow-wrap:anywhere;cursor:pointer;touch-action:none;transition:background .15s,border-color .15s}.link-node span[lang]{font-family:Georgia,serif}.picture-node{background:linear-gradient(145deg,#eff4dc,#fbefd0);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.link-picture{font-size:34px;white-space:pre-line;line-height:1.15}.link-picture-caption{font-size:11px;line-height:1.3;font-weight:500;color:#5a684a}.link-node.chosen{border-color:#c78f22;background:#fff0b9;box-shadow:0 0 0 2px #eac56a55}.link-node.linked{border-color:var(--link-color);background:color-mix(in srgb,var(--link-color) 12%,#fffdf5);color:#24432e;opacity:1}.link-node.linked:after{content:'✓';position:absolute;right:3px;top:2px;font-size:10px;color:var(--link-color)}.link-node.incorrect{border-color:#c97262;background:#fce6df}.link-node:focus-visible{outline:3px solid #b57f22;outline-offset:2px}.link-wires{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.link-wires path{fill:none;stroke-width:3;stroke-linecap:round;opacity:.85}.link-wires .pending{stroke-dasharray:5 5;opacity:.65}.link-feedback{min-height:44px;font-size:13px;line-height:1.6;text-align:center;margin:16px 0 10px;color:#517447}.link-actions{display:flex;justify-content:center;gap:12px;align-items:center}.link-actions button{margin:0;min-height:45px}.link-actions button:disabled{opacity:.45;cursor:default}@media(max-width:600px){.link-top{margin:5px 0 10px;font-size:11px}.link-panel{padding:14px 10px;border-radius:20px}.link-panel header h2{font-size:17px}.link-panel header p{font-size:11px}.link-panel header>b{padding:8px;font-size:13px}.link-instruction{font-size:11px;margin:9px 0 12px}.link-headings,.link-board{gap:15px}.link-headings{font-size:11px}.link-column{grid-template-rows:repeat(5,minmax(62px,1fr));gap:9px}.link-node{min-height:62px;padding:6px 4px;font-size:13px;border-radius:11px}.link-picture{font-size:26px}.link-picture-caption{font-size:10px}.link-wires path{stroke-width:2}.link-feedback{font-size:12px;margin:12px 0 8px;min-height:38px}.link-actions{gap:7px}.link-actions button{font-size:11px;padding:10px 12px}.link-actions .secondary-button{width:auto}.link-actions .primary-button{flex:1}}@media(prefers-reduced-motion:reduce){.link-node{transition:none}}
