:root{font-family:Arial,PingFang SC,sans-serif;color:#2f2d2a;background:#f5f0e8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}header{height:110px;display:grid;grid-template-columns:120px 1fr 180px;border-bottom:1px solid #2f2d2a}.mark{display:grid;place-items:center;background:#c9ff4a;font:700 38px Georgia;border-right:1px solid}.mark span{color:#ff6433}.title{padding:22px 28px}.title small{letter-spacing:3px;font-size:9px}.title h1{font-size:34px;margin:4px 0;letter-spacing:-2px}.round{border-left:1px solid;padding:25px;display:grid}.round span{font-size:11px}.round b{font:25px monospace}main{padding:28px;max-width:1600px;margin:auto}.summary{display:grid;grid-template-columns:1fr 1.3fr 70px auto auto;gap:18px;align-items:center;margin-bottom:28px}.summary p{font-size:18px}.summary p b{font-size:30px}.progress{height:12px;background:#d9d4cc}.progress span{display:block;height:100%;background:#ff6433}.summary button,form button{border:1px solid #2f2d2a;background:transparent;padding:13px 17px;cursor:pointer}.summary .primary,form button{background:#2f2d2a;color:#fff}form{display:grid;grid-template-columns:140px 1fr 140px 120px auto;border:1px solid;margin-bottom:28px}form input{border:0;border-right:1px solid;padding:14px;background:#fffdfa;min-width:0}form label{display:flex;align-items:center;background:#fffdfa;padding-right:8px}form label input{width:75px}.rooms{display:flex;gap:18px;align-items:flex-start;overflow-x:auto;padding-bottom:20px}.room{min-width:330px;width:360px;border:1px solid;background:#ded9d0}.roomhead{padding:18px;background:#2f2d2a;color:#fff;display:flex;justify-content:space-between;align-items:center}.roomhead h2{margin:0;font-size:28px}.roomhead span{font:11px monospace;color:#c9ff4a}.lane{padding:12px;min-height:88px;border-bottom:1px dashed #aaa39a}.lane h3{font-size:11px;text-transform:uppercase;letter-spacing:2px;margin:2px 0 10px;display:flex;justify-content:space-between}.lane h3 i{font-style:normal;background:#c4beb5;padding:2px 6px;border-radius:10px}.lane article{position:relative;background:#fffdfa;border:1px solid #716d66;padding:14px;margin:8px 0;box-shadow:3px 3px #b9b3aa;cursor:grab}.lane article.blocked{border-left:7px solid #ff6433}.lane article>b{display:block;padding-right:20px;overflow-wrap:anywhere}.lane article>div{display:flex;justify-content:space-between;font:11px monospace;margin-top:14px;color:#6b665f}.lane article p{font-size:12px;line-height:1.4;background:#fff0e8;padding:7px}.delete{position:absolute;right:6px;top:5px;border:0;background:none;font-size:18px;cursor:pointer}.lane nav{display:flex;gap:5px;margin-top:8px}.lane nav button{border:1px solid #aaa;background:#fff;width:24px;height:24px;font-size:10px;cursor:pointer}.history{max-width:900px}.history>article{border-top:1px solid;padding:20px 0;display:grid;grid-template-columns:180px 120px 1fr}.history article div{display:grid}.history time{font-size:11px;color:#777}.history ul{margin:0;columns:2}.history li{font-size:13px;margin-bottom:7px}.history li span{color:#ff6433}.empty{padding:50px;text-align:center;color:#777;border:1px dashed}.boardempty{margin-top:20px}@media(max-width:760px){header{height:86px;grid-template-columns:75px 1fr}.round{display:none}.title{padding:17px}.title h1{font-size:25px}.summary{grid-template-columns:1fr auto auto}.summary .progress,.summary>strong{display:none}.summary p b{font-size:22px}.summary button{padding:10px 8px}main{padding:16px}form{grid-template-columns:1fr 1fr}form input{border-bottom:1px solid}.rooms{display:grid;overflow:visible}.room{width:100%;min-width:0}.history>article{grid-template-columns:1fr}.history ul{columns:1;padding-left:20px}}
