.link.active{display:block}.link{max-width:960px;margin:auto;padding:32px 24px}.link h1{font-size:32px;margin:10px 0}.link h1:focus{outline:none}.link-intro{color:var(--muted);line-height:1.8;margin:6px 0 26px}.link-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:start}.link-garden{position:relative;background:linear-gradient(145deg,#e9f5ee,#f4f8e9);border:1px solid #d6e5d5;border-radius:24px;aspect-ratio:8/10;box-shadow:0 12px 30px #42634808}.link-board{position:absolute;inset:10% 12.5%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr)}.link-tile{margin:3px;border:1px solid #d6dfca;border-bottom:4px solid #d5dfc8;border-radius:12px;background:#fffef7;font-size:clamp(20px,3vw,34px);cursor:pointer;display:grid;place-items:center;padding:0;transition:background .15s,transform .15s}.link-tile:hover{background:#fff5dc;transform:translateY(-2px)}.link-tile.selected{background:#ffe5aa;border-color:#bd852f;box-shadow:0 0 0 2px #d9a34e}.link-tile.hinted{background:#e0f3c8;border-color:#699947;box-shadow:0 0 0 2px #80a35d}.link-tile.empty{visibility:hidden}.link-tile:focus-visible{outline:3px solid #557f72;outline-offset:1px}.link-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.link-lines polyline{fill:none;stroke:#d9923c;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #fff)}.link-status{font-size:14px;color:#58745c;line-height:1.8;min-height:50px;margin:14px 4px}.link-sidebar{display:grid;gap:12px}.link-scorecard{background:white;border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:8px}.link-scorecard>small{color:var(--muted)}.link-scorecard>strong{display:block;font-size:52px;color:#4e7256;margin:8px 0 20px;font-weight:600}.link-scorecard>strong small{font-size:14px;font-weight:400;margin-left:8px}.link-scorecard progress{width:100%;height:8px;accent-color:#72956c}.link-time{display:flex;justify-content:space-between;font-size:14px;margin-top:20px;color:var(--muted)}.link-time b{font-variant-numeric:tabular-nums;color:var(--ink)}.link-help{color:var(--muted);font-size:13px;line-height:1.9}.link-help b{color:#58745c}.link-result{padding:20px;background:#edf5df;border:1px solid #d6e5bf;border-radius:16px;color:#486e3d;line-height:1.8}.link-card .catalog-art{background:#edf4e7;font-size:44px;letter-spacing:8px}.link-card .catalog-footer b{color:#567e48}
@media(max-width:650px){.link{padding:24px 16px}.link h1{font-size:26px}.link-layout{grid-template-columns:1fr;gap:12px}.link-garden{max-width:480px;margin:auto}.link-sidebar{grid-template-columns:repeat(3,1fr)}.link-scorecard{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:14px 18px;margin:0}.link-scorecard>strong{font-size:26px;margin:0}.link-scorecard progress{flex:1;width:50px}.link-time{margin:0;gap:10px}.link-help{grid-column:1/-1;margin:0}.link-sidebar button{padding:12px 6px;font-size:13px}.link-tile{font-size:clamp(20px,6vw,32px);margin:2px;border-radius:8px}.link-intro{font-size:14px}.link-status{min-height:0}.link-scorecard>small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.link-tile{transition:none}}