.ld-area{width:min(700px,94%);display:flex;flex-direction:column;gap:12px}
#ld-setup{background:#fffaf0;border-radius:14px;padding:16px;box-shadow:0 8px 18px rgba(70,40,10,.18)}
.ld-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ld-cols h3{margin:0 0 8px;font-size:15px}
#ld-names,#ld-results{display:flex;flex-direction:column;gap:6px}
#ld-setup label{display:flex;align-items:center;gap:6px}
#ld-setup label i{width:10px;height:10px;border-radius:50%;flex:none}
#ld-setup input{font:inherit;font-size:15px;width:100%;min-width:0;padding:8px 10px;border:1px solid #e4dccd;border-radius:8px;background:#fff}
.ld-opt{display:flex;align-items:center;gap:6px;font-size:14px;margin-top:12px;color:#5c554b}
.ld-make{margin-top:14px;width:100%;font-size:17px;padding:12px}
#ld-play{display:flex;flex-direction:column;gap:6px}
.ld-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:4px}
.ld-sheet{background:#fffaf0;border-radius:14px;padding:12px 6px;box-shadow:0 8px 18px rgba(70,40,10,.18)}
#ld-top,#ld-bot{display:grid;gap:3px}
.ld-name{font:inherit;font-size:13px;font-weight:700;padding:7px 2px;border-radius:8px;border:2px solid var(--c);background:#fff;color:var(--c);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.ld-name:hover,.ld-name.done{background:var(--c);color:#fff}
#ld-svg{display:block;width:100%;height:auto}
.ld-pole{stroke:#8a7a62;stroke-width:4;stroke-linecap:round}
.ld-rung{stroke:#8a7a62;stroke-width:4;stroke-linecap:round}
.ld-path{fill:none;stroke-width:6;stroke-linejoin:round;stroke-linecap:round;opacity:.9}
.ld-res{font-size:13px;font-weight:700;text-align:center;padding:7px 2px;border-radius:8px;background:#efe7d8;color:#9a9184;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ld-res.show{background:#fff;color:var(--c);box-shadow:inset 0 0 0 2px var(--c)}
#ld-list h3{margin:6px 0 8px;font-size:16px}
#ld-list ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}
#ld-list li{background:#fff;border:1px solid #e4dccd;border-radius:10px;padding:8px 10px;font-size:15px;display:flex;align-items:center;gap:6px}
#ld-list li i{width:10px;height:10px;border-radius:50%;flex:none}
#ld-list li span{color:#9a9184}
.ld-acts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
@media(max-width:520px){.ld-cols{gap:8px}#ld-setup input{font-size:14px;padding:7px 8px}.ld-name,.ld-res{font-size:11px;letter-spacing:-.6px;padding-left:0;padding-right:0}}