.roster-board{display:grid;gap:24px;margin:24px 0}.roster-board h3{font-size:16px;margin:0 0 12px}.roster-board h3 span{color:#607268;font-size:14px;margin-left:8px}.roster-pool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roster-person{display:grid;grid-template-columns:1fr auto;gap:6px;text-align:left;padding:16px;border:1px solid #cbd6ce;border-radius:12px;background:white;color:#26352d;cursor:pointer;min-width:0}.roster-person strong{font-size:17px}.roster-person>span:not(.roster-action){grid-column:1;font-size:13px;line-height:1.5;color:#58695f}.roster-action{grid-column:2;grid-row:1/3;align-self:center;font-size:13px;color:#42654e}.roster-person:hover:not(:disabled),.roster-person:focus-visible{outline:2px solid #4c795d;outline-offset:2px}.roster-person:disabled{opacity:1;cursor:default}.roster-target{padding:20px;background:#f3f7f2;border:2px dashed #bdcdbd;border-radius:16px;min-height:145px}.roster-person.in-roster{border-color:#98ae99}.roster-empty{grid-column:1/-1;color:#738176;font-size:14px;line-height:1.6;margin:12px 0}.roster-explanation{list-style:none;padding:0;margin:20px 0 0}.roster-explanation li{display:grid;gap:5px;padding:10px 0;border-top:1px solid #d7e0d6;font-size:14px}.roster-explanation span{line-height:1.6}@media(max-width:560px){.roster-pool{grid-template-columns:1fr}.roster-target{padding:14px}.roster-person{padding:13px}}