.legend{display:flex;align-items:center;gap:16px;color:#8d9894;font-size:11px;margin:0 0 11px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.legend-dot.filled{background:#69c6bd}.legend-dot.open{border:1px solid #c7e66a}.legend-note{margin-left:auto;color:#65716d}.event-card{grid-template-columns:80px 1fr 330px 118px;min-height:141px}.roster{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:10px}.roster-slot{min-width:0;display:flex;align-items:center;gap:4px;color:#f1efe8}.roster-slot b{width:21px;height:21px;border-radius:50%;background:#62564c;display:grid;place-items:center;font-size:10px;flex:none}.roster-slot small{font-size:9px;color:#8d9894;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-slot:nth-child(2n) b{background:#596479}.roster-slot:nth-child(3n) b{background:#496860}.roster-slot.open-slot b{background:transparent;border:1px dashed #77884b;color:#c7e66a;font-size:13px}.roster-slot.open-slot small{color:#c7e66a}.modal-backdrop[hidden]{display:none!important}.event-actions{display:grid;gap:7px}.event-actions .join-button{width:100%}.delete-button{height:30px;border:1px solid #73463d;border-radius:4px;background:transparent;color:#e9784e;font-size:11px}.delete-button:hover{background:#3a2420}@media(max-width:850px){.event-card{grid-template-columns:62px 1fr 95px}.roster{grid-template-columns:repeat(5,1fr)}.event-actions{grid-column:3;grid-row:1/3}.event-actions .join-button{grid-column:auto;grid-row:auto}}@media(max-width:520px){.legend{flex-wrap:wrap}.legend-note{margin-left:0;width:100%}.roster-slot small{display:none}.roster{gap:3px}}